@clicoh/orion-library 1.2.0-beta.12 → 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.
Files changed (211) hide show
  1. package/assets/css/expresivo.css +895 -0
  2. package/assets/mascotas/svg/bugi-mascota-01-alerta.svg +39 -0
  3. package/assets/mascotas/svg/bugi-mascota-02-investigando.svg +36 -0
  4. package/assets/mascotas/svg/bugi-mascota-05-sorprendido.svg +38 -0
  5. package/assets/mascotas/svg/oculus-mascota-01-feliz.svg +52 -0
  6. package/assets/mascotas/svg/oculus-mascota-02-investigando.svg +51 -0
  7. package/assets/mascotas/svg/oculus-mascota-03-dudando.svg +51 -0
  8. package/assets/mascotas/svg/oculus-mascota-04-analizando-documento.svg +53 -0
  9. package/assets/mascotas/svg/oculus-mascota-06-celebrando.svg +54 -0
  10. package/assets/mascotas/svg/oculus-mascota-07-buscando-rapido.svg +57 -0
  11. package/assets/mascotas/svg/oculus-mascota-08-satisfecho.svg +55 -0
  12. package/assets/mascotas/webp/fixi-mascota-01-feliz-sm.webp +0 -0
  13. package/assets/mascotas/webp/fixi-mascota-02-investigando-sm.webp +0 -0
  14. package/assets/mascotas/webp/fixi-mascota-03-dudando-sm.webp +0 -0
  15. package/assets/mascotas/webp/fixi-mascota-04-reparando-sm.webp +0 -0
  16. package/assets/mascotas/webp/fixi-mascota-05-sorprendido-sm.webp +0 -0
  17. package/assets/mascotas/webp/fixi-mascota-06-celebrando-sm.webp +0 -0
  18. package/assets/mascotas/webp/fixi-mascota-07-corriendo-sm.webp +0 -0
  19. package/dist/components/01-atoms/Button/Button.d.ts +18 -1
  20. package/dist/components/01-atoms/Button/Button.d.ts.map +1 -1
  21. package/dist/components/01-atoms/Button/Button.jsx +25 -5
  22. package/dist/components/01-atoms/Button/Button.jsx.map +1 -1
  23. package/dist/components/01-atoms/Heading/Heading.jsx +1 -1
  24. package/dist/components/01-atoms/Heading/Heading.jsx.map +1 -1
  25. package/dist/components/01-atoms/Input/Input.d.ts.map +1 -1
  26. package/dist/components/01-atoms/Input/Input.jsx +9 -7
  27. package/dist/components/01-atoms/Input/Input.jsx.map +1 -1
  28. package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.d.ts.map +1 -1
  29. package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.jsx +1 -1
  30. package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.jsx.map +1 -1
  31. package/dist/components/01-atoms/Select/Select.d.ts.map +1 -1
  32. package/dist/components/01-atoms/Select/Select.jsx +7 -7
  33. package/dist/components/01-atoms/Select/Select.jsx.map +1 -1
  34. package/dist/components/01-atoms/Spinner/Spinner.d.ts +24 -3
  35. package/dist/components/01-atoms/Spinner/Spinner.d.ts.map +1 -1
  36. package/dist/components/01-atoms/Spinner/Spinner.jsx +30 -4
  37. package/dist/components/01-atoms/Spinner/Spinner.jsx.map +1 -1
  38. package/dist/components/01-atoms/Spinner/index.d.ts +1 -0
  39. package/dist/components/01-atoms/Spinner/index.d.ts.map +1 -1
  40. package/dist/components/01-atoms/Stat/Stat.d.ts +4 -1
  41. package/dist/components/01-atoms/Stat/Stat.d.ts.map +1 -1
  42. package/dist/components/01-atoms/Stat/Stat.jsx +6 -2
  43. package/dist/components/01-atoms/Stat/Stat.jsx.map +1 -1
  44. package/dist/components/01-atoms/Textarea/Textarea.d.ts.map +1 -1
  45. package/dist/components/01-atoms/Textarea/Textarea.jsx +3 -3
  46. package/dist/components/01-atoms/Textarea/Textarea.jsx.map +1 -1
  47. package/dist/components/02-molecules/Accordion/AccordionSection.d.ts.map +1 -1
  48. package/dist/components/02-molecules/Accordion/AccordionSection.jsx +26 -3
  49. package/dist/components/02-molecules/Accordion/AccordionSection.jsx.map +1 -1
  50. package/dist/components/02-molecules/Card/Card.d.ts +74 -0
  51. package/dist/components/02-molecules/Card/Card.d.ts.map +1 -0
  52. package/dist/components/02-molecules/Card/Card.jsx +83 -0
  53. package/dist/components/02-molecules/Card/Card.jsx.map +1 -0
  54. package/dist/components/02-molecules/Card/index.d.ts +2 -0
  55. package/dist/components/02-molecules/Card/index.d.ts.map +1 -0
  56. package/dist/components/02-molecules/Card/index.js +2 -0
  57. package/dist/components/02-molecules/Card/index.js.map +1 -0
  58. package/dist/components/02-molecules/DatePicker/DatePicker.d.ts +37 -2
  59. package/dist/components/02-molecules/DatePicker/DatePicker.d.ts.map +1 -1
  60. package/dist/components/02-molecules/DatePicker/DatePicker.jsx +187 -32
  61. package/dist/components/02-molecules/DatePicker/DatePicker.jsx.map +1 -1
  62. package/dist/components/02-molecules/EmptyState/EmptyState.d.ts +52 -0
  63. package/dist/components/02-molecules/EmptyState/EmptyState.d.ts.map +1 -0
  64. package/dist/components/02-molecules/EmptyState/EmptyState.jsx +66 -0
  65. package/dist/components/02-molecules/EmptyState/EmptyState.jsx.map +1 -0
  66. package/dist/components/02-molecules/EmptyState/index.d.ts +2 -0
  67. package/dist/components/02-molecules/EmptyState/index.d.ts.map +1 -0
  68. package/dist/components/02-molecules/EmptyState/index.js +2 -0
  69. package/dist/components/02-molecules/EmptyState/index.js.map +1 -0
  70. package/dist/components/02-molecules/Filter/Filter.d.ts +7 -1
  71. package/dist/components/02-molecules/Filter/Filter.d.ts.map +1 -1
  72. package/dist/components/02-molecules/Filter/Filter.jsx +10 -7
  73. package/dist/components/02-molecules/Filter/Filter.jsx.map +1 -1
  74. package/dist/components/02-molecules/InlineMessage/InlineMessage.d.ts +15 -1
  75. package/dist/components/02-molecules/InlineMessage/InlineMessage.d.ts.map +1 -1
  76. package/dist/components/02-molecules/InlineMessage/InlineMessage.jsx +18 -3
  77. package/dist/components/02-molecules/InlineMessage/InlineMessage.jsx.map +1 -1
  78. package/dist/components/02-molecules/Menu/MenuItem.d.ts.map +1 -1
  79. package/dist/components/02-molecules/Menu/MenuItem.jsx +2 -2
  80. package/dist/components/02-molecules/Menu/MenuItem.jsx.map +1 -1
  81. package/dist/components/02-molecules/Menu/MenuList.d.ts.map +1 -1
  82. package/dist/components/02-molecules/Menu/MenuList.jsx +1 -1
  83. package/dist/components/02-molecules/Menu/MenuList.jsx.map +1 -1
  84. package/dist/components/02-molecules/Table/Table.d.ts +3 -1
  85. package/dist/components/02-molecules/Table/Table.d.ts.map +1 -1
  86. package/dist/components/02-molecules/Table/Table.jsx +6 -5
  87. package/dist/components/02-molecules/Table/Table.jsx.map +1 -1
  88. package/dist/components/02-molecules/index.d.ts +2 -0
  89. package/dist/components/02-molecules/index.d.ts.map +1 -1
  90. package/dist/components/02-molecules/index.js +2 -0
  91. package/dist/components/02-molecules/index.js.map +1 -1
  92. package/dist/components/03-organisms/DataTable/DataTable.d.ts +1 -1
  93. package/dist/components/03-organisms/DataTable/DataTable.d.ts.map +1 -1
  94. package/dist/components/03-organisms/DataTable/DataTable.jsx.map +1 -1
  95. package/dist/components/03-organisms/Header/Header.d.ts +3 -1
  96. package/dist/components/03-organisms/Header/Header.d.ts.map +1 -1
  97. package/dist/components/03-organisms/Header/Header.jsx +4 -5
  98. package/dist/components/03-organisms/Header/Header.jsx.map +1 -1
  99. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts +24 -4
  100. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts.map +1 -1
  101. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx +31 -8
  102. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx.map +1 -1
  103. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.d.ts +6 -2
  104. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.d.ts.map +1 -1
  105. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.jsx +7 -3
  106. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.jsx.map +1 -1
  107. package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts +2 -0
  108. package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts.map +1 -1
  109. package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx +2 -1
  110. package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx.map +1 -1
  111. package/expresivo/ExpBubble/ExpBubble.d.ts +51 -0
  112. package/expresivo/ExpBubble/ExpBubble.d.ts.map +1 -0
  113. package/expresivo/ExpBubble/ExpBubble.jsx +74 -0
  114. package/expresivo/ExpBubble/ExpBubble.jsx.map +1 -0
  115. package/expresivo/ExpBubble/index.d.ts +3 -0
  116. package/expresivo/ExpBubble/index.d.ts.map +1 -0
  117. package/expresivo/ExpBubble/index.js +2 -0
  118. package/expresivo/ExpBubble/index.js.map +1 -0
  119. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts +37 -0
  120. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts.map +1 -0
  121. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx +43 -0
  122. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx.map +1 -0
  123. package/expresivo/ExpCollapseToggle/index.d.ts +3 -0
  124. package/expresivo/ExpCollapseToggle/index.d.ts.map +1 -0
  125. package/expresivo/ExpCollapseToggle/index.js +2 -0
  126. package/expresivo/ExpCollapseToggle/index.js.map +1 -0
  127. package/expresivo/ExpGrowBar/ExpGrowBar.d.ts +26 -0
  128. package/expresivo/ExpGrowBar/ExpGrowBar.d.ts.map +1 -0
  129. package/expresivo/ExpGrowBar/ExpGrowBar.jsx +39 -0
  130. package/expresivo/ExpGrowBar/ExpGrowBar.jsx.map +1 -0
  131. package/expresivo/ExpGrowBar/index.d.ts +3 -0
  132. package/expresivo/ExpGrowBar/index.d.ts.map +1 -0
  133. package/expresivo/ExpGrowBar/index.js +2 -0
  134. package/expresivo/ExpGrowBar/index.js.map +1 -0
  135. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts +65 -0
  136. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts.map +1 -0
  137. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx +156 -0
  138. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx.map +1 -0
  139. package/expresivo/ExpJourneyTrack/index.d.ts +3 -0
  140. package/expresivo/ExpJourneyTrack/index.d.ts.map +1 -0
  141. package/expresivo/ExpJourneyTrack/index.js +2 -0
  142. package/expresivo/ExpJourneyTrack/index.js.map +1 -0
  143. package/expresivo/ExpKeyButton/ExpKeyButton.d.ts +49 -0
  144. package/expresivo/ExpKeyButton/ExpKeyButton.d.ts.map +1 -0
  145. package/expresivo/ExpKeyButton/ExpKeyButton.jsx +60 -0
  146. package/expresivo/ExpKeyButton/ExpKeyButton.jsx.map +1 -0
  147. package/expresivo/ExpKeyButton/index.d.ts +3 -0
  148. package/expresivo/ExpKeyButton/index.d.ts.map +1 -0
  149. package/expresivo/ExpKeyButton/index.js +2 -0
  150. package/expresivo/ExpKeyButton/index.js.map +1 -0
  151. package/expresivo/ExpLensIcon/ExpLensIcon.d.ts +29 -0
  152. package/expresivo/ExpLensIcon/ExpLensIcon.d.ts.map +1 -0
  153. package/expresivo/ExpLensIcon/ExpLensIcon.jsx +29 -0
  154. package/expresivo/ExpLensIcon/ExpLensIcon.jsx.map +1 -0
  155. package/expresivo/ExpLensIcon/index.d.ts +3 -0
  156. package/expresivo/ExpLensIcon/index.d.ts.map +1 -0
  157. package/expresivo/ExpLensIcon/index.js +2 -0
  158. package/expresivo/ExpLensIcon/index.js.map +1 -0
  159. package/expresivo/ExpMascot/ExpMascot.d.ts +38 -0
  160. package/expresivo/ExpMascot/ExpMascot.d.ts.map +1 -0
  161. package/expresivo/ExpMascot/ExpMascot.jsx +41 -0
  162. package/expresivo/ExpMascot/ExpMascot.jsx.map +1 -0
  163. package/expresivo/ExpMascot/catalog.d.ts +12 -0
  164. package/expresivo/ExpMascot/catalog.d.ts.map +1 -0
  165. package/expresivo/ExpMascot/catalog.js +41 -0
  166. package/expresivo/ExpMascot/catalog.js.map +1 -0
  167. package/expresivo/ExpMascot/index.d.ts +4 -0
  168. package/expresivo/ExpMascot/index.d.ts.map +1 -0
  169. package/expresivo/ExpMascot/index.js +2 -0
  170. package/expresivo/ExpMascot/index.js.map +1 -0
  171. package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts +29 -0
  172. package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts.map +1 -0
  173. package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx +87 -0
  174. package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx.map +1 -0
  175. package/expresivo/ExpMedalBadge/index.d.ts +3 -0
  176. package/expresivo/ExpMedalBadge/index.d.ts.map +1 -0
  177. package/expresivo/ExpMedalBadge/index.js +2 -0
  178. package/expresivo/ExpMedalBadge/index.js.map +1 -0
  179. package/expresivo/ExpPillButton/ExpPillButton.d.ts +44 -0
  180. package/expresivo/ExpPillButton/ExpPillButton.d.ts.map +1 -0
  181. package/expresivo/ExpPillButton/ExpPillButton.jsx +75 -0
  182. package/expresivo/ExpPillButton/ExpPillButton.jsx.map +1 -0
  183. package/expresivo/ExpPillButton/index.d.ts +3 -0
  184. package/expresivo/ExpPillButton/index.d.ts.map +1 -0
  185. package/expresivo/ExpPillButton/index.js +2 -0
  186. package/expresivo/ExpPillButton/index.js.map +1 -0
  187. package/expresivo/ExpScope/ExpScope.d.ts +63 -0
  188. package/expresivo/ExpScope/ExpScope.d.ts.map +1 -0
  189. package/expresivo/ExpScope/ExpScope.jsx +67 -0
  190. package/expresivo/ExpScope/ExpScope.jsx.map +1 -0
  191. package/expresivo/ExpScope/index.d.ts +3 -0
  192. package/expresivo/ExpScope/index.d.ts.map +1 -0
  193. package/expresivo/ExpScope/index.js +2 -0
  194. package/expresivo/ExpScope/index.js.map +1 -0
  195. package/expresivo/ExpScoreRing/ExpScoreRing.d.ts +35 -0
  196. package/expresivo/ExpScoreRing/ExpScoreRing.d.ts.map +1 -0
  197. package/expresivo/ExpScoreRing/ExpScoreRing.jsx +67 -0
  198. package/expresivo/ExpScoreRing/ExpScoreRing.jsx.map +1 -0
  199. package/expresivo/ExpScoreRing/index.d.ts +3 -0
  200. package/expresivo/ExpScoreRing/index.d.ts.map +1 -0
  201. package/expresivo/ExpScoreRing/index.js +2 -0
  202. package/expresivo/ExpScoreRing/index.js.map +1 -0
  203. package/expresivo/index.d.ts +12 -0
  204. package/expresivo/index.d.ts.map +1 -0
  205. package/expresivo/index.js +12 -0
  206. package/expresivo/index.js.map +1 -0
  207. package/expresivo/shared/glyphs.d.ts +20 -0
  208. package/expresivo/shared/glyphs.d.ts.map +1 -0
  209. package/expresivo/shared/glyphs.jsx +60 -0
  210. package/expresivo/shared/glyphs.jsx.map +1 -0
  211. package/package.json +3 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAyBjD,MAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,yDAAyD;IAClE,MAAM,EAAE,kEAAkE;IAC1E,MAAM,EACJ,wFAAwF;CAC3F,CAAC;AAEF,MAAM,cAAc,GAAiC;IACnD,OAAO,EAAE,8CAA8C;IACvD,MAAM,EAAE,sDAAsD;IAC9D,MAAM,EAAE,uDAAuD;CAChE,CAAC;AAEF,MAAM,UAAU,GAAyD;IACvE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE;IAC7C,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE;CAC9C,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAI,CAC3B,qDAAqD,EACrD,iDAAiD,EACjD,wJAAwJ,CACzJ,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,QAAQ,GAAG,SAAS,EACpB,OAAO,GAAG,IAAI,EACd,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACF;IACV,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,CAAC,OAAO,CACN,IAAI,SAAS,CAAC,CACd,eAAe,CAAC,MAAM,CACtB,SAAS,CAAC,CAAC,IAAI,CACb,oFAAoF,EACpF,aAAa,IAAI,UAAU,EAC3B,QAAQ,CAAC,QAAQ,CAAC,EAClB,aAAa,IAAI,cAAc,CAAC,QAAQ,CAAC,EACzC,MAAM,CAAC,GAAG,EACV,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAC3B,CAAC,GAAG,CAAC,SAAS,CAAC,wCAAwC,CACrD;UAAA,CAAC,CAAC,CAAC,KAAK,IAAI,CACV,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,SAAS,CAC7C;cAAA,CAAC,CAAC,CAAC,IAAI,IAAI,CACT,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5C;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,IAAI,CAAC,CACR,CACD;cAAA,CAAC,CAAC,CAAC,OAAO,IAAI,CACZ,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAE5B;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,MAAM,CAAC,CACV,CACD;cAAA,CAAC,CAAC,aAAa,IAAI,KAAK,CAC1B;YAAA,EAAE,OAAO,CAAC,CACX,CACD;UAAA,CAAC,CAAC,CAAC,SAAS,IAAI,CACd,CAAC,GAAG,CAAC,SAAS,CAAC,gDAAgD,CAC7D;cAAA,CAAC,SAAS,CACZ;YAAA,EAAE,GAAG,CAAC,CACP,CACH;QAAA,EAAE,GAAG,CAAC,CACP,CACD;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CACX,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAI,CACb,8DAA8D,EAC9D,MAAM,CAAC,MAAM,CACd,CAAC,CAEF;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Card';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Card';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -3,6 +3,18 @@ export type DatePickerQuickAction = {
3
3
  readonly label: string;
4
4
  readonly value: string;
5
5
  };
