aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms
Commit message (Collapse)AuthorAgeFilesLines
* feat(hooks): add useBoolean and useToggle hooksArmand Philippot2023-11-111-4/+3
|
* refactor(hooks,provider): move reduce motion setterArmand Philippot2023-11-111-3/+1
| | | | | | | | | | Since the local storage key is not meant to change between the components, it should be set directly inside the app file. So both the local storage and the data attribute should be handle in a provider. I also added a custom document because we need a script to retrieve the stored value in local storage earlier to avoid flashing on hydration.
* feat(components): add a generic Flip componentArmand Philippot2023-11-114-76/+54
| | | | | | The flipping animation is used at several places so it makes sense to use a single component to handle the animation. It will avoid styles duplication.
* refactor(components): make form components compliant with Eslint rulesArmand Philippot2023-11-1110-61/+94
|
* feat(components): replace icons with a generic Icon componentArmand Philippot2023-10-243-13/+12
| | | | | Sizes are also predefined and can be set using the `size` prop, so the consumers should no longer adjust the size in CSS.
* build: convert project to esmArmand Philippot2023-10-244-0/+4
|
* refactor(components): rewrite form componentsArmand Philippot2023-10-2459-2969/+846
|
* refactor: use named export for everything except pagesArmand Philippot2023-09-2031-125/+108
| | | | | | Next expect a default export for pages so only those components should use default exports. Everything else should use named exports to reduce the number of import statements.
* refactor(build): replace paths aliases with relative pathsArmand Philippot2023-09-1923-39/+40
| | | | | | Using paths aliases starting with "@" can be confusing and can lead to conflict with existings modules. I prefer to use relative paths to avoid extra configuration in tools because of these aliases.
* fix(settings): avoid cropped tooltip on small devicesArmand Philippot2022-06-0911-15/+69
| | | | | | I changed the settings disposition to make tooltip positioning easier. Jest complains about ref passed but everything seems to work as expected so I'm not sure it is relevant. Maybe a bug with cloneElement.
* fix(settings): close tooltip when modal is closingArmand Philippot2022-06-082-15/+20
| | | | | The event was not captured so the tooltip remained open when the settings was closed. It prevented to click on the toolbar buttons.
* chore: add aria hidden attribute to SVG iconsArmand Philippot2022-06-071-1/+1
|
* test: install and configure cypressArmand Philippot2022-06-0210-10/+10
| | | | I also configure Jest to avoid conflicts between Cypress and Jest.
* fix: improve help button accessibility with aria-pressedArmand Philippot2022-06-021-0/+1
|
* fix: ensure radio buttons are accessibleArmand Philippot2022-06-022-4/+24
| | | | | It seems I cannot use the SVG title as label. So I removed the title and added a visually hidden span to set the radio buttons label.
* chore: replace the Ackee select by a toggle componentArmand Philippot2022-06-0124-575/+748
|
* chore: replace the toggle componentArmand Philippot2022-06-0120-472/+431
|
* chore: add a RadioGroup componentArmand Philippot2022-05-316-2/+348
|
* chore: replace Checkbox component with a BooleanField componentArmand Philippot2022-05-316-7/+408
| | | | | Checkbox and radio buttons are working the same way so I decided to group them in a same component.
* fix(settings): reduce font-size on small devicesArmand Philippot2022-05-2512-7/+105
| | | | | With French translation, words are a little longer so I reduce the font size on small devices to avoid line breaking.
* chore: give autofocus to the toolbar search formArmand Philippot2022-05-241-11/+10
|
* test: fix theme toggle and comment testsArmand Philippot2022-05-242-4/+4
|
* chore(toolbar): change icons to close button when activatedArmand Philippot2022-05-244-0/+213
|
* chore: complete Storybook storiesArmand Philippot2022-05-212-8/+1
|
* fix: close Ackee tooltip on button clickArmand Philippot2022-05-211-2/+9
| | | | | | | The tooltip was closing and reopening on click because of a conflict between the button event and the hook useClickOutside. By checking that the event target is not the button, the tooltip is now closing as expected.
* refactor: rewrite Prism hooks and providersArmand Philippot2022-05-191-1/+2
| | | | | It avoid some hydratation errors on project pages (not in article however) and the hooks are now reusable.
* chore: handle settings changeArmand Philippot2022-05-1812-89/+113
|
* chore: close toolbar modals on click/focus outsideArmand Philippot2022-05-181-1/+9
|
* refactor(storybook): reorganize design systemArmand Philippot2022-04-208-82/+334
| | | | | Add more stories for each components and change some components categories for better organization.
* refactor: support React 18Armand Philippot2022-04-169-49/+44
| | | | | | | | I replaced the deprecated VFC type with FC type and made all children explicits. Formatjs is still not compatible with React 18 so I need to skip type checking when comitting. There are some type errors because of IntlProvider in Storybook stories.
* refactor(toggle): use Checkbox component and move it to moleculesArmand Philippot2022-04-097-7/+314
|
* chore: add a Settings modal componentArmand Philippot2022-04-0815-65/+344
|
* chore: add a AckeeSelect componentArmand Philippot2022-04-084-0/+155
|
* chore: add a SelectWithTooltip componentArmand Philippot2022-04-074-0/+300
|
* chore: add a MotionToggle componentArmand Philippot2022-04-073-0/+79
|
* chore: add a PrismThemeToggle componentArmand Philippot2022-04-074-6/+87
|
* chore: add a ThemeToggle componentArmand Philippot2022-04-063-0/+81
|
* chore: add a labelled select field componentArmand Philippot2022-04-013-0/+177
|
* chore: add labelled field componentArmand Philippot2022-04-013-0/+224