@dmsi/wedgekit-react 0.0.500 → 0.0.502

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 (221) hide show
  1. package/dist/{chunk-ZQJMNPCF.js → chunk-25RZP3VR.js} +4 -4
  2. package/dist/{chunk-PIBHG6DH.js → chunk-2TNHD4MQ.js} +1 -1
  3. package/dist/{chunk-3DEYCNUE.js → chunk-3UUCDNX3.js} +4 -4
  4. package/dist/{chunk-LPY6PMAY.js → chunk-45AHDOAU.js} +1 -1
  5. package/dist/{chunk-JUFBGNWW.js → chunk-5DQVYX6H.js} +3 -3
  6. package/dist/{chunk-XIXQUEYC.js → chunk-5YNEY3WO.js} +19 -8
  7. package/dist/{chunk-IXR65MOU.js → chunk-7KWFEH56.js} +4 -0
  8. package/dist/{chunk-4LBQSSGH.js → chunk-B2O4TEOI.js} +4 -4
  9. package/dist/{chunk-4UH72JT2.js → chunk-BWBSDSA7.js} +6 -6
  10. package/dist/{chunk-UCJUC5AZ.js → chunk-BYC6QID5.js} +1 -1
  11. package/dist/{chunk-YD3HWIUJ.js → chunk-D4TFZ2WM.js} +7 -7
  12. package/dist/{chunk-HIKWIY5Q.js → chunk-F6RZ7MUE.js} +3 -3
  13. package/dist/{chunk-XHQOTLG6.js → chunk-FJRYHJUV.js} +1 -1
  14. package/dist/{chunk-2F3R3WXW.js → chunk-GYEXSNFP.js} +5 -5
  15. package/dist/{chunk-5MLYAQQO.js → chunk-HK4S6TRH.js} +1 -1
  16. package/dist/{chunk-AL5QIRY3.js → chunk-HXGJVYGQ.js} +1 -1
  17. package/dist/{chunk-KHIJYWZ7.js → chunk-KIAF4N7M.js} +1 -1
  18. package/dist/{chunk-G4AWTFBQ.js → chunk-KPBG7D3V.js} +3 -3
  19. package/dist/{chunk-GRGDX7JC.js → chunk-LB7UT6F3.js} +2 -2
  20. package/dist/{chunk-TOKS63IK.js → chunk-LJLHGLTS.js} +5 -5
  21. package/dist/{chunk-5R4C5F63.js → chunk-LKKFQLWD.js} +20 -10
  22. package/dist/{chunk-WEAVZEE4.js → chunk-M7WHWZ2J.js} +2 -2
  23. package/dist/{chunk-7GHD74J3.js → chunk-MDB26F6T.js} +1 -1
  24. package/dist/{chunk-Z6HIIJK3.js → chunk-MO52RSXV.js} +1 -1
  25. package/dist/{chunk-IY7SXEVY.js → chunk-MUOYLXBF.js} +3 -3
  26. package/dist/{chunk-PCQXSYTH.js → chunk-MV6W7OMC.js} +3 -3
  27. package/dist/{chunk-H2KC5XUY.js → chunk-MXSJF6TW.js} +1 -1
  28. package/dist/{chunk-7BVUTFZ5.js → chunk-OWHPPZZA.js} +2 -2
  29. package/dist/{chunk-G7EOLHST.js → chunk-PJL5XESN.js} +1 -1
  30. package/dist/{chunk-QMSPTD6L.js → chunk-PRN2EQBX.js} +1 -1
  31. package/dist/{chunk-BTKWHCUE.js → chunk-PS6UJZVH.js} +1 -1
  32. package/dist/{chunk-TWDH7ZDS.js → chunk-QV3NANQC.js} +19 -18
  33. package/dist/{chunk-6TYWM26K.js → chunk-SUSUNSVZ.js} +2 -2
  34. package/dist/{chunk-X4UK7HE2.js → chunk-TAPYQBQU.js} +5 -5
  35. package/dist/{chunk-OZBB6RFM.js → chunk-TMHOK37S.js} +1 -1
  36. package/dist/{chunk-DORD2EBO.js → chunk-TPXH53SA.js} +3 -3
  37. package/dist/{chunk-KW6V7O3H.js → chunk-UI7P5J5S.js} +15 -5
  38. package/dist/{chunk-YEZBNQZI.js → chunk-VOSQMHNF.js} +1 -1
  39. package/dist/{chunk-B53XDCLO.js → chunk-VS53C5ZD.js} +6 -6
  40. package/dist/{chunk-ZSETMD4A.js → chunk-WMPWWFUJ.js} +1 -1
  41. package/dist/{chunk-FG7GNGE3.js → chunk-WVVEOCEH.js} +1 -1
  42. package/dist/components/AccessChangerTabItem.cjs +3 -0
  43. package/dist/components/AccessChangerTabItem.js +2 -2
  44. package/dist/components/Accordion.cjs +5 -2
  45. package/dist/components/Accordion.js +4 -4
  46. package/dist/components/Alert.cjs +5 -2
  47. package/dist/components/Alert.js +6 -6
  48. package/dist/components/Breadcrumbs.cjs +4 -1
  49. package/dist/components/Breadcrumbs.js +3 -3
  50. package/dist/components/Button.cjs +3 -0
  51. package/dist/components/Button.js +2 -2
  52. package/dist/components/CalendarRange.cjs +18 -5
  53. package/dist/components/CalendarRange.css +28 -5
  54. package/dist/components/CalendarRange.js +38 -38
  55. package/dist/components/Caption.cjs +3 -0
  56. package/dist/components/Caption.js +2 -2
  57. package/dist/components/Checkbox.cjs +3 -0
  58. package/dist/components/Checkbox.js +3 -3
  59. package/dist/components/CompactImagesPreview.cjs +5 -2
  60. package/dist/components/CompactImagesPreview.js +3 -3
  61. package/dist/components/ContentTab.cjs +3 -0
  62. package/dist/components/ContentTab.js +3 -3
  63. package/dist/components/ContentTabs.cjs +3 -0
  64. package/dist/components/ContentTabs.js +3 -3
  65. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +18 -5
  66. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +28 -5
  67. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +38 -38
  68. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +18 -5
  69. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +28 -5
  70. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +38 -38
  71. package/dist/components/DataGrid/PinnedColumns.cjs +18 -5
  72. package/dist/components/DataGrid/PinnedColumns.css +28 -5
  73. package/dist/components/DataGrid/PinnedColumns.js +38 -38
  74. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +18 -5
  75. package/dist/components/DataGrid/TableBody/LoadingCell.css +28 -5
  76. package/dist/components/DataGrid/TableBody/LoadingCell.js +38 -38
  77. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +18 -5
  78. package/dist/components/DataGrid/TableBody/TableBodyRow.css +28 -5
  79. package/dist/components/DataGrid/TableBody/TableBodyRow.js +38 -38
  80. package/dist/components/DataGrid/TableBody/index.cjs +18 -5
  81. package/dist/components/DataGrid/TableBody/index.css +28 -5
  82. package/dist/components/DataGrid/TableBody/index.js +38 -38
  83. package/dist/components/DataGrid/index.cjs +18 -5
  84. package/dist/components/DataGrid/index.css +28 -5
  85. package/dist/components/DataGrid/index.js +38 -38
  86. package/dist/components/DataGrid/utils.cjs +18 -5
  87. package/dist/components/DataGrid/utils.css +28 -5
  88. package/dist/components/DataGrid/utils.js +38 -38
  89. package/dist/components/DataGridCell.cjs +18 -5
  90. package/dist/components/DataGridCell.js +8 -8
  91. package/dist/components/DateInput.cjs +18 -5
  92. package/dist/components/DateInput.css +28 -5
  93. package/dist/components/DateInput.js +38 -38
  94. package/dist/components/DateRangeInput.cjs +18 -5
  95. package/dist/components/DateRangeInput.css +28 -5
  96. package/dist/components/DateRangeInput.js +38 -38
  97. package/dist/components/Display.cjs +3 -0
  98. package/dist/components/Display.js +2 -2
  99. package/dist/components/FilterGroup.cjs +3 -0
  100. package/dist/components/FilterGroup.js +11 -11
  101. package/dist/components/Heading.cjs +3 -0
  102. package/dist/components/Heading.js +2 -2
  103. package/dist/components/HorizontalDivider.cjs +40 -3
  104. package/dist/components/HorizontalDivider.js +18 -4
  105. package/dist/components/Input.cjs +3 -0
  106. package/dist/components/Input.js +4 -4
  107. package/dist/components/InputGroup.cjs +3 -0
  108. package/dist/components/InputGroup.js +2 -2
  109. package/dist/components/Label.cjs +3 -0
  110. package/dist/components/Label.js +2 -2
  111. package/dist/components/Link.cjs +3 -0
  112. package/dist/components/Link.js +2 -2
  113. package/dist/components/ListGroup.cjs +5 -2
  114. package/dist/components/ListGroup.js +4 -4
  115. package/dist/components/MainBar.cjs +3 -0
  116. package/dist/components/MainBar.js +1 -1
  117. package/dist/components/MenuOption.cjs +18 -5
  118. package/dist/components/MenuOption.js +5 -5
  119. package/dist/components/MobileDataGrid/ColumnList.cjs +73 -9
  120. package/dist/components/MobileDataGrid/ColumnList.js +11 -8
  121. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +18 -5
  122. package/dist/components/MobileDataGrid/ColumnSelector/index.css +28 -5
  123. package/dist/components/MobileDataGrid/ColumnSelector/index.js +38 -38
  124. package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.cjs +62 -4
  125. package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.js +6 -3
  126. package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +73 -9
  127. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +10 -7
  128. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +21 -7
  129. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +28 -5
  130. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +38 -38
  131. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +65 -7
  132. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +8 -5
  133. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +65 -7
  134. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +12 -12
  135. package/dist/components/MobileDataGrid/index.cjs +42 -15
  136. package/dist/components/MobileDataGrid/index.css +28 -5
  137. package/dist/components/MobileDataGrid/index.js +38 -38
  138. package/dist/components/Modal.cjs +3 -0
  139. package/dist/components/Modal.js +7 -7
  140. package/dist/components/ModalButtons.cjs +3 -0
  141. package/dist/components/ModalButtons.js +3 -3
  142. package/dist/components/ModalContent.cjs +3 -0
  143. package/dist/components/ModalContent.js +2 -2
  144. package/dist/components/ModalHeader.cjs +3 -0
  145. package/dist/components/ModalHeader.js +4 -4
  146. package/dist/components/NavigationTab.cjs +3 -0
  147. package/dist/components/NavigationTab.js +3 -3
  148. package/dist/components/NavigationTabs.cjs +3 -0
  149. package/dist/components/NavigationTabs.js +3 -3
  150. package/dist/components/NestedMenu.cjs +18 -5
  151. package/dist/components/NestedMenu.js +8 -8
  152. package/dist/components/Notification.cjs +5 -2
  153. package/dist/components/Notification.js +7 -7
  154. package/dist/components/OptionPill.cjs +3 -0
  155. package/dist/components/OptionPill.js +4 -4
  156. package/dist/components/PDFViewer/DownloadIcon.cjs +3 -0
  157. package/dist/components/PDFViewer/DownloadIcon.js +3 -3
  158. package/dist/components/PDFViewer/PDFElement.cjs +5 -2
  159. package/dist/components/PDFViewer/PDFElement.js +3 -3
  160. package/dist/components/PDFViewer/PDFNavigation.cjs +5 -2
  161. package/dist/components/PDFViewer/PDFNavigation.js +6 -6
  162. package/dist/components/PDFViewer/index.cjs +5 -2
  163. package/dist/components/PDFViewer/index.js +13 -13
  164. package/dist/components/Pagination.cjs +3 -0
  165. package/dist/components/Pagination.js +3 -3
  166. package/dist/components/Paragraph.cjs +3 -0
  167. package/dist/components/Paragraph.js +2 -2
  168. package/dist/components/Password.cjs +3 -0
  169. package/dist/components/Password.js +4 -4
  170. package/dist/components/ProductImagePreview/index.cjs +5 -2
  171. package/dist/components/ProductImagePreview/index.js +4 -4
  172. package/dist/components/ProjectBar.cjs +3 -0
  173. package/dist/components/ProjectBar.js +1 -1
  174. package/dist/components/Radio.cjs +3 -0
  175. package/dist/components/Radio.js +2 -2
  176. package/dist/components/Search.cjs +3 -0
  177. package/dist/components/Search.js +5 -5
  178. package/dist/components/Select.cjs +3 -0
  179. package/dist/components/Select.js +5 -5
  180. package/dist/components/SideMenuGroup.cjs +5 -2
  181. package/dist/components/SideMenuGroup.js +3 -3
  182. package/dist/components/SideMenuItem.cjs +5 -2
  183. package/dist/components/SideMenuItem.js +3 -3
  184. package/dist/components/SimpleTable.cjs +5 -2
  185. package/dist/components/SimpleTable.js +4 -4
  186. package/dist/components/Stack.cjs +5 -2
  187. package/dist/components/Stack.js +2 -2
  188. package/dist/components/StatusPill.cjs +3 -0
  189. package/dist/components/StatusPill.js +2 -2
  190. package/dist/components/Stepper.cjs +3 -0
  191. package/dist/components/Stepper.js +7 -7
  192. package/dist/components/Subheader.cjs +3 -0
  193. package/dist/components/Subheader.js +2 -2
  194. package/dist/components/Swatch.cjs +5 -2
  195. package/dist/components/Swatch.js +5 -5
  196. package/dist/components/Textarea.cjs +3 -0
  197. package/dist/components/Textarea.js +1 -1
  198. package/dist/components/Time.cjs +5 -2
  199. package/dist/components/Time.js +5 -5
  200. package/dist/components/Toast.cjs +3 -0
  201. package/dist/components/Toast.js +6 -6
  202. package/dist/components/Tooltip.cjs +3 -0
  203. package/dist/components/Tooltip.js +2 -2
  204. package/dist/components/TopBar.cjs +3 -0
  205. package/dist/components/TopBar.js +1 -1
  206. package/dist/components/Upload.cjs +5 -2
  207. package/dist/components/Upload.js +6 -6
  208. package/dist/components/index.cjs +42 -15
  209. package/dist/components/index.css +28 -5
  210. package/dist/components/index.js +45 -45
  211. package/dist/index.css +28 -5
  212. package/package.json +1 -1
  213. package/src/classNames.ts +4 -0
  214. package/src/components/Breadcrumbs.tsx +1 -1
  215. package/src/components/HorizontalDivider.tsx +16 -3
  216. package/src/components/MenuOption.tsx +16 -4
  217. package/src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx +12 -5
  218. package/src/components/MobileDataGrid/MobileDataGridCard/index.tsx +11 -2
  219. package/src/components/MobileDataGrid/MobileDataGridHeader.tsx +1 -0
  220. package/src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx +1 -1
  221. package/src/components/Stack.tsx +1 -0