6
+ export type DatePickerTime = {
7
+ readonly label: string;
8
+ /** `HH:mm` in 24 h, or `''` without a time. */
9
+ readonly value: string;
10
+ readonly onChange: (value: string) => void;
11
+ readonly hourLabel: string;
12
+ readonly minuteLabel: string;
13
+ readonly incrementLabel: string;
14
+ readonly decrementLabel: string;
15
+ readonly clearLabel?: string;
16
+ readonly doneLabel: string;
17
+ };
6
18
  export type DatePickerProps = {
7
19
  readonly value?: string;
8
20
  readonly onChange?: (iso: string) => void;
@@ -39,11 +51,16 @@ export type DatePickerProps = {
39
51
  readonly error?: string;
40
52
  readonly disabled?: boolean;
41
53
  readonly placeholder?: string;
54
+ readonly time?: DatePickerTime;
42
55
  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
43
56
  /**
44
57
  * DatePicker renders a pill-shaped date field with a calendar popover.
45
58
  * All visible labels are provided by the consumer.
46
59
  *
60
+ * With `time`, picking a day keeps the calendar open and shows the hour and
61
+ * the minute under it, with a button to remove the time and one to finish.
62
+ * The field then shows the date and the time joined by "·".
63
+ *
47
64
  * @component
48
65
  * @example
49
66
  * <DatePicker
@@ -57,6 +74,23 @@ export type DatePickerProps = {
57
74
  * quickActions={[{ label: 'Today', value: '2026-09-14' }]}
58
75
  * />
59
76
  *
77
+ * @example
78
+ * // Date and an optional time
79
+ * <DatePicker
80
+ * {...dateProps}
81
+ * time={{
82
+ * label: 'Time',
83
+ * value: time,
84
+ * onChange: setTime,
85
+ * hourLabel: 'Hour',
86
+ * minuteLabel: 'Minute',
87
+ * incrementLabel: 'Increase',
88
+ * decrementLabel: 'Decrease',
89
+ * clearLabel: 'Remove time',
90
+ * doneLabel: 'Done',
91
+ * }}
92
+ * />
93
+ *
60
94
  * @param {DatePickerProps} props - The properties of the DatePicker component.
61
95
  * @param {string} [props.value] - Controlled ISO date `YYYY-MM-DD`.
62
96
  * @param {(iso: string) => void} [props.onChange] - Fired when a date is selected.
@@ -67,13 +101,14 @@ export type DatePickerProps = {
67
101
  * @param {string} props.prevMonthLabel - Accessible label for previous month.
68
102
  * @param {string} props.nextMonthLabel - Accessible label for next month.
69
103
  * @param {readonly DatePickerQuickAction[]} [props.quickActions] - Shortcut buttons above the calendar.
70
- * @param {string} [props.label] - Floating label text.
104
+ * @param {string} [props.label] - Label in the notch of the border, like `Input` and `Select`.
71
105
  * @param {string} [props.helperText] - Helper text below the field.
72
106
  * @param {string} [props.error] - Error message below the field.
73
107
  * @param {boolean} [props.disabled] - Disables the control.
74
108
  * @param {string} [props.placeholder] - Placeholder when no value is set.
109
+ * @param {DatePickerTime} [props.time] - Optional time of day. `value` is `HH:mm` in 24 h, or `''` without a time; `onChange` receives the same format. The labels name the group, each part and its step buttons; `clearLabel` adds the button that removes the time.
75
110
  *
76
111
  * @returns {ReactNode} The rendered DatePicker component.
77
112
  */
78
- export declare function DatePicker({ value, onChange, minDate, maxDate, monthLabels, weekdayLabels, prevMonthLabel, nextMonthLabel, quickActions, label, helperText, error, disabled, placeholder, ...restProps }: DatePickerProps): ReactNode;
113
+ export declare function DatePicker({ value, onChange, minDate, maxDate, monthLabels, weekdayLabels, prevMonthLabel, nextMonthLabel, quickActions, label, helperText, error, disabled, placeholder, time, ...restProps }: DatePickerProps): ReactNode;
79
114
  //# sourceMappingURL=DatePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,SAAS;QAC7B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,aAAa,EAAE,SAAS;QAC/B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAiFrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CA6O7B"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAaf,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,SAAS;QAC7B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,aAAa,EAAE,SAAS;QAC/B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;CAChC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAuSrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,IAAI,EACJ,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CA8Q7B"}
@@ -2,9 +2,20 @@
2
2
  import clsx from 'clsx';
3
3
  import { useEffect, useId, useMemo, useRef, useState, } from 'react';
4
4
  import { FiCalendar } from 'react-icons/fi';
5
- import { MdChevronLeft, MdChevronRight } from 'react-icons/md';
5
+ import { MdChevronLeft, MdChevronRight, MdKeyboardArrowDown, MdKeyboardArrowUp, } from 'react-icons/md';
6
6
  import { Each, Show } from '../../00-base';
7
+ import { Button } from '../../01-atoms/Button';
8
+ import { generateBorder } from '../../01-atoms/Input/utils/border';
7
9
  import { RenderErrorOrHelperText } from '../../01-atoms/Input/utils/RenderErrorOrHelperText';
10
+ function parseClock(value) {
11
+ const match = /^([01]\d|2[0-3]):([0-5]\d)$/.exec(value ?? '');
12
+ if (!match)
13
+ return null;
14
+ return { hour: Number(match[1]), minute: Number(match[2]) };
15
+ }
16
+ function padClock(value) {
17
+ return String(value).padStart(2, '0');
18
+ }
8
19
  function parseIso(iso) {
9
20
  if (!iso || !/^\d{4}-\d{2}-\d{2}$/.test(iso))
10
21
  return null;
@@ -55,10 +66,113 @@ function buildCalendar(year, month, min, max) {
55
66
  }
56
67
  return cells;
57
68
  }
69
+ /**
70
+ * One two-digit part of the time. Typing replaces it digit by digit, the
71
+ * arrow keys step it and wrap around, Home and End jump to the limits.
72
+ */
73
+ function TimeSegment({ label, value, max, incrementLabel, decrementLabel, onCommit, onFilled, inputRef, }) {
74
+ const [draft, setDraft] = useState(null);
75
+ const shown = draft ?? (value === null ? '' : padClock(value));
76
+ const commit = (next) => {
77
+ setDraft(null);
78
+ onCommit(Math.min(Math.max(next, 0), max));
79
+ };
80
+ const step = (delta) => {
81
+ const current = draft ? Number(draft) : value;
82
+ const from = current ?? (delta > 0 ? -1 : max + 1);
83
+ commit((from + delta + max + 1) % (max + 1));
84
+ };
85
+ const enterDigit = (digit) => {
86
+ const next = (draft ?? '') + digit;
87
+ if (next.length === 2 || Number(next) * 10 > max) {
88
+ commit(Number(next));
89
+ onFilled?.();
90
+ return;
91
+ }
92
+ setDraft(next);
93
+ };
94
+ const onKeyDown = (event) => {
95
+ if (/^\d$/.test(event.key)) {
96
+ event.preventDefault();
97
+ enterDigit(event.key);
98
+ return;
99
+ }
100
+ const actions = {
101
+ ArrowUp: () => step(1),
102
+ ArrowDown: () => step(-1),
103
+ Home: () => commit(0),
104
+ End: () => commit(max),
105
+ Backspace: () => setDraft(draft ? draft.slice(0, -1) : ''),
106
+ Delete: () => setDraft(''),
107
+ Enter: () => {
108
+ if (draft)
109
+ commit(Number(draft));
110
+ },
111
+ };
112
+ const action = actions[event.key];
113
+ if (!action)
114
+ return;
115
+ event.preventDefault();
116
+ action();
117
+ };
118
+ return (<div role="group" aria-label={label} className="flex items-center gap-0.5">
119
+ <input ref={inputRef} type="text" role="spinbutton" inputMode="numeric" autoComplete="off" aria-label={label} aria-valuemin={0} aria-valuemax={max} aria-valuenow={value ?? undefined} aria-valuetext={value === null ? undefined : padClock(value)} placeholder="--" value={shown} onFocus={(event) => event.target.select()} onKeyDown={onKeyDown} onChange={(event) => {
120
+ const typed = event.target.value.replace(/\D/g, '').slice(-1);
121
+ if (typed)
122
+ enterDigit(typed);
123
+ }} onBlur={() => {
124
+ if (draft)
125
+ commit(Number(draft));
126
+ else
127
+ setDraft(null);
128
+ }} className="border-gray-5 focus:border-lavender dark:border-gray-1 dark:focus:border-lavender-dark placeholder:text-gray-2 h-8 w-10 rounded-md border bg-transparent text-center text-sm text-black tabular-nums outline-0 transition-colors dark:text-white"/>
129
+ <div className="flex flex-col">
130
+ <button type="button" tabIndex={-1} aria-label={incrementLabel} onClick={() => step(1)} className="text-gray-1 dark:text-gray-2 flex h-4 w-5 cursor-pointer items-center justify-center hover:text-black dark:hover:text-white">
131
+ <MdKeyboardArrowUp aria-hidden className="size-4"/>
132
+ </button>
133
+ <button type="button" tabIndex={-1} aria-label={decrementLabel} onClick={() => step(-1)} className="text-gray-1 dark:text-gray-2 flex h-4 w-5 cursor-pointer items-center justify-center hover:text-black dark:hover:text-white">
134
+ <MdKeyboardArrowDown aria-hidden className="size-4"/>
135
+ </button>
136
+ </div>
137
+ </div>);
138
+ }
139
+ function DatePickerTimeFields({ time, onDone, }) {
140
+ const labelId = useId();
141
+ const minuteRef = useRef(null);
142
+ const clock = parseClock(time.value);
143
+ const base = clock ?? { hour: 0, minute: 0 };
144
+ const change = (next) => time.onChange(`${padClock(next.hour)}:${padClock(next.minute)}`);
145
+ return (<div data-orion-part="datepicker-time" className="border-gray-5 dark:border-gray-1 mt-3 border-t pt-3">
146
+ <div role="group" aria-labelledby={labelId} className="flex items-center justify-between gap-3">
147
+ <span id={labelId} className="text-gray-1 dark:text-gray-2 text-xs font-semibold">
148
+ {time.label}
149
+ </span>
150
+ <div className="flex items-center gap-1">
151
+ <TimeSegment label={time.hourLabel} value={clock?.hour ?? null} max={23} incrementLabel={time.incrementLabel} decrementLabel={time.decrementLabel} onCommit={(hour) => change({ ...base, hour })} onFilled={() => minuteRef.current?.focus()}/>
152
+ <span aria-hidden="true" className="text-sm font-semibold text-black dark:text-white">
153
+ :
154
+ </span>
155
+ <TimeSegment inputRef={minuteRef} label={time.minuteLabel} value={clock?.minute ?? null} max={59} incrementLabel={time.incrementLabel} decrementLabel={time.decrementLabel} onCommit={(minute) => change({ ...base, minute })}/>
156
+ </div>
157
+ </div>
158
+ <div className="mt-3 flex items-center justify-end gap-2">
159
+ {!!time.clearLabel && (<Button type="button" modifier="text" size="sm" onClick={() => time.onChange('')}>
160
+ {time.clearLabel}
161
+ </Button>)}
162
+ <Button type="button" size="sm" onClick={onDone}>
163
+ {time.doneLabel}
164
+ </Button>
165
+ </div>
166
+ </div>);
167
+ }
58
168
  /**
59
169
  * DatePicker renders a pill-shaped date field with a calendar popover.
60
170
  * All visible labels are provided by the consumer.
61
171
  *
172
+ * With `time`, picking a day keeps the calendar open and shows the hour and
173
+ * the minute under it, with a button to remove the time and one to finish.
174
+ * The field then shows the date and the time joined by "·".
175
+ *
62
176
  * @component
63
177
  * @example
64
178
  * <DatePicker
@@ -72,6 +186,23 @@ function buildCalendar(year, month, min, max) {
72
186
  * quickActions={[{ label: 'Today', value: '2026-09-14' }]}
73
187
  * />
74
188
  *
189
+ * @example
190
+ * // Date and an optional time
191
+ * <DatePicker
192
+ * {...dateProps}
193
+ * time={{
194
+ * label: 'Time',
195
+ * value: time,
196
+ * onChange: setTime,
197
+ * hourLabel: 'Hour',
198
+ * minuteLabel: 'Minute',
199
+ * incrementLabel: 'Increase',
200
+ * decrementLabel: 'Decrease',
201
+ * clearLabel: 'Remove time',
202
+ * doneLabel: 'Done',
203
+ * }}
204
+ * />
205
+ *
75
206
  * @param {DatePickerProps} props - The properties of the DatePicker component.
76
207
  * @param {string} [props.value] - Controlled ISO date `YYYY-MM-DD`.
77
208
  * @param {(iso: string) => void} [props.onChange] - Fired when a date is selected.
@@ -82,24 +213,29 @@ function buildCalendar(year, month, min, max) {
82
213
  * @param {string} props.prevMonthLabel - Accessible label for previous month.
83
214
  * @param {string} props.nextMonthLabel - Accessible label for next month.
84
215
  * @param {readonly DatePickerQuickAction[]} [props.quickActions] - Shortcut buttons above the calendar.
85
- * @param {string} [props.label] - Floating label text.
216
+ * @param {string} [props.label] - Label in the notch of the border, like `Input` and `Select`.
86
217
  * @param {string} [props.helperText] - Helper text below the field.
87
218
  * @param {string} [props.error] - Error message below the field.
88
219
  * @param {boolean} [props.disabled] - Disables the control.
89
220
  * @param {string} [props.placeholder] - Placeholder when no value is set.
221
+ * @param {DatePickerTime} [props.time] - Optional time of day. `value` is `HH:mm` in 24 h, or `''` without a time; `onChange` receives the same format. The labels name the group, each part and its step buttons; `clearLabel` adds the button that removes the time.
90
222
  *
91
223
  * @returns {ReactNode} The rendered DatePicker component.
92
224
  */
93
- export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, weekdayLabels, prevMonthLabel, nextMonthLabel, quickActions, label, helperText, error, disabled = false, placeholder, ...restProps }) {
225
+ export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, weekdayLabels, prevMonthLabel, nextMonthLabel, quickActions, label, helperText, error, disabled = false, placeholder, time, ...restProps }) {
94
226
  const generatedId = useId();
95
227
  const id = restProps.id ?? generatedId;
96
228
  const descriptionId = error || helperText ? `${id}-description` : undefined;
97
229
  const panelId = `${id}-panel`;
230
+ const labelId = `${id}-label`;
231
+ const valueId = `${id}-value`;
98
232
  const containerRef = useRef(null);
233
+ const triggerRef = useRef(null);
99
234
  const [open, setOpen] = useState(false);
100
235
  const selected = useMemo(() => parseIso(value), [value]);
101
236
  const min = useMemo(() => parseIso(minDate), [minDate]);
102
237
  const max = useMemo(() => parseIso(maxDate), [maxDate]);
238
+ const clock = useMemo(() => parseClock(time?.value), [time?.value]);
103
239
  const initialView = selected ?? min ?? new Date();
104
240
  const [viewYear, setViewYear] = useState(initialView.getFullYear());
105
241
  const [viewMonth, setViewMonth] = useState(initialView.getMonth());
@@ -118,8 +254,12 @@ export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, wee
118
254
  }
