@dmsi/wedgekit-react 0.0.503 → 0.0.504
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-VOSQMHNF.js → chunk-U5V2IRZX.js} +4 -29
- package/dist/{chunk-S5ZJ3Q7P.js → chunk-VJVY6NPF.js} +3 -3
- package/dist/components/CalendarRange.cjs +75 -128
- package/dist/components/CalendarRange.js +1 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +33 -86
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +43 -96
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -7
- package/dist/components/DataGrid/PinnedColumns.cjs +58 -111
- package/dist/components/DataGrid/PinnedColumns.js +1 -7
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +34 -87
- package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +40 -93
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -7
- package/dist/components/DataGrid/TableBody/index.cjs +55 -108
- package/dist/components/DataGrid/TableBody/index.js +1 -7
- package/dist/components/DataGrid/index.cjs +144 -197
- package/dist/components/DataGrid/index.js +1 -7
- package/dist/components/DataGrid/utils.cjs +34 -87
- package/dist/components/DataGrid/utils.js +1 -7
- package/dist/components/DateInput.cjs +94 -147
- package/dist/components/DateInput.js +1 -7
- package/dist/components/DateRangeInput.cjs +94 -147
- package/dist/components/DateRangeInput.js +1 -7
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +41 -94
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -7
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +49 -102
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -7
- package/dist/components/MobileDataGrid/index.cjs +868 -921
- package/dist/components/MobileDataGrid/index.js +1 -7
- package/dist/components/PDFViewer/PDFElement.cjs +5 -31
- package/dist/components/PDFViewer/PDFElement.js +2 -3
- package/dist/components/PDFViewer/PDFPage.cjs +3 -3
- package/dist/components/PDFViewer/PDFPage.js +1 -1
- package/dist/components/PDFViewer/index.cjs +5 -35
- package/dist/components/PDFViewer/index.js +111 -8
- package/dist/components/index.cjs +56 -402
- package/dist/components/index.js +1 -10
- package/package.json +1 -1
- package/src/components/PDFViewer/PDFElement.tsx +3 -38
- package/src/components/PDFViewer/PDFPage.tsx +2 -4
- package/src/components/PDFViewer/index.tsx +1 -9
- package/src/components/index.ts +0 -1
- package/dist/chunk-6XLESQ2U.js +0 -119
- /package/dist/{chunk-C2YTC2CN.js → chunk-JWVZOEF5.js} +0 -0
|
@@ -5335,68 +5335,15 @@ var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
|
5335
5335
|
var import_clsx35 = __toESM(require("clsx"), 1);
|
|
5336
5336
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5337
5337
|
|
|
5338
|
-
// src/components/
|
|
5339
|
-
var import_react33 = require("react");
|
|
5340
|
-
|
|
5341
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5342
|
-
var import_react32 = require("react");
|
|
5343
|
-
|
|
5344
|
-
// src/components/Spinner.tsx
|
|
5345
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5346
|
-
var Spinner = ({ size = "small", testid }) => {
|
|
5347
|
-
const dimension = size === "large" ? 48 : 24;
|
|
5348
|
-
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
5349
|
-
"svg",
|
|
5350
|
-
{
|
|
5351
|
-
"data-testid": testid,
|
|
5352
|
-
width: dimension,
|
|
5353
|
-
height: dimension,
|
|
5354
|
-
viewBox: "0 0 24 24",
|
|
5355
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5356
|
-
fill: "#1D1E1E",
|
|
5357
|
-
className: "spinner",
|
|
5358
|
-
"aria-label": "Loading",
|
|
5359
|
-
children: [
|
|
5360
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5361
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5362
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5363
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5364
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5365
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5366
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5367
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5368
|
-
]
|
|
5369
|
-
}
|
|
5370
|
-
);
|
|
5371
|
-
};
|
|
5372
|
-
Spinner.displayName = "Spinner";
|
|
5373
|
-
|
|
5374
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
5338
|
+
// src/components/ListGroup.tsx
|
|
5375
5339
|
var import_react31 = require("react");
|
|
5376
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5377
|
-
|
|
5378
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5379
5340
|
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5380
|
-
var
|
|
5381
|
-
|
|
5382
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5383
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5384
|
-
|
|
5385
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5386
|
-
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5387
|
-
|
|
5388
|
-
// src/components/PDFViewer/index.tsx
|
|
5389
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5390
|
-
|
|
5391
|
-
// src/components/ListGroup.tsx
|
|
5392
|
-
var import_react34 = require("react");
|
|
5393
|
-
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5394
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5341
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5395
5342
|
|
|
5396
5343
|
// src/components/Pagination.tsx
|
|
5397
|
-
var
|
|
5398
|
-
var
|
|
5399
|
-
var
|
|
5344
|
+
var import_react32 = require("react");
|
|
5345
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5346
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5400
5347
|
var Pagination = ({
|
|
5401
5348
|
totalPages,
|
|
5402
5349
|
currentPage,
|
|
@@ -5406,7 +5353,7 @@ var Pagination = ({
|
|
|
5406
5353
|
className,
|
|
5407
5354
|
disabled
|
|
5408
5355
|
}) => {
|
|
5409
|
-
const goTo = (0,
|
|
5356
|
+
const goTo = (0, import_react32.useCallback)(
|
|
5410
5357
|
(page) => {
|
|
5411
5358
|
if (disabled) return;
|
|
5412
5359
|
onPageChange(page);
|
|
@@ -5423,7 +5370,7 @@ var Pagination = ({
|
|
|
5423
5370
|
goTo(currentPage + 1);
|
|
5424
5371
|
}
|
|
5425
5372
|
};
|
|
5426
|
-
const pageTokens = (0,
|
|
5373
|
+
const pageTokens = (0, import_react32.useMemo)(() => {
|
|
5427
5374
|
if (totalPages <= 5) {
|
|
5428
5375
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
5429
5376
|
}
|
|
@@ -5460,7 +5407,7 @@ var Pagination = ({
|
|
|
5460
5407
|
return tokens;
|
|
5461
5408
|
}, [totalPages, currentPage]);
|
|
5462
5409
|
if (totalPages <= 1) return null;
|
|
5463
|
-
const buttonClass = (0,
|
|
5410
|
+
const buttonClass = (0, import_clsx37.default)(
|
|
5464
5411
|
"cursor-pointer disabled:cursor-default",
|
|
5465
5412
|
paddingUsingComponentGap,
|
|
5466
5413
|
"w-8 h-8",
|
|
@@ -5471,14 +5418,14 @@ var Pagination = ({
|
|
|
5471
5418
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5472
5419
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5473
5420
|
);
|
|
5474
|
-
return /* @__PURE__ */ (0,
|
|
5421
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5475
5422
|
"nav",
|
|
5476
5423
|
{
|
|
5477
5424
|
id,
|
|
5478
5425
|
"data-testid": testid,
|
|
5479
5426
|
"aria-label": "Pagination",
|
|
5480
5427
|
onKeyDown: handleKey,
|
|
5481
|
-
className: (0,
|
|
5428
|
+
className: (0, import_clsx37.default)(
|
|
5482
5429
|
"flex items-center",
|
|
5483
5430
|
"border border-border-primary-normal",
|
|
5484
5431
|
"bg-background-grouped-primary-normal",
|
|
@@ -5486,19 +5433,19 @@ var Pagination = ({
|
|
|
5486
5433
|
className
|
|
5487
5434
|
),
|
|
5488
5435
|
children: [
|
|
5489
|
-
/* @__PURE__ */ (0,
|
|
5436
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5490
5437
|
"button",
|
|
5491
5438
|
{
|
|
5492
5439
|
disabled: disabled || currentPage <= 1,
|
|
5493
5440
|
"aria-label": "Previous page",
|
|
5494
5441
|
onClick: () => goTo(currentPage - 1),
|
|
5495
|
-
className: (0,
|
|
5496
|
-
children: /* @__PURE__ */ (0,
|
|
5442
|
+
className: (0, import_clsx37.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5497
5444
|
}
|
|
5498
5445
|
),
|
|
5499
|
-
/* @__PURE__ */ (0,
|
|
5446
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: (0, import_clsx37.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5500
5447
|
if (token === "ellipsis") {
|
|
5501
|
-
return /* @__PURE__ */ (0,
|
|
5448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5502
5449
|
"li",
|
|
5503
5450
|
{
|
|
5504
5451
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5508,29 +5455,29 @@ var Pagination = ({
|
|
|
5508
5455
|
);
|
|
5509
5456
|
}
|
|
5510
5457
|
const selected = token === currentPage;
|
|
5511
|
-
return /* @__PURE__ */ (0,
|
|
5458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5512
5459
|
"button",
|
|
5513
5460
|
{
|
|
5514
5461
|
"aria-label": `Page ${token}`,
|
|
5515
5462
|
"aria-current": selected ? "page" : void 0,
|
|
5516
5463
|
disabled,
|
|
5517
5464
|
onClick: () => goTo(token),
|
|
5518
|
-
className: (0,
|
|
5465
|
+
className: (0, import_clsx37.default)(
|
|
5519
5466
|
buttonClass,
|
|
5520
5467
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5521
5468
|
),
|
|
5522
|
-
children: /* @__PURE__ */ (0,
|
|
5469
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5523
5470
|
}
|
|
5524
5471
|
) }, token);
|
|
5525
5472
|
}) }),
|
|
5526
|
-
/* @__PURE__ */ (0,
|
|
5473
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5527
5474
|
"button",
|
|
5528
5475
|
{
|
|
5529
5476
|
disabled: disabled || currentPage >= totalPages,
|
|
5530
5477
|
"aria-label": "Next page",
|
|
5531
5478
|
onClick: () => goTo(currentPage + 1),
|
|
5532
|
-
className: (0,
|
|
5533
|
-
children: /* @__PURE__ */ (0,
|
|
5479
|
+
className: (0, import_clsx37.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5480
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5534
5481
|
}
|
|
5535
5482
|
)
|
|
5536
5483
|
]
|
|
@@ -5540,42 +5487,42 @@ var Pagination = ({
|
|
|
5540
5487
|
Pagination.displayName = "Pagination";
|
|
5541
5488
|
|
|
5542
5489
|
// src/components/SkeletonParagraph.tsx
|
|
5543
|
-
var
|
|
5490
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5544
5491
|
|
|
5545
5492
|
// src/components/EmptyCartIcon.tsx
|
|
5546
|
-
var
|
|
5493
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5547
5494
|
|
|
5548
5495
|
// src/components/SearchResultImage/index.tsx
|
|
5549
|
-
var
|
|
5550
|
-
var
|
|
5496
|
+
var import_react33 = require("react");
|
|
5497
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5551
5498
|
|
|
5552
5499
|
// src/components/Alert.tsx
|
|
5553
|
-
var
|
|
5554
|
-
var
|
|
5555
|
-
var
|
|
5500
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5501
|
+
var import_react34 = require("react");
|
|
5502
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5556
5503
|
|
|
5557
5504
|
// src/components/OrderCheckIcon.tsx
|
|
5558
|
-
var
|
|
5505
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5559
5506
|
|
|
5560
5507
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
5561
|
-
var
|
|
5562
|
-
var
|
|
5508
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5509
|
+
var import_react37 = __toESM(require("react"), 1);
|
|
5563
5510
|
|
|
5564
5511
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
5565
|
-
var
|
|
5512
|
+
var import_react36 = require("react");
|
|
5566
5513
|
|
|
5567
5514
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
5568
|
-
var
|
|
5569
|
-
var
|
|
5515
|
+
var import_react35 = require("react");
|
|
5516
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5570
5517
|
function ColumnSelectorMenuOption({
|
|
5571
5518
|
id,
|
|
5572
5519
|
testid,
|
|
5573
5520
|
column,
|
|
5574
5521
|
toggleColumnVisibility
|
|
5575
5522
|
}) {
|
|
5576
|
-
const [isVisible, setIsVisible] = (0,
|
|
5523
|
+
const [isVisible, setIsVisible] = (0, import_react35.useState)(column.getIsVisible());
|
|
5577
5524
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
5578
|
-
return /* @__PURE__ */ (0,
|
|
5525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5579
5526
|
Checkbox,
|
|
5580
5527
|
{
|
|
5581
5528
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -5591,7 +5538,7 @@ function ColumnSelectorMenuOption({
|
|
|
5591
5538
|
}
|
|
5592
5539
|
|
|
5593
5540
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
5594
|
-
var
|
|
5541
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5595
5542
|
function ColumnSelectorHeaderCell({
|
|
5596
5543
|
id,
|
|
5597
5544
|
testid,
|
|
@@ -5599,9 +5546,9 @@ function ColumnSelectorHeaderCell({
|
|
|
5599
5546
|
toggleColumnVisibility,
|
|
5600
5547
|
resetColumnVisibility
|
|
5601
5548
|
}) {
|
|
5602
|
-
const ref = (0,
|
|
5603
|
-
const [show, setShow] = (0,
|
|
5604
|
-
return /* @__PURE__ */ (0,
|
|
5549
|
+
const ref = (0, import_react36.useRef)(null);
|
|
5550
|
+
const [show, setShow] = (0, import_react36.useState)(false);
|
|
5551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5605
5552
|
DataGridCell,
|
|
5606
5553
|
{
|
|
5607
5554
|
id,
|
|
@@ -5611,7 +5558,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5611
5558
|
color: "text-secondary-normal",
|
|
5612
5559
|
ref,
|
|
5613
5560
|
children: [
|
|
5614
|
-
/* @__PURE__ */ (0,
|
|
5561
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5615
5562
|
Button,
|
|
5616
5563
|
{
|
|
5617
5564
|
id: id ? `${id}-button` : void 0,
|
|
@@ -5619,10 +5566,10 @@ function ColumnSelectorHeaderCell({
|
|
|
5619
5566
|
onClick: () => setShow((prev) => !prev),
|
|
5620
5567
|
variant: "navigation",
|
|
5621
5568
|
iconOnly: true,
|
|
5622
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5569
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "tune" })
|
|
5623
5570
|
}
|
|
5624
5571
|
),
|
|
5625
|
-
/* @__PURE__ */ (0,
|
|
5572
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5626
5573
|
Menu,
|
|
5627
5574
|
{
|
|
5628
5575
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -5633,7 +5580,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5633
5580
|
setShow,
|
|
5634
5581
|
calculateMinMaxHeight: true,
|
|
5635
5582
|
children: [
|
|
5636
|
-
/* @__PURE__ */ (0,
|
|
5583
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5637
5584
|
Button,
|
|
5638
5585
|
{
|
|
5639
5586
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -5649,7 +5596,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5649
5596
|
table.getAllColumns().filter((x) => {
|
|
5650
5597
|
var _a;
|
|
5651
5598
|
return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
5652
|
-
}).map((column) => /* @__PURE__ */ (0,
|
|
5599
|
+
}).map((column) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5653
5600
|
ColumnSelectorMenuOption,
|
|
5654
5601
|
{
|
|
5655
5602
|
id: id ? `${id}-option-${column.id}` : void 0,
|
|
@@ -5668,7 +5615,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5668
5615
|
}
|
|
5669
5616
|
|
|
5670
5617
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
5671
|
-
var
|
|
5618
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5672
5619
|
function PinnedColumns(_a) {
|
|
5673
5620
|
var _b = _a, {
|
|
5674
5621
|
id,
|
|
@@ -5700,17 +5647,17 @@ function PinnedColumns(_a) {
|
|
|
5700
5647
|
const pinnedTestId = testid ? `${pinDirection}-pinned-${testid}` : void 0;
|
|
5701
5648
|
const hasAnyHeaders = ((_a2 = headerGroups[0]) == null ? void 0 : _a2.headers.length) > 0;
|
|
5702
5649
|
if (!hasAnyHeaders && !enableColumnSelector) return;
|
|
5703
|
-
return /* @__PURE__ */ (0,
|
|
5650
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5704
5651
|
"table",
|
|
5705
5652
|
{
|
|
5706
|
-
className: (0,
|
|
5653
|
+
className: (0, import_clsx39.default)(
|
|
5707
5654
|
"flex flex-col min-h-min sticky z-20",
|
|
5708
5655
|
pinDirection === "left" ? "left-0" : "right-0"
|
|
5709
5656
|
),
|
|
5710
5657
|
"data-testid": pinnedTestId,
|
|
5711
5658
|
children: [
|
|
5712
|
-
/* @__PURE__ */ (0,
|
|
5713
|
-
return /* @__PURE__ */ (0,
|
|
5659
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
|
|
5660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5714
5661
|
"tr",
|
|
5715
5662
|
{
|
|
5716
5663
|
"data-testid": pinnedTestId ? `${pinnedTestId}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -5723,7 +5670,7 @@ function PinnedColumns(_a) {
|
|
|
5723
5670
|
}
|
|
5724
5671
|
if (typeof header.column.columnDef.header === "string") {
|
|
5725
5672
|
const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
|
|
5726
|
-
return /* @__PURE__ */ (0,
|
|
5673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5727
5674
|
DataCellHeader,
|
|
5728
5675
|
{
|
|
5729
5676
|
locked: true,
|
|
@@ -5731,16 +5678,16 @@ function PinnedColumns(_a) {
|
|
|
5731
5678
|
header,
|
|
5732
5679
|
center: centerHeader,
|
|
5733
5680
|
width: customHeaderWidth,
|
|
5734
|
-
className: (0,
|
|
5681
|
+
className: (0, import_clsx39.default)(
|
|
5735
5682
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
5736
5683
|
"group"
|
|
5737
5684
|
),
|
|
5738
5685
|
children: [
|
|
5739
|
-
/* @__PURE__ */ (0,
|
|
5686
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
5740
5687
|
getSortIcon(header.column.getIsSorted()),
|
|
5741
5688
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
5742
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
5743
|
-
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0,
|
|
5689
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
5690
|
+
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5744
5691
|
"div",
|
|
5745
5692
|
{
|
|
5746
5693
|
onDoubleClick: (e) => {
|
|
@@ -5763,7 +5710,7 @@ function PinnedColumns(_a) {
|
|
|
5763
5710
|
header.id
|
|
5764
5711
|
);
|
|
5765
5712
|
}
|
|
5766
|
-
return /* @__PURE__ */ (0,
|
|
5713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react37.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5767
5714
|
Checkbox,
|
|
5768
5715
|
{
|
|
5769
5716
|
checked: allSelectedAcrossPages,
|
|
@@ -5775,7 +5722,7 @@ function PinnedColumns(_a) {
|
|
|
5775
5722
|
header.getContext()
|
|
5776
5723
|
) }, header.id);
|
|
5777
5724
|
}),
|
|
5778
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
5725
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5779
5726
|
ColumnSelectorHeaderCell,
|
|
5780
5727
|
{
|
|
5781
5728
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -5792,7 +5739,7 @@ function PinnedColumns(_a) {
|
|
|
5792
5739
|
headerGroup.id
|
|
5793
5740
|
);
|
|
5794
5741
|
}) }),
|
|
5795
|
-
/* @__PURE__ */ (0,
|
|
5742
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5796
5743
|
TableBody,
|
|
5797
5744
|
__spreadProps(__spreadValues({
|
|
5798
5745
|
testid: pinnedTestId
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
PinnedColumns
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-JWVZOEF5.js";
|
|
4
4
|
import "../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../chunk-ELXVDRWS.js";
|
|
6
6
|
import "../../chunk-3UUCDNX3.js";
|
|
7
7
|
import "../../chunk-FJRYHJUV.js";
|
|
8
8
|
import "../../chunk-BQNPOGD5.js";
|
|
9
9
|
import "../../chunk-Y5GD2FJA.js";
|
|
10
|
-
import "../../chunk-6XLESQ2U.js";
|
|
11
|
-
import "../../chunk-VOSQMHNF.js";
|
|
12
|
-
import "../../chunk-YJGDVWTH.js";
|
|
13
|
-
import "../../chunk-S5ZJ3Q7P.js";
|
|
14
10
|
import "../../chunk-MBZ55T2D.js";
|
|
15
11
|
import "../../chunk-2IKT6IHB.js";
|
|
16
12
|
import "../../chunk-YCDDBSVU.js";
|
|
@@ -20,7 +16,6 @@ import "../../chunk-5YNEY3WO.js";
|
|
|
20
16
|
import "../../chunk-5IFPG6TS.js";
|
|
21
17
|
import "../../chunk-AJ5M6MVX.js";
|
|
22
18
|
import "../../chunk-UI7P5J5S.js";
|
|
23
|
-
import "../../chunk-56RPZLV7.js";
|
|
24
19
|
import "../../chunk-MDB26F6T.js";
|
|
25
20
|
import "../../chunk-AT4AWD6B.js";
|
|
26
21
|
import "../../chunk-EWGHVZL5.js";
|
|
@@ -36,7 +31,6 @@ import "../../chunk-CMMQTIVM.js";
|
|
|
36
31
|
import "../../chunk-AG43RS4Q.js";
|
|
37
32
|
import "../../chunk-AKJUBFJK.js";
|
|
38
33
|
import "../../chunk-SUSUNSVZ.js";
|
|
39
|
-
import "../../chunk-SBRRNFOP.js";
|
|
40
34
|
import "../../chunk-Y2GK27RX.js";
|
|
41
35
|
import "../../chunk-QVWYTQKL.js";
|
|
42
36
|
import "../../chunk-F6RZ7MUE.js";
|
|
@@ -5552,68 +5552,15 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
|
5552
5552
|
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5553
5553
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5554
5554
|
|
|
5555
|
-
// src/components/
|
|
5556
|
-
var import_react36 = require("react");
|
|
5557
|
-
|
|
5558
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5559
|
-
var import_react35 = require("react");
|
|
5560
|
-
|
|
5561
|
-
// src/components/Spinner.tsx
|
|
5562
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5563
|
-
var Spinner = ({ size = "small", testid }) => {
|
|
5564
|
-
const dimension = size === "large" ? 48 : 24;
|
|
5565
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5566
|
-
"svg",
|
|
5567
|
-
{
|
|
5568
|
-
"data-testid": testid,
|
|
5569
|
-
width: dimension,
|
|
5570
|
-
height: dimension,
|
|
5571
|
-
viewBox: "0 0 24 24",
|
|
5572
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5573
|
-
fill: "#1D1E1E",
|
|
5574
|
-
className: "spinner",
|
|
5575
|
-
"aria-label": "Loading",
|
|
5576
|
-
children: [
|
|
5577
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5578
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5579
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5580
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5581
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5582
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5583
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5584
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5585
|
-
]
|
|
5586
|
-
}
|
|
5587
|
-
);
|
|
5588
|
-
};
|
|
5589
|
-
Spinner.displayName = "Spinner";
|
|
5590
|
-
|
|
5591
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
5555
|
+
// src/components/ListGroup.tsx
|
|
5592
5556
|
var import_react34 = require("react");
|
|
5593
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5594
|
-
|
|
5595
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5596
5557
|
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5597
|
-
var
|
|
5598
|
-
|
|
5599
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5600
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5601
|
-
|
|
5602
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5603
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5604
|
-
|
|
5605
|
-
// src/components/PDFViewer/index.tsx
|
|
5606
|
-
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5607
|
-
|
|
5608
|
-
// src/components/ListGroup.tsx
|
|
5609
|
-
var import_react37 = require("react");
|
|
5610
|
-
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5611
|
-
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5558
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5612
5559
|
|
|
5613
5560
|
// src/components/Pagination.tsx
|
|
5614
|
-
var
|
|
5615
|
-
var
|
|
5616
|
-
var
|
|
5561
|
+
var import_react35 = require("react");
|
|
5562
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5563
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5617
5564
|
var Pagination = ({
|
|
5618
5565
|
totalPages,
|
|
5619
5566
|
currentPage,
|
|
@@ -5623,7 +5570,7 @@ var Pagination = ({
|
|
|
5623
5570
|
className,
|
|
5624
5571
|
disabled
|
|
5625
5572
|
}) => {
|
|
5626
|
-
const goTo = (0,
|
|
5573
|
+
const goTo = (0, import_react35.useCallback)(
|
|
5627
5574
|
(page) => {
|
|
5628
5575
|
if (disabled) return;
|
|
5629
5576
|
onPageChange(page);
|
|
@@ -5640,7 +5587,7 @@ var Pagination = ({
|
|
|
5640
5587
|
goTo(currentPage + 1);
|
|
5641
5588
|
}
|
|
5642
5589
|
};
|
|
5643
|
-
const pageTokens = (0,
|
|
5590
|
+
const pageTokens = (0, import_react35.useMemo)(() => {
|
|
5644
5591
|
if (totalPages <= 5) {
|
|
5645
5592
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
5646
5593
|
}
|
|
@@ -5677,7 +5624,7 @@ var Pagination = ({
|
|
|
5677
5624
|
return tokens;
|
|
5678
5625
|
}, [totalPages, currentPage]);
|
|
5679
5626
|
if (totalPages <= 1) return null;
|
|
5680
|
-
const buttonClass = (0,
|
|
5627
|
+
const buttonClass = (0, import_clsx38.default)(
|
|
5681
5628
|
"cursor-pointer disabled:cursor-default",
|
|
5682
5629
|
paddingUsingComponentGap,
|
|
5683
5630
|
"w-8 h-8",
|
|
@@ -5688,14 +5635,14 @@ var Pagination = ({
|
|
|
5688
5635
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5689
5636
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5690
5637
|
);
|
|
5691
|
-
return /* @__PURE__ */ (0,
|
|
5638
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
5692
5639
|
"nav",
|
|
5693
5640
|
{
|
|
5694
5641
|
id,
|
|
5695
5642
|
"data-testid": testid,
|
|
5696
5643
|
"aria-label": "Pagination",
|
|
5697
5644
|
onKeyDown: handleKey,
|
|
5698
|
-
className: (0,
|
|
5645
|
+
className: (0, import_clsx38.default)(
|
|
5699
5646
|
"flex items-center",
|
|
5700
5647
|
"border border-border-primary-normal",
|
|
5701
5648
|
"bg-background-grouped-primary-normal",
|
|
@@ -5703,19 +5650,19 @@ var Pagination = ({
|
|
|
5703
5650
|
className
|
|
5704
5651
|
),
|
|
5705
5652
|
children: [
|
|
5706
|
-
/* @__PURE__ */ (0,
|
|
5653
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5707
5654
|
"button",
|
|
5708
5655
|
{
|
|
5709
5656
|
disabled: disabled || currentPage <= 1,
|
|
5710
5657
|
"aria-label": "Previous page",
|
|
5711
5658
|
onClick: () => goTo(currentPage - 1),
|
|
5712
|
-
className: (0,
|
|
5713
|
-
children: /* @__PURE__ */ (0,
|
|
5659
|
+
className: (0, import_clsx38.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5660
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5714
5661
|
}
|
|
5715
5662
|
),
|
|
5716
|
-
/* @__PURE__ */ (0,
|
|
5663
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { className: (0, import_clsx38.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5717
5664
|
if (token === "ellipsis") {
|
|
5718
|
-
return /* @__PURE__ */ (0,
|
|
5665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5719
5666
|
"li",
|
|
5720
5667
|
{
|
|
5721
5668
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5725,29 +5672,29 @@ var Pagination = ({
|
|
|
5725
5672
|
);
|
|
5726
5673
|
}
|
|
5727
5674
|
const selected = token === currentPage;
|
|
5728
|
-
return /* @__PURE__ */ (0,
|
|
5675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5729
5676
|
"button",
|
|
5730
5677
|
{
|
|
5731
5678
|
"aria-label": `Page ${token}`,
|
|
5732
5679
|
"aria-current": selected ? "page" : void 0,
|
|
5733
5680
|
disabled,
|
|
5734
5681
|
onClick: () => goTo(token),
|
|
5735
|
-
className: (0,
|
|
5682
|
+
className: (0, import_clsx38.default)(
|
|
5736
5683
|
buttonClass,
|
|
5737
5684
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5738
5685
|
),
|
|
5739
|
-
children: /* @__PURE__ */ (0,
|
|
5686
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5740
5687
|
}
|
|
5741
5688
|
) }, token);
|
|
5742
5689
|
}) }),
|
|
5743
|
-
/* @__PURE__ */ (0,
|
|
5690
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5744
5691
|
"button",
|
|
5745
5692
|
{
|
|
5746
5693
|
disabled: disabled || currentPage >= totalPages,
|
|
5747
5694
|
"aria-label": "Next page",
|
|
5748
5695
|
onClick: () => goTo(currentPage + 1),
|
|
5749
|
-
className: (0,
|
|
5750
|
-
children: /* @__PURE__ */ (0,
|
|
5696
|
+
className: (0, import_clsx38.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5697
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5751
5698
|
}
|
|
5752
5699
|
)
|
|
5753
5700
|
]
|
|
@@ -5757,25 +5704,25 @@ var Pagination = ({
|
|
|
5757
5704
|
Pagination.displayName = "Pagination";
|
|
5758
5705
|
|
|
5759
5706
|
// src/components/SkeletonParagraph.tsx
|
|
5760
|
-
var
|
|
5707
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5761
5708
|
|
|
5762
5709
|
// src/components/EmptyCartIcon.tsx
|
|
5763
|
-
var
|
|
5710
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5764
5711
|
|
|
5765
5712
|
// src/components/SearchResultImage/index.tsx
|
|
5766
|
-
var
|
|
5767
|
-
var
|
|
5713
|
+
var import_react36 = require("react");
|
|
5714
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5768
5715
|
|
|
5769
5716
|
// src/components/Alert.tsx
|
|
5770
|
-
var
|
|
5771
|
-
var
|
|
5772
|
-
var
|
|
5717
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5718
|
+
var import_react37 = require("react");
|
|
5719
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5773
5720
|
|
|
5774
5721
|
// src/components/OrderCheckIcon.tsx
|
|
5775
|
-
var
|
|
5722
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5776
5723
|
|
|
5777
5724
|
// src/components/DataGrid/TableBody/LoadingCell.tsx
|
|
5778
|
-
var
|
|
5725
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5779
5726
|
function LoadingCell({
|
|
5780
5727
|
id,
|
|
5781
5728
|
testid,
|
|
@@ -5783,16 +5730,16 @@ function LoadingCell({
|
|
|
5783
5730
|
}) {
|
|
5784
5731
|
const key = `loading-${column.id}`;
|
|
5785
5732
|
if (column.cell === "checkbox") {
|
|
5786
|
-
return /* @__PURE__ */ (0,
|
|
5733
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Checkbox, { id: id ? `${id}-${key}-checkbox` : void 0, testid: testid ? `${testid}-${key}-checkbox` : void 0, disabled: true }) }, key);
|
|
5787
5734
|
}
|
|
5788
5735
|
if (column.cell === "input") {
|
|
5789
|
-
return /* @__PURE__ */ (0,
|
|
5736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5790
5737
|
DataGridCell,
|
|
5791
5738
|
{
|
|
5792
5739
|
id: id ? `${id}-${key}` : void 0,
|
|
5793
5740
|
testid: testid ? `${testid}-${key}` : void 0,
|
|
5794
5741
|
component: "input",
|
|
5795
|
-
children: /* @__PURE__ */ (0,
|
|
5742
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5796
5743
|
Input,
|
|
5797
5744
|
{
|
|
5798
5745
|
id: id ? `${id}-${key}-input` : void 0,
|
|
@@ -5806,7 +5753,7 @@ function LoadingCell({
|
|
|
5806
5753
|
key
|
|
5807
5754
|
);
|
|
5808
5755
|
}
|
|
5809
|
-
return /* @__PURE__ */ (0,
|
|
5756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, key);
|
|
5810
5757
|
}
|
|
5811
5758
|
// Annotate the CommonJS export names for ESM import in node:
|
|
5812
5759
|
0 && (module.exports = {
|