@@ -186,6 +186,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
186
186
  var layoutPaddingY = (0, import_clsx.default)(
187
187
  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
188
188
  );
189
+ var layoutPaddingX = (0, import_clsx.default)(
190
+ "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
191
+ );
189
192
  var containerPaddingX = (0, import_clsx.default)(
190
193
  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
191
194
  );
@@ -337,7 +340,7 @@ var Stack = (_a) => {
337
340
  id,
338
341
  "data-testid": testid
339
342
  }, props), {
340
- style: {
343
+ style: __spreadValues({
341
344
  height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
342
345
  maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
343
346
  maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
@@ -362,7 +365,7 @@ var Stack = (_a) => {
362
365
  flexWrap,
363
366
  paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
364
367
  gap: (_g = props.style) == null ? void 0 : _g.gap
365
- },
368
+ }, props.style),
366
369
  className: (0, import_clsx2.default)(
367
370
  "scrollbar-thin",
368
371
  "max-w-screen",
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  ListGroup
3
- } from "../chunk-6TYWM26K.js";
4
- import "../chunk-AL5QIRY3.js";
5
- import "../chunk-DORD2EBO.js";
3
+ } from "../chunk-SUSUNSVZ.js";
4
+ import "../chunk-HXGJVYGQ.js";
5
+ import "../chunk-TPXH53SA.js";
6
6
  import "../chunk-NKUETCDA.js";
7
- import "../chunk-IXR65MOU.js";
7
+ import "../chunk-7KWFEH56.js";
8
8
  import "../chunk-ORMEWXMH.js";
9
9
  export {
10
10
  ListGroup
@@ -153,6 +153,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
153
153
  var layoutPaddingY = (0, import_clsx.default)(
154
154
  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
155
155
  );
156
+ var layoutPaddingX = (0, import_clsx.default)(
157
+ "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
158
+ );
156
159
  var containerPaddingX = (0, import_clsx.default)(
157
160
  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
158
161
  );
@@ -4,7 +4,7 @@ import {
4
4
  containerPaddingY,
5
5
  layoutGap,
6
6
  layoutGroupGap
7
- } from "../chunk-IXR65MOU.js";
7
+ } from "../chunk-7KWFEH56.js";
8
8
  import "../chunk-ORMEWXMH.js";
9
9
 
10
10
  // src/components/MainBar.tsx
@@ -184,6 +184,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
184
184
  var layoutPaddingY = (0, import_clsx.default)(
185
185
  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
186
186
  );
187
+ var layoutPaddingX = (0, import_clsx.default)(
188
+ "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
189
+ );
187
190
  var containerPaddingX = (0, import_clsx.default)(
188
191
  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
189
192
  );
@@ -519,6 +522,7 @@ var MenuOption = ({
519
522
  const actualRef = ref || internalRef;
520
523
  const menuId = (0, import_react5.useRef)(`menu-${uniqueId}`);
521
524
  const isMobile = useMatchesMobile();
525
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react5.useState)(false);
522
526
  const handleMouseEnter = () => {
523
527
  if (subMenu && onSubMenuHover && !disabled) {
524
528
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -528,6 +532,7 @@ var MenuOption = ({
528
532
  if (subMenu && onSubMenuLeave && !disabled) {
529
533
  onSubMenuLeave(subMenuLevel);
530
534
  }
535
+ setIsSubMenuHovered(false);
531
536
  };
532
537
  const handleMouseMove = () => {
533
538
  if (subMenu && onMouseMove && !disabled) {
@@ -538,9 +543,11 @@ var MenuOption = ({
538
543
  if (onSubMenuEnter) {
539
544
  onSubMenuEnter();
540
545
  }
546
+ setIsSubMenuHovered(true);
541
547
  };
542
548
  const additionalAttributes = {
543
- "data-selected": selected || null
549
+ "data-selected": selected || null,
550
+ "data-submenu-hovered": isSubMenuHovered || null
544
551
  };
545
552
  const svgStyles = (0, import_clsx6.default)(
546
553
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -549,16 +556,18 @@ var MenuOption = ({
549
556
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
550
557
  "bg-transparent text-text-primary-normal",
551
558
  "hover:bg-background-action-secondary-hover",
552
- "focus:bg-background-action-secondary-hover",
559
+ "focus-visible:bg-background-action-secondary-hover",
553
560
  "data-selected:bg-background-action-secondary-hover",
561
+ "data-submenu-hovered:bg-background-action-secondary-hover",
554
562
  "active:bg-background-action-secondary-active"
555
563
  );
556
564
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
557
565
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
558
566
  "text-action-400 bg-transparent",
559
567
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
560
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
568
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
561
569
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
570
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
562
571
  "active:bg-background-action-secondary-active active:text-text-action-active"
563
572
  );
564
573
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -610,7 +619,10 @@ var MenuOption = ({
610
619
  "div",
611
620
  {
612
621
  onMouseEnter: handleSubMenuEnter,
613
- onMouseLeave: handleMouseLeave,
622
+ onMouseLeave: () => {
623
+ handleMouseLeave();
624
+ setIsSubMenuHovered(false);
625
+ },
614
626
  "data-submenu-parent": menuId.current,
615
627
  "data-menu-level": subMenuLevel + 1,
616
628
  children: subMenu({
@@ -620,7 +632,8 @@ var MenuOption = ({
620
632
  position: "right",
621
633
  subMenuLevel,
622
634
  mobileBackMenuOption,
623
- mobileHide: isMobile && activeMenu !== menuId.current
635
+ mobileHide: isMobile && activeMenu !== menuId.current,
636
+ autoFocusOff: true
624
637
  })
625
638
  }
626
639
  )
@@ -1,16 +1,16 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-5R4C5F63.js";
5
- import "../chunk-AL5QIRY3.js";
6
- import "../chunk-BTKWHCUE.js";
4
+ } from "../chunk-LKKFQLWD.js";
5
+ import "../chunk-HXGJVYGQ.js";
6
+ import "../chunk-PS6UJZVH.js";
7
7
  import "../chunk-URYQ24NF.js";
8
8
  import "../chunk-VXWSAIB5.js";
9
9
  import "../chunk-R3EQIDBX.js";
10
10
  import "../chunk-5UH6QUFB.js";
11
- import "../chunk-ZSETMD4A.js";
11
+ import "../chunk-WMPWWFUJ.js";
12
12
  import "../chunk-NKUETCDA.js";
13
- import "../chunk-IXR65MOU.js";
13
+ import "../chunk-7KWFEH56.js";
14
14
  import "../chunk-ORMEWXMH.js";
15
15
  export {
16
16
  MenuOption
@@ -236,6 +236,9 @@ var layoutPaddingBottom = (0, import_clsx2.default)(
236
236
  var layoutPaddingY = (0, import_clsx2.default)(
237
237
  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
238
238
  );
239
+ var layoutPaddingX = (0, import_clsx2.default)(
240
+ "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
241
+ );
239
242
  var containerPaddingX = (0, import_clsx2.default)(
240
243
  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
241
244
  );
@@ -440,7 +443,7 @@ var Stack = (_a) => {
440
443
  id,
441
444
  "data-testid": testid
442
445
  }, props), {
443
- style: {
446
+ style: __spreadValues({
444
447
  height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
445
448
  maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
446
449
  maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
@@ -465,7 +468,7 @@ var Stack = (_a) => {
465
468
  flexWrap,
466
469
  paddingInline: (_f = props.style) == null ? void 0 : _f.paddingInline,
467
470
  gap: (_g = props.style) == null ? void 0 : _g.gap
468
- },
471
+ }, props.style),
469
472
  className: (0, import_clsx4.default)(
470
473
  "scrollbar-thin",
471
474
  "max-w-screen",
@@ -654,18 +657,73 @@ Checkbox.displayName = "Checkbox";
654
657
  // src/components/MobileDataGrid/MobileDataGridCard/index.tsx
655
658
  var import_clsx7 = __toESM(require("clsx"), 1);
656
659
 
660
+ // src/utils/date.ts
661
+ function parseDateParts(dateString) {
662
+ const [yearStr, monthStr, dayStr] = dateString.split("-");
663
+ if (!yearStr || !monthStr || !dayStr) {
664
+ return null;
665
+ }
666
+ const year = parseInt(yearStr, 10);
667
+ const month = parseInt(monthStr, 10);
668
+ const day = parseInt(dayStr, 10);
669
+ if (isNaN(year) || isNaN(month) || isNaN(day)) {
670
+ return null;
671
+ }
672
+ return { year, month, day };
673
+ }
674
+ function isValidDateRange(month, day) {
675
+ if (month < 1 || month > 12) {
676
+ return false;
677
+ }
678
+ if (day < 1 || day > 31) {
679
+ return false;
680
+ }
681
+ return true;
682
+ }
683
+ function formatDatePartsToDisplay(year, month, day) {
684
+ const paddedMonth = month.toString().padStart(2, "0");
685
+ const paddedDay = day.toString().padStart(2, "0");
686
+ return `${paddedMonth}/${paddedDay}/${year}`;
687
+ }
688
+ function formatDate(date) {
689
+ if (!date) {
690
+ return "";
691
+ }
692
+ try {
693
+ const dateParts = parseDateParts(date);
694
+ if (!dateParts) {
695
+ return "";
696
+ }
697
+ const { year, month, day } = dateParts;
698
+ if (!isValidDateRange(month, day)) {
699
+ return "";
700
+ }
701
+ return formatDatePartsToDisplay(year, month, day);
702
+ } catch (error) {
703
+ console.error("Error formatting date:", error);
704
+ return "";
705
+ }
706
+ }
707
+
657
708
  // src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
658
709
  var import_jsx_runtime5 = require("react/jsx-runtime");
659
710
  function MobileDataGridColumn(props) {
660
- var _a;
711
+ var _a, _b;
661
712
  const { column, data } = props;
662
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
713
+ let value;
714
+ if (column.id) {
715
+ value = data[column.id];
716
+ if (((_a = column.meta) == null ? void 0 : _a.format) === "date" && typeof value === "string") {
717
+ value = formatDate(value);
718
+ }
719
+ }
720
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "grid grid-cols-2 gap-2 flex-1", children: [
663
721
  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
664
- (_a = column.header) == null ? void 0 : _a.toString(),
722
+ (_b = column.header) == null ? void 0 : _b.toString(),
665
723
  ":"
666
724
  ] }),
667
725
  " ",
668
- column.id && data[column.id] ? data[column.id] : null
726
+ value ? value : null
669
727
  ] });
670
728
  }
671
729
 
@@ -735,8 +793,12 @@ function MobileDataGridCard({
735
793
  id: id ? `${id}-card-${getId(data)}` : void 0,
736
794
  "data-testid": testid ? `${testid}-card-${getId(data)}` : void 0,
737
795
  className: (0, import_clsx7.default)(
796
+ "flex flex-col",
738
797
  "hover:bg-action-100 cursor-pointer list-none",
739
- selected ? "bg-action-100" : "bg-background-grouped-primary-normal"
798
+ selected ? "bg-action-100" : "bg-background-grouped-primary-normal",
799
+ layoutGroupGap,
800
+ layoutPaddingX,
801
+ paddingYUsingLayoutGroupGap
740
802
  ),
741
803
  onClick: () => openRowDetail(data),
742
804
  children: [
@@ -748,6 +810,7 @@ function MobileDataGridCard({
748
810
  sizing: "component",
749
811
  padding: true,
750
812
  width: "fit",
813
+ style: { paddingLeft: 0, paddingRight: 8 },
751
814
  onClick: (e) => e.stopPropagation(),
752
815
  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
753
816
  Checkbox,
@@ -766,6 +829,7 @@ function MobileDataGridCard({
766
829
  sizing: "component",
767
830
  padding: true,
768
831
  onClick: (e) => e.stopPropagation(),
832
+ style: { paddingInline: 0 },
769
833
  children: renderLink ? renderLink(data) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Subheader, { children: String((_a = data[context.primaryKey]) != null ? _a : "") })
770
834
  }
771
835
  ),
@@ -791,7 +855,7 @@ function MobileDataGridCard({
791
855
  return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
792
856
  "div",
793
857
  {
794
- className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
858
+ className: "grid grid-cols-2 gap-2 items-center flex-1",
795
859
  children: [
796
860
  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
797
861
  Paragraph,
@@ -827,7 +891,7 @@ function MobileDataGridCard({
827
891
  }
828
892
  ) })
829
893
  ] }),
830
- renderChevron && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "keyboard_arrow_down" }) })
894
+ renderChevron && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "keyboard_arrow_down" }) }) })
831
895
  ]
832
896
  }
833
897
  );
