Commit Graph

46 Commits

Author SHA1 Message Date
rektdeckard
40f56910be ColorInput: use cursor: pointer on hover 2020-08-08 23:44:50 -04:00
rektdeckard
8c21d8c498 New Header 2020-08-08 11:33:18 -04:00
rektdeckard
49c9cacc51 StyleInput: implement custom dropdown with example icons 2020-08-07 14:44:55 -04:00
rektdeckard
b3504e255e SearchInput: disable autocomplete 2020-08-07 14:44:36 -04:00
rektdeckard
ae4d6bedd2 IconGrid: revise grid item hover/active state styles 2020-08-07 14:43:33 -04:00
rektdeckard
0af7c55ed7 IconGrid: fix padding 2020-08-03 22:25:05 -04:00
rektdeckard
ce1673e010 Issues: update icon_request template 2020-08-03 22:24:11 -04:00
Tobias Fried
48ec53eeae Merge pull request #2 from rektdeckard/issue-templates
Update issue templates
2020-08-03 22:22:56 -04:00
Tobias Fried
9a85244f34 Update issue templates 2020-08-03 22:22:47 -04:00
rektdeckard
6b868aa59b IconGrid: adjust grid item and info panel hover/active states
This is now in compliance with the spec, using a single color with
opacity to render open/hovered/active GridItems and InfoPanels. We also
properly show background on open GridItems.
2020-08-03 18:22:41 -04:00
rektdeckard
7636a1f85e ErrorBoundary: use correct types for child components/fallbacks 2020-08-03 18:22:07 -04:00
rektdeckard
528a4fcf8d App: button text should not be user-selectable 2020-08-03 18:21:51 -04:00
rektdeckard
1a86365db1 README: update code example 2020-08-03 18:20:54 -04:00
Tobias Fried
d1f22a3dbc ErrorBoundary: add error boundary to IconGrid 2020-07-31 20:01:25 -04:00
Tobias Fried
f79eb5a5d3 InfoPanel: show confirmation icons on successful SVG or snippet copy
This patch makes immediate use of useTransientState() to fire a
temporary state transition to show success/failure of copy action.

Note: we should handle error states using other icon.
2020-07-31 19:59:25 -04:00
Tobias Fried
6202c4d2bb useTransientState: implement hook
This utility hook provides access to a piece of state and a setter
function, which can be used to supply a temporary value and a duration
for which it is valid, before reverting to preceeding value. Following
the pattern:

const [value, setTransientValue] = useTransientValue<number>(42, 5000);
setTransientValue(69); // value === 69 for 5000ms, before returning to 42

We can easily fire and forget a temporary state transition.
2020-07-31 19:53:12 -04:00
Tobias Fried
847d80e7eb App: update link styles to match spec 2020-07-31 19:52:57 -04:00
Tobias Fried
4b927d746d Add descriptors to package.json 2020-07-29 14:32:04 -04:00
rektdeckard
10fb5da728 App: update body contents and style to match the spec 2020-07-29 12:30:24 -04:00
rektdeckard
6941250d10 IconGrid: massive refactor including component extraction
This patch extracts InfoPanel from IconGridItem, adds style tweaks to
match the spec, and in general reduces prop-drilling by tapping into
recoil state for most config, and making use of IconContext to style
member icons where appropriate :)
2020-07-29 12:27:50 -04:00
rektdeckard
c269343014 Toolbar: update style to match spec 2020-07-29 12:26:24 -04:00
rektdeckard
b1a4a93e73 ColorInput: add throttling and update style to match spec
This patch adds throttling to events emitted by the native color-picker,
preventing noticeable lag caused by rapid state updates. It is currently
throttled to one event per 100ms, but we may want to play with this
value in the future! For not it feels smooth.
2020-07-29 12:23:53 -04:00
rektdeckard
2ad1e01641 SizeInput: update style to match spec 2020-07-29 12:23:13 -04:00
rektdeckard
c538766794 SearchInput: update style to match spec 2020-07-29 12:22:43 -04:00
rektdeckard
105a1abc96 IconGrid: drop virtualization approach and bump to phosphor-react@0.1.8 2020-07-29 12:20:53 -04:00
rektdeckard
d330f0b6d5 StyleInput: update style and use react-dropdown-select 2020-07-29 12:16:33 -04:00
rektdeckard
f3aa75a0c9 File cleanup and sourcing external fonts 2020-07-29 12:14:31 -04:00
rektdeckard
0ef8f87456 Info: create wrapper around body sections 2020-07-29 12:13:47 -04:00
rektdeckard
541dce65fb NavBar: extract Header into NavBar and Panorama components 2020-07-29 12:11:47 -04:00
rektdeckard
ecb51191d8 Massive interactivity updates to all components 2020-07-24 14:40:07 -04:00
rektdeckard
8ae4cb2b81 Make filteredQueryResultsSelector async :) 2020-07-24 14:38:53 -04:00
rektdeckard
f14ff1ea4f Bump to phosphor-react@0.1.6 2020-07-24 14:36:05 -04:00
Tobias Fried
a29d52e36b Remove unused SVG assets 2020-07-21 23:37:22 -04:00
rektdeckard
19d9b8c7d2 Scaffold out UI components 2020-07-21 23:07:52 -04:00
Tobias Fried
016e6d987b Experiment with virtualization and Framer Motion 2020-07-19 17:51:35 -04:00
Tobias Fried
e1dfe6aed1 IconGrid: experiment with various list virtualization libraries 2020-07-17 13:24:00 -04:00
Tobias Fried
44ac4455b7 Toolbar: refactor from IconSearch and add 'size' and 'color' controls 2020-07-17 13:23:43 -04:00
Tobias Fried
cf807f789d Icons: update icon list 2020-07-17 13:21:19 -04:00
Tobias Fried
4ed4f92af6 State: add selectors for icon category map and single category queries 2020-07-17 13:20:04 -04:00
Tobias Fried
ddecdf0451 State: add 'iconSize' and 'iconColor' atoms 2020-07-17 13:18:43 -04:00
rektdeckard
8888227be1 Add sample icons and refactor Icon interface 2020-07-15 18:06:16 -04:00
Tobias Fried
50b114ee7a Merge pull request #1 from rektdeckard/dependabot/npm_and_yarn/websocket-extensions-0.1.4
Bump websocket-extensions from 0.1.3 to 0.1.4
2020-07-14 17:54:59 -04:00
Tobias Fried
d0045c3230 Create LICENSE.md 2020-07-14 17:54:11 -04:00
dependabot[bot]
5c8a4552af Bump websocket-extensions from 0.1.3 to 0.1.4
Bumps [websocket-extensions](https://github.com/faye/websocket-extensions-node) from 0.1.3 to 0.1.4.
- [Release notes](https://github.com/faye/websocket-extensions-node/releases)
- [Changelog](https://github.com/faye/websocket-extensions-node/blob/master/CHANGELOG.md)
- [Commits](https://github.com/faye/websocket-extensions-node/compare/0.1.3...0.1.4)

Signed-off-by: dependabot[bot] <support@github.com>
2020-07-14 21:51:41 +00:00
Tobias Fried
3a9cf5dc99 Initial commit 2020-07-14 17:41:45 -04:00
Tobias Fried
856e1ac749 Initialize project using Create React App 2020-07-06 17:18:11 -04:00