@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.
- package/dist/{chunk-3HBYDOYE.js → chunk-5H4VGR2X.js} +1 -1
- package/dist/chunk-75USUR3I.js +27 -0
- package/dist/{chunk-FFGIFICI.js → chunk-FJ7XT63P.js} +1 -1
- package/dist/{chunk-7B334WPV.js → chunk-YUGQX4KH.js} +1 -1
- package/dist/components/CalendarRange.cjs +28 -25
- package/dist/components/CalendarRange.js +9 -8
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +9 -8
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +9 -8
- package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
- package/dist/components/DataGrid/PinnedColumns.js +9 -8
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.js +9 -8
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +9 -8
- package/dist/components/DataGrid/TableBody/index.cjs +23 -20
- package/dist/components/DataGrid/TableBody/index.js +9 -8
- package/dist/components/DataGrid/index.cjs +83 -80
- package/dist/components/DataGrid/index.js +9 -8
- package/dist/components/DataGrid/utils.cjs +6 -3
- package/dist/components/DataGrid/utils.js +9 -8
- package/dist/components/DateInput.cjs +34 -31
- package/dist/components/DateInput.js +9 -8
- package/dist/components/DateRangeInput.cjs +34 -31
- package/dist/components/DateRangeInput.js +9 -8
- package/dist/components/EmptyCartIcon.cjs +51 -0
- package/dist/components/EmptyCartIcon.js +7 -0
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +9 -8
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +9 -8
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +4 -4
- package/dist/components/MobileDataGrid/index.cjs +64 -61
- package/dist/components/MobileDataGrid/index.js +9 -8
- package/dist/components/Modal.js +2 -2
- package/dist/components/PDFViewer/index.js +4 -4
- package/dist/components/index.cjs +26 -0
- package/dist/components/index.js +12 -8
- package/package.json +1 -1
- package/src/components/EmptyCartIcon.tsx +18 -0
- package/src/components/index.ts +1 -0
- 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
|
|
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,
|
|
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,
|
|
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,
|
|
5106
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "tune" })
|
|
5104
5107
|
}
|
|
5105
5108
|
),
|
|
5106
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
5368
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
5454
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
5471
|
+
customActions: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { onClick: closeRowDetail, className: "w-full", children: "Close" }),
|
|
5469
5472
|
showButtons: true,
|
|
5470
|
-
children: /* @__PURE__ */ (0,
|
|
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
|
|
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,
|
|
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,
|
|
5504
|
-
/* @__PURE__ */ (0,
|
|
5505
|
-
enableRowSelection && /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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-
|
|
4
|
-
import "../../chunk-
|
|
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-
|
|
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-
|
|
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";
|
package/dist/components/Modal.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Modal
|
|
4
|
-
} from "../chunk-
|
|
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-
|
|
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-
|
|
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,
|