119
255
  };
120
256
  const onKey = (event) => {
121
- if (event.key === 'Escape')
122
- setOpen(false);
257
+ if (event.key !== 'Escape')
258
+ return;
259
+ setOpen(false);
260
+ if (containerRef.current?.contains(document.activeElement)) {
261
+ triggerRef.current?.focus();
262
+ }
123
263
  };
124
264
  document.addEventListener('mousedown', onDown);
125
265
  document.addEventListener('keydown', onKey);
@@ -130,10 +270,14 @@ export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, wee
130
270
  }, [open]);
131
271
  const cells = useMemo(() => buildCalendar(viewYear, viewMonth, min, max), [viewYear, viewMonth, min, max]);
132
272
  const displayValue = useMemo(() => {
133
- if (!selected)
134
- return placeholder ?? '';
135
- return `${selected.getDate()} ${monthLabels[selected.getMonth()]} ${selected.getFullYear()}`;
136
- }, [selected, monthLabels, placeholder]);
273
+ const parts = [
274
+ selected
275
+ ? `${selected.getDate()} ${monthLabels[selected.getMonth()]} ${selected.getFullYear()}`
276
+ : '',
277
+ clock ? `${padClock(clock.hour)}:${padClock(clock.minute)}` : '',
278
+ ].filter(Boolean);
279
+ return parts.length ? parts.join(' · ') : placeholder ?? '';
280
+ }, [selected, clock, monthLabels, placeholder]);
137
281
  const shiftMonth = (delta) => {
138
282
  const next = new Date(viewYear, viewMonth + delta, 1);
139
283
  setViewYear(next.getFullYear());
@@ -141,36 +285,45 @@ export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, wee
141
285
  };