@@ -1,16 +1,19 @@
1
1
  import {
2
2
  ColumnList
3
- } from "../../chunk-QMSPTD6L.js";
4
- import "../../chunk-XIXQUEYC.js";
3
+ } from "../../chunk-PRN2EQBX.js";
4
+ import "../../chunk-5YNEY3WO.js";
5
5
  import "../../chunk-5IFPG6TS.js";
6
6
  import "../../chunk-AJ5M6MVX.js";
7
- import "../../chunk-KW6V7O3H.js";
8
- import "../../chunk-WEAVZEE4.js";
9
- import "../../chunk-UCJUC5AZ.js";
10
- import "../../chunk-ZSETMD4A.js";
11
- import "../../chunk-DORD2EBO.js";
7
+ import "../../chunk-UI7P5J5S.js";
8
+ import "../../chunk-M7WHWZ2J.js";
9
+ import "../../chunk-VXWSAIB5.js";
10
+ import "../../chunk-R3EQIDBX.js";
11
+ import "../../chunk-5UH6QUFB.js";
12
+ import "../../chunk-BYC6QID5.js";
13
+ import "../../chunk-WMPWWFUJ.js";
14
+ import "../../chunk-TPXH53SA.js";
12
15
  import "../../chunk-NKUETCDA.js";
