@dmsi/wedgekit-react 0.0.496 → 0.0.497

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 (41) hide show
  1. package/dist/chunk-34VEVX5H.js +31 -0
  2. package/dist/components/CalendarRange.cjs +28 -25
  3. package/dist/components/CalendarRange.js +8 -7
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +8 -7
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +8 -7
  8. package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
  9. package/dist/components/DataGrid/PinnedColumns.js +8 -7
  10. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
  11. package/dist/components/DataGrid/TableBody/LoadingCell.js +8 -7
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.js +8 -7
  14. package/dist/components/DataGrid/TableBody/index.cjs +23 -20
  15. package/dist/components/DataGrid/TableBody/index.js +8 -7
  16. package/dist/components/DataGrid/index.cjs +83 -80
  17. package/dist/components/DataGrid/index.js +8 -7
  18. package/dist/components/DataGrid/utils.cjs +6 -3
  19. package/dist/components/DataGrid/utils.js +8 -7
  20. package/dist/components/DateInput.cjs +34 -31
  21. package/dist/components/DateInput.js +8 -7
  22. package/dist/components/DateRangeInput.cjs +34 -31
  23. package/dist/components/DateRangeInput.js +8 -7
  24. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
  25. package/dist/components/MobileDataGrid/ColumnSelector/index.js +8 -7
  26. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
  27. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +8 -7
  28. package/dist/components/MobileDataGrid/index.cjs +64 -61
  29. package/dist/components/MobileDataGrid/index.js +8 -7
  30. package/dist/components/OrderCheckIcon.cjs +67 -0
  31. package/dist/components/OrderCheckIcon.js +7 -0
  32. package/dist/components/PDFViewer/index.js +3 -3
  33. package/dist/components/ProductImagePreview/index.js +2 -2
  34. package/dist/components/index.cjs +25 -0
  35. package/dist/components/index.js +12 -8
  36. package/package.json +1 -1
  37. package/src/components/OrderCheckIcon.tsx +19 -0
  38. package/src/components/index.ts +1 -0
  39. package/dist/{chunk-TPBEID5X.js → chunk-3WCLGTYP.js} +3 -3
  40. package/dist/{chunk-2A7H5GVB.js → chunk-7LKGHCVT.js} +3 -3
  41. package/dist/{chunk-DYBJUTGK.js → chunk-XHQOTLG6.js} +3 -3
@@ -0,0 +1,31 @@
1
+ import {
2
+ __spreadProps,
3
+ __spreadValues
4
+ } from "./chunk-ORMEWXMH.js";
5
+
6
+ // src/components/OrderCheckIcon.tsx
7
+ import { jsx } from "react/jsx-runtime";
8
+ function OrderCheckIcon(props) {
9
+ return /* @__PURE__ */ jsx(
10
+ "svg",
11
+ __spreadProps(__spreadValues({
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ viewBox: "0 0 37 36",
14
+ fill: "none",
15
+ width: 37,
16
+ height: 36
17
+ }, props), {
18
+ children: /* @__PURE__ */ jsx(
19
+ "path",
20
+ {
21
+ d: "M18.457 3.00024C19.6493 3.01827 20.8644 3.13827 22.0283 3.41724C22.8321 3.61234 23.3287 4.42237 23.1337 5.22778C22.9402 6.03178 22.1252 6.5272 21.3242 6.33521C20.3928 6.11026 19.4046 6.01526 18.4658 6.00024C15.2603 6.00924 12.2492 7.26586 9.99018 9.53833C7.72976 11.8108 6.49103 14.829 6.49995 18.0344C6.50895 21.2399 7.7656 24.2495 10.038 26.51C12.303 28.7615 15.3065 30.0002 18.4999 30.0002H18.5341C21.7396 29.9912 24.7507 28.7346 27.0097 26.4622C29.2701 24.1882 30.5089 21.1714 30.4999 17.9661C30.4984 17.1382 31.1673 16.4629 31.9951 16.4612H31.9999C32.8263 16.4612 33.4982 17.13 33.4999 17.9563C33.5119 21.9627 31.9625 25.7354 29.1367 28.5764C26.3123 31.4173 22.5503 32.9881 18.5439 33.0002H18.4999C14.5086 33.0002 10.7542 31.4523 7.92378 28.637C5.08288 25.8126 3.51206 22.0505 3.49995 18.0442C3.48795 14.0363 5.03742 10.265 7.86323 7.42407C10.6877 4.58307 14.4505 3.01224 18.457 3.00024ZM27.872 9.51196C28.418 8.89248 29.3642 8.82637 29.9882 9.37231C30.6107 9.91681 30.6739 10.8645 30.1279 11.4885L19.6279 23.4885C19.3549 23.8004 18.9652 23.9852 18.5498 24.0002H18.4999C18.1025 24.0002 17.7214 23.8428 17.4394 23.5608L12.9394 19.0608C12.3529 18.4743 12.353 17.5262 12.9394 16.9397C13.5259 16.3532 14.474 16.3532 15.0605 16.9397L18.4267 20.3059L27.872 9.51196Z",
22
+ fill: "#1D1E1E"
23
+ }
24
+ )
25
+ })
26
+ );
27
+ }
28
+
29
+ export {
30
+ OrderCheckIcon
31
+ };
@@ -5323,8 +5323,11 @@ var import_clsx39 = __toESM(require("clsx"), 1);
5323
5323
  var import_react39 = require("react");
