@dmsi/wedgekit-react 0.0.451 → 0.0.452

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 (46) hide show
  1. package/dist/{chunk-3HBYDOYE.js → chunk-5H4VGR2X.js} +1 -1
  2. package/dist/chunk-75USUR3I.js +27 -0
  3. package/dist/{chunk-FFGIFICI.js → chunk-FJ7XT63P.js} +1 -1
  4. package/dist/{chunk-7B334WPV.js → chunk-YUGQX4KH.js} +1 -1
  5. package/dist/components/CalendarRange.cjs +28 -25
  6. package/dist/components/CalendarRange.js +9 -8
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +9 -8
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +9 -8
  11. package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
  12. package/dist/components/DataGrid/PinnedColumns.js +9 -8
  13. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
  14. package/dist/components/DataGrid/TableBody/LoadingCell.js +9 -8
  15. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
  16. package/dist/components/DataGrid/TableBody/TableBodyRow.js +9 -8
  17. package/dist/components/DataGrid/TableBody/index.cjs +23 -20
  18. package/dist/components/DataGrid/TableBody/index.js +9 -8
  19. package/dist/components/DataGrid/index.cjs +83 -80
  20. package/dist/components/DataGrid/index.js +9 -8
  21. package/dist/components/DataGrid/utils.cjs +6 -3
  22. package/dist/components/DataGrid/utils.js +9 -8
  23. package/dist/components/DateInput.cjs +34 -31
  24. package/dist/components/DateInput.js +9 -8
  25. package/dist/components/DateRangeInput.cjs +34 -31
  26. package/dist/components/DateRangeInput.js +9 -8
  27. package/dist/components/EmptyCartIcon.cjs +51 -0
  28. package/dist/components/EmptyCartIcon.js +7 -0
  29. package/dist/components/MobileDataGrid/ColumnList.js +1 -1
  30. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
  31. package/dist/components/MobileDataGrid/ColumnSelector/index.js +9 -8
  32. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
  33. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
  34. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +9 -8
  35. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  36. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +4 -4
  37. package/dist/components/MobileDataGrid/index.cjs +64 -61
  38. package/dist/components/MobileDataGrid/index.js +9 -8
  39. package/dist/components/Modal.js +2 -2
  40. package/dist/components/PDFViewer/index.js +4 -4
  41. package/dist/components/index.cjs +26 -0
  42. package/dist/components/index.js +12 -8
  43. package/package.json +1 -1
  44. package/src/components/EmptyCartIcon.tsx +18 -0
  45. package/src/components/index.ts +1 -0
  46. package/dist/{chunk-SBCFBHNG.js → chunk-3N66DG6V.js} +3 -3
@@ -5045,6 +5045,9 @@ Pagination.displayName = "Pagination";
5045
5045
  // src/components/SkeletonParagraph.tsx
5046
5046
  var import_jsx_runtime51 = require("react/jsx-runtime");
5047
5047
 
5048
+ // src/components/EmptyCartIcon.tsx
5049
+ var import_jsx_runtime52 = require("react/jsx-runtime");
5050
+
5048
5051
  // src/components/MobileDataGrid/GridContextProvider/useGridContext.ts
5049
5052
  var import_react34 = require("react");
5050
5053
 
@@ -5062,7 +5065,7 @@ function useGridContext() {
5062
5065
  }
5063
5066
 
5064
5067
  // src/components/MobileDataGrid/ColumnSelector/index.tsx
5065
- var import_jsx_runtime52 = require("react/jsx-runtime");
5068
+ var import_jsx_runtime53 = require("react/jsx-runtime");
5066
5069
  function ColumnSelector() {
5067
5070
  const context = useGridContext();
5068
5071
  const ref = (0, import_react35.useRef)(null);
@@ -5083,7 +5086,7 @@ function ColumnSelector() {
5083
5086
  },
5084
5087
  [dispatch]
5085
5088
  );
5086
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5089
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5087
5090
  "div",
5088
5091
  {
5089
5092
  id: id ? `${id}-column-selector` : void 0,
@@ -5091,7 +5094,7 @@ function ColumnSelector() {
5091
5094
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
5092
5095
  ref,
5093
5096
  children: [
5094
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5097
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5095
5098
  Button,
5096
5099
  {
5097
5100
  id: id ? `${id}-button` : void 0,
@@ -5100,10 +5103,10 @@ function ColumnSelector() {
5100
5103
  variant: "navigation",
5101
5104
  iconOnly: true,
5102
5105
  size: 24,
5103
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "tune" })
5106
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "tune" })
5104
5107
  }