13
- import "../../chunk-IXR65MOU.js";
16
+ import "../../chunk-7KWFEH56.js";
14
17
  import "../../chunk-ORMEWXMH.js";
15
18
  export {
16
19
  ColumnList
@@ -237,6 +237,9 @@ var layoutPaddingBottom = (0, import_clsx.default)(
237
237
  var layoutPaddingY = (0, import_clsx.default)(
238
238
  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
239
239
  );
240
+ var layoutPaddingX = (0, import_clsx.default)(
241
+ "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
242
+ );
240
243
  var containerPaddingX = (0, import_clsx.default)(
241
244
  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
242
245
  );
@@ -844,6 +847,7 @@ var MenuOption = ({
844
847
  const actualRef = ref || internalRef;
845
848
  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
846
849
  const isMobile = useMatchesMobile();
850
+ const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
847
851
  const handleMouseEnter = () => {
848
852
  if (subMenu && onSubMenuHover && !disabled) {
849
853
  onSubMenuHover(menuId.current, subMenuLevel);
@@ -853,6 +857,7 @@ var MenuOption = ({
853
857
  if (subMenu && onSubMenuLeave && !disabled) {
854
858
  onSubMenuLeave(subMenuLevel);
855
859
  }
860
+ setIsSubMenuHovered(false);
856
861
  };
857
862
  const handleMouseMove = () => {
858
863
  if (subMenu && onMouseMove && !disabled) {
@@ -863,9 +868,11 @@ var MenuOption = ({
863
868
  if (onSubMenuEnter) {
864
869
  onSubMenuEnter();
865
870
  }
871
+ setIsSubMenuHovered(true);
866
872
  };
867
873
  const additionalAttributes = {
868
- "data-selected": selected || null
874
+ "data-selected": selected || null,
875
+ "data-submenu-hovered": isSubMenuHovered || null
869
876
  };
870
877
  const svgStyles = (0, import_clsx6.default)(
871
878
  "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
@@ -874,16 +881,18 @@ var MenuOption = ({
874
881
  const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
875
882
  "bg-transparent text-text-primary-normal",
876
883
  "hover:bg-background-action-secondary-hover",
877
- "focus:bg-background-action-secondary-hover",
884
+ "focus-visible:bg-background-action-secondary-hover",
878
885
  "data-selected:bg-background-action-secondary-hover",
886
+ "data-submenu-hovered:bg-background-action-secondary-hover",
879
887
  "active:bg-background-action-secondary-active"
880
888
  );
881
889
  const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
882
890
  const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
883
891
  "text-action-400 bg-transparent",
884
892
  "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
885
- "focus:bg-background-action-secondary-hover focus:text-text-action-hover",
893
+ "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
886
894
  "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
895
+ "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
887
896
  "active:bg-background-action-secondary-active active:text-text-action-active"
888
897
  );
889
898
  const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
@@ -935,7 +944,10 @@ var MenuOption = ({
935
944
  "div",
936
945
  {
937
946
  onMouseEnter: handleSubMenuEnter,
938
- onMouseLeave: handleMouseLeave,
947
+ onMouseLeave: () => {
948
+ handleMouseLeave();
949
+ setIsSubMenuHovered(false);
950
+ },
939
951
  "data-submenu-parent": menuId.current,
940
952
  "data-menu-level": subMenuLevel + 1,
941
953
  children: subMenu({
@@ -945,7 +957,8 @@ var MenuOption = ({
945
957
  position: "right",
946
958
  subMenuLevel,
947
959
  mobileBackMenuOption,
948
- mobileHide: isMobile && activeMenu !== menuId.current
960
+ mobileHide: isMobile && activeMenu !== menuId.current,
961
+ autoFocusOff: true
949
962
  })
950
963
  }
951
964
  )
@@ -2102,6 +2102,9 @@
2102
2102
  .font-sans {
2103
2103
  font-family: var(--font-sans);
2104
2104
  }
2105
+ .\!text-caption-desktop {
2106
+ font-size: var(--text-caption-desktop) !important;
2107
+ }
2105
2108
  .text-\[0\.6rem\] {
2106
2109
  font-size: 0.6rem;
2107
2110
  }
@@ -3293,11 +3296,6 @@
3293
3296
  color: var(--color-text-action-critical-hover);
3294
3297
  }
3295
3298
  }
3296
- .focus\:text-text-action-hover {
3297
- &:focus {
3298
- color: var(--color-text-action-hover);
3299
- }
3300
- }
3301
3299
  .focus\:text-text-action-primary-hover {
3302
3300
  &:focus {
3303
3301
  color: var(--color-text-action-primary-hover);
@@ -3341,6 +3339,16 @@
3341
3339
  outline-style: none;
3342
3340
  }
3343
3341
  }
3342
+ .focus-visible\:bg-background-action-secondary-hover {
3343
+ &:focus-visible {
3344
+ background-color: var(--color-background-action-secondary-hover);
3345
+ }
3346
+ }
3347
+ .focus-visible\:text-text-action-hover {
3348
+ &:focus-visible {
3349
+ color: var(--color-text-action-hover);
3350
+ }
3351
+ }
3344
3352
  .focus-visible\:ring-2 {
3345
3353
  &:focus-visible {
3346
3354
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3793,6 +3801,21 @@
3793
3801
  }
3794
3802
  }
3795
3803
  }
3804
+ .data-submenu-hovered\:bg-background-action-secondary-active {
3805
+ &[data-submenu-hovered] {
3806
+ background-color: var(--color-background-action-secondary-active);
3807
+ }
3808
+ }
3809
+ .data-submenu-hovered\:bg-background-action-secondary-hover {
3810
+ &[data-submenu-hovered] {
3811
+ background-color: var(--color-background-action-secondary-hover);
3812
+ }
3813
+ }
3814
+ .data-submenu-hovered\:text-text-action-active {
3815
+ &[data-submenu-hovered] {
3816
+ color: var(--color-text-action-active);
3817
+ }
3818
+ }
3796
3819
  .data-\[focus\]\:outline-1 {
3797
3820
  &[data-focus] {
3798
3821
  outline-style: var(--tw-outline-style);
@@ -1,70 +1,70 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-TWDH7ZDS.js";
3
+ } from "../../../chunk-QV3NANQC.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
- import "../../../chunk-YD3HWIUJ.js";
6
- import "../../../chunk-3DEYCNUE.js";
7
- import "../../../chunk-XHQOTLG6.js";
5
+ import "../../../chunk-D4TFZ2WM.js";
6
+ import "../../../chunk-3UUCDNX3.js";
7
+ import "../../../chunk-FJRYHJUV.js";
8
8
  import "../../../chunk-BQNPOGD5.js";
9
9
  import "../../../chunk-Y5GD2FJA.js";
10
- import "../../../chunk-4LBQSSGH.js";
11
- import "../../../chunk-YEZBNQZI.js";
12
- import "../../../chunk-B53XDCLO.js";
10
+ import "../../../chunk-B2O4TEOI.js";
11
+ import "../../../chunk-VOSQMHNF.js";
12
+ import "../../../chunk-VS53C5ZD.js";
13
13
  import "../../../chunk-S5ZJ3Q7P.js";
14
14
  import "../../../chunk-MBZ55T2D.js";
15
15
  import "../../../chunk-2IKT6IHB.js";
16
16
  import "../../../chunk-YCDDBSVU.js";
17
17
  import "../../../chunk-3X3Y4TMS.js";
18
- import "../../../chunk-QMSPTD6L.js";
19
- import "../../../chunk-XIXQUEYC.js";
18
+ import "../../../chunk-PRN2EQBX.js";
19
+ import "../../../chunk-5YNEY3WO.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
21
21
  import "../../../chunk-AJ5M6MVX.js";
22
- import "../../../chunk-KW6V7O3H.js";
23
- import "../../../chunk-JUFBGNWW.js";
24
- import "../../../chunk-7GHD74J3.js";
22
+ import "../../../chunk-UI7P5J5S.js";
23
+ import "../../../chunk-5DQVYX6H.js";
24
+ import "../../../chunk-MDB26F6T.js";
25
25
  import "../../../chunk-AT4AWD6B.js";
26
26
  import "../../../chunk-EWGHVZL5.js";
27
- import "../../../chunk-7BVUTFZ5.js";
27
+ import "../../../chunk-2TNHD4MQ.js";
28
+ import "../../../chunk-OWHPPZZA.js";
28
29
  import "../../../chunk-L3BXRDLP.js";
29
30
  import "../../../chunk-34VEVX5H.js";
30
- import "../../../chunk-GRGDX7JC.js";
31
- import "../../../chunk-PIBHG6DH.js";
32
- import "../../../chunk-TOKS63IK.js";
31
+ import "../../../chunk-LB7UT6F3.js";
32
+ import "../../../chunk-LJLHGLTS.js";
33
33
  import "../../../chunk-4RJKB7LC.js";
34
- import "../../../chunk-FG7GNGE3.js";
35
- import "../../../chunk-X4UK7HE2.js";
34
+ import "../../../chunk-25RZP3VR.js";
35
+ import "../../../chunk-WVVEOCEH.js";
36
+ import "../../../chunk-TAPYQBQU.js";
36
37
  import "../../../chunk-AG43RS4Q.js";
37
- import "../../../chunk-ZQJMNPCF.js";
38
- import "../../../chunk-6TYWM26K.js";
39
38
  import "../../../chunk-SBRRNFOP.js";
40
- import "../../../chunk-Y2GK27RX.js";
41
39
  import "../../../chunk-QVWYTQKL.js";
42
- import "../../../chunk-HIKWIY5Q.js";
40
+ import "../../../chunk-SUSUNSVZ.js";
41
+ import "../../../chunk-75USUR3I.js";
42
+ import "../../../chunk-Y2GK27RX.js";
43
+ import "../../../chunk-F6RZ7MUE.js";
43
44
  import "../../../chunk-TCMOGTPB.js";
44
45
  import "../../../chunk-DVU5XV7L.js";
45
- import "../../../chunk-5R4C5F63.js";
46
- import "../../../chunk-5MLYAQQO.js";
47
- import "../../../chunk-G4AWTFBQ.js";
48
- import "../../../chunk-AL5QIRY3.js";
46
+ import "../../../chunk-LKKFQLWD.js";
47
+ import "../../../chunk-HK4S6TRH.js";
48
+ import "../../../chunk-KPBG7D3V.js";
49
+ import "../../../chunk-HXGJVYGQ.js";
49
50
  import "../../../chunk-WVUIIBRR.js";
50
- import "../../../chunk-75USUR3I.js";
51
- import "../../../chunk-BTKWHCUE.js";
52
- import "../../../chunk-WEAVZEE4.js";
53
- import "../../../chunk-OZBB6RFM.js";
51
+ import "../../../chunk-PS6UJZVH.js";
52
+ import "../../../chunk-M7WHWZ2J.js";
53
+ import "../../../chunk-TMHOK37S.js";
54
54
  import "../../../chunk-URYQ24NF.js";
55
55
  import "../../../chunk-VXWSAIB5.js";
56
56
  import "../../../chunk-R3EQIDBX.js";
57
57
  import "../../../chunk-5UH6QUFB.js";
58
- import "../../../chunk-UCJUC5AZ.js";
59
- import "../../../chunk-IY7SXEVY.js";
58
+ import "../../../chunk-BYC6QID5.js";
59
+ import "../../../chunk-MUOYLXBF.js";
60
60
  import "../../../chunk-KBJZUVLM.js";
61
- import "../../../chunk-4UH72JT2.js";
62
- import "../../../chunk-H2KC5XUY.js";
63
- import "../../../chunk-ZSETMD4A.js";
64
- import "../../../chunk-DORD2EBO.js";
61
+ import "../../../chunk-BWBSDSA7.js";
62
+ import "../../../chunk-MXSJF6TW.js";
63
+ import "../../../chunk-45AHDOAU.js";
64
+ import "../../../chunk-WMPWWFUJ.js";
65
+ import "../../../chunk-TPXH53SA.js";
65
66
  import "../../../chunk-NKUETCDA.js";
66
- import "../../../chunk-LPY6PMAY.js";
67
- import "../../../chunk-IXR65MOU.js";
67
+ import "../../../chunk-7KWFEH56.js";
68
68
  import "../../../chunk-ORMEWXMH.js";
69
69
  export {
70
70
  ColumnSelector