142
286
  const pick = (iso) => {
143
287
  onChange?.(iso);
288
+ if (!time)
289
+ setOpen(false);
290
+ };
291
+ const finish = () => {
144
292
  setOpen(false);
293
+ triggerRef.current?.focus();
145
294
  };
146
- const hasValue = Boolean(selected);
147
- const borderClass = error
148
- ? 'border-error'
149
- : disabled
150
- ? 'border-gray-3'
151
- : 'border-black dark:border-white';
152
- return (<div {...restProps} ref={containerRef} className={clsx('relative w-full max-w-full', restProps.className)}>
153
- <Show>
154
- <Show.When isTrue={Boolean(label)}>
155
- <label htmlFor={id} className={clsx('mb-1.5 block text-xs font-semibold tracking-wide uppercase', disabled ? 'text-gray-3' : 'text-black dark:text-white')}>
156
- {label}
157
- </label>
158
- </Show.When>
159
- </Show>
160
-
161
- <button type="button" id={id} disabled={disabled} aria-haspopup="dialog" aria-expanded={open} aria-controls={panelId} aria-invalid={Boolean(error)} aria-describedby={descriptionId} onClick={() => {
295
+ const hasValue = Boolean(selected || clock);
296
+ const { labelProps, legendClasses, fieldsetClasses } = generateBorder(error, {
297
+ hideLabel: !label,
298
+ });
299
+ return (<div {...restProps} data-orion-part="field" ref={containerRef} className={clsx('relative w-full max-w-full', restProps.className)}>
300
+ <div data-orion-part="field-box" className="relative h-9">
301
+ <button ref={triggerRef} type="button" id={id} data-orion-part="field-control" disabled={disabled} aria-haspopup="dialog" aria-expanded={open} aria-controls={panelId} aria-invalid={Boolean(error)} aria-describedby={descriptionId} aria-labelledby={label ? `${labelId} ${valueId}` : undefined} data-empty={!hasValue || undefined} onClick={() => {
162
302
  if (!disabled)
163
303
  setOpen((prev) => !prev);
164
- }} className={clsx('flex h-9 w-full items-center justify-between gap-2 rounded-full border bg-transparent px-5 text-left text-sm outline-0 transition-colors dark:bg-black', borderClass, disabled && 'text-gray-3 dark:text-gray-2 cursor-not-allowed', !disabled && !hasValue && 'text-gray-2', !disabled && hasValue && 'text-black dark:text-white')}>
165
- <span className="min-w-0 flex-1 truncate">{displayValue}</span>
166
- <FiCalendar className={clsx('shrink-0', disabled
304
+ }} className={clsx('peer focus-visible:ring-lavender dark:focus-visible:ring-lavender-dark flex h-full w-full items-center justify-between gap-2 rounded-full bg-transparent px-5 text-left text-sm outline-0 transition-colors focus-visible:ring-2 dark:bg-black', disabled && 'text-gray-3 dark:text-gray-2 cursor-not-allowed', !disabled && !hasValue && 'text-gray-2', !disabled && hasValue && 'text-black dark:text-white')}>
305
+ <span id={valueId} className="min-w-0 flex-1 truncate">
306
+ {displayValue}
307
+ </span>
308
+ <FiCalendar data-orion-part="field-icon" className={clsx('shrink-0', disabled
167
309
  ? 'text-gray-3 dark:text-gray-2'
168
310
  : 'text-gray-1 dark:text-gray-2')} aria-hidden/>
169
- </button>
311
+ </button>
312
+ <Show>
313
+ <Show.When isTrue={Boolean(label)}>
314
+ <label {...labelProps} id={labelId} htmlFor={id} data-orion-part="field-label">
315
+ {label}
316
+ </label>
317
+ </Show.When>
318
+ </Show>
319
+ <fieldset data-orion-part="field-outline" className={fieldsetClasses}>
320
+ {!!label && <legend className={legendClasses}>{label}</legend>}
321
+ </fieldset>
322
+ </div>
170
323
 
171
324
  <Show>
172
325
  <Show.When isTrue={open && !disabled}>
173
- <div id={panelId} role="dialog" className="border-gray-5 dark:border-gray-1 absolute z-50 mt-2 w-full min-w-72 rounded-lg border bg-white p-3 shadow-md dark:bg-black">
326
+ <div id={panelId} role="dialog" aria-labelledby={label ? labelId : undefined} data-orion-part="datepicker-panel" className="border-gray-5 dark:border-gray-1 absolute z-50 mt-2 w-full min-w-72 rounded-lg border bg-white p-3 shadow-md dark:bg-black">
174
327
  <Show>
175
328
  <Show.When isTrue={Boolean(quickActions?.length)}>
176
329
  <div className="mb-3 flex flex-wrap gap-2">
@@ -206,7 +359,7 @@ export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, wee
206
359
  const isSelected = selected
207
360
  ? isSameDay(cell.date, selected)
208
361
  : false;
209
- return (<button type="button" key={cell.iso} disabled={cell.disabled} onClick={() => pick(cell.iso)} className={clsx('flex h-8 w-full items-center justify-center rounded-full text-xs font-medium', cell.disabled &&
362
+ return (<button type="button" key={cell.iso} data-orion-part="datepicker-day" data-selected={isSelected || undefined} disabled={cell.disabled} onClick={() => pick(cell.iso)} className={clsx('flex h-8 w-full items-center justify-center rounded-full text-xs font-medium', cell.disabled &&
210
363
  'text-gray-3 dark:text-gray-2 cursor-not-allowed', !cell.disabled &&
211
364
  !isSelected &&
212
365
  cell.inMonth &&
@@ -219,11 +372,13 @@ export function DatePicker({ value, onChange, minDate, maxDate, monthLabels, wee
219
372
  </button>);
220
373
  }}/>
221
374
  </div>
375
+
376
+ {!!time && <DatePickerTimeFields time={time} onDone={finish}/>}
222
377
  </div>
223
378
  </Show.When>
224
379
  </Show>
225
380
 
226
- <RenderErrorOrHelperText id={descriptionId} error={error} helperText={helperText} disabled={disabled}/>
381
+ <RenderErrorOrHelperText id={descriptionId} error={error} helperText={helperText} disabled={disabled} className="pl-6"/>
227
382
  </div>);
228
383
  }
229
384
  //# sourceMappingURL=DatePicker.jsx.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,52 @@
1
+ import type { HTMLAttributes, ReactNode } from 'react';
2
+ export type EmptyStateModifier = 'outline' | 'plain';
3
+ export type EmptyStateAction = {
4
+ label: string;
5
+ onClick?: () => void;
6
+ href?: string;
7
+ modifier?: 'principal' | 'second';
8
+ };
9
+ export type EmptyStateProps = {
10
+ title: string;
11
+ description?: ReactNode;
12
+ action?: EmptyStateAction;
13
+ /** Image or icon above the title. The consumer brings it, so no brand art lives here. */
14
+ illustration?: ReactNode;
15
+ headingLevel?: 'h6' | 'h7';
16
+ modifier?: EmptyStateModifier;
17
+ } & Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
18
+ /**
19
+ * Placeholder for a list, a table or a panel that has nothing to show yet, or
20
+ * nothing that matches the current filters. It says what is missing and,
21
+ * when there is one, offers the next step.
22
+ *
23
+ * Inside a `Table`, pass it through `empty` with `modifier="plain"`: the table
24
+ * already draws the frame.
25
+ *
26
+ * @component
27
+ * @example
28
+ * <EmptyState
29
+ * title="No orders yet"
30
+ * description="Orders appear here after the first sync."
31
+ * action={{ label: 'Create order', href: '/orders/new' }}
32
+ * />
33
+ *
34
+ * @example
35
+ * // No results for the current filters
36
+ * <EmptyState
37
+ * title="No order matches. Remove a filter."
38
+ * action={{ label: 'Clear filters', onClick: clearFilters, modifier: 'second' }}
39
+ * />
40
+ *
41
+ * @param {Object} props - The properties of the EmptyState component.
42
+ * @param {string} props.title - What is missing, in one sentence.
43
+ * @param {ReactNode} [props.description] - Why, or what makes content appear. Plain text: it renders inside a paragraph.
44
+ * @param {{ label: string; onClick?: () => void; href?: string; modifier?: 'principal' | 'second' }} [props.action] - Next step. With `href` it renders a link that looks like a `Button`; otherwise a `Button`. `modifier` defaults to `principal`.
45
+ * @param {ReactNode} [props.illustration] - Image or icon above the title.
46
+ * @param {'h6' | 'h7'} [props.headingLevel='h7'] - Heading level of the title.
47
+ * @param {'outline' | 'plain'} [props.modifier='outline'] - `outline` draws a rounded border; `plain` has none, for a container that already has one.
48
+ *
49
+ * @returns {ReactNode} The rendered EmptyState component.
50
+ */
51
+ export declare function EmptyState({ title, description, action, illustration, headingLevel, modifier, ...restProps }: EmptyStateProps): ReactNode;
52
+ //# sourceMappingURL=EmptyState.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,yFAAyF;IACzF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAqClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAmB,EACnB,QAAoB,EACpB,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CAuB7B"}
@@ -0,0 +1,66 @@
1
+ import clsx from 'clsx';
2
+ import Link from 'next/link';
3
+ import { Button } from '../../01-atoms/Button';
4
+ import { getButtonClassName } from '../../01-atoms/Button/Button';
5
+ import { Heading } from '../../01-atoms/Heading';
6
+ import { Paragraph } from '../../01-atoms/Paragraph';
7
+ const styleMap = {
8
+ outline: 'border-gray-5 dark:border-gray-1 rounded-lg border',
9
+ plain: '',
10
+ };
11
+ function EmptyStateCta({ label, onClick, href, modifier = 'principal', }) {
12
+ if (href) {
13
+ return (<Link href={href} onClick={onClick} className={getButtonClassName({ modifier, className: 'mt-1' })}>
14
+ <span>{label}</span>
15
+ </Link>);
16
+ }
17
+ return (<Button type="button" modifier={modifier} onClick={onClick} className="mt-1">
18
+ {label}
19
+ </Button>);
20
+ }
21
+ /**
22
+ * Placeholder for a list, a table or a panel that has nothing to show yet, or
23
+ * nothing that matches the current filters. It says what is missing and,
24
+ * when there is one, offers the next step.
25
+ *
26
+ * Inside a `Table`, pass it through `empty` with `modifier="plain"`: the table
27
+ * already draws the frame.
28
+ *
29
+ * @component
30
+ * @example
31
+ * <EmptyState
32
+ * title="No orders yet"
33
+ * description="Orders appear here after the first sync."
34
+ * action={{ label: 'Create order', href: '/orders/new' }}
35
+ * />
36
+ *
37
+ * @example
38
+ * // No results for the current filters
39
+ * <EmptyState
40
+ * title="No order matches. Remove a filter."
41
+ * action={{ label: 'Clear filters', onClick: clearFilters, modifier: 'second' }}
42
+ * />
43
+ *
44
+ * @param {Object} props - The properties of the EmptyState component.
45
+ * @param {string} props.title - What is missing, in one sentence.
46
+ * @param {ReactNode} [props.description] - Why, or what makes content appear. Plain text: it renders inside a paragraph.
47
+ * @param {{ label: string; onClick?: () => void; href?: string; modifier?: 'principal' | 'second' }} [props.action] - Next step. With `href` it renders a link that looks like a `Button`; otherwise a `Button`. `modifier` defaults to `principal`.
48
+ * @param {ReactNode} [props.illustration] - Image or icon above the title.
49
+ * @param {'h6' | 'h7'} [props.headingLevel='h7'] - Heading level of the title.
50
+ * @param {'outline' | 'plain'} [props.modifier='outline'] - `outline` draws a rounded border; `plain` has none, for a container that already has one.
51
+ *
52
+ * @returns {ReactNode} The rendered EmptyState component.
53
+ */
54
+ export function EmptyState({ title, description, action, illustration, headingLevel = 'h7', modifier = 'outline', ...restProps }) {
55
+ return (<div {...restProps} data-orion-part="empty-state" className={clsx('flex flex-col items-center gap-3 px-6 py-16 text-center text-black dark:text-white', styleMap[modifier], restProps.className)}>
56
+ {illustration}
57
+ <Heading level={headingLevel} className="max-w-[460px] text-balance">
58
+ {title}
59
+ </Heading>
60
+ {!!description && (<Paragraph className="text-gray-1 dark:text-gray-2 max-w-[460px] text-pretty">
61
+ {description}
62
+ </Paragraph>)}
63
+ {!!action && <EmptyStateCta {...action}/>}
64
+ </div>);
65
+ }
66
+ //# sourceMappingURL=EmptyState.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAqBrD,MAAM,QAAQ,GAAuC;IACnD,OAAO,EAAE,oDAAoD;IAC7D,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,WAAW,GACL;IACjB,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAE/D;QAAA,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACrB;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,MAAM,CAEhB;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,SAAS,EACpB,GAAG,SAAS,EACI;IAChB,OAAO,CACL,CAAC,GAAG,CACF,IAAI,SAAS,CAAC,CACd,eAAe,CAAC,aAAa,CAC7B,SAAS,CAAC,CAAC,IAAI,CACb,oFAAoF,EACpF,QAAQ,CAAC,QAAQ,CAAC,EAClB,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,YAAY,CACb;MAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAClE;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,OAAO,CACT;MAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,SAAS,CAAC,SAAS,CAAC,wDAAwD,CAC3E;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,SAAS,CAAC,CACb,CACD;MAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,EAAG,CAC5C;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './EmptyState';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/EmptyState/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './EmptyState';
2
+ //# sourceMappingURL=index.js.map