5105
5108
  ),
5106
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5109
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5107
5110
  Menu,
5108
5111
  {
5109
5112
  id: id ? `${id}-menu` : void 0,
@@ -5114,7 +5117,7 @@ function ColumnSelector() {
5114
5117
  setShow,
5115
5118
  calculateMinMaxHeight: true,
5116
5119
  children: [
5117
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5120
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5118
5121
  Button,
5119
5122
  {
5120
5123
  id: id ? `${id}-reset-button` : void 0,
@@ -5132,11 +5135,11 @@ function ColumnSelector() {
5132
5135
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
5133
5136
  }).map((column) => {
5134
5137
  var _a, _b, _c;
5135
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5138
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5136
5139
  MenuOption,
5137
5140
  {
5138
5141
  testid: testid ? `${testid}-option-${column.id}` : void 0,
5139
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5142
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5140
5143
  Checkbox,
5141
5144
  {
5142
5145
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -5166,7 +5169,7 @@ function ColumnSelector() {
5166
5169
  }
5167
5170
 
5168
5171
  // src/components/MobileDataGrid/MobileDataGridHeader.tsx
5169
- var import_jsx_runtime53 = require("react/jsx-runtime");
5172
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5170
5173
  function MobileDataGridHeader({
5171
5174
  header: Header,
5172
5175
  enableColumnSelector,
@@ -5184,15 +5187,15 @@ function MobileDataGridHeader({
5184
5187
  handleRowSelectAll
5185
5188
  } = ctx;
5186
5189
  if (typeof Header === "undefined" && !primaryKey) return null;
5187
- if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Header, __spreadValues({}, ctx));
5190
+ if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, __spreadValues({}, ctx));
5188
5191
  if (typeof Header === "string" || primaryKey)
5189
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5192
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5190
5193
  "div",
5191
5194
  {
5192
5195
  id: id ? `${id}-header` : void 0,
5193
5196
  "data-testid": testid ? `${testid}-header` : void 0,
5194
5197
  className: "sticky top-0",
5195
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5198
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5196
5199
  Stack,
5197
5200
  {
5198
5201
  horizontal: true,
@@ -5201,7 +5204,7 @@ function MobileDataGridHeader({
5201
5204
  justify: "between",
5202
5205
  backgroundColor: "background-primary-normal",
5203
5206
  children: [
5204
- enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5207
+ enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5205
5208
  Checkbox,
5206
5209
  {
5207
5210
  id: id ? `${id}-select-all-checkbox` : void 0,
@@ -5211,7 +5214,7 @@ function MobileDataGridHeader({
5211
5214
  onChange: handleRowSelectAll
5212
5215
  }
5213
5216
  ) }),
5214
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5217
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5215
5218
  Stack,
5216
5219
  {
5217
5220
  horizontal: true,
@@ -5219,10 +5222,10 @@ function MobileDataGridHeader({
5219
5222
  items: "center",
5220
5223
  sizing: "component",
5221
5224
  padding: true,
5222
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
5225
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
5223
5226
  }
5224
5227
  ),
5225
- enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ColumnSelector, {})
5228
+ enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ColumnSelector, {})
5226
5229
  ]
5227
5230
  }
5228
5231
  ) })
@@ -5261,7 +5264,7 @@ function dataGridReducer(state, action) {
5261
5264
  }
5262
5265
 
5263
5266
  // src/components/MobileDataGrid/GridContextProvider/index.tsx
5264
- var import_jsx_runtime54 = require("react/jsx-runtime");
5267
+ var import_jsx_runtime55 = require("react/jsx-runtime");
5265
5268
  function GridContextProvider(props) {
5266
5269
  const {
5267
5270
  initialColumns,
@@ -5332,7 +5335,7 @@ function GridContextProvider(props) {
5332
5335
  return ((_a = x.meta) == null ? void 0 : _a.visible) !== false;
5333
5336
  }).slice(0, effectiveLimit);
5334
5337
  }, [columns, numberOfColumnsToShow, primaryKey]);
5335
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5338
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
5336
5339
  GridContext.Provider,
5337
5340
  {
5338
5341
  value: {
@@ -5360,12 +5363,12 @@ function GridContextProvider(props) {
5360
5363
  }
5361
5364
 
5362
5365
  // src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
5363
- var import_jsx_runtime55 = require("react/jsx-runtime");
5366
+ var import_jsx_runtime56 = require("react/jsx-runtime");
5364
5367
  function MobileDataGridColumn(props) {
5365
5368
  var _a;
5366
5369
  const { column, data } = props;
5367
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
5368
- /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
5370
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
5371
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
5369
5372
  (_a = column.header) == null ? void 0 : _a.toString(),
5370
5373
  ":"
5371
5374
  ] }),
@@ -5375,28 +5378,28 @@ function MobileDataGridColumn(props) {
5375
5378
  }
5376
5379
 
5377
5380
  // src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
5378
- var import_jsx_runtime56 = require("react/jsx-runtime");
5381
+ var import_jsx_runtime57 = require("react/jsx-runtime");
5379
5382
  function ModalContent2() {
5380
5383
  const context = useGridContext();
5381
5384
  const { columns, currentRow } = context;
5382
5385
  if (!currentRow) return null;
5383
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Stack, { sizing: "layout-group", children: columns.filter((x) => {
5386
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Stack, { sizing: "layout-group", children: columns.filter((x) => {
5384
5387
  var _a;
5385
5388
  return !((_a = x.id) == null ? void 0 : _a.startsWith("__"));
5386
5389
  }).map(
5387
5390
  (column, index) => {
5388
5391
  var _a, _b;
5389
- return ((_a = column.meta) == null ? void 0 : _a.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
5392
+ return ((_a = column.meta) == null ? void 0 : _a.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
5390
5393
  "div",
5391
5394
  {
5392
5395
  className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
5393
5396
  children: [
5394
- /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
5397
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
5395
5398
  (_b = column.header) == null ? void 0 : _b.toString(),
5396
5399
  ":"
5397
5400
  ] }),
5398
5401
  " ",
5399
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
5402
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5400
5403
  column.meta.mobileCell,
5401
5404
  {
5402
5405
  column,
@@ -5407,7 +5410,7 @@ function ModalContent2() {
5407
5410
  ]
5408
5411
  },
5409
5412
  `${column.id}-${index}`
5410
- ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
5413
+ ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5411
5414
  MobileDataGridColumn,
5412
5415
  {
5413
5416
  column,
@@ -5420,7 +5423,7 @@ function ModalContent2() {
5420
5423
  }
5421
5424
 
5422
5425
  // src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
5423
- var import_jsx_runtime57 = require("react/jsx-runtime");
5426
+ var import_jsx_runtime58 = require("react/jsx-runtime");
5424
5427
  function RowDetailModalProvider() {
5425
5428
  var _a;
5426
5429
  const context = useGridContext();
@@ -5432,7 +5435,7 @@ function RowDetailModalProvider() {
5432
5435
  primaryKey,
5433
5436
  closeRowDetail
5434
5437
  } = context;
5435
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5438
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5436
5439
  Modal,
5437
5440
  {
5438
5441
  fixedHeightScrolling: true,
@@ -5441,7 +5444,7 @@ function RowDetailModalProvider() {
5441
5444
  hideCloseIcon: true,
5442
5445
  size: "medium",
5443
5446
  className: "!p-0",
5444
- headerIcon: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
5447
+ headerIcon: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5445
5448
  Stack,
5446
5449
  {
5447
5450
  horizontal: true,
@@ -5450,8 +5453,8 @@ function RowDetailModalProvider() {
5450
5453
  justify: "between",
5451
5454
  width: "full",
5452
5455
  children: [
5453
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Heading2, { children: (_a = currentRow == null ? void 0 : currentRow[primaryKey != null ? primaryKey : "id"]) != null ? _a : "Grid Detail" }),
5454
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5456
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Heading2, { children: (_a = currentRow == null ? void 0 : currentRow[primaryKey != null ? primaryKey : "id"]) != null ? _a : "Grid Detail" }),
5457
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5455
5458
  Button,
5456
5459
  {
5457
5460
  id: id ? `${id}-open-in-new-button` : void 0,
@@ -5459,15 +5462,15 @@ function RowDetailModalProvider() {
5459
5462
  iconOnly: true,
5460
5463
  variant: "tertiary",
5461
5464
  onClick: closeRowDetail,
5462
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon, { name: "open_in_new", size: 24 }) })
5465
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "open_in_new", size: 24 }) })
5463
5466
  }
5464
5467
  )
5465
5468
  ]
5466
5469
  }
5467
5470
  ),
5468
- customActions: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { onClick: closeRowDetail, className: "w-full", children: "Close" }),
5471
+ customActions: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { onClick: closeRowDetail, className: "w-full", children: "Close" }),
5469
5472
  showButtons: true,
5470
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-white max-h-full flex flex-col flex-grow-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ModalContent2, {}) })
5473
+ children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bg-white max-h-full flex flex-col flex-grow-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ModalContent2, {}) })
5471
5474
  }