5324
5324
  var import_jsx_runtime65 = require("react/jsx-runtime");
5325
5325
 
5326
- // src/components/CalendarRange.tsx
5326
+ // src/components/OrderCheckIcon.tsx
5327
5327
  var import_jsx_runtime66 = require("react/jsx-runtime");
5328
+
5329
+ // src/components/CalendarRange.tsx
5330
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5328
5331
  function isWeekend(date) {
5329
5332
  return date.dayOfWeek === 6 || date.dayOfWeek === 7;
5330
5333
  }
@@ -5362,7 +5365,7 @@ function DateCell(_a) {
5362
5365
  "id",
5363
5366
  "testid"
5364
5367
  ]);
5365
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5368
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5366
5369
  "span",
5367
5370
  __spreadProps(__spreadValues({}, props), {
5368
5371
  id,
@@ -5518,7 +5521,7 @@ function CalendarRange({
5518
5521
  }
5519
5522
  return false;
5520
5523
  }
5521
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5524
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5522
5525
  "div",
5523
5526
  {
5524
5527
  id,
@@ -5531,7 +5534,7 @@ function CalendarRange({
5531
5534
  // baseTransition,
5532
5535
  "overflow-hidden"
5533
5536
  ),
5534
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5537
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5535
5538
  "div",
5536
5539
  {
5537
5540
  className: (0, import_clsx40.default)(
@@ -5539,7 +5542,7 @@ function CalendarRange({
5539
5542
  layoutGap
5540
5543
  ),
5541
5544
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5542
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5545
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5543
5546
  CalendarPane,
5544
5547
  {
5545
5548
  getMonthData,
@@ -5604,13 +5607,13 @@ function CalendarPane({
5604
5607
  const month = getMonthData(offset);
5605
5608
  const totalCells = 42;
5606
5609
  const emptyCells = month.firstDayOffset;
5607
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react40.default.Fragment, { children: [
5608
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5610
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react40.default.Fragment, { children: [
5611
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5609
5612
  "div",
5610
5613
  {
5611
5614
  className: (0, import_clsx40.default)("flex flex-col"),
5612
5615
  children: [
5613
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5616
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5614
5617
  "div",
5615
5618
  {
5616
5619
  className: (0, import_clsx40.default)(
@@ -5619,7 +5622,7 @@ function CalendarPane({
5619
5622
  "text-text-action-primary-normal"
5620
5623
  ),
5621
5624
  children: [
5622
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5625
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5623
5626
  "button",
5624
5627
  {
5625
5628
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5631,11 +5634,11 @@ function CalendarPane({
5631
5634
  ),
5632
5635
  "aria-label": "Previous month",
5633
5636
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5634
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_left", size: 24 })
5637
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "chevron_left", size: 24 })
5635
5638
  }
5636
- ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "mr-1") }),
5637
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5638
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5639
+ ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "mr-1") }),
5640
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5641
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5639
5642
  "button",
5640
5643
  {
5641
5644
  ref: (el) => {
@@ -5650,13 +5653,13 @@ function CalendarPane({
5650
5653
  children: month.name
5651
5654
  }
5652
5655
  ),
5653
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5656
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5654
5657
  Menu,
5655
5658
  {
5656
5659
  show: monthMenuOpen,
5657
5660
  positionTo: monthMenuRef,
5658
5661
  setShow: () => setMonthMenuOpen(false),
5659
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5662
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5660
5663
  MenuOption,
5661
5664
  {
5662
5665
  selected: baseMonth.month === x + 1,
@@ -5670,7 +5673,7 @@ function CalendarPane({
5670
5673
  ))
5671
5674
  }
5672
5675
  ),
5673
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5676
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5674
5677
  "button",
5675
5678
  {
5676
5679
  ref: (el) => {
@@ -5685,13 +5688,13 @@ function CalendarPane({
5685
5688
  children: month.year
5686
5689
  }
5687
5690
  ),
5688
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5691
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5689
5692
  Menu,
5690
5693
  {
5691
5694
  show: yearMenuOpen,
5692
5695
  positionTo: yearMenuRef,
5693
5696
  setShow: () => setYearMenuOpen(false),
5694
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5697
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5695
5698
  MenuOption,
5696
5699
  {
5697
5700
  selected: baseMonth.year === y,
@@ -5706,7 +5709,7 @@ function CalendarPane({
5706
5709
  }
5707
5710
  )
5708
5711
  ] }),
5709
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5712
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5710
5713
  "button",
5711
5714
  {
5712
5715
  id: id ? `${id}-next-month-button` : void 0,
@@ -5718,13 +5721,13 @@ function CalendarPane({
5718
5721
  ),
5719
5722
  "aria-label": "Next month",
5720
5723
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5721
- children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_right", size: 24 })
5724
+ children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "chevron_right", size: 24 })
5722
5725
  }
5723
- ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "ml-1") })
5726
+ ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "ml-1") })
5724
5727
  ]
5725
5728
  }
5726
5729
  ),
5727
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5730
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5728
5731
  "span",
5729
5732
  {
5730
5733
  className: (0, import_clsx40.default)(
@@ -5736,7 +5739,7 @@ function CalendarPane({
5736
5739
  },
5737
5740
  d
5738
5741
  )) }),
5739
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5742
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5740
5743
  const day = i - emptyCells + 1;
5741
5744
  const date = month.date.with({ day: 1 }).add({
5742
5745
  days: i - emptyCells
@@ -5750,7 +5753,7 @@ function CalendarPane({
5750
5753
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5751
5754
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5752
5755
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5753
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5756
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5754
5757
  DateCell,
5755
5758
  {
5756
5759
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5775,7 +5778,7 @@ function CalendarPane({
5775
5778
  ]
5776
5779
  }
5777
5780
  ),
5778
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5781
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5779
5782
  "div",
5780
5783
  {
5781
5784
  className: (0, import_clsx40.default)(
@@ -2,32 +2,33 @@ import {
2
2
  CalendarRange,
3
3
  CalendarRange_default,
4
4
  isWeekend
5
- } from "../chunk-2A7H5GVB.js";
5
+ } from "../chunk-7LKGHCVT.js";
6
6
  import "../chunk-M7INAUAJ.js";
7
7
  import "../chunk-4Q7T4GJ2.js";
8
8
  import "../chunk-3DEYCNUE.js";
9
- import "../chunk-DYBJUTGK.js";
9
+ import "../chunk-XHQOTLG6.js";
10
+ import "../chunk-BQNPOGD5.js";
10
11
  import "../chunk-Y5GD2FJA.js";
11
- import "../chunk-TPBEID5X.js";
12
+ import "../chunk-3WCLGTYP.js";
13
+ import "../chunk-YEZBNQZI.js";
12
14
  import "../chunk-B53XDCLO.js";
15
+ import "../chunk-S5ZJ3Q7P.js";
13
16
  import "../chunk-MBZ55T2D.js";
14
17
  import "../chunk-2IKT6IHB.js";
15
18
  import "../chunk-YCDDBSVU.js";
16
19
  import "../chunk-3X3Y4TMS.js";
17
- import "../chunk-BQNPOGD5.js";
18
20
  import "../chunk-QMSPTD6L.js";
19
21
  import "../chunk-XIXQUEYC.js";
20
22
  import "../chunk-5IFPG6TS.js";
21
23
  import "../chunk-AJ5M6MVX.js";
22
24
  import "../chunk-KW6V7O3H.js";
23
25
  import "../chunk-JUFBGNWW.js";
24
- import "../chunk-YEZBNQZI.js";
25
- import "../chunk-S5ZJ3Q7P.js";
26
+ import "../chunk-7GHD74J3.js";
26
27
  import "../chunk-AT4AWD6B.js";
27
28
  import "../chunk-EWGHVZL5.js";
28
- import "../chunk-7GHD74J3.js";
29
29
  import "../chunk-7BVUTFZ5.js";
30
30
  import "../chunk-L3BXRDLP.js";
31
+ import "../chunk-34VEVX5H.js";
31
32
  import "../chunk-GRGDX7JC.js";
32
33
  import "../chunk-HVNHTM3P.js";
33
34
  import "../chunk-X67L3NZI.js";
@@ -5756,8 +5756,11 @@ var import_clsx40 = __toESM(require("clsx"), 1);
5756
5756
  var import_react39 = require("react");
5757
5757
  var import_jsx_runtime65 = require("react/jsx-runtime");
5758
5758
 
5759
- // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
5759
+ // src/components/OrderCheckIcon.tsx
5760
5760
  var import_jsx_runtime66 = require("react/jsx-runtime");
5761
+
5762
+ // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
5763
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5761
5764
  function ColumnSelectorMenuOption({
5762
5765
  id,
5763
5766
  testid,
@@ -5766,7 +5769,7 @@ function ColumnSelectorMenuOption({
5766
5769
  }) {
5767
5770
  const [isVisible, setIsVisible] = (0, import_react40.useState)(column.getIsVisible());
5768
5771
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
5769
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5772
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5770
5773
  Checkbox,
5771
5774
  {
5772
5775
  id: id ? `${id}-checkbox` : void 0,
@@ -1,31 +1,32 @@
1
1
  import {
2
2
  ColumnSelectorMenuOption
3
- } from "../../../chunk-2A7H5GVB.js";
3
+ } from "../../../chunk-7LKGHCVT.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-4Q7T4GJ2.js";
6
6
  import "../../../chunk-3DEYCNUE.js";
7
- import "../../../chunk-DYBJUTGK.js";
7
+ import "../../../chunk-XHQOTLG6.js";
8
+ import "../../../chunk-BQNPOGD5.js";
8
9
  import "../../../chunk-Y5GD2FJA.js";
9
- import "../../../chunk-TPBEID5X.js";
10
+ import "../../../chunk-3WCLGTYP.js";
11
+ import "../../../chunk-YEZBNQZI.js";
10
12
  import "../../../chunk-B53XDCLO.js";
13
+ import "../../../chunk-S5ZJ3Q7P.js";
11
14
  import "../../../chunk-MBZ55T2D.js";
12
15
  import "../../../chunk-2IKT6IHB.js";
13
16
  import "../../../chunk-YCDDBSVU.js";
14
17
  import "../../../chunk-3X3Y4TMS.js";
15
- import "../../../chunk-BQNPOGD5.js";
16
18
  import "../../../chunk-QMSPTD6L.js";
17
19
  import "../../../chunk-XIXQUEYC.js";
18
20
  import "../../../chunk-5IFPG6TS.js";
19
21
  import "../../../chunk-AJ5M6MVX.js";
20
22
  import "../../../chunk-KW6V7O3H.js";
21
23
  import "../../../chunk-JUFBGNWW.js";
22
- import "../../../chunk-YEZBNQZI.js";
23
- import "../../../chunk-S5ZJ3Q7P.js";
24
+ import "../../../chunk-7GHD74J3.js";
24
25
  import "../../../chunk-AT4AWD6B.js";
25
26
  import "../../../chunk-EWGHVZL5.js";
26
- import "../../../chunk-7GHD74J3.js";
27
27
  import "../../../chunk-7BVUTFZ5.js";
28
28
  import "../../../chunk-L3BXRDLP.js";
29
+ import "../../../chunk-34VEVX5H.js";
29
30
  import "../../../chunk-GRGDX7JC.js";
30
31
  import "../../../chunk-HVNHTM3P.js";
31
32
  import "../../../chunk-X67L3NZI.js";
@@ -5678,9 +5678,12 @@ var import_clsx40 = __toESM(require("clsx"), 1);
5678
5678
  var import_react38 = require("react");
5679
5679
  var import_jsx_runtime64 = require("react/jsx-runtime");
5680
5680
 
5681
+ // src/components/OrderCheckIcon.tsx
5682
+ var import_jsx_runtime65 = require("react/jsx-runtime");
5683
+
5681
5684
  // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
5682
5685
  var import_react39 = require("react");
5683
- var import_jsx_runtime65 = require("react/jsx-runtime");
5686
+ var import_jsx_runtime66 = require("react/jsx-runtime");
5684
5687
  function ColumnSelectorMenuOption({
5685
5688
  id,
5686
5689
  testid,
@@ -5689,7 +5692,7 @@ function ColumnSelectorMenuOption({
5689
5692
  }) {
5690
5693
  const [isVisible, setIsVisible] = (0, import_react39.useState)(column.getIsVisible());
5691
5694
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
5692
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5695
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5693
5696
  Checkbox,
5694
5697
  {
5695
5698
  id: id ? `${id}-checkbox` : void 0,
@@ -5705,7 +5708,7 @@ function ColumnSelectorMenuOption({
5705
5708
  }
5706
5709
 
5707
5710
  // src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
5708
- var import_jsx_runtime66 = require("react/jsx-runtime");
5711
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5709
5712
  function ColumnSelectorHeaderCell({
5710
5713
  id,
5711
5714
  testid,
@@ -5715,7 +5718,7 @@ function ColumnSelectorHeaderCell({
5715
5718
  }) {
5716
5719
  const ref = (0, import_react40.useRef)(null);
5717
5720
  const [show, setShow] = (0, import_react40.useState)(false);
5718
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5721
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5719
5722
  DataGridCell,
5720
5723
  {
5721
5724
  id,
@@ -5725,7 +5728,7 @@ function ColumnSelectorHeaderCell({
5725
5728
  color: "text-secondary-normal",
5726
5729
  ref,
5727
5730
  children: [
5728
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5731
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5729
5732
  Button,
5730
5733
  {
5731
5734
  id: id ? `${id}-button` : void 0,
@@ -5733,10 +5736,10 @@ function ColumnSelectorHeaderCell({
5733
5736
  onClick: () => setShow((prev) => !prev),
5734
5737
  variant: "navigation",
5735
5738
  iconOnly: true,
5736
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
5739
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "tune" })
5737
5740
  }
5738
5741
  ),
5739
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5742
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5740
5743
  Menu,
5741
5744
  {
5742
5745
  id: id ? `${id}-menu` : void 0,
@@ -5747,7 +5750,7 @@ function ColumnSelectorHeaderCell({
5747
5750
  setShow,
5748
5751
  calculateMinMaxHeight: true,
5749
5752
  children: [
5750
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5753
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5751
5754
  Button,
5752
5755
  {
5753
5756
  id: id ? `${id}-reset-button` : void 0,
@@ -5763,7 +5766,7 @@ function ColumnSelectorHeaderCell({
5763
5766
  table.getAllColumns().filter((x) => {
5764
5767
  var _a;
5765
5768
  return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
5766
- }).map((column) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5769
+ }).map((column) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5767
5770
  ColumnSelectorMenuOption,
5768
5771
  {
5769
5772
  id: id ? `${id}-option-${column.id}` : void 0,
@@ -1,31 +1,32 @@
1
1
  import {
2
2
  ColumnSelectorHeaderCell
3
- } from "../../../chunk-2A7H5GVB.js";
3
+ } from "../../../chunk-7LKGHCVT.js";
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-4Q7T4GJ2.js";
6
6
  import "../../../chunk-3DEYCNUE.js";
7
- import "../../../chunk-DYBJUTGK.js";
7
+ import "../../../chunk-XHQOTLG6.js";
8
+ import "../../../chunk-BQNPOGD5.js";
8
9
  import "../../../chunk-Y5GD2FJA.js";
9
- import "../../../chunk-TPBEID5X.js";
10
+ import "../../../chunk-3WCLGTYP.js";
11
+ import "../../../chunk-YEZBNQZI.js";
10
12
  import "../../../chunk-B53XDCLO.js";
13
+ import "../../../chunk-S5ZJ3Q7P.js";
11
14
  import "../../../chunk-MBZ55T2D.js";
12
15
  import "../../../chunk-2IKT6IHB.js";
13
16
  import "../../../chunk-YCDDBSVU.js";
14
17
  import "../../../chunk-3X3Y4TMS.js";
15
- import "../../../chunk-BQNPOGD5.js";
16
18
  import "../../../chunk-QMSPTD6L.js";
17
19
  import "../../../chunk-XIXQUEYC.js";
18
20
  import "../../../chunk-5IFPG6TS.js";
19
21
  import "../../../chunk-AJ5M6MVX.js";
20
22
  import "../../../chunk-KW6V7O3H.js";
21
23
  import "../../../chunk-JUFBGNWW.js";
22
- import "../../../chunk-YEZBNQZI.js";
23
- import "../../../chunk-S5ZJ3Q7P.js";
24
+ import "../../../chunk-7GHD74J3.js";
24
25
  import "../../../chunk-AT4AWD6B.js";
25
26
  import "../../../chunk-EWGHVZL5.js";
26
- import "../../../chunk-7GHD74J3.js";
27
27
  import "../../../chunk-7BVUTFZ5.js";
28
28
  import "../../../chunk-L3BXRDLP.js";
29
+ import "../../../chunk-34VEVX5H.js";
29
30
  import "../../../chunk-GRGDX7JC.js";
30
31
  import "../../../chunk-HVNHTM3P.js";
31
32
  import "../../../chunk-X67L3NZI.js";
@@ -5531,6 +5531,9 @@ var import_clsx39 = __toESM(require("clsx"), 1);
5531
5531
  var import_react37 = require("react");
5532
5532
  var import_jsx_runtime63 = require("react/jsx-runtime");
5533
5533
 
5534
+ // src/components/OrderCheckIcon.tsx
5535
+ var import_jsx_runtime64 = require("react/jsx-runtime");
5536
+
5534
5537
  // src/components/DataGrid/PinnedColumns.tsx
5535
5538
  var import_clsx40 = __toESM(require("clsx"), 1);
5536
5539
  var import_react40 = __toESM(require("react"), 1);
@@ -5540,7 +5543,7 @@ var import_react39 = require("react");
5540
5543
 
5541
5544
  // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
5542
5545
  var import_react38 = require("react");
5543
- var import_jsx_runtime64 = require("react/jsx-runtime");
5546
+ var import_jsx_runtime65 = require("react/jsx-runtime");
5544
5547
  function ColumnSelectorMenuOption({
5545
5548
  id,
5546
5549
  testid,
@@ -5549,7 +5552,7 @@ function ColumnSelectorMenuOption({
5549
5552
  }) {
5550
5553
  const [isVisible, setIsVisible] = (0, import_react38.useState)(column.getIsVisible());
5551
5554
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
5552
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
5555
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5553
5556
  Checkbox,
5554
5557
  {
5555
5558
  id: id ? `${id}-checkbox` : void 0,
@@ -5565,7 +5568,7 @@ function ColumnSelectorMenuOption({
5565
5568
  }
5566
5569
 
5567
5570
  // src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
5568
- var import_jsx_runtime65 = require("react/jsx-runtime");
5571
+ var import_jsx_runtime66 = require("react/jsx-runtime");
5569
5572
  function ColumnSelectorHeaderCell({
5570
5573
  id,
5571
5574
  testid,
@@ -5575,7 +5578,7 @@ function ColumnSelectorHeaderCell({
5575
5578
  }) {
5576
5579
  const ref = (0, import_react39.useRef)(null);
5577
5580
  const [show, setShow] = (0, import_react39.useState)(false);
5578
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5581
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5579
5582
  DataGridCell,
5580
5583
  {
5581
5584
  id,
@@ -5585,7 +5588,7 @@ function ColumnSelectorHeaderCell({
5585
5588
  color: "text-secondary-normal",
5586
5589
  ref,
5587
5590
  children: [
5588
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5591
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5589
5592
  Button,
5590
5593
  {
5591
5594
  id: id ? `${id}-button` : void 0,
@@ -5593,10 +5596,10 @@ function ColumnSelectorHeaderCell({
5593
5596
  onClick: () => setShow((prev) => !prev),
5594
5597
  variant: "navigation",
5595
5598
  iconOnly: true,
5596
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "tune" })
5599
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
5597
5600
  }
5598
5601
  ),
5599
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5602
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5600
5603
  Menu,
5601
5604
  {
5602
5605
  id: id ? `${id}-menu` : void 0,
@@ -5607,7 +5610,7 @@ function ColumnSelectorHeaderCell({
5607
5610
  setShow,
5608
5611
  calculateMinMaxHeight: true,
5609
5612
  children: [
5610
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5613
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5611
5614
  Button,
5612
5615
  {
5613
5616
  id: id ? `${id}-reset-button` : void 0,
@@ -5623,7 +5626,7 @@ function ColumnSelectorHeaderCell({
5623
5626
  table.getAllColumns().filter((x) => {
5624
5627
  var _a;
5625
5628
  return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
5626
- }).map((column) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5629
+ }).map((column) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5627
5630
  ColumnSelectorMenuOption,
5628
5631
  {
5629
5632
  id: id ? `${id}-option-${column.id}` : void 0,
@@ -5642,7 +5645,7 @@ function ColumnSelectorHeaderCell({
5642
5645
  }
5643
5646
 
5644
5647
  // src/components/DataGrid/PinnedColumns.tsx
5645
- var import_jsx_runtime66 = require("react/jsx-runtime");
5648
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5646
5649
  function PinnedColumns(_a) {
5647
5650
  var _b = _a, {
5648
5651
  id,
@@ -5674,7 +5677,7 @@ function PinnedColumns(_a) {
5674
5677
  const pinnedTestId = testid ? `${pinDirection}-pinned-${testid}` : void 0;
5675
5678
  const hasAnyHeaders = ((_a2 = headerGroups[0]) == null ? void 0 : _a2.headers.length) > 0;
5676
5679
  if (!hasAnyHeaders && !enableColumnSelector) return;
5677
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5680
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5678
5681
  "table",
5679
5682
  {
5680
5683
  className: (0, import_clsx40.default)(
@@ -5683,8 +5686,8 @@ function PinnedColumns(_a) {
5683
5686
  ),
5684
5687
  "data-testid": pinnedTestId,
5685
5688
  children: [
5686
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
5687
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5689
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
5690
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5688
5691
  "tr",
5689
5692
  {
5690
5693
  "data-testid": pinnedTestId ? `${pinnedTestId}-header-row-${headerGroup.id}` : void 0,
@@ -5697,7 +5700,7 @@ function PinnedColumns(_a) {
5697
5700
  }
5698
5701
  if (typeof header.column.columnDef.header === "string") {
5699
5702
  const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
5700
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5703
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
5701
5704
  DataCellHeader,
5702
5705
  {
5703
5706
  locked: true,
@@ -5710,11 +5713,11 @@ function PinnedColumns(_a) {
5710
5713
  "group"
5711
5714
  ),
5712
5715
  children: [
5713
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
5716
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
5714
5717
  getSortIcon(header.column.getIsSorted()),
5715
5718
  !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
5716
- header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
5717
- !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5719
+ header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
5720
+ !((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5718
5721
  "div",
5719
5722
  {
5720
5723
  onDoubleClick: (e) => {
@@ -5737,7 +5740,7 @@ function PinnedColumns(_a) {
5737
5740
  header.id
5738
5741
  );
5739
5742
  }
5740
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react40.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5743
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react40.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5741
5744
  Checkbox,
5742
5745
  {
5743
5746
  checked: allSelectedAcrossPages,
@@ -5749,7 +5752,7 @@ function PinnedColumns(_a) {
5749
5752
  header.getContext()
5750
5753
  ) }, header.id);
5751
5754
  }),
5752
- enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5755
+ enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5753
5756
  ColumnSelectorHeaderCell,
5754
5757
  {
5755
5758
  id: id ? `${id}-column-selector` : void 0,
@@ -5766,7 +5769,7 @@ function PinnedColumns(_a) {
5766
5769
  headerGroup.id
5767
5770
  );
5768
5771
  }) }),
5769
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5772
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5770
5773
  TableBody,
5771
5774
  __spreadProps(__spreadValues({
5772
5775
  testid: pinnedTestId
@@ -1,31 +1,32 @@
1
1
  import {
2
2
  PinnedColumns
3
- } from "../../chunk-2A7H5GVB.js";
3
+ } from "../../chunk-7LKGHCVT.js";
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-4Q7T4GJ2.js";
6
6
  import "../../chunk-3DEYCNUE.js";
7
- import "../../chunk-DYBJUTGK.js";
7
+ import "../../chunk-XHQOTLG6.js";
8
+ import "../../chunk-BQNPOGD5.js";
8
9
  import "../../chunk-Y5GD2FJA.js";
9
- import "../../chunk-TPBEID5X.js";
10
+ import "../../chunk-3WCLGTYP.js";
11
+ import "../../chunk-YEZBNQZI.js";
10
12
  import "../../chunk-B53XDCLO.js";
13
+ import "../../chunk-S5ZJ3Q7P.js";
11
14
  import "../../chunk-MBZ55T2D.js";
12
15
  import "../../chunk-2IKT6IHB.js";
13
16
  import "../../chunk-YCDDBSVU.js";
14
17
  import "../../chunk-3X3Y4TMS.js";
15
- import "../../chunk-BQNPOGD5.js";
16
18
  import "../../chunk-QMSPTD6L.js";
17
19
  import "../../chunk-XIXQUEYC.js";
18
20
  import "../../chunk-5IFPG6TS.js";
19
21
  import "../../chunk-AJ5M6MVX.js";
20
22
  import "../../chunk-KW6V7O3H.js";
21
23
  import "../../chunk-JUFBGNWW.js";
22
- import "../../chunk-YEZBNQZI.js";
23
- import "../../chunk-S5ZJ3Q7P.js";
24
+ import "../../chunk-7GHD74J3.js";
24
25
  import "../../chunk-AT4AWD6B.js";
25
26
  import "../../chunk-EWGHVZL5.js";
26
- import "../../chunk-7GHD74J3.js";
27
27
  import "../../chunk-7BVUTFZ5.js";
28
28
  import "../../chunk-L3BXRDLP.js";
29
+ import "../../chunk-34VEVX5H.js";
29
30
  import "../../chunk-GRGDX7JC.js";
30
31
  import "../../chunk-HVNHTM3P.js";
31
32
  import "../../chunk-X67L3NZI.js";