@clicoh/orion-library 1.2.0-beta.2 → 1.2.0-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/avatares/caja-chispa.png +0 -0
- package/assets/avatares/caja.png +0 -0
- package/assets/avatares/cohete.png +0 -0
- package/assets/avatares/dino.png +0 -0
- package/assets/avatares/pulpo-lentes.png +0 -0
- package/assets/avatares/pulpo-verde.png +0 -0
- package/assets/avatares/pulpo.png +0 -0
- package/assets/cifras/alerta.png +0 -0
- package/assets/cifras/duda.png +0 -0
- package/assets/cifras/error.png +0 -0
- package/assets/cifras/monedas.png +0 -0
- package/assets/cifras/reloj.png +0 -0
- package/assets/cifras/visto.png +0 -0
- package/assets/css/expresivo.css +1069 -0
- package/assets/logos/oculus-icon.svg +1 -0
- package/assets/logos/oculus-logo-sm-dark.svg +1 -0
- package/assets/logos/oculus-logo-sm.svg +1 -0
- package/assets/mascotas/svg/bugi-mascota-01-alerta.svg +39 -0
- package/assets/mascotas/svg/bugi-mascota-02-investigando.svg +36 -0
- package/assets/mascotas/svg/bugi-mascota-05-sorprendido.svg +38 -0
- package/assets/mascotas/svg/oculus-mascota-01-feliz.svg +52 -0
- package/assets/mascotas/svg/oculus-mascota-02-investigando.svg +51 -0
- package/assets/mascotas/svg/oculus-mascota-03-dudando.svg +51 -0
- package/assets/mascotas/svg/oculus-mascota-04-analizando-documento.svg +53 -0
- package/assets/mascotas/svg/oculus-mascota-06-celebrando.svg +54 -0
- package/assets/mascotas/svg/oculus-mascota-07-buscando-rapido.svg +57 -0
- package/assets/mascotas/svg/oculus-mascota-08-satisfecho.svg +55 -0
- package/assets/mascotas/webp/fixi-mascota-01-feliz-sm.webp +0 -0
- package/assets/mascotas/webp/fixi-mascota-02-investigando-sm.webp +0 -0
- package/assets/mascotas/webp/fixi-mascota-03-dudando-sm.webp +0 -0
- package/assets/mascotas/webp/fixi-mascota-04-reparando-sm.webp +0 -0
- package/assets/mascotas/webp/fixi-mascota-05-sorprendido-sm.webp +0 -0
- package/assets/mascotas/webp/fixi-mascota-06-celebrando-sm.webp +0 -0
- package/assets/mascotas/webp/fixi-mascota-07-corriendo-sm.webp +0 -0
- package/dist/components/01-atoms/Button/Button.d.ts +21 -1
- package/dist/components/01-atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/01-atoms/Button/Button.jsx +38 -4
- package/dist/components/01-atoms/Button/Button.jsx.map +1 -1
- package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts +56 -0
- package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts.map +1 -0
- package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx +97 -0
- package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx.map +1 -0
- package/dist/components/01-atoms/CodeBlock/index.d.ts +2 -0
- package/dist/components/01-atoms/CodeBlock/index.d.ts.map +1 -0
- package/dist/components/01-atoms/CodeBlock/index.js +2 -0
- package/dist/components/01-atoms/CodeBlock/index.js.map +1 -0
- package/dist/components/01-atoms/Heading/Heading.jsx +1 -1
- package/dist/components/01-atoms/Heading/Heading.jsx.map +1 -1
- package/dist/components/01-atoms/IconButton/IconButton.d.ts +28 -0
- package/dist/components/01-atoms/IconButton/IconButton.d.ts.map +1 -0
- package/dist/components/01-atoms/IconButton/IconButton.jsx +32 -0
- package/dist/components/01-atoms/IconButton/IconButton.jsx.map +1 -0
- package/dist/components/01-atoms/IconButton/index.d.ts +2 -0
- package/dist/components/01-atoms/IconButton/index.d.ts.map +1 -0
- package/dist/components/01-atoms/IconButton/index.js +2 -0
- package/dist/components/01-atoms/IconButton/index.js.map +1 -0
- package/dist/components/01-atoms/Input/Input.d.ts +1 -1
- package/dist/components/01-atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/01-atoms/Input/Input.jsx +13 -9
- package/dist/components/01-atoms/Input/Input.jsx.map +1 -1
- package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.d.ts.map +1 -1
- package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.jsx +1 -1
- package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.jsx.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx +2 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx.map +1 -1
- package/dist/components/01-atoms/ProgressBar/ProgressBar.d.ts +12 -1
- package/dist/components/01-atoms/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/components/01-atoms/ProgressBar/ProgressBar.jsx +18 -2
- package/dist/components/01-atoms/ProgressBar/ProgressBar.jsx.map +1 -1
- package/dist/components/01-atoms/Select/Select.d.ts +7 -1
- package/dist/components/01-atoms/Select/Select.d.ts.map +1 -1
- package/dist/components/01-atoms/Select/Select.jsx +61 -13
- package/dist/components/01-atoms/Select/Select.jsx.map +1 -1
- package/dist/components/01-atoms/Select/SelectList.d.ts +41 -0
- package/dist/components/01-atoms/Select/SelectList.d.ts.map +1 -0
- package/dist/components/01-atoms/Select/SelectList.jsx +116 -0
- package/dist/components/01-atoms/Select/SelectList.jsx.map +1 -0
- package/dist/components/01-atoms/SmallInput/SmallInput.d.ts.map +1 -1
- package/dist/components/01-atoms/SmallInput/SmallInput.jsx +1 -0
- package/dist/components/01-atoms/SmallInput/SmallInput.jsx.map +1 -1
- package/dist/components/01-atoms/Spinner/Spinner.d.ts +24 -3
- package/dist/components/01-atoms/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/01-atoms/Spinner/Spinner.jsx +30 -4
- package/dist/components/01-atoms/Spinner/Spinner.jsx.map +1 -1
- package/dist/components/01-atoms/Spinner/index.d.ts +1 -0
- package/dist/components/01-atoms/Spinner/index.d.ts.map +1 -1
- package/dist/components/01-atoms/Stat/Stat.d.ts +47 -0
- package/dist/components/01-atoms/Stat/Stat.d.ts.map +1 -0
- package/dist/components/01-atoms/Stat/Stat.jsx +64 -0
- package/dist/components/01-atoms/Stat/Stat.jsx.map +1 -0
- package/dist/components/01-atoms/Stat/index.d.ts +2 -0
- package/dist/components/01-atoms/Stat/index.d.ts.map +1 -0
- package/dist/components/01-atoms/Stat/index.js +2 -0
- package/dist/components/01-atoms/Stat/index.js.map +1 -0
- package/dist/components/01-atoms/Switch/Switch.d.ts +5 -2
- package/dist/components/01-atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/01-atoms/Switch/Switch.jsx +15 -12
- package/dist/components/01-atoms/Switch/Switch.jsx.map +1 -1
- package/dist/components/01-atoms/Textarea/Textarea.d.ts +38 -0
- package/dist/components/01-atoms/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/01-atoms/Textarea/Textarea.jsx +50 -0
- package/dist/components/01-atoms/Textarea/Textarea.jsx.map +1 -0
- package/dist/components/01-atoms/Textarea/index.d.ts +2 -0
- package/dist/components/01-atoms/Textarea/index.d.ts.map +1 -0
- package/dist/components/01-atoms/Textarea/index.js +2 -0
- package/dist/components/01-atoms/Textarea/index.js.map +1 -0
- package/dist/components/01-atoms/Toast/Toast.d.ts.map +1 -1
- package/dist/components/01-atoms/Toast/Toast.jsx +3 -1
- package/dist/components/01-atoms/Toast/Toast.jsx.map +1 -1
- package/dist/components/01-atoms/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/01-atoms/Tooltip/Tooltip.jsx +4 -1
- package/dist/components/01-atoms/Tooltip/Tooltip.jsx.map +1 -1
- package/dist/components/01-atoms/index.d.ts +4 -0
- package/dist/components/01-atoms/index.d.ts.map +1 -1
- package/dist/components/01-atoms/index.js +4 -0
- package/dist/components/01-atoms/index.js.map +1 -1
- package/dist/components/02-molecules/Accordion/Accordion.d.ts +15 -4
- package/dist/components/02-molecules/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/02-molecules/Accordion/Accordion.jsx +20 -6
- package/dist/components/02-molecules/Accordion/Accordion.jsx.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionContext.d.ts +5 -1
- package/dist/components/02-molecules/Accordion/AccordionContext.d.ts.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionContext.jsx +7 -6
- package/dist/components/02-molecules/Accordion/AccordionContext.jsx.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.d.ts +2 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.d.ts.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.jsx +62 -11
- package/dist/components/02-molecules/Accordion/AccordionSection.jsx.map +1 -1
- package/dist/components/02-molecules/Accordion/index.d.ts +1 -0
- package/dist/components/02-molecules/Accordion/index.d.ts.map +1 -1
- package/dist/components/02-molecules/Accordion/index.js.map +1 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.d.ts +4 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.jsx +34 -15
- package/dist/components/02-molecules/Autocomplete/Autocomplete.jsx.map +1 -1
- package/dist/components/02-molecules/Card/Card.d.ts +74 -0
- package/dist/components/02-molecules/Card/Card.d.ts.map +1 -0
- package/dist/components/02-molecules/Card/Card.jsx +87 -0
- package/dist/components/02-molecules/Card/Card.jsx.map +1 -0
- package/dist/components/02-molecules/Card/index.d.ts +2 -0
- package/dist/components/02-molecules/Card/index.d.ts.map +1 -0
- package/dist/components/02-molecules/Card/index.js +2 -0
- package/dist/components/02-molecules/Card/index.js.map +1 -0
- package/dist/components/02-molecules/DatePicker/DatePicker.d.ts +41 -3
- package/dist/components/02-molecules/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx +190 -34
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx.map +1 -1
- package/dist/components/02-molecules/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/02-molecules/Dropdown/Dropdown.jsx +1 -0
- package/dist/components/02-molecules/Dropdown/Dropdown.jsx.map +1 -1
- package/dist/components/02-molecules/EmptyState/EmptyState.d.ts +52 -0
- package/dist/components/02-molecules/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/components/02-molecules/EmptyState/EmptyState.jsx +66 -0
- package/dist/components/02-molecules/EmptyState/EmptyState.jsx.map +1 -0
- package/dist/components/02-molecules/EmptyState/index.d.ts +2 -0
- package/dist/components/02-molecules/EmptyState/index.d.ts.map +1 -0
- package/dist/components/02-molecules/EmptyState/index.js +2 -0
- package/dist/components/02-molecules/EmptyState/index.js.map +1 -0
- package/dist/components/02-molecules/Filter/Filter.d.ts +8 -1
- package/dist/components/02-molecules/Filter/Filter.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/Filter.jsx +35 -11
- package/dist/components/02-molecules/Filter/Filter.jsx.map +1 -1
- package/dist/components/02-molecules/Filter/index.d.ts +1 -0
- package/dist/components/02-molecules/Filter/index.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/index.js +1 -0
- package/dist/components/02-molecules/Filter/index.js.map +1 -1
- package/dist/components/02-molecules/Filter/types.d.ts +24 -5
- package/dist/components/02-molecules/Filter/types.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/utils/pruneOrphanValues.d.ts +34 -0
- package/dist/components/02-molecules/Filter/utils/pruneOrphanValues.d.ts.map +1 -0
- package/dist/components/02-molecules/Filter/utils/pruneOrphanValues.js +70 -0
- package/dist/components/02-molecules/Filter/utils/pruneOrphanValues.js.map +1 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts +55 -5
- package/dist/components/02-molecules/ImageViewer/ImageViewer.d.ts.map +1 -1
- package/dist/components/02-molecules/ImageViewer/ImageViewer.jsx +118 -27
- package/dist/components/02-molecules/ImageViewer/ImageViewer.jsx.map +1 -1
- package/dist/components/02-molecules/ImageViewer/ImageViewerImage.d.ts +40 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewerImage.d.ts.map +1 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewerImage.jsx +109 -0
- package/dist/components/02-molecules/ImageViewer/ImageViewerImage.jsx.map +1 -0
- package/dist/components/02-molecules/InlineMessage/InlineMessage.d.ts +15 -1
- package/dist/components/02-molecules/InlineMessage/InlineMessage.d.ts.map +1 -1
- package/dist/components/02-molecules/InlineMessage/InlineMessage.jsx +18 -3
- package/dist/components/02-molecules/InlineMessage/InlineMessage.jsx.map +1 -1
- package/dist/components/02-molecules/Menu/MenuItem.d.ts.map +1 -1
- package/dist/components/02-molecules/Menu/MenuItem.jsx +2 -2
- package/dist/components/02-molecules/Menu/MenuItem.jsx.map +1 -1
- package/dist/components/02-molecules/Menu/MenuList.d.ts.map +1 -1
- package/dist/components/02-molecules/Menu/MenuList.jsx +1 -1
- package/dist/components/02-molecules/Menu/MenuList.jsx.map +1 -1
- package/dist/components/02-molecules/Modal/Modal.d.ts +5 -1
- package/dist/components/02-molecules/Modal/Modal.d.ts.map +1 -1
- package/dist/components/02-molecules/Modal/Modal.jsx +4 -2
- package/dist/components/02-molecules/Modal/Modal.jsx.map +1 -1
- package/dist/components/02-molecules/MultiAutocomplete/MultiAutocomplete.d.ts +80 -0
- package/dist/components/02-molecules/MultiAutocomplete/MultiAutocomplete.d.ts.map +1 -0
- package/dist/components/02-molecules/MultiAutocomplete/MultiAutocomplete.jsx +261 -0
- package/dist/components/02-molecules/MultiAutocomplete/MultiAutocomplete.jsx.map +1 -0
- package/dist/components/02-molecules/MultiAutocomplete/index.d.ts +2 -0
- package/dist/components/02-molecules/MultiAutocomplete/index.d.ts.map +1 -0
- package/dist/components/02-molecules/MultiAutocomplete/index.js +2 -0
- package/dist/components/02-molecules/MultiAutocomplete/index.js.map +1 -0
- package/dist/components/02-molecules/Stepper/Stepper.d.ts +70 -0
- package/dist/components/02-molecules/Stepper/Stepper.d.ts.map +1 -0
- package/dist/components/02-molecules/Stepper/Stepper.jsx +204 -0
- package/dist/components/02-molecules/Stepper/Stepper.jsx.map +1 -0
- package/dist/components/02-molecules/Stepper/index.d.ts +2 -0
- package/dist/components/02-molecules/Stepper/index.d.ts.map +1 -0
- package/dist/components/02-molecules/Stepper/index.js +2 -0
- package/dist/components/02-molecules/Stepper/index.js.map +1 -0
- package/dist/components/02-molecules/Table/Table.d.ts +3 -1
- package/dist/components/02-molecules/Table/Table.d.ts.map +1 -1
- package/dist/components/02-molecules/Table/Table.jsx +6 -5
- package/dist/components/02-molecules/Table/Table.jsx.map +1 -1
- package/dist/components/02-molecules/Timeline/Timeline.d.ts +47 -0
- package/dist/components/02-molecules/Timeline/Timeline.d.ts.map +1 -0
- package/dist/components/02-molecules/Timeline/Timeline.jsx +65 -0
- package/dist/components/02-molecules/Timeline/Timeline.jsx.map +1 -0
- package/dist/components/02-molecules/Timeline/index.d.ts +2 -0
- package/dist/components/02-molecules/Timeline/index.d.ts.map +1 -0
- package/dist/components/02-molecules/Timeline/index.js +2 -0
- package/dist/components/02-molecules/Timeline/index.js.map +1 -0
- package/dist/components/02-molecules/index.d.ts +5 -0
- package/dist/components/02-molecules/index.d.ts.map +1 -1
- package/dist/components/02-molecules/index.js +5 -0
- package/dist/components/02-molecules/index.js.map +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.d.ts +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.jsx +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.jsx.map +1 -1
- package/dist/components/03-organisms/Header/Header.d.ts +3 -1
- package/dist/components/03-organisms/Header/Header.d.ts.map +1 -1
- package/dist/components/03-organisms/Header/Header.jsx +4 -5
- package/dist/components/03-organisms/Header/Header.jsx.map +1 -1
- package/dist/components/03-organisms/MapView/MapView.d.ts +14 -3
- package/dist/components/03-organisms/MapView/MapView.d.ts.map +1 -1
- package/dist/components/03-organisms/MapView/MapView.jsx +40 -9
- package/dist/components/03-organisms/MapView/MapView.jsx.map +1 -1
- package/dist/components/03-organisms/ModalMultiple/ModalMultiple.d.ts.map +1 -1
- package/dist/components/03-organisms/ModalMultiple/ModalMultiple.jsx +1 -0
- package/dist/components/03-organisms/ModalMultiple/ModalMultiple.jsx.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts +36 -4
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx +44 -10
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.d.ts +6 -2
- package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.d.ts.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.jsx +7 -3
- package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts +66 -3
- package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.jsx +80 -16
- package/dist/components/04-templates/LoginTemplate/LoginForm.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts +24 -4
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx +27 -7
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/index.d.ts +1 -0
- package/dist/components/04-templates/LoginTemplate/index.d.ts.map +1 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.jsx +4 -1
- package/dist/components/04-templates/SideFilterTemplate/SideFilterTemplate.jsx.map +1 -1
- package/dist/hooks/useSegments.d.ts.map +1 -1
- package/dist/hooks/useSegments.js +2 -3
- package/dist/hooks/useSegments.js.map +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.jsx +1 -0
- package/dist/hooks/useTheme.jsx.map +1 -1
- package/expresivo/ExpBubble/ExpBubble.d.ts +51 -0
- package/expresivo/ExpBubble/ExpBubble.d.ts.map +1 -0
- package/expresivo/ExpBubble/ExpBubble.jsx +74 -0
- package/expresivo/ExpBubble/ExpBubble.jsx.map +1 -0
- package/expresivo/ExpBubble/index.d.ts +3 -0
- package/expresivo/ExpBubble/index.d.ts.map +1 -0
- package/expresivo/ExpBubble/index.js +2 -0
- package/expresivo/ExpBubble/index.js.map +1 -0
- package/expresivo/ExpChip/ExpChip.d.ts +40 -0
- package/expresivo/ExpChip/ExpChip.d.ts.map +1 -0
- package/expresivo/ExpChip/ExpChip.jsx +67 -0
- package/expresivo/ExpChip/ExpChip.jsx.map +1 -0
- package/expresivo/ExpChip/index.d.ts +3 -0
- package/expresivo/ExpChip/index.d.ts.map +1 -0
- package/expresivo/ExpChip/index.js +2 -0
- package/expresivo/ExpChip/index.js.map +1 -0
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts +37 -0
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts.map +1 -0
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx +43 -0
- package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx.map +1 -0
- package/expresivo/ExpCollapseToggle/index.d.ts +3 -0
- package/expresivo/ExpCollapseToggle/index.d.ts.map +1 -0
- package/expresivo/ExpCollapseToggle/index.js +2 -0
- package/expresivo/ExpCollapseToggle/index.js.map +1 -0
- package/expresivo/ExpEnterIcon/ExpEnterIcon.d.ts +32 -0
- package/expresivo/ExpEnterIcon/ExpEnterIcon.d.ts.map +1 -0
- package/expresivo/ExpEnterIcon/ExpEnterIcon.jsx +32 -0
- package/expresivo/ExpEnterIcon/ExpEnterIcon.jsx.map +1 -0
- package/expresivo/ExpEnterIcon/index.d.ts +3 -0
- package/expresivo/ExpEnterIcon/index.d.ts.map +1 -0
- package/expresivo/ExpEnterIcon/index.js +2 -0
- package/expresivo/ExpEnterIcon/index.js.map +1 -0
- package/expresivo/ExpGrowBar/ExpGrowBar.d.ts +26 -0
- package/expresivo/ExpGrowBar/ExpGrowBar.d.ts.map +1 -0
- package/expresivo/ExpGrowBar/ExpGrowBar.jsx +39 -0
- package/expresivo/ExpGrowBar/ExpGrowBar.jsx.map +1 -0
- package/expresivo/ExpGrowBar/index.d.ts +3 -0
- package/expresivo/ExpGrowBar/index.d.ts.map +1 -0
- package/expresivo/ExpGrowBar/index.js +2 -0
- package/expresivo/ExpGrowBar/index.js.map +1 -0
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts +69 -0
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts.map +1 -0
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx +160 -0
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx.map +1 -0
- package/expresivo/ExpJourneyTrack/index.d.ts +3 -0
- package/expresivo/ExpJourneyTrack/index.d.ts.map +1 -0
- package/expresivo/ExpJourneyTrack/index.js +2 -0
- package/expresivo/ExpJourneyTrack/index.js.map +1 -0
- package/expresivo/ExpKeyButton/ExpKeyButton.d.ts +49 -0
- package/expresivo/ExpKeyButton/ExpKeyButton.d.ts.map +1 -0
- package/expresivo/ExpKeyButton/ExpKeyButton.jsx +60 -0
- package/expresivo/ExpKeyButton/ExpKeyButton.jsx.map +1 -0
- package/expresivo/ExpKeyButton/index.d.ts +3 -0
- package/expresivo/ExpKeyButton/index.d.ts.map +1 -0
- package/expresivo/ExpKeyButton/index.js +2 -0
- package/expresivo/ExpKeyButton/index.js.map +1 -0
- package/expresivo/ExpLadder/ExpLadder.d.ts +42 -0
- package/expresivo/ExpLadder/ExpLadder.d.ts.map +1 -0
- package/expresivo/ExpLadder/ExpLadder.jsx +82 -0
- package/expresivo/ExpLadder/ExpLadder.jsx.map +1 -0
- package/expresivo/ExpLadder/index.d.ts +3 -0
- package/expresivo/ExpLadder/index.d.ts.map +1 -0
- package/expresivo/ExpLadder/index.js +2 -0
- package/expresivo/ExpLadder/index.js.map +1 -0
- package/expresivo/ExpLensIcon/ExpLensIcon.d.ts +29 -0
- package/expresivo/ExpLensIcon/ExpLensIcon.d.ts.map +1 -0
- package/expresivo/ExpLensIcon/ExpLensIcon.jsx +29 -0
- package/expresivo/ExpLensIcon/ExpLensIcon.jsx.map +1 -0
- package/expresivo/ExpLensIcon/index.d.ts +3 -0
- package/expresivo/ExpLensIcon/index.d.ts.map +1 -0
- package/expresivo/ExpLensIcon/index.js +2 -0
- package/expresivo/ExpLensIcon/index.js.map +1 -0
- package/expresivo/ExpLogo/ExpLogo.d.ts +33 -0
- package/expresivo/ExpLogo/ExpLogo.d.ts.map +1 -0
- package/expresivo/ExpLogo/ExpLogo.jsx +42 -0
- package/expresivo/ExpLogo/ExpLogo.jsx.map +1 -0
- package/expresivo/ExpLogo/catalog.d.ts +17 -0
- package/expresivo/ExpLogo/catalog.d.ts.map +1 -0
- package/expresivo/ExpLogo/catalog.js +11 -0
- package/expresivo/ExpLogo/catalog.js.map +1 -0
- package/expresivo/ExpLogo/index.d.ts +4 -0
- package/expresivo/ExpLogo/index.d.ts.map +1 -0
- package/expresivo/ExpLogo/index.js +2 -0
- package/expresivo/ExpLogo/index.js.map +1 -0
- package/expresivo/ExpMascot/ExpMascot.d.ts +42 -0
- package/expresivo/ExpMascot/ExpMascot.d.ts.map +1 -0
- package/expresivo/ExpMascot/ExpMascot.jsx +46 -0
- package/expresivo/ExpMascot/ExpMascot.jsx.map +1 -0
- package/expresivo/ExpMascot/catalog.d.ts +12 -0
- package/expresivo/ExpMascot/catalog.d.ts.map +1 -0
- package/expresivo/ExpMascot/catalog.js +41 -0
- package/expresivo/ExpMascot/catalog.js.map +1 -0
- package/expresivo/ExpMascot/index.d.ts +4 -0
- package/expresivo/ExpMascot/index.d.ts.map +1 -0
- package/expresivo/ExpMascot/index.js +2 -0
- package/expresivo/ExpMascot/index.js.map +1 -0
- package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts +29 -0
- package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts.map +1 -0
- package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx +87 -0
- package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx.map +1 -0
- package/expresivo/ExpMedalBadge/index.d.ts +3 -0
- package/expresivo/ExpMedalBadge/index.d.ts.map +1 -0
- package/expresivo/ExpMedalBadge/index.js +2 -0
- package/expresivo/ExpMedalBadge/index.js.map +1 -0
- package/expresivo/ExpPageHero/ExpPageHero.d.ts +82 -0
- package/expresivo/ExpPageHero/ExpPageHero.d.ts.map +1 -0
- package/expresivo/ExpPageHero/ExpPageHero.jsx +113 -0
- package/expresivo/ExpPageHero/ExpPageHero.jsx.map +1 -0
- package/expresivo/ExpPageHero/index.d.ts +3 -0
- package/expresivo/ExpPageHero/index.d.ts.map +1 -0
- package/expresivo/ExpPageHero/index.js +2 -0
- package/expresivo/ExpPageHero/index.js.map +1 -0
- package/expresivo/ExpPeek/ExpPeek.d.ts +56 -0
- package/expresivo/ExpPeek/ExpPeek.d.ts.map +1 -0
- package/expresivo/ExpPeek/ExpPeek.jsx +131 -0
- package/expresivo/ExpPeek/ExpPeek.jsx.map +1 -0
- package/expresivo/ExpPeek/index.d.ts +3 -0
- package/expresivo/ExpPeek/index.d.ts.map +1 -0
- package/expresivo/ExpPeek/index.js +2 -0
- package/expresivo/ExpPeek/index.js.map +1 -0
- package/expresivo/ExpPillButton/ExpPillButton.d.ts +47 -0
- package/expresivo/ExpPillButton/ExpPillButton.d.ts.map +1 -0
- package/expresivo/ExpPillButton/ExpPillButton.jsx +77 -0
- package/expresivo/ExpPillButton/ExpPillButton.jsx.map +1 -0
- package/expresivo/ExpPillButton/index.d.ts +3 -0
- package/expresivo/ExpPillButton/index.d.ts.map +1 -0
- package/expresivo/ExpPillButton/index.js +2 -0
- package/expresivo/ExpPillButton/index.js.map +1 -0
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.d.ts +28 -0
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.d.ts.map +1 -0
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.jsx +32 -0
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.jsx.map +1 -0
- package/expresivo/ExpRepoAvatar/catalog.d.ts +6 -0
- package/expresivo/ExpRepoAvatar/catalog.d.ts.map +1 -0
- package/expresivo/ExpRepoAvatar/catalog.js +18 -0
- package/expresivo/ExpRepoAvatar/catalog.js.map +1 -0
- package/expresivo/ExpRepoAvatar/index.d.ts +4 -0
- package/expresivo/ExpRepoAvatar/index.d.ts.map +1 -0
- package/expresivo/ExpRepoAvatar/index.js +2 -0
- package/expresivo/ExpRepoAvatar/index.js.map +1 -0
- package/expresivo/ExpScope/ExpScope.d.ts +63 -0
- package/expresivo/ExpScope/ExpScope.d.ts.map +1 -0
- package/expresivo/ExpScope/ExpScope.jsx +67 -0
- package/expresivo/ExpScope/ExpScope.jsx.map +1 -0
- package/expresivo/ExpScope/index.d.ts +3 -0
- package/expresivo/ExpScope/index.d.ts.map +1 -0
- package/expresivo/ExpScope/index.js +2 -0
- package/expresivo/ExpScope/index.js.map +1 -0
- package/expresivo/ExpScoreRing/ExpScoreRing.d.ts +35 -0
- package/expresivo/ExpScoreRing/ExpScoreRing.d.ts.map +1 -0
- package/expresivo/ExpScoreRing/ExpScoreRing.jsx +67 -0
- package/expresivo/ExpScoreRing/ExpScoreRing.jsx.map +1 -0
- package/expresivo/ExpScoreRing/index.d.ts +3 -0
- package/expresivo/ExpScoreRing/index.d.ts.map +1 -0
- package/expresivo/ExpScoreRing/index.js +2 -0
- package/expresivo/ExpScoreRing/index.js.map +1 -0
- package/expresivo/ExpSearchField/ExpSearchField.d.ts +49 -0
- package/expresivo/ExpSearchField/ExpSearchField.d.ts.map +1 -0
- package/expresivo/ExpSearchField/ExpSearchField.jsx +81 -0
- package/expresivo/ExpSearchField/ExpSearchField.jsx.map +1 -0
- package/expresivo/ExpSearchField/index.d.ts +3 -0
- package/expresivo/ExpSearchField/index.d.ts.map +1 -0
- package/expresivo/ExpSearchField/index.js +2 -0
- package/expresivo/ExpSearchField/index.js.map +1 -0
- package/expresivo/ExpStatIcon/ExpStatIcon.d.ts +25 -0
- package/expresivo/ExpStatIcon/ExpStatIcon.d.ts.map +1 -0
- package/expresivo/ExpStatIcon/ExpStatIcon.jsx +29 -0
- package/expresivo/ExpStatIcon/ExpStatIcon.jsx.map +1 -0
- package/expresivo/ExpStatIcon/catalog.d.ts +6 -0
- package/expresivo/ExpStatIcon/catalog.d.ts.map +1 -0
- package/expresivo/ExpStatIcon/catalog.js +16 -0
- package/expresivo/ExpStatIcon/catalog.js.map +1 -0
- package/expresivo/ExpStatIcon/index.d.ts +4 -0
- package/expresivo/ExpStatIcon/index.d.ts.map +1 -0
- package/expresivo/ExpStatIcon/index.js +2 -0
- package/expresivo/ExpStatIcon/index.js.map +1 -0
- package/expresivo/ExpStepBadge/ExpStepBadge.d.ts +25 -0
- package/expresivo/ExpStepBadge/ExpStepBadge.d.ts.map +1 -0
- package/expresivo/ExpStepBadge/ExpStepBadge.jsx +30 -0
- package/expresivo/ExpStepBadge/ExpStepBadge.jsx.map +1 -0
- package/expresivo/ExpStepBadge/index.d.ts +2 -0
- package/expresivo/ExpStepBadge/index.d.ts.map +1 -0
- package/expresivo/ExpStepBadge/index.js +2 -0
- package/expresivo/ExpStepBadge/index.js.map +1 -0
- package/expresivo/index.d.ts +22 -0
- package/expresivo/index.d.ts.map +1 -0
- package/expresivo/index.js +22 -0
- package/expresivo/index.js.map +1 -0
- package/expresivo/shared/glyphs.d.ts +20 -0
- package/expresivo/shared/glyphs.d.ts.map +1 -0
- package/expresivo/shared/glyphs.jsx +60 -0
- package/expresivo/shared/glyphs.jsx.map +1 -0
- package/package.json +6 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Menu/MenuList.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MenuList.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Menu/MenuList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type ReactNode, type RefObject } from 'react';
|
|
1
|
+
import { type ComponentProps, type ReactNode, type RefObject } from 'react';
|
|
2
|
+
import { Button } from '../../01-atoms';
|
|
2
3
|
type ModalProps = {
|
|
3
4
|
header: string | ReactNode;
|
|
4
5
|
subHeader?: string | ReactNode;
|
|
@@ -16,6 +17,7 @@ export type TButton = {
|
|
|
16
17
|
text: string;
|
|
17
18
|
callback: (close: (closeAction: () => void) => void) => void;
|
|
18
19
|
disabled?: boolean;
|
|
20
|
+
tone?: ComponentProps<typeof Button>['tone'];
|
|
19
21
|
};
|
|
20
22
|
type ModalRef = {
|
|
21
23
|
handlerClose: (callback: TButton['callback']) => void;
|
|
@@ -43,10 +45,12 @@ type ModalRef = {
|
|
|
43
45
|
* @param {Object} [props.confirmButton] - Configuration for the confirm button.
|
|
44
46
|
* @param {Function} props.confirmButton.callback - Callback function triggered on confirm.
|
|
45
47
|
* @param {boolean} [props.confirmButton.disabled] - Whether the confirm button is disabled.
|
|
48
|
+
* @param {'default' | 'critical'} [props.confirmButton.tone='default'] - `critical` for a confirmation that cannot be undone (reject, delete).
|
|
46
49
|
* @param {Object} [props.cancelButton] - Configuration for the cancel button.
|
|
47
50
|
* @param {string} props.cancelButton.text - Text displayed on the cancel button.
|
|
48
51
|
* @param {Function} props.cancelButton.callback - Callback function triggered on cancel.
|
|
49
52
|
* @param {boolean} [props.cancelButton.disabled] - Whether the cancel button is disabled.
|
|
53
|
+
* @param {'default' | 'critical'} [props.cancelButton.tone='default'] - Tone of the cancel button, same values as the confirm one.
|
|
50
54
|
* @param {'base' | 'lg' | 'xl'} [props.size='base'] - The size of the modal.
|
|
51
55
|
* @param {string} props.classHeader - Class header.
|
|
52
56
|
* @param {Function} [props.handleCloseIcon] - Handle close icon close
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,SAAS,EACd,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAa,MAAM,gBAAgB,CAAC;AAGnD,KAAK,UAAU,GAAG;IAChB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACvD,CAAC;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK,iGAqJhB,CAAC"}
|
|
@@ -29,10 +29,12 @@ const leavingClasses = 'ease-in duration-200 opacity-75';
|
|
|
29
29
|
* @param {Object} [props.confirmButton] - Configuration for the confirm button.
|
|
30
30
|
* @param {Function} props.confirmButton.callback - Callback function triggered on confirm.
|
|
31
31
|
* @param {boolean} [props.confirmButton.disabled] - Whether the confirm button is disabled.
|
|
32
|
+
* @param {'default' | 'critical'} [props.confirmButton.tone='default'] - `critical` for a confirmation that cannot be undone (reject, delete).
|
|
32
33
|
* @param {Object} [props.cancelButton] - Configuration for the cancel button.
|
|
33
34
|
* @param {string} props.cancelButton.text - Text displayed on the cancel button.
|
|
34
35
|
* @param {Function} props.cancelButton.callback - Callback function triggered on cancel.
|
|
35
36
|
* @param {boolean} [props.cancelButton.disabled] - Whether the cancel button is disabled.
|
|
37
|
+
* @param {'default' | 'critical'} [props.cancelButton.tone='default'] - Tone of the cancel button, same values as the confirm one.
|
|
36
38
|
* @param {'base' | 'lg' | 'xl'} [props.size='base'] - The size of the modal.
|
|
37
39
|
* @param {string} props.classHeader - Class header.
|
|
38
40
|
* @param {Function} [props.handleCloseIcon] - Handle close icon close
|
|
@@ -100,10 +102,10 @@ export const Modal = forwardRef(function ({ header, subHeader, children, confirm
|
|
|
100
102
|
{children}
|
|
101
103
|
</div>
|
|
102
104
|
{!!(cancelButton || confirmButton) && (<div className="flex flex-col-reverse justify-end gap-2 px-6 py-4 sm:flex-row">
|
|
103
|
-
{!!cancelButton && (<Button modifier="text" onClick={() => handlerClose(cancelButton.callback)} disabled={cancelButton.disabled}>
|
|
105
|
+
{!!cancelButton && (<Button modifier="text" tone={cancelButton.tone} onClick={() => handlerClose(cancelButton.callback)} disabled={cancelButton.disabled}>
|
|
104
106
|
{cancelButton.text}
|
|
105
107
|
</Button>)}
|
|
106
|
-
{!!confirmButton && (<Button onClick={() => handlerClose(confirmButton.callback)} disabled={confirmButton.disabled}>
|
|
108
|
+
{!!confirmButton && (<Button tone={confirmButton.tone} onClick={() => handlerClose(confirmButton.callback)} disabled={confirmButton.disabled}>
|
|
107
109
|
{confirmButton.text}
|
|
108
110
|
</Button>)}
|
|
109
111
|
</div>)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,
|
|
1
|
+
{"version":3,"file":"Modal.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import type { OptionType } from '../../01-atoms';
|
|
3
|
+
export type MultiAutocompleteOption = OptionType & {
|
|
4
|
+
/** Secondary text on the right of the option. The search matches it too. */
|
|
5
|
+
readonly meta?: string;
|
|
6
|
+
/** Heading the option is listed under. */
|
|
7
|
+
readonly group?: string;
|
|
8
|
+
};
|
|
9
|
+
export type MultiAutocompleteLimit = {
|
|
10
|
+
readonly max: number;
|
|
11
|
+
/** Shown in the list instead of the options once `max` values are chosen. */
|
|
12
|
+
readonly text: string;
|
|
13
|
+
};
|
|
14
|
+
export type MultiAutocompleteProps = {
|
|
15
|
+
label: string;
|
|
16
|
+
options: readonly MultiAutocompleteOption[];
|
|
17
|
+
value: readonly OptionType['value'][];
|
|
18
|
+
onChange: (value: OptionType['value'][]) => void;
|
|
19
|
+
/** Shown in the list when the query matches nothing. */
|
|
20
|
+
noOptionsText: string;
|
|
21
|
+
/** Accessible name of each chip's remove button, followed by the chip label. */
|
|
22
|
+
removeLabel: string;
|
|
23
|
+
/** Order of the group headings. Groups not listed follow in the order they appear. */
|
|
24
|
+
groups?: readonly string[];
|
|
25
|
+
/** Line under the list, or a function of how many options match and the query. */
|
|
26
|
+
countText?: string | ((matches: number, query: string) => string);
|
|
27
|
+
limit?: MultiAutocompleteLimit;
|
|
28
|
+
hideLabel?: boolean;
|
|
29
|
+
placeholder?: string;
|
|
30
|
+
helperText?: string;
|
|
31
|
+
error?: string;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
isMutedWhenEmpty?: boolean;
|
|
34
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
|
|
35
|
+
/**
|
|
36
|
+
* MultiAutocomplete picks several options by typing: the chosen ones sit as
|
|
37
|
+
* chips inside the field and the list, grouped under headings, filters as the
|
|
38
|
+
* user writes. All visible labels are provided by the consumer.
|
|
39
|
+
*
|
|
40
|
+
* Arrow keys move through the list, Enter adds the highlighted option,
|
|
41
|
+
* Backspace on an empty query removes the last chip and Escape closes the list.
|
|
42
|
+
*
|
|
43
|
+
* @component
|
|
44
|
+
* @example
|
|
45
|
+
* <MultiAutocomplete
|
|
46
|
+
* label="Repositories"
|
|
47
|
+
* options={[
|
|
48
|
+
* { value: 'api', label: 'api', meta: 'GitHub', group: 'Indexed' },
|
|
49
|
+
* { value: 'web', label: 'web', meta: 'GitHub', group: 'Indexed' },
|
|
50
|
+
* ]}
|
|
51
|
+
* value={repos}
|
|
52
|
+
* onChange={setRepos}
|
|
53
|
+
* noOptionsText="No repository matches"
|
|
54
|
+
* removeLabel="Remove"
|
|
55
|
+
* countText={(matches) => `${matches} repositories`}
|
|
56
|
+
* limit={{ max: 3, text: 'Up to 3 repositories' }}
|
|
57
|
+
* />
|
|
58
|
+
*
|
|
59
|
+
* @param {MultiAutocompleteProps} props - The properties of the MultiAutocomplete component.
|
|
60
|
+
* @param {string} props.label - The label of the field, floating like `Input` unless `hideLabel`.
|
|
61
|
+
* @param {MultiAutocompleteOption[]} props.options - Options with `value`, `label`, and optional `meta` and `group`.
|
|
62
|
+
* @param {Array<string | number>} props.value - The values chosen, in order.
|
|
63
|
+
* @param {Function} props.onChange - Receives the new list of values.
|
|
64
|
+
* @param {string} props.noOptionsText - Shown when the query matches nothing.
|
|
65
|
+
* @param {string} props.removeLabel - Accessible name of each chip's remove button, followed by the chip label.
|
|
66
|
+
* @param {string[]} [props.groups] - Order of the group headings.
|
|
67
|
+
* @param {string | Function} [props.countText] - Line under the list; a function receives the number of matches and the query.
|
|
68
|
+
* @param {MultiAutocompleteLimit} [props.limit] - Maximum number of values and the text shown once it is reached.
|
|
69
|
+
* @param {boolean} [props.hideLabel] - Keeps the label for assistive technology only. Use it when a heading outside the field already names it.
|
|
70
|
+
* @param {string} [props.placeholder] - Placeholder while nothing is chosen. With the floating label it only shows while focused.
|
|
71
|
+
* @param {string} [props.helperText] - Helper text under the field.
|
|
72
|
+
* @param {string} [props.error] - Error message under the field.
|
|
73
|
+
* @param {boolean} [props.disabled] - Disables typing and removing chips.
|
|
74
|
+
* @param {boolean} [props.isMutedWhenEmpty] - Renders the border and label in gray while nothing is chosen.
|
|
75
|
+
* @param {string} [props.id] - Id of the text input, for a `label` or for focusing it from outside.
|
|
76
|
+
*
|
|
77
|
+
* @returns {ReactNode} The rendered MultiAutocomplete component.
|
|
78
|
+
*/
|
|
79
|
+
export declare function MultiAutocomplete({ label, options, value, onChange, noOptionsText, removeLabel, groups, countText, limit, hideLabel, placeholder, helperText, error, disabled, isMutedWhenEmpty, ...restProps }: MultiAutocompleteProps): ReactNode;
|
|
80
|
+
//# sourceMappingURL=MultiAutocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/MultiAutocomplete/MultiAutocomplete.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG;IACjD,4EAA4E;IAC5E,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC5C,KAAK,EAAE,SAAS,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAClE,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AA+BrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,gBAAgB,EAChB,GAAG,SAAS,EACb,EAAE,sBAAsB,GAAG,SAAS,CA2VpC"}
|
|
@@ -0,0 +1,261 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { useEffect, useId, useMemo, useRef, useState, } from 'react';
|
|
4
|
+
import { FiX } from 'react-icons/fi';
|
|
5
|
+
import { IoIosSearch } from 'react-icons/io';
|
|
6
|
+
import { Each, Show } from '../../00-base';
|
|
7
|
+
import { RenderErrorOrHelperText } from '../../01-atoms/Input/utils/RenderErrorOrHelperText';
|
|
8
|
+
const normalize = (text) => text
|
|
9
|
+
.normalize('NFD')
|
|
10
|
+
.replace(/[\u0300-\u036f]/g, '')
|
|
11
|
+
.toLowerCase();
|
|
12
|
+
const groupOptions = (options, order = []) => {
|
|
13
|
+
const names = [
|
|
14
|
+
...new Set([...order, ...options.map((option) => option.group ?? '')]),
|
|
15
|
+
];
|
|
16
|
+
let start = 0;
|
|
17
|
+
return names.flatMap((name) => {
|
|
18
|
+
const inGroup = options.filter((option) => (option.group ?? '') === name);
|
|
19
|
+
if (!inGroup.length)
|
|
20
|
+
return [];
|
|
21
|
+
const group = { name, start, options: inGroup };
|
|
22
|
+
start += inGroup.length;
|
|
23
|
+
return [group];
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* MultiAutocomplete picks several options by typing: the chosen ones sit as
|
|
28
|
+
* chips inside the field and the list, grouped under headings, filters as the
|
|
29
|
+
* user writes. All visible labels are provided by the consumer.
|
|
30
|
+
*
|
|
31
|
+
* Arrow keys move through the list, Enter adds the highlighted option,
|
|
32
|
+
* Backspace on an empty query removes the last chip and Escape closes the list.
|
|
33
|
+
*
|
|
34
|
+
* @component
|
|
35
|
+
* @example
|
|
36
|
+
* <MultiAutocomplete
|
|
37
|
+
* label="Repositories"
|
|
38
|
+
* options={[
|
|
39
|
+
* { value: 'api', label: 'api', meta: 'GitHub', group: 'Indexed' },
|
|
40
|
+
* { value: 'web', label: 'web', meta: 'GitHub', group: 'Indexed' },
|
|
41
|
+
* ]}
|
|
42
|
+
* value={repos}
|
|
43
|
+
* onChange={setRepos}
|
|
44
|
+
* noOptionsText="No repository matches"
|
|
45
|
+
* removeLabel="Remove"
|
|
46
|
+
* countText={(matches) => `${matches} repositories`}
|
|
47
|
+
* limit={{ max: 3, text: 'Up to 3 repositories' }}
|
|
48
|
+
* />
|
|
49
|
+
*
|
|
50
|
+
* @param {MultiAutocompleteProps} props - The properties of the MultiAutocomplete component.
|
|
51
|
+
* @param {string} props.label - The label of the field, floating like `Input` unless `hideLabel`.
|
|
52
|
+
* @param {MultiAutocompleteOption[]} props.options - Options with `value`, `label`, and optional `meta` and `group`.
|
|
53
|
+
* @param {Array<string | number>} props.value - The values chosen, in order.
|
|
54
|
+
* @param {Function} props.onChange - Receives the new list of values.
|
|
55
|
+
* @param {string} props.noOptionsText - Shown when the query matches nothing.
|
|
56
|
+
* @param {string} props.removeLabel - Accessible name of each chip's remove button, followed by the chip label.
|
|
57
|
+
* @param {string[]} [props.groups] - Order of the group headings.
|
|
58
|
+
* @param {string | Function} [props.countText] - Line under the list; a function receives the number of matches and the query.
|
|
59
|
+
* @param {MultiAutocompleteLimit} [props.limit] - Maximum number of values and the text shown once it is reached.
|
|
60
|
+
* @param {boolean} [props.hideLabel] - Keeps the label for assistive technology only. Use it when a heading outside the field already names it.
|
|
61
|
+
* @param {string} [props.placeholder] - Placeholder while nothing is chosen. With the floating label it only shows while focused.
|
|
62
|
+
* @param {string} [props.helperText] - Helper text under the field.
|
|
63
|
+
* @param {string} [props.error] - Error message under the field.
|
|
64
|
+
* @param {boolean} [props.disabled] - Disables typing and removing chips.
|
|
65
|
+
* @param {boolean} [props.isMutedWhenEmpty] - Renders the border and label in gray while nothing is chosen.
|
|
66
|
+
* @param {string} [props.id] - Id of the text input, for a `label` or for focusing it from outside.
|
|
67
|
+
*
|
|
68
|
+
* @returns {ReactNode} The rendered MultiAutocomplete component.
|
|
69
|
+
*/
|
|
70
|
+
export function MultiAutocomplete({ label, options, value, onChange, noOptionsText, removeLabel, groups, countText, limit, hideLabel = false, placeholder, helperText, error, disabled = false, isMutedWhenEmpty, ...restProps }) {
|
|
71
|
+
const { id: inputIdProp, className, ...rootProps } = restProps;
|
|
72
|
+
const generatedId = useId();
|
|
73
|
+
const inputId = inputIdProp ?? generatedId;
|
|
74
|
+
const listboxId = `${inputId}-listbox`;
|
|
75
|
+
const descriptionId = error || helperText ? `${inputId}-description` : undefined;
|
|
76
|
+
const inputRef = useRef(null);
|
|
77
|
+
const [query, setQuery] = useState('');
|
|
78
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
79
|
+
const [activeIndex, setActiveIndex] = useState(-1);
|
|
80
|
+
const isFull = limit !== undefined && value.length >= limit.max;
|
|
81
|
+
const needle = normalize(query.trim());
|
|
82
|
+
const optionGroups = useMemo(() => {
|
|
83
|
+
const chosen = new Set(value);
|
|
84
|
+
const matches = options.filter((option) => !chosen.has(option.value) &&
|
|
85
|
+
(!needle ||
|
|
86
|
+
normalize(option.label).includes(needle) ||
|
|
87
|
+
normalize(option.meta ?? '').includes(needle)));
|
|
88
|
+
return groupOptions(matches, groups);
|
|
89
|
+
}, [options, value, needle, groups]);
|
|
90
|
+
const flat = optionGroups.flatMap((group) => group.options);
|
|
91
|
+
const active = activeIndex < flat.length && !isFull ? activeIndex : -1;
|
|
92
|
+
const optionId = (index) => `${listboxId}-${index}`;
|
|
93
|
+
const showList = isOpen && !disabled;
|
|
94
|
+
const isMuted = Boolean(isMutedWhenEmpty) && !value.length;
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
if (!showList || active < 0)
|
|
97
|
+
return;
|
|
98
|
+
document.getElementById(`${listboxId}-${active}`)?.scrollIntoView({
|
|
99
|
+
block: 'nearest',
|
|
100
|
+
});
|
|
101
|
+
}, [showList, active, listboxId]);
|
|
102
|
+
const labelOf = (item) => options.find((option) => option.value === item)?.label ?? String(item);
|
|
103
|
+
const add = (option) => {
|
|
104
|
+
if (isFull)
|
|
105
|
+
return;
|
|
106
|
+
onChange([...value, option.value]);
|
|
107
|
+
setQuery('');
|
|
108
|
+
setActiveIndex(-1);
|
|
109
|
+
};
|
|
110
|
+
const remove = (item) => {
|
|
111
|
+
onChange(value.filter((current) => current !== item));
|
|
112
|
+
inputRef.current?.focus();
|
|
113
|
+
};
|
|
114
|
+
const handleKeyDown = (event) => {
|
|
115
|
+
if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
|
|
116
|
+
event.preventDefault();
|
|
117
|
+
setIsOpen(true);
|
|
118
|
+
if (!flat.length || isFull)
|
|
119
|
+
return;
|
|
120
|
+
setActiveIndex((current) => {
|
|
121
|
+
if (event.key === 'ArrowDown') {
|
|
122
|
+
return current >= flat.length - 1 ? 0 : current + 1;
|
|
123
|
+
}
|
|
124
|
+
return current <= 0 ? flat.length - 1 : current - 1;
|
|
125
|
+
});
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
if (event.key === 'Enter') {
|
|
129
|
+
const option = flat[active];
|
|
130
|
+
if (showList && option) {
|
|
131
|
+
event.preventDefault();
|
|
132
|
+
add(option);
|
|
133
|
+
}
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
if (event.key === 'Backspace' && !query && value.length) {
|
|
137
|
+
onChange(value.slice(0, -1));
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
if (event.key === 'Escape' && isOpen) {
|
|
141
|
+
event.preventDefault();
|
|
142
|
+
setIsOpen(false);
|
|
143
|
+
setActiveIndex(-1);
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
const handleBlur = (event) => {
|
|
147
|
+
if (event.currentTarget.contains(event.relatedTarget))
|
|
148
|
+
return;
|
|
149
|
+
setIsOpen(false);
|
|
150
|
+
setActiveIndex(-1);
|
|
151
|
+
};
|
|
152
|
+
const outlineColor = disabled
|
|
153
|
+
? 'border-gray-3 dark:border-gray-2'
|
|
154
|
+
: error
|
|
155
|
+
? 'border-error dark:border-error-dark'
|
|
156
|
+
: isMuted
|
|
157
|
+
? 'border-gray-3 dark:border-gray-2 group-focus-within/field:border-black dark:group-focus-within/field:border-white'
|
|
158
|
+
: 'border-black dark:border-white';
|
|
159
|
+
const labelColor = disabled
|
|
160
|
+
? 'text-gray-3 dark:text-gray-2'
|
|
161
|
+
: error
|
|
162
|
+
? 'text-error dark:text-error-dark'
|
|
163
|
+
: isMuted
|
|
164
|
+
? 'text-gray-2 dark:text-gray-2 group-focus-within/field:text-black dark:group-focus-within/field:text-white'
|
|
165
|
+
: 'text-black dark:text-white';
|
|
166
|
+
const isFloating = value.length > 0 || query !== '';
|
|
167
|
+
return (<div {...rootProps} data-orion-part="field" onBlur={handleBlur} className={clsx('relative w-full max-w-full', className)}>
|
|
168
|
+
<div data-orion-part="field-box" data-grows="" onClick={() => inputRef.current?.focus()} className={clsx('group/field relative flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[1.125rem] py-1 pr-10', value.length ? 'pl-1.5' : 'pl-5', disabled ? 'cursor-not-allowed' : 'cursor-text')}>
|
|
169
|
+
<Each of={[...value]} render={(item) => (<span key={String(item)} className={clsx('bg-lavender-2 dark:bg-lavender-dark-1 inline-flex h-7 max-w-full items-center gap-1 rounded-full pr-1 pl-3 text-xs font-medium', disabled
|
|
170
|
+
? 'text-gray-3 dark:text-gray-2'
|
|
171
|
+
: 'text-black dark:text-white')}>
|
|
172
|
+
<span className="truncate">{labelOf(item)}</span>
|
|
173
|
+
<button type="button" aria-label={`${removeLabel} ${labelOf(item)}`} disabled={disabled} onClick={(event) => {
|
|
174
|
+
event.stopPropagation();
|
|
175
|
+
remove(item);
|
|
176
|
+
}} className="text-gray-1 dark:text-gray-2 flex size-5 shrink-0 items-center justify-center rounded-full transition-colors not-disabled:hover:bg-black not-disabled:hover:text-white disabled:cursor-not-allowed dark:not-disabled:hover:bg-white dark:not-disabled:hover:text-black">
|
|
177
|
+
<FiX size={12} aria-hidden="true"/>
|
|
178
|
+
</button>
|
|
179
|
+
</span>)}/>
|
|
180
|
+
<input ref={inputRef} id={inputId} data-orion-part="field-control" type="text" role="combobox" autoComplete="off" value={query} disabled={disabled} placeholder={value.length ? '' : placeholder} aria-autocomplete="list" aria-expanded={showList} aria-controls={listboxId} aria-activedescendant={showList && active >= 0 ? optionId(active) : undefined} aria-invalid={Boolean(error)} aria-describedby={descriptionId} onChange={(event) => {
|
|
181
|
+
setQuery(event.target.value);
|
|
182
|
+
setIsOpen(true);
|
|
183
|
+
setActiveIndex(event.target.value.trim() ? 0 : -1);
|
|
184
|
+
}} onFocus={() => setIsOpen(true)} onKeyDown={handleKeyDown} className={clsx('h-7 min-w-20 flex-1 basis-28 bg-transparent text-sm text-black outline-0 disabled:cursor-not-allowed dark:text-white', 'disabled:text-gray-3 dark:disabled:text-gray-2', hideLabel
|
|
185
|
+
? 'placeholder:text-gray-2'
|
|
186
|
+
: 'focus:placeholder:text-gray-2 placeholder:text-transparent')}/>
|
|
187
|
+
<Show>
|
|
188
|
+
<Show.When isTrue={hideLabel}>
|
|
189
|
+
<label htmlFor={inputId} className="sr-only">
|
|
190
|
+
{label}
|
|
191
|
+
</label>
|
|
192
|
+
</Show.When>
|
|
193
|
+
<Show.Else>
|
|
194
|
+
<label htmlFor={inputId} data-orion-part="field-label" className={clsx('pointer-events-none absolute left-[1.0625rem] truncate px-1 leading-tight transition-all select-none', isFloating
|
|
195
|
+
? '-top-2 text-xs'
|
|
196
|
+
: 'top-2.5 text-sm group-focus-within/field:-top-2 group-focus-within/field:text-xs', labelColor)}>
|
|
197
|
+
{label}
|
|
198
|
+
</label>
|
|
199
|
+
</Show.Else>
|
|
200
|
+
</Show>
|
|
201
|
+
<fieldset aria-hidden="true" data-orion-part="field-outline" className={clsx('pointer-events-none absolute left-0 w-full rounded-[1.125rem] border px-4', hideLabel ? 'top-0 h-full' : '-top-2 h-[calc(100%+.5rem)]', outlineColor)}>
|
|
202
|
+
{!hideLabel && (<legend className={clsx('invisible text-left text-xs text-nowrap transition-all', isFloating
|
|
203
|
+
? 'max-w-full px-1'
|
|
204
|
+
: 'max-w-0 px-0 group-focus-within/field:max-w-full group-focus-within/field:px-1')}>
|
|
205
|
+
{label}
|
|
206
|
+
</legend>)}
|
|
207
|
+
</fieldset>
|
|
208
|
+
<span aria-hidden="true" data-orion-part="field-icon" className={clsx('absolute top-1/2 right-4 flex -translate-y-1/2 items-center', disabled
|
|
209
|
+
? 'text-gray-3 dark:text-gray-2'
|
|
210
|
+
: 'text-gray-1 dark:text-gray-2')}>
|
|
211
|
+
<IoIosSearch size={16}/>
|
|
212
|
+
</span>
|
|
213
|
+
</div>
|
|
214
|
+
{!!showList && (<div data-orion-part="listbox-panel" className="border-gray-5 dark:border-gray-1 dark:bg-black-1 absolute left-0 z-40 mt-2 w-full overflow-hidden rounded-2xl border bg-white shadow-lg">
|
|
215
|
+
<ul id={listboxId} role="listbox" aria-label={label} aria-multiselectable="true" className="max-h-72 overflow-y-auto p-1.5">
|
|
216
|
+
<Show>
|
|
217
|
+
<Show.When isTrue={isFull}>
|
|
218
|
+
<li role="presentation" className="text-gray-1 dark:text-gray-2 px-2.5 py-3 text-sm">
|
|
219
|
+
{limit?.text}
|
|
220
|
+
</li>
|
|
221
|
+
</Show.When>
|
|
222
|
+
<Show.When isTrue={flat.length > 0}>
|
|
223
|
+
<Each of={optionGroups} render={(group) => (<li key={group.name || '-'} role="presentation">
|
|
224
|
+
{!!group.name && (<p aria-hidden="true" className="text-gray-1 dark:text-gray-2 px-2.5 pt-2 pb-1 text-[0.6875rem] leading-4 font-semibold tracking-wide uppercase">
|
|
225
|
+
{group.name}
|
|
226
|
+
</p>)}
|
|
227
|
+
<ul role="group" aria-label={group.name || undefined}>
|
|
228
|
+
<Each of={group.options} render={(option, index) => {
|
|
229
|
+
const flatIndex = group.start + index;
|
|
230
|
+
const isActive = flatIndex === active;
|
|
231
|
+
return (<li key={String(option.value)} id={optionId(flatIndex)} role="option" aria-selected={false} onMouseDown={(event) => event.preventDefault()} onMouseEnter={() => setActiveIndex(flatIndex)} onClick={() => add(option)} className={clsx('flex cursor-pointer items-center justify-between gap-3 rounded-[0.625rem] px-2.5 py-2 text-sm', isActive
|
|
232
|
+
? 'bg-lavender-3 text-lavender dark:bg-lavender-dark-1 dark:text-lavender-dark font-semibold'
|
|
233
|
+
: 'text-black dark:text-white')}>
|
|
234
|
+
<span className="min-w-0 truncate">
|
|
235
|
+
{option.label}
|
|
236
|
+
</span>
|
|
237
|
+
{!!option.meta && (<span className="text-gray-1 dark:text-gray-2 shrink-0 text-xs font-normal whitespace-nowrap">
|
|
238
|
+
{option.meta}
|
|
239
|
+
</span>)}
|
|
240
|
+
</li>);
|
|
241
|
+
}}/>
|
|
242
|
+
</ul>
|
|
243
|
+
</li>)}/>
|
|
244
|
+
</Show.When>
|
|
245
|
+
<Show.Else>
|
|
246
|
+
<li role="presentation" className="text-gray-1 dark:text-gray-2 px-2.5 py-3 text-sm">
|
|
247
|
+
{noOptionsText}
|
|
248
|
+
</li>
|
|
249
|
+
</Show.Else>
|
|
250
|
+
</Show>
|
|
251
|
+
</ul>
|
|
252
|
+
{countText !== undefined && !isFull && (<p className="border-gray-5 dark:border-gray-1 text-gray-1 dark:text-gray-2 border-t px-4 py-2 text-xs">
|
|
253
|
+
{typeof countText === 'function'
|
|
254
|
+
? countText(flat.length, query.trim())
|
|
255
|
+
: countText}
|
|
256
|
+
</p>)}
|
|
257
|
+
</div>)}
|
|
258
|
+
<RenderErrorOrHelperText id={descriptionId} disabled={disabled} helperText={helperText} error={error} className="pl-6"/>
|
|
259
|
+
</div>);
|
|
260
|
+
}
|
|
261
|
+
//# sourceMappingURL=MultiAutocomplete.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiAutocomplete.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/MultiAutocomplete/MultiAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/MultiAutocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/MultiAutocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export type StepperStepState = 'done' | 'current' | 'pending' | 'skipped';
|
|
3
|
+
export type StepperStep = {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
state: StepperStepState;
|
|
7
|
+
};
|
|
8
|
+
export type StepperOrientation = 'horizontal' | 'vertical';
|
|
9
|
+
export type StepperSize = 'md' | 'sm';
|
|
10
|
+
export type StepperProps = {
|
|
11
|
+
/** Steps in order. Their state is owned by the consumer. */
|
|
12
|
+
steps: StepperStep[];
|
|
13
|
+
/** Accessible name of the list. */
|
|
14
|
+
ariaLabel: string;
|
|
15
|
+
/**
|
|
16
|
+
* Words for each state, read by screen readers after every label.
|
|
17
|
+
* `skipped` is also shown under skipped steps.
|
|
18
|
+
*/
|
|
19
|
+
stateLabels: Record<StepperStepState, string>;
|
|
20
|
+
orientation?: StepperOrientation;
|
|
21
|
+
size?: StepperSize;
|
|
22
|
+
/**
|
|
23
|
+
* Horizontal only. `true` shows dots with the label of the current step
|
|
24
|
+
* alone, the rest in tooltips. `'auto'` switches to that when the labels
|
|
25
|
+
* no longer fit.
|
|
26
|
+
*/
|
|
27
|
+
compact?: boolean | 'auto';
|
|
28
|
+
/** Horizontal only. Minimum width of each step, in pixels. */
|
|
29
|
+
minStepWidth?: number;
|
|
30
|
+
} & Omit<HTMLAttributes<HTMLOListElement>, 'children' | 'aria-label'>;
|
|
31
|
+
/**
|
|
32
|
+
* Ordered list of the steps of a process, showing which are done, which one
|
|
33
|
+
* is current, which are still pending and which were skipped. It only
|
|
34
|
+
* displays progress: the consumer owns every state, and steps are not
|
|
35
|
+
* clickable.
|
|
36
|
+
*
|
|
37
|
+
* Horizontal by default; `vertical` stacks the steps for side panels and
|
|
38
|
+
* narrow screens, and lets long labels wrap. In horizontal mode labels never
|
|
39
|
+
* wrap: `compact` keeps the dots and leaves only the current label visible,
|
|
40
|
+
* the rest in tooltips, and `compact="auto"` switches to that by itself when
|
|
41
|
+
* the container is too narrow for the labels.
|
|
42
|
+
*
|
|
43
|
+
* Every label is followed, for screen readers, by the word for its state in
|
|
44
|
+
* `stateLabels`; the current step carries `aria-current="step"`.
|
|
45
|
+
*
|
|
46
|
+
* @component
|
|
47
|
+
* @example
|
|
48
|
+
* <Stepper
|
|
49
|
+
* ariaLabel="Progress"
|
|
50
|
+
* stateLabels={{ done: 'done', current: 'in progress', pending: 'pending', skipped: 'skipped' }}
|
|
51
|
+
* steps={[
|
|
52
|
+
* { id: 'read', label: 'Read', state: 'done' },
|
|
53
|
+
* { id: 'search', label: 'Search', state: 'current' },
|
|
54
|
+
* { id: 'answer', label: 'Answer', state: 'pending' },
|
|
55
|
+
* ]}
|
|
56
|
+
* />
|
|
57
|
+
*
|
|
58
|
+
* @param {Object} props - The properties of the Stepper component.
|
|
59
|
+
* @param {StepperStep[]} props.steps - Steps in order, each with `id`, `label` and `state`.
|
|
60
|
+
* @param {string} props.ariaLabel - Accessible name of the list.
|
|
61
|
+
* @param {Record<StepperStepState, string>} props.stateLabels - Words for each state; `skipped` is also shown.
|
|
62
|
+
* @param {'horizontal' | 'vertical'} [props.orientation='horizontal'] - Direction of the list.
|
|
63
|
+
* @param {'md' | 'sm'} [props.size='md'] - Size of the dots (20px or 16px).
|
|
64
|
+
* @param {boolean | 'auto'} [props.compact=false] - Horizontal only: dots with the current label alone.
|
|
65
|
+
* @param {number} [props.minStepWidth=80] - Horizontal only: minimum width of each step in pixels.
|
|
66
|
+
*
|
|
67
|
+
* @returns {ReactNode} The rendered Stepper component, or `null` without steps.
|
|
68
|
+
*/
|
|
69
|
+
export declare function Stepper({ steps, ariaLabel, stateLabels, orientation, size, compact, minStepWidth, ...restProps }: StepperProps): ReactNode;
|
|
70
|
+
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Stepper/Stepper.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1E,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,4DAA4D;IAC5D,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;AA4ItE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAA0B,EAC1B,IAAW,EACX,OAAe,EACf,YAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,SAAS,CA0L1B"}
|