5472
5475
  );
5473
5476
  }
@@ -5477,7 +5480,7 @@ var import_clsx37 = __toESM(require("clsx"), 1);
5477
5480
 
5478
5481
  // src/components/MobileDataGrid/MobileDataGridCard/index.tsx
5479
5482
  var import_clsx36 = __toESM(require("clsx"), 1);
5480
- var import_jsx_runtime58 = require("react/jsx-runtime");
5483
+ var import_jsx_runtime59 = require("react/jsx-runtime");
5481
5484
  function MobileDataGridCard({
5482
5485
  renderLink,
5483
5486
  renderChevron = true,
@@ -5489,7 +5492,7 @@ function MobileDataGridCard({
5489
5492
  var _a;
5490
5493
  const context = useGridContext();
5491
5494
  const { id, testid, visibleColumns, getId, handleRowSelect, openRowDetail } = context;
5492
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5495
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5493
5496
  "li",
5494
5497
  {
5495
5498
  id: id ? `${id}-card-${getId(data)}` : void 0,
@@ -5500,16 +5503,16 @@ function MobileDataGridCard({
5500
5503
  ),
5501
5504
  onClick: () => openRowDetail(data),
5502
5505
  children: [
5503
- /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Stack, { sizing: "component", children: [
5504
- /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Stack, { horizontal: true, horizontalMobile: true, items: "center", justify: "between", children: [
5505
- enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5506
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Stack, { sizing: "component", children: [
5507
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Stack, { horizontal: true, horizontalMobile: true, items: "center", justify: "between", children: [
5508
+ enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5506
5509
  Stack,
5507
5510
  {
5508
5511
  sizing: "component",
5509
5512
  padding: true,
5510
5513
  width: "fit",
5511
5514
  onClick: (e) => e.stopPropagation(),
5512
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5515
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5513
5516
  Checkbox,
5514
5517
  {
5515
5518
  id: id ? `${id}-${getId(data)}-select-checkbox` : void 0,
@@ -5520,16 +5523,16 @@ function MobileDataGridCard({
5520
5523
  )
5521
5524
  }
5522
5525
  ),
5523
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5526
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5524
5527
  Stack,
5525
5528
  {
5526
5529
  sizing: "component",
5527
5530
  padding: true,
5528
5531
  onClick: (e) => e.stopPropagation(),
5529
- children: renderLink ? renderLink(data) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Subheader, { children: String((_a = data[context.primaryKey]) != null ? _a : "") })
5532
+ children: renderLink ? renderLink(data) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Subheader, { children: String((_a = data[context.primaryKey]) != null ? _a : "") })
5530
5533
  }
5531
5534
  ),
5532
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5535
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5533
5536
  Stack,
5534
5537
  {
5535
5538
  horizontal: true,
@@ -5542,18 +5545,18 @@ function MobileDataGridCard({
5542
5545
  }
5543
5546
  )
5544
5547
  ] }),
5545
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Stack, { sizing: "layout-group", children: visibleColumns.filter((x) => {
5548
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Stack, { sizing: "layout-group", children: visibleColumns.filter((x) => {
5546
5549
  var _a2, _b;
5547
5550
  return ((_a2 = x.meta) == null ? void 0 : _a2.visible) !== false && !((_b = x.id) == null ? void 0 : _b.startsWith("__"));
5548
5551
  }).map(
5549
5552
  (column, index) => {
5550
5553
  var _a2, _b;
5551
- return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5554
+ return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5552
5555
  "div",
5553
5556
  {
5554
5557
  className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
5555
5558
  children: [
5556
- /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5559
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5557
5560
  Paragraph,
5558
5561
  {
5559
5562
  color: "text-secondary-normal",
@@ -5565,7 +5568,7 @@ function MobileDataGridCard({
5565
5568
  }
5566
5569
  ),
5567
5570
  " ",
5568
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5571
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5569
5572
  column.meta.mobileCell,
5570
5573
  {
5571
5574
  column,
@@ -5576,7 +5579,7 @@ function MobileDataGridCard({
5576
5579
  ]
5577
5580
  },
5578
5581
  `${column.id}-${index}`
5579
- ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5582
+ ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5580
5583
  MobileDataGridColumn,
5581
5584
  {
5582
5585
  column,
@@ -5587,14 +5590,14 @@ function MobileDataGridCard({
5587
5590
  }
5588
5591
  ) })
5589
5592
  ] }),
5590
- renderChevron && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "keyboard_arrow_down" }) })
5593
+ renderChevron && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "keyboard_arrow_down" }) })
5591
5594
  ]
5592
5595
  }
5593
5596
  );
5594
5597
  }
5595
5598
 
5596
5599
  // src/components/MobileDataGrid/ColumnList.tsx
5597
- var import_jsx_runtime59 = require("react/jsx-runtime");
5600
+ var import_jsx_runtime60 = require("react/jsx-runtime");
5598
5601
  function ColumnList(props) {
5599
5602
  const {
5600
5603
  withBorder,
@@ -5606,14 +5609,14 @@ function ColumnList(props) {
5606
5609
  } = props;
5607
5610
  const ctx = useGridContext();
5608
5611
  const { id, testid, data, getId, selectedRowIds } = ctx;
5609
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5612
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5610
5613
  "div",
5611
5614
  {
5612
5615
  className: (0, import_clsx37.default)(
5613
5616
  "flex flex-col flex-1 relative overflow-y-auto overflow-x-hidden",
5614
5617
  !!Footer && "mb-20"
5615
5618
  ),
5616
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5619
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5617
5620
  "ul",
5618
5621
  {
5619
5622
  id,
@@ -5626,7 +5629,7 @@ function ColumnList(props) {
5626
5629
  children: [
5627
5630
  data.map((item) => {
5628
5631
  const id2 = getId(item);
5629
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5632
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5630
5633
  MobileDataGridCard,
5631
5634
  {
5632
5635
  data: item,
@@ -5639,7 +5642,7 @@ function ColumnList(props) {
5639
5642
  id2
5640
5643
  );
5641
5644
  }),
5642
- !!Footer && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "fixed left-0 right-0 bottom-0 flex flex-col w-full min-h-20", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Footer, __spreadValues({}, ctx)) })
5645
+ !!Footer && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "fixed left-0 right-0 bottom-0 flex flex-col w-full min-h-20", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Footer, __spreadValues({}, ctx)) })
5643
5646
  ]
5644
5647
  }
5645
5648
  )
@@ -5648,7 +5651,7 @@ function ColumnList(props) {
5648
5651
  }
5649
5652
 
5650
5653
  // src/components/MobileDataGrid/index.tsx
5651
- var import_jsx_runtime60 = require("react/jsx-runtime");
5654
+ var import_jsx_runtime61 = require("react/jsx-runtime");
5652
5655
  function MobileDataGrid(props) {
5653
5656
  const {
5654
5657
  columns,
@@ -5670,7 +5673,7 @@ function MobileDataGrid(props) {
5670
5673
  rowActions,
5671
5674
  rounded
5672
5675
  } = props;
5673
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5676
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5674
5677
  GridContextProvider,
5675
5678
  {
5676
5679
  initialColumns: columns,
@@ -5682,7 +5685,7 @@ function MobileDataGrid(props) {
5682
5685
  numberOfColumnsToShow,
5683
5686
  primaryKey,
5684
5687
  children: [
5685
- /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5688
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
5686
5689
  Stack,
5687
5690
  {
5688
5691
  height: "full",
@@ -5690,7 +5693,7 @@ function MobileDataGrid(props) {
5690
5693
  overflowX: "hidden",
5691
5694
  overflowY: "hidden",
5692
5695
  children: [
5693
- !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5696
+ !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5694
5697
  MobileDataGridHeader,
5695
5698
  {
5696
5699
  header,
@@ -5698,7 +5701,7 @@ function MobileDataGrid(props) {
5698
5701
  enableRowSelection
5699
5702
  }
5700
5703
  ),
5701
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5704
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
5702
5705
  ColumnList,
5703
5706
  {
5704
5707
  withBorder,
@@ -5712,7 +5715,7 @@ function MobileDataGrid(props) {
5712
5715
  ]
5713
5716
  }
5714
5717
  ),
5715
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RowDetailModalProvider, {})
5718
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RowDetailModalProvider, {})
5716
5719
  ]
5717
5720
  }
5718
5721
  );
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  MobileDataGrid
3
- } from "../../chunk-7B334WPV.js";
4
- import "../../chunk-FFGIFICI.js";
3
+ } from "../../chunk-YUGQX4KH.js";
4
+ import "../../chunk-FJ7XT63P.js";
5
5
  import "../../chunk-NAY4I3FL.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
- import "../../chunk-3HBYDOYE.js";
7
+ import "../../chunk-5H4VGR2X.js";
8
8
  import "../../chunk-DNYGKNQM.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
10
  import "../../chunk-2IKT6IHB.js";
@@ -14,30 +14,31 @@ import "../../chunk-BQNPOGD5.js";
14
14
  import "../../chunk-TJV3S52X.js";
15
15
  import "../../chunk-RDJT63IS.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-AJ5M6MVX.js";
18
17
  import "../../chunk-7HCS6TZN.js";
18
+ import "../../chunk-AJ5M6MVX.js";
19
19
  import "../../chunk-EJSPFQCY.js";
20
20
  import "../../chunk-RQLWSLVE.js";
21
- import "../../chunk-6LHBY2IH.js";
22
21
  import "../../chunk-VJVY6NPF.js";
22
+ import "../../chunk-6LHBY2IH.js";
23
+ import "../../chunk-AT4AWD6B.js";
23
24
  import "../../chunk-EWGHVZL5.js";
24
25
  import "../../chunk-DCLNAUC4.js";
25
26
  import "../../chunk-PQWWVBSR.js";
26
27
  import "../../chunk-ETAEB3TA.js";
27
- import "../../chunk-AT4AWD6B.js";
28
28
  import "../../chunk-JQWYQDH7.js";
29
29
  import "../../chunk-TYAQWVIM.js";
30
- import "../../chunk-SBCFBHNG.js";
30
+ import "../../chunk-3N66DG6V.js";
31
31
  import "../../chunk-4RJKB7LC.js";
32
+ import "../../chunk-T36HX6QY.js";
32
33
  import "../../chunk-AG43RS4Q.js";
33
34
  import "../../chunk-XM7IQHBU.js";
34
35
  import "../../chunk-FRHPFACM.js";
35
- import "../../chunk-T36HX6QY.js";
36
36
  import "../../chunk-IFHMGICR.js";
37
37
  import "../../chunk-SBRRNFOP.js";
38
38
  import "../../chunk-Y2GK27RX.js";
39
39
  import "../../chunk-EU73QPW7.js";
40
40
  import "../../chunk-QVWYTQKL.js";
41
+ import "../../chunk-75USUR3I.js";
41
42
  import "../../chunk-NO5BIKWS.js";
42
43
  import "../../chunk-CANJ2YPW.js";
43
44
  import "../../chunk-4V6ZO2MR.js";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-SBCFBHNG.js";
4
+ } from "../chunk-3N66DG6V.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
+ import "../chunk-T36HX6QY.js";
6
7
  import "../chunk-AG43RS4Q.js";
7
8
  import "../chunk-XM7IQHBU.js";
8
9
  import "../chunk-FRHPFACM.js";
9
- import "../chunk-T36HX6QY.js";
10
10
  import "../chunk-EU73QPW7.js";
11
11
  import "../chunk-MYKYZHEO.js";
12
12
  import "../chunk-VXWSAIB5.js";
@@ -1,17 +1,17 @@
1
1
  "use client";
2
2
  import {
3
3
  PDFViewer
4
- } from "../../chunk-3HBYDOYE.js";
4
+ } from "../../chunk-5H4VGR2X.js";
5
5
  import "../../chunk-EJSPFQCY.js";
6
6
  import "../../chunk-RQLWSLVE.js";
7
- import "../../chunk-6LHBY2IH.js";
8
7
  import "../../chunk-VJVY6NPF.js";
9
- import "../../chunk-SBCFBHNG.js";
8
+ import "../../chunk-6LHBY2IH.js";
9
+ import "../../chunk-3N66DG6V.js";
10
10
  import "../../chunk-4RJKB7LC.js";
11
+ import "../../chunk-T36HX6QY.js";
11
12
  import "../../chunk-AG43RS4Q.js";
12
13
  import "../../chunk-XM7IQHBU.js";
13
14
  import "../../chunk-FRHPFACM.js";
14
- import "../../chunk-T36HX6QY.js";
15
15
  import "../../chunk-SBRRNFOP.js";
16
16
  import "../../chunk-EU73QPW7.js";
17
17
  import "../../chunk-MYKYZHEO.js";
@@ -69,6 +69,7 @@ __export(components_exports, {
69
69
  DataGridCell: () => DataGridCell,
70
70
  DragAlongCell: () => DragAlongCell,
71
71
  DraggableCellHeader: () => DraggableCellHeader,
72
+ EmptyCartIcon: () => EmptyCartIcon,
72
73
  Icon: () => Icon,
73
74
  Input: () => Input,
74
75
  Label: () => Label,
@@ -7202,6 +7203,30 @@ function SkeletonParagraph({
7202
7203
  }
7203
7204
  );
7204
7205
  }
7206
+
7207
+ // src/components/EmptyCartIcon.tsx
7208
+ var import_jsx_runtime61 = require("react/jsx-runtime");
7209
+ function EmptyCartIcon() {
7210
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
7211
+ "svg",
7212
+ {
7213
+ width: "211",
7214
+ height: "196",
7215
+ viewBox: "0 0 211 196",
7216
+ fill: "none",
7217
+ xmlns: "http://www.w3.org/2000/svg",
7218
+ children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
7219
+ "path",
7220
+ {
7221
+ "fill-rule": "evenodd",
7222
+ "clip-rule": "evenodd",
7223
+ d: "M54.5305 76.3333H137.059L154.793 141.333L22.0305 141.333L54.5305 76.3333ZM3.60295 152.73C7.57878 159.165 14.4688 163 22.0305 163L160.697 163L167.381 187.516C168.67 192.228 172.95 195.5 177.835 195.5H199.502C205.493 195.5 210.335 190.647 210.335 184.667C210.335 178.687 205.493 173.833 199.502 173.833H186.112L155.79 62.6508C154.5 57.9383 150.221 54.6667 145.335 54.6667L47.8354 54.6667C43.7296 54.6667 39.9813 56.985 38.1396 60.6575L2.64963 131.648C-0.741211 138.419 -0.372879 146.295 3.60295 152.73ZM150.75 33C159.72 33 167 25.7308 167 16.75C167 7.76917 159.72 0.5 150.75 0.5C141.78 0.5 134.5 7.76917 134.5 16.75C134.5 25.7308 141.78 33 150.75 33ZM58.6666 16.75C58.6666 25.7308 51.3866 33 42.4166 33C33.4466 33 26.1666 25.7308 26.1666 16.75C26.1666 7.76917 33.4466 0.5 42.4166 0.5C51.3866 0.5 58.6666 7.76917 58.6666 16.75Z",
7224
+ fill: "#6B6D6D"
7225
+ }
7226
+ )
7227
+ }
7228
+ );
7229
+ }
7205
7230
  // Annotate the CommonJS export names for ESM import in node:
7206
7231
  0 && (module.exports = {
7207
7232
  Accordion,
@@ -7214,6 +7239,7 @@ function SkeletonParagraph({
7214
7239
  DataGridCell,
7215
7240
  DragAlongCell,
7216
7241
  DraggableCellHeader,
7242
+ EmptyCartIcon,
7217
7243
  Icon,
7218
7244
  Input,
7219
7245
  Label,