@clicoh/orion-library 1.2.0-beta.11 → 1.2.0-beta.13
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/css/expresivo.css +895 -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 +18 -1
- package/dist/components/01-atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/01-atoms/Button/Button.jsx +25 -5
- 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/Input/Input.d.ts.map +1 -1
- package/dist/components/01-atoms/Input/Input.jsx +9 -7
- 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/Select/Select.d.ts.map +1 -1
- package/dist/components/01-atoms/Select/Select.jsx +7 -7
- package/dist/components/01-atoms/Select/Select.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/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/01-atoms/Textarea/Textarea.jsx +3 -3
- package/dist/components/01-atoms/Textarea/Textarea.jsx.map +1 -1
- package/dist/components/01-atoms/index.d.ts +2 -0
- package/dist/components/01-atoms/index.d.ts.map +1 -1
- package/dist/components/01-atoms/index.js +2 -0
- package/dist/components/01-atoms/index.js.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.d.ts.map +1 -1
- package/dist/components/02-molecules/Accordion/AccordionSection.jsx +26 -3
- package/dist/components/02-molecules/Accordion/AccordionSection.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 +83 -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 +37 -2
- package/dist/components/02-molecules/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx +187 -32
- package/dist/components/02-molecules/DatePicker/DatePicker.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 +7 -1
- package/dist/components/02-molecules/Filter/Filter.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/Filter.jsx +10 -7
- package/dist/components/02-molecules/Filter/Filter.jsx.map +1 -1
- 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/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 +4 -0
- package/dist/components/02-molecules/index.d.ts.map +1 -1
- package/dist/components/02-molecules/index.js +4 -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.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/04-templates/DashboardTemplate/DashboardTemplate.d.ts +24 -4
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx +31 -8
- 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/LoginTemplate.d.ts +2 -0
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx +2 -1
- package/dist/components/04-templates/LoginTemplate/LoginTemplate.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/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/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 +65 -0
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts.map +1 -0
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx +156 -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/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/ExpMascot/ExpMascot.d.ts +38 -0
- package/expresivo/ExpMascot/ExpMascot.d.ts.map +1 -0
- package/expresivo/ExpMascot/ExpMascot.jsx +41 -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/ExpPillButton/ExpPillButton.d.ts +44 -0
- package/expresivo/ExpPillButton/ExpPillButton.d.ts.map +1 -0
- package/expresivo/ExpPillButton/ExpPillButton.jsx +75 -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/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/index.d.ts +12 -0
- package/expresivo/index.d.ts.map +1 -0
- package/expresivo/index.js +12 -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 +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EAGnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK/D,KAAK,UAAU,GACX,uBAAuB,GACvB,4BAA4B,GAC5B,0BAA0B,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE3D,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,EAAE,CAAC;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,YAAY,EAAE,CAAC;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IACnD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;CACjD,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,KAAK,4BAA4B,GAAG;IAClC,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC1D,GAAG,IAAI,CACN,uBAAuB,EACvB,YAAY,GAAG,kBAAkB,GAAG,qBAAqB,GAAG,UAAU,CACvE,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,uBAAuB,EACvB,YAAY,GAAG,kBAAkB,GAAG,qBAAqB,GAAG,UAAU,CACvE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,11 +46,12 @@ import { getIndex, renderTableCellContent } from './utils';
|
|
|
46
46
|
* @param {Object} [props.tableProps] - Additional properties for the table element.
|
|
47
47
|
* @param {boolean} [props.loading=false] - Whether the table is in a loading state.
|
|
48
48
|
* @param {number} [props.numberOfRows=10] - The number of rows to display when loading.
|
|
49
|
+
* @param {ReactNode} [props.empty=<TableEmpty />] - Content shown when `data` is empty.
|
|
49
50
|
* @param {Object} restProps - Additional properties for the container div.
|
|
50
51
|
*
|
|
51
52
|
* @returns {ReactNode} The rendered Table component.
|
|
52
53
|
*/
|
|
53
|
-
export function Table({ headers, id, data, action, actions, selectable = false, multiple = true, currentSelection, setCurrentSelection, tableProps, loading = false, numberOfRows = 10, footer, tableName, selectAllLabel, getRowSelectionLabel, getRowActionLabel, ...restProps }) {
|
|
54
|
+
export function Table({ headers, id, data, action, actions, selectable = false, multiple = true, currentSelection, setCurrentSelection, tableProps, loading = false, numberOfRows = 10, footer, empty, tableName, selectAllLabel, getRowSelectionLabel, getRowActionLabel, ...restProps }) {
|
|
54
55
|
const [selected, setSelected] = useState(multiple ? currentSelection ?? {} : currentSelection);
|
|
55
56
|
const [selectAll, setSelectAll] = useState(false);
|
|
56
57
|
const buttonClass = clsx('action disabled:text-gray-3 rounded-sm p-2 text-base transition-colors not-disabled:hover:bg-black not-disabled:hover:text-white dark:not-disabled:hover:bg-white dark:not-disabled:hover:text-black');
|
|
@@ -152,9 +153,9 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
152
153
|
setSelected(multiple ? currentSelection ?? {} : currentSelection);
|
|
153
154
|
}, [currentSelection]);
|
|
154
155
|
return (<div {...restProps} className={clsx('overflow-x-auto', restProps.className)}>
|
|
155
|
-
<table {...tableProps} aria-label={tableName ?? tableProps?.['aria-label']} className={clsx('w-full min-w-full text-left dark:text-white', tableProps?.className)}>
|
|
156
|
+
<table {...tableProps} data-orion-part="table" aria-label={tableName ?? tableProps?.['aria-label']} className={clsx('w-full min-w-full text-left dark:text-white', tableProps?.className)}>
|
|
156
157
|
<thead>
|
|
157
|
-
<tr className="border-gray-5 bg-gray-7 text-gray-1 dark:border-gray-1 dark:bg-black-1 dark:text-gray-2 border-b text-xs">
|
|
158
|
+
<tr data-orion-part="table-head" className="border-gray-5 bg-gray-7 text-gray-1 dark:border-gray-1 dark:bg-black-1 dark:text-gray-2 border-b text-xs">
|
|
158
159
|
{!!selectable && !!multiple && (<th className="px-4 py-3 font-normal">
|
|
159
160
|
<Checkbox label={{ className: 'hidden' }} checkbox={{
|
|
160
161
|
checked: selectAll,
|
|
@@ -183,7 +184,7 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
183
184
|
? !!selected[index]
|
|
184
185
|
: getIndex(selected[id]) === index
|
|
185
186
|
: false;
|
|
186
|
-
return (<tr key={index} className={clsx('border-gray-5 dark:border-gray-1 border-b transition-colors', !isSelected
|
|
187
|
+
return (<tr key={index} data-orion-part="table-row" data-selected={isSelected || undefined} className={clsx('border-gray-5 dark:border-gray-1 border-b transition-colors', !isSelected
|
|
187
188
|
? 'hover:bg-gray-5 dark:hover:bg-black-1'
|
|
188
189
|
: 'bg-gray-4 dark:bg-gray-1', (action || (selectable && !multiple)) &&
|
|
189
190
|
'focus-visible:outline-lavender cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-[-2px]')} onClick={(event) => handlerClick(event, item)} onKeyDown={(event) => handlerKeyDown(event, item)} tabIndex={action || (selectable && !multiple) ? 0 : undefined} aria-label={getRowActionLabel?.(item)}>
|
|
@@ -232,7 +233,7 @@ export function Table({ headers, id, data, action, actions, selectable = false,
|
|
|
232
233
|
</Show>
|
|
233
234
|
</tbody>)}
|
|
234
235
|
</table>
|
|
235
|
-
{!data.length && <TableEmpty />}
|
|
236
|
+
{!data.length && (empty ?? <TableEmpty />)}
|
|
236
237
|
</div>);
|
|
237
238
|
}
|
|
238
239
|
//# sourceMappingURL=Table.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAML,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type TimelineTone = 'neutral' | 'success' | 'warning' | 'error' | 'progress';
|
|
3
|
+
export type TimelineItem = {
|
|
4
|
+
id: string;
|
|
5
|
+
/** When it happened, already formatted for display. */
|
|
6
|
+
at: string;
|
|
7
|
+
/** Machine-readable date for `<time dateTime>` (ISO 8601). */
|
|
8
|
+
dateTime?: string;
|
|
9
|
+
/** Who did it. */
|
|
10
|
+
actor?: string;
|
|
11
|
+
/** What happened. */
|
|
12
|
+
text: ReactNode;
|
|
13
|
+
/** Color of the dot. */
|
|
14
|
+
tone?: TimelineTone;
|
|
15
|
+
};
|
|
16
|
+
export type TimelineProps = {
|
|
17
|
+
/** Events in the order they should read, usually oldest first. */
|
|
18
|
+
items: TimelineItem[];
|
|
19
|
+
/** Accessible name of the list. */
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
} & Omit<HTMLAttributes<HTMLOListElement>, 'children' | 'aria-label'>;
|
|
22
|
+
/**
|
|
23
|
+
* Vertical list of dated events: a dot and a rule on the left, and for each
|
|
24
|
+
* event a line with its time and author over the description. For activity
|
|
25
|
+
* logs and change histories, read top to bottom in the order given.
|
|
26
|
+
*
|
|
27
|
+
* `tone` colors the dot. Color is never the only signal: the text has to say
|
|
28
|
+
* what happened in words too.
|
|
29
|
+
*
|
|
30
|
+
* @component
|
|
31
|
+
* @example
|
|
32
|
+
* <Timeline
|
|
33
|
+
* ariaLabel="Activity"
|
|
34
|
+
* items={[
|
|
35
|
+
* { id: '1', at: '09:12', dateTime: '2026-10-10T09:12', actor: 'Ana', text: 'Opened the request' },
|
|
36
|
+
* { id: '2', at: '09:40', text: 'Answer sent', tone: 'success' },
|
|
37
|
+
* ]}
|
|
38
|
+
* />
|
|
39
|
+
*
|
|
40
|
+
* @param {Object} props - The properties of the Timeline component.
|
|
41
|
+
* @param {TimelineItem[]} props.items - Events with `id`, `at`, `text` and optional `dateTime`, `actor`, `tone`.
|
|
42
|
+
* @param {string} props.ariaLabel - Accessible name of the list.
|
|
43
|
+
*
|
|
44
|
+
* @returns {ReactNode} The rendered Timeline component, or `null` without items.
|
|
45
|
+
*/
|
|
46
|
+
export declare function Timeline({ items, ariaLabel, ...restProps }: TimelineProps): ReactNode;
|
|
47
|
+
//# sourceMappingURL=Timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,kEAAkE;IAClE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;AAYtE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACb,EAAE,aAAa,GAAG,SAAS,CAyD3B"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import { Each } from '../../00-base';
|
|
3
|
+
// `warning` uses the amber family, like `ProgressBar`: the yellow token sits
|
|
4
|
+
// below the 3:1 a graphic needs against the surface.
|
|
5
|
+
const toneMap = {
|
|
6
|
+
neutral: 'bg-gray-3 dark:bg-gray-1',
|
|
7
|
+
success: 'bg-success dark:bg-success-dark',
|
|
8
|
+
warning: 'bg-amber dark:bg-amber-dark',
|
|
9
|
+
error: 'bg-error dark:bg-error-dark',
|
|
10
|
+
progress: 'bg-lavender dark:bg-lavender-dark',
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Vertical list of dated events: a dot and a rule on the left, and for each
|
|
14
|
+
* event a line with its time and author over the description. For activity
|
|
15
|
+
* logs and change histories, read top to bottom in the order given.
|
|
16
|
+
*
|
|
17
|
+
* `tone` colors the dot. Color is never the only signal: the text has to say
|
|
18
|
+
* what happened in words too.
|
|
19
|
+
*
|
|
20
|
+
* @component
|
|
21
|
+
* @example
|
|
22
|
+
* <Timeline
|
|
23
|
+
* ariaLabel="Activity"
|
|
24
|
+
* items={[
|
|
25
|
+
* { id: '1', at: '09:12', dateTime: '2026-10-10T09:12', actor: 'Ana', text: 'Opened the request' },
|
|
26
|
+
* { id: '2', at: '09:40', text: 'Answer sent', tone: 'success' },
|
|
27
|
+
* ]}
|
|
28
|
+
* />
|
|
29
|
+
*
|
|
30
|
+
* @param {Object} props - The properties of the Timeline component.
|
|
31
|
+
* @param {TimelineItem[]} props.items - Events with `id`, `at`, `text` and optional `dateTime`, `actor`, `tone`.
|
|
32
|
+
* @param {string} props.ariaLabel - Accessible name of the list.
|
|
33
|
+
*
|
|
34
|
+
* @returns {ReactNode} The rendered Timeline component, or `null` without items.
|
|
35
|
+
*/
|
|
36
|
+
export function Timeline({ items, ariaLabel, ...restProps }) {
|
|
37
|
+
if (items.length === 0)
|
|
38
|
+
return null;
|
|
39
|
+
return (<ol {...restProps} aria-label={ariaLabel} className={clsx('flex flex-col', restProps.className)}>
|
|
40
|
+
<Each of={items} render={(item, index) => {
|
|
41
|
+
const isLast = index === items.length - 1;
|
|
42
|
+
return (<li key={item.id} className="flex gap-3">
|
|
43
|
+
<span aria-hidden="true" className="flex w-2.5 shrink-0 flex-col items-center">
|
|
44
|
+
<span className={clsx('mt-[3px] size-2.5 shrink-0 rounded-full', toneMap[item.tone ?? 'neutral'])}/>
|
|
45
|
+
{!isLast && (<span className="bg-gray-5 dark:bg-gray-1 mt-1 w-px flex-1"/>)}
|
|
46
|
+
</span>
|
|
47
|
+
<div className={clsx('flex min-w-0 flex-col gap-0.5', !isLast && 'pb-4')}>
|
|
48
|
+
<p className="text-gray-1 dark:text-gray-2 text-xs leading-4">
|
|
49
|
+
<time dateTime={item.dateTime}>{item.at}</time>
|
|
50
|
+
{item.actor && (<>
|
|
51
|
+
{' · '}
|
|
52
|
+
<span className="font-semibold text-black dark:text-white">
|
|
53
|
+
{item.actor}
|
|
54
|
+
</span>
|
|
55
|
+
</>)}
|
|
56
|
+
</p>
|
|
57
|
+
<div className="text-xs leading-[18px] text-pretty text-black dark:text-white">
|
|
58
|
+
{item.text}
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
</li>);
|
|
62
|
+
}}/>
|
|
63
|
+
</ol>);
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=Timeline.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AA8BrC,6EAA6E;AAC7E,qDAAqD;AACrD,MAAM,OAAO,GAAiC;IAC5C,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,iCAAiC;IAC1C,OAAO,EAAE,6BAA6B;IACtC,KAAK,EAAE,6BAA6B;IACpC,QAAQ,EAAE,mCAAmC;CAC9C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACE;IACd,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,CAAC,EAAE,CACD,IAAI,SAAS,CAAC,CACd,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,SAAS,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAEtD;MAAA,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAE1C,OAAO,CACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,YAAY,CACtC;cAAA,CAAC,IAAI,CACH,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,2CAA2C,CAErD;gBAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAI,CACb,yCAAyC,EACzC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAChC,CAAC,EAEJ;gBAAA,CAAC,CAAC,MAAM,IAAI,CACV,CAAC,IAAI,CAAC,SAAS,CAAC,2CAA2C,EAAG,CAC/D,CACH;cAAA,EAAE,IAAI,CACN;cAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAI,CACb,+BAA+B,EAC/B,CAAC,MAAM,IAAI,MAAM,CAClB,CAAC,CAEF;gBAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;kBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAC9C;kBAAA,CAAC,IAAI,CAAC,KAAK,IAAI,CACb,EACE;sBAAA,CAAC,KAAK,CACN;sBAAA,CAAC,IAAI,CAAC,SAAS,CAAC,0CAA0C,CACxD;wBAAA,CAAC,IAAI,CAAC,KAAK,CACb;sBAAA,EAAE,IAAI,CACR;oBAAA,GAAG,CACJ,CACH;gBAAA,EAAE,CAAC,CACH;gBAAA,CAAC,GAAG,CAAC,SAAS,CAAC,+DAA+D,CAC5E;kBAAA,CAAC,IAAI,CAAC,IAAI,CACZ;gBAAA,EAAE,GAAG,CACP;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,EAAE,CAAC,CACN,CAAC;QACJ,CAAC,CAAC,EAEN;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Timeline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/Timeline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -19,4 +19,8 @@ export * from './TimePicker';
|
|
|
19
19
|
export * from './BellNotifications';
|
|
20
20
|
export * from './DatePicker';
|
|
21
21
|
export * from './InlineMessage';
|
|
22
|
+
export * from './Stepper';
|
|
23
|
+
export * from './Timeline';
|
|
24
|
+
export * from './EmptyState';
|
|
25
|
+
export * from './Card';
|
|
22
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
|
|
@@ -19,4 +19,8 @@ export * from './TimePicker';
|
|
|
19
19
|
export * from './BellNotifications';
|
|
20
20
|
export * from './DatePicker';
|
|
21
21
|
export * from './InlineMessage';
|
|
22
|
+
export * from './Stepper';
|
|
23
|
+
export * from './Timeline';
|
|
24
|
+
export * from './EmptyState';
|
|
25
|
+
export * from './Card';
|
|
22
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/02-molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { Pagination, Table } from '../../02-molecules';
|
|
3
3
|
type DataTableProps = {
|
|
4
|
-
table: Pick<ComponentProps<typeof Table>, 'id' | 'headers' | 'data' | 'action' | 'actions' | 'loading' | 'selectable' | 'multiple' | 'currentSelection' | 'setCurrentSelection' | 'tableName' | 'selectAllLabel' | 'getRowSelectionLabel' | 'getRowActionLabel' | 'footer' | 'tableProps'>;
|
|
4
|
+
table: Pick<ComponentProps<typeof Table>, 'id' | 'headers' | 'data' | 'action' | 'actions' | 'loading' | 'selectable' | 'multiple' | 'currentSelection' | 'setCurrentSelection' | 'tableName' | 'selectAllLabel' | 'getRowSelectionLabel' | 'getRowActionLabel' | 'footer' | 'empty' | 'tableProps'>;
|
|
5
5
|
pagination: Pick<ComponentProps<typeof Pagination>, 'currentPage' | 'pageChange' | 'itemsPerPage' | 'totalItems' | 'navigationLabel' | 'previousPageLabel' | 'nextPageLabel' | 'itemsPerPageLabel'>;
|
|
6
6
|
summary?: ReactNode;
|
|
7
7
|
modifier?: DataTableVariants;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,KAAK,EAGN,MAAM,oBAAoB,CAAC;AAE5B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CACT,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,IAAI,GACJ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,qBAAqB,GACrB,WAAW,GACX,gBAAgB,GAChB,sBAAsB,GACtB,mBAAmB,GACnB,QAAQ,GACR,YAAY,CACf,CAAC;IACF,UAAU,EAAE,IAAI,CACd,cAAc,CAAC,OAAO,UAAU,CAAC,EAC/B,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,mBAAmB,CACtB,CAAC;IACF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AAOjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAkB,EAClB,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CA6E5B"}
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,KAAK,EAGN,MAAM,oBAAoB,CAAC;AAE5B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CACT,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,IAAI,GACJ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,qBAAqB,GACrB,WAAW,GACX,gBAAgB,GAChB,sBAAsB,GACtB,mBAAmB,GACnB,QAAQ,GACR,OAAO,GACP,YAAY,CACf,CAAC;IACF,UAAU,EAAE,IAAI,CACd,cAAc,CAAC,OAAO,UAAU,CAAC,EAC/B,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,mBAAmB,CACtB,CAAC;IACF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AAOjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAkB,EAClB,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CA6E5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA6C,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EACL,UAAU,EACV,KAAK,GAGN,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTable.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { AvatarProps } from '../../02-molecules/Avatar/Avatar';
|
|
|
5
5
|
import { BellNotificationProps } from '../../02-molecules/BellNotifications/BellNotification';
|
|
6
6
|
export type HeaderProps = {
|
|
7
7
|
homeHref?: string;
|
|
8
|
+
logo?: ReactNode;
|
|
8
9
|
primaryMenu?: ComponentProps<typeof Menu>['menu'];
|
|
9
10
|
secondMenu?: ComponentProps<typeof Menu>['menu'];
|
|
10
11
|
avatar?: Omit<AvatarProps, 'className' | 'position'>;
|
|
@@ -27,6 +28,7 @@ export type HeaderProps = {
|
|
|
27
28
|
*
|
|
28
29
|
* @param {Object} props - The properties of the Header component.
|
|
29
30
|
* @param {string} [props.homeHref='/'] - The URL for the home link.
|
|
31
|
+
* @param {ReactNode} [props.logo=<Logo />] - Content of the home link.
|
|
30
32
|
* @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
|
|
31
33
|
* @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
|
|
32
34
|
* @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
|
|
@@ -34,5 +36,5 @@ export type HeaderProps = {
|
|
|
34
36
|
*
|
|
35
37
|
* @returns {ReactNode} The rendered Header component.
|
|
36
38
|
*/
|
|
37
|
-
export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, themeSwitch, }: HeaderProps): ReactNode;
|
|
39
|
+
export declare function Header({ homeHref, logo, primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, themeSwitch, }: HeaderProps): ReactNode;
|
|
38
40
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAQ,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAE9F,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IAC1E,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;CAClD,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAQ,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAE9F,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IAC1E,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAc,EACd,IAAI,EACJ,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACZ,EAAE,WAAW,GAAG,SAAS,CA4BzB"}
|
|
@@ -18,6 +18,7 @@ import { SecondMenu } from './SecondMenu';
|
|
|
18
18
|
*
|
|
19
19
|
* @param {Object} props - The properties of the Header component.
|
|
20
20
|
* @param {string} [props.homeHref='/'] - The URL for the home link.
|
|
21
|
+
* @param {ReactNode} [props.logo=<Logo />] - Content of the home link.
|
|
21
22
|
* @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
|
|
22
23
|
* @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
|
|
23
24
|
* @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
|
|
@@ -25,13 +26,11 @@ import { SecondMenu } from './SecondMenu';
|
|
|
25
26
|
*
|
|
26
27
|
* @returns {ReactNode} The rendered Header component.
|
|
27
28
|
*/
|
|
28
|
-
export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, themeSwitch, }) {
|
|
29
|
-
return (<Container as="header" className="relative flex flex-row justify-between py-2 dark:text-white">
|
|
29
|
+
export function Header({ homeHref = '/', logo, primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, themeSwitch, }) {
|
|
30
|
+
return (<Container as="header" data-orion-part="header" className="relative flex flex-row justify-between py-2 dark:text-white">
|
|
30
31
|
<div className="flex items-center gap-4">
|
|
31
32
|
<div>
|
|
32
|
-
<Link href={homeHref}>
|
|
33
|
-
<Logo id="logo"/>
|
|
34
|
-
</Link>
|
|
33
|
+
<Link href={homeHref}>{logo ?? <Logo id="logo"/>}</Link>
|
|
35
34
|
</div>
|
|
36
35
|
{!!secondMenu && (<SecondMenu menu={secondMenu} onFavoriteToggle={onFavoriteToggle}/>)}
|
|
37
36
|
{!!primaryMenu && (<div className="hidden lg:block">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAe,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAe,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAc1C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,GAAG,GAAG,EACd,IAAI,EACJ,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACC;IACZ,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,QAAQ,CACX,eAAe,CAAC,QAAQ,CACxB,SAAS,CAAC,6DAA6D,CAEvE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAG,CAAC,EAAE,IAAI,CAC1D;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CACf,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,EAAG,CACrE,CACD;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAC9B;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,YAAY,EACnD;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,aAAa,CACZ,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,WAAW,CAAC,CAAC,WAAW,CAAC,EAE7B;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { HeaderProps } from '../../03-organisms/Header/Header';
|
|
3
|
+
import { HeadingWithTitleLevel } from './HeadingWithTitle';
|
|
3
4
|
type DashboardTemplateProps = {
|
|
4
5
|
readonly headerProps: HeaderProps;
|
|
5
6
|
readonly pageTitles: Record<string, string>;
|
|
7
|
+
readonly headingTitles?: Record<string, string>;
|
|
8
|
+
readonly headingLevel?: HeadingWithTitleLevel;
|
|
9
|
+
readonly titleAdornment?: ReactNode;
|
|
10
|
+
readonly titleDescription?: ReactNode;
|
|
6
11
|
readonly titleChildren?: ReactNode;
|
|
7
12
|
readonly children: ReactNode;
|
|
8
13
|
readonly breadcrumbLoadingLabel?: string;
|
|
@@ -22,15 +27,30 @@ type DashboardTemplateProps = {
|
|
|
22
27
|
* <div>Main Content</div>
|
|
23
28
|
* </DashboardTemplate>
|
|
24
29
|
*
|
|
30
|
+
* @example
|
|
31
|
+
* // A detail page whose title is not its breadcrumb, with a badge and a summary
|
|
32
|
+
* <DashboardTemplate
|
|
33
|
+
* headerProps={headerProps}
|
|
34
|
+
* pageTitles={{ '/orders': 'Orders', '/orders/1043': '1043' }}
|
|
35
|
+
* headingTitles={{ '/orders/1043': 'Order 1043' }}
|
|
36
|
+
* titleAdornment={<Badge modifier="success">Delivered</Badge>}
|
|
37
|
+
* titleDescription="3 items · Created on 12 Oct"
|
|
38
|
+
* >
|
|
39
|
+
* <OrderDetail />
|
|
40
|
+
* </DashboardTemplate>
|
|
41
|
+
*
|
|
25
42
|
* @param {Object} props - The properties of the DashboardTemplate component.
|
|
26
43
|
* @param {HeaderProps} props.headerProps - The properties for the Header component.
|
|
27
|
-
* @param {Record<string, string>} props.pageTitles - An object mapping pathnames to their corresponding page titles.
|
|
28
|
-
* @param {Record<string, string>} props.
|
|
29
|
-
* @param {
|
|
44
|
+
* @param {Record<string, string>} props.pageTitles - An object mapping pathnames to their corresponding page titles, used by the breadcrumb and the heading.
|
|
45
|
+
* @param {Record<string, string>} [props.headingTitles] - Heading per pathname when it differs from the breadcrumb segment. Pathnames missing here use `pageTitles`.
|
|
46
|
+
* @param {'h3' | 'h4' | 'h5'} [props.headingLevel='h5'] - Heading level of the page title.
|
|
47
|
+
* @param {ReactNode} [props.titleAdornment] - Content next to the title, such as a `Badge`.
|
|
48
|
+
* @param {ReactNode} [props.titleDescription] - Content under the title, inside the title band.
|
|
49
|
+
* @param {ReactNode} [props.titleChildren] - Content at the right of the title; it moves under the title on small screens.
|
|
30
50
|
* @param {ReactNode} props.children - The main content to be rendered within the dashboard.
|
|
31
51
|
*
|
|
32
52
|
* @returns {ReactNode} The rendered DashboardTemplate component.
|
|
33
53
|
*/
|
|
34
|
-
export declare function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }: DashboardTemplateProps): ReactNode;
|
|
54
|
+
export declare function DashboardTemplate({ headerProps, pageTitles, headingTitles, headingLevel, titleAdornment, titleDescription, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }: DashboardTemplateProps): ReactNode;
|
|
35
55
|
export {};
|
|
36
56
|
//# sourceMappingURL=DashboardTemplate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAU,WAAW,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAU,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAC9C,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACpB,EAAE,sBAAsB,GAAG,SAAS,CAiDpC"}
|
|
@@ -19,16 +19,31 @@ import { HeadingWithTitleSkeleton } from './HeadingWithTitleSkeleton';
|
|
|
19
19
|
* <div>Main Content</div>
|
|
20
20
|
* </DashboardTemplate>
|
|
21
21
|
*
|
|
22
|
+
* @example
|
|
23
|
+
* // A detail page whose title is not its breadcrumb, with a badge and a summary
|
|
24
|
+
* <DashboardTemplate
|
|
25
|
+
* headerProps={headerProps}
|
|
26
|
+
* pageTitles={{ '/orders': 'Orders', '/orders/1043': '1043' }}
|
|
27
|
+
* headingTitles={{ '/orders/1043': 'Order 1043' }}
|
|
28
|
+
* titleAdornment={<Badge modifier="success">Delivered</Badge>}
|
|
29
|
+
* titleDescription="3 items · Created on 12 Oct"
|
|
30
|
+
* >
|
|
31
|
+
* <OrderDetail />
|
|
32
|
+
* </DashboardTemplate>
|
|
33
|
+
*
|
|
22
34
|
* @param {Object} props - The properties of the DashboardTemplate component.
|
|
23
35
|
* @param {HeaderProps} props.headerProps - The properties for the Header component.
|
|
24
|
-
* @param {Record<string, string>} props.pageTitles - An object mapping pathnames to their corresponding page titles.
|
|
25
|
-
* @param {Record<string, string>} props.
|
|
26
|
-
* @param {
|
|
36
|
+
* @param {Record<string, string>} props.pageTitles - An object mapping pathnames to their corresponding page titles, used by the breadcrumb and the heading.
|
|
37
|
+
* @param {Record<string, string>} [props.headingTitles] - Heading per pathname when it differs from the breadcrumb segment. Pathnames missing here use `pageTitles`.
|
|
38
|
+
* @param {'h3' | 'h4' | 'h5'} [props.headingLevel='h5'] - Heading level of the page title.
|
|
39
|
+
* @param {ReactNode} [props.titleAdornment] - Content next to the title, such as a `Badge`.
|
|
40
|
+
* @param {ReactNode} [props.titleDescription] - Content under the title, inside the title band.
|
|
41
|
+
* @param {ReactNode} [props.titleChildren] - Content at the right of the title; it moves under the title on small screens.
|
|
27
42
|
* @param {ReactNode} props.children - The main content to be rendered within the dashboard.
|
|
28
43
|
*
|
|
29
44
|
* @returns {ReactNode} The rendered DashboardTemplate component.
|
|
30
45
|
*/
|
|
31
|
-
export function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }) {
|
|
46
|
+
export function DashboardTemplate({ headerProps, pageTitles, headingTitles, headingLevel, titleAdornment, titleDescription, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }) {
|
|
32
47
|
return (<>
|
|
33
48
|
<Header {...headerProps}/>
|
|
34
49
|
<hr className="border-gray-5 dark:border-gray-dark-1"/>
|
|
@@ -36,10 +51,18 @@ export function DashboardTemplate({ headerProps, pageTitles, titleChildren, chil
|
|
|
36
51
|
<Suspense fallback={<BreadcrumbSkeleton loadingLabel={breadcrumbLoadingLabel}/>}>
|
|
37
52
|
<BreadcrumbWithPathname homeHref={headerProps.homeHref} pageTitles={pageTitles}/>
|
|
38
53
|
</Suspense>
|
|
39
|
-
<div className="flex justify-between">
|
|
40
|
-
<
|
|
41
|
-
<
|
|
42
|
-
|
|
54
|
+
<div className="flex flex-col items-start gap-3 sm:flex-row sm:justify-between">
|
|
55
|
+
<div className="flex min-w-0 flex-col gap-1">
|
|
56
|
+
<div className="flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1">
|
|
57
|
+
<Suspense fallback={<HeadingWithTitleSkeleton loadingLabel={headingLoadingLabel}/>}>
|
|
58
|
+
<HeadingWithTitle pageTitles={pageTitles} headingTitles={headingTitles} level={headingLevel}/>
|
|
59
|
+
</Suspense>
|
|
60
|
+
{titleAdornment}
|
|
61
|
+
</div>
|
|
62
|
+
{!!titleDescription && (<div className="text-gray-1 dark:text-gray-2 text-sm">
|
|
63
|
+
{titleDescription}
|
|
64
|
+
</div>)}
|
|
65
|
+
</div>
|
|
43
66
|
{titleChildren}
|
|
44
67
|
</div>
|
|
45
68
|
</Container>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAetE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACI;IACvB,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EACxB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,uCAAuC,EACrD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CACpC;QAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,sBAAsB,CAAC,EAC3D,CAAC,CAED;UAAA,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;QAAA,EAAE,QAAQ,CACV;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gEAAgE,CAC7E;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qDAAqD,CAClE;cAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,wBAAwB,CACvB,YAAY,CAAC,CAAC,mBAAmB,CAAC,EAEtC,CAAC,CAED;gBAAA,CAAC,gBAAgB,CACf,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,YAAY,CAAC,EAExB;cAAA,EAAE,QAAQ,CACV;cAAA,CAAC,cAAc,CACjB;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,CAAC,CAAC,gBAAgB,IAAI,CACrB,CAAC,GAAG,CAAC,SAAS,CAAC,sCAAsC,CACnD;gBAAA,CAAC,gBAAgB,CACnB;cAAA,EAAE,GAAG,CAAC,CACP,CACH;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,aAAa,CAChB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,uCAAuC,EACrD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CACnC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
export type HeadingWithTitleLevel = 'h3' | 'h4' | 'h5';
|
|
2
3
|
/**
|
|
3
4
|
* HeadingWithTitle component for rendering a heading based on the current pathname.
|
|
4
5
|
*
|
|
@@ -9,11 +10,14 @@ import { ReactNode } from 'react';
|
|
|
9
10
|
*
|
|
10
11
|
* @param {Object} props - The properties of the HeadingWithTitle component.
|
|
11
12
|
* @param {Record<string, string>} props.pageTitles - An object mapping pathnames to their corresponding page titles.
|
|
13
|
+
* @param {Record<string, string>} [props.headingTitles] - Title per pathname when it differs from the breadcrumb. Falls back to `pageTitles`.
|
|
14
|
+
* @param {'h3' | 'h4' | 'h5'} [props.level='h5'] - Heading level of the title.
|
|
12
15
|
*
|
|
13
16
|
* @returns {ReactNode} The rendered HeadingWithTitle component.
|
|
14
17
|
*/
|
|
15
|
-
export declare function HeadingWithTitle({ pageTitles, }: {
|
|
18
|
+
export declare function HeadingWithTitle({ pageTitles, headingTitles, level, }: {
|
|
16
19
|
pageTitles: Record<string, string>;
|
|
17
|
-
|
|
20
|
+
headingTitles?: Record<string, string>;
|
|
21
|
+
level?: HeadingWithTitleLevel;
|
|
18
22
|
}): ReactNode;
|
|
19
23
|
//# sourceMappingURL=HeadingWithTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadingWithTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC
|
|
1
|
+
{"version":3,"file":"HeadingWithTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,KAAY,GACb,EAAE;IACD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B,GAAG,SAAS,CAgBZ"}
|
|
@@ -13,15 +13,19 @@ import { HeadingWithTitleSkeleton } from './HeadingWithTitleSkeleton';
|
|
|
13
13
|
*
|
|
14
14
|
* @param {Object} props - The properties of the HeadingWithTitle component.
|
|
15
15
|
* @param {Record<string, string>} props.pageTitles - An object mapping pathnames to their corresponding page titles.
|
|
16
|
+
* @param {Record<string, string>} [props.headingTitles] - Title per pathname when it differs from the breadcrumb. Falls back to `pageTitles`.
|
|
17
|
+
* @param {'h3' | 'h4' | 'h5'} [props.level='h5'] - Heading level of the title.
|
|
16
18
|
*
|
|
17
19
|
* @returns {ReactNode} The rendered HeadingWithTitle component.
|
|
18
20
|
*/
|
|
19
|
-
export function HeadingWithTitle({ pageTitles, }) {
|
|
21
|
+
export function HeadingWithTitle({ pageTitles, headingTitles, level = 'h5', }) {
|
|
20
22
|
const pathname = usePathname() || '/lorem/ipsum';
|
|
21
|
-
const title = pageTitles[pathname] || 'Dashboard';
|
|
23
|
+
const title = headingTitles?.[pathname] || pageTitles[pathname] || 'Dashboard';
|
|
22
24
|
return (<Show>
|
|
23
25
|
<Show.When isTrue={Boolean(title)}>
|
|
24
|
-
<Heading level={
|
|
26
|
+
<Heading level={level} className="min-w-0 break-words">
|
|
27
|
+
{title}
|
|
28
|
+
</Heading>
|
|
25
29
|
</Show.When>
|
|
26
30
|
<Show.Else>
|
|
27
31
|
<HeadingWithTitleSkeleton />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadingWithTitle.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"HeadingWithTitle.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAItE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,KAAK,GAAG,IAAI,GAKb;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,IAAI,cAAc,CAAC;IACjD,MAAM,KAAK,GACT,aAAa,EAAE,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC;IACnE,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAChC;QAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,qBAAqB,CACpD;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,IAAI,CAAC,IAAI,CACX;MAAA,CAAC,IAAI,CAAC,IAAI,CACR;QAAA,CAAC,wBAAwB,CAAC,AAAD,EAC3B;MAAA,EAAE,IAAI,CAAC,IAAI,CACb;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -4,6 +4,7 @@ type LoginTemplateProps = {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
loginImg?: StaticImageData;
|
|
6
6
|
logoAriaLabel?: string;
|
|
7
|
+
logo?: ReactNode;
|
|
7
8
|
};
|
|
8
9
|
/**
|
|
9
10
|
* LoginTemplate component for rendering the login page layout.
|
|
@@ -17,6 +18,7 @@ type LoginTemplateProps = {
|
|
|
17
18
|
*
|
|
18
19
|
* @param {Object} props - The properties of the LoginTemplate component.
|
|
19
20
|
* @param {ReactNode} props.children - The content to be rendered inside the login template.
|
|
21
|
+
* @param {ReactNode} [props.logo=<Logo />] - Brand mark above the content. Replaces the clicOH logo, so `logoAriaLabel` no longer applies.
|
|
20
22
|
*
|
|
21
23
|
* @returns {ReactNode} The rendered LoginTemplate component.
|
|
22
24
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"LoginTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAyBlE"}
|