@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
|
@@ -62,7 +62,7 @@ __export(ColumnSelectorMenuOption_exports, {
|
|
|
62
62
|
ColumnSelectorMenuOption: () => ColumnSelectorMenuOption
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(ColumnSelectorMenuOption_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react37 = require("react");
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -5560,68 +5560,15 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
|
5560
5560
|
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5561
5561
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5562
5562
|
|
|
5563
|
-
// src/components/
|
|
5564
|
-
var import_react35 = require("react");
|
|
5565
|
-
|
|
5566
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5567
|
-
var import_react34 = require("react");
|
|
5568
|
-
|
|
5569
|
-
// src/components/Spinner.tsx
|
|
5570
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5571
|
-
var Spinner = ({ size = "small", testid }) => {
|
|
5572
|
-
const dimension = size === "large" ? 48 : 24;
|
|
5573
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5574
|
-
"svg",
|
|
5575
|
-
{
|
|
5576
|
-
"data-testid": testid,
|
|
5577
|
-
width: dimension,
|
|
5578
|
-
height: dimension,
|
|
5579
|
-
viewBox: "0 0 24 24",
|
|
5580
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5581
|
-
fill: "#1D1E1E",
|
|
5582
|
-
className: "spinner",
|
|
5583
|
-
"aria-label": "Loading",
|
|
5584
|
-
children: [
|
|
5585
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5586
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5587
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5588
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5589
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5590
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5591
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5592
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5593
|
-
]
|
|
5594
|
-
}
|
|
5595
|
-
);
|
|
5596
|
-
};
|
|
5597
|
-
Spinner.displayName = "Spinner";
|
|
5598
|
-
|
|
5599
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
5563
|
+
// src/components/ListGroup.tsx
|
|
5600
5564
|
var import_react33 = require("react");
|
|
5601
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5602
|
-
|
|
5603
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5604
5565
|
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5605
|
-
var
|
|
5606
|
-
|
|
5607
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5608
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5609
|
-
|
|
5610
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5611
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5612
|
-
|
|
5613
|
-
// src/components/PDFViewer/index.tsx
|
|
5614
|
-
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5615
|
-
|
|
5616
|
-
// src/components/ListGroup.tsx
|
|
5617
|
-
var import_react36 = require("react");
|
|
5618
|
-
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5619
|
-
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5566
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5620
5567
|
|
|
5621
5568
|
// src/components/Pagination.tsx
|
|
5622
|
-
var
|
|
5623
|
-
var
|
|
5624
|
-
var
|
|
5569
|
+
var import_react34 = require("react");
|
|
5570
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5571
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5625
5572
|
var Pagination = ({
|
|
5626
5573
|
totalPages,
|
|
5627
5574
|
currentPage,
|
|
@@ -5631,7 +5578,7 @@ var Pagination = ({
|
|
|
5631
5578
|
className,
|
|
5632
5579
|
disabled
|
|
5633
5580
|
}) => {
|
|
5634
|
-
const goTo = (0,
|
|
5581
|
+
const goTo = (0, import_react34.useCallback)(
|
|
5635
5582
|
(page) => {
|
|
5636
5583
|
if (disabled) return;
|
|
5637
5584
|
onPageChange(page);
|
|
@@ -5648,7 +5595,7 @@ var Pagination = ({
|
|
|
5648
5595
|
goTo(currentPage + 1);
|
|
5649
5596
|
}
|
|
5650
5597
|
};
|
|
5651
|
-
const pageTokens = (0,
|
|
5598
|
+
const pageTokens = (0, import_react34.useMemo)(() => {
|
|
5652
5599
|
if (totalPages <= 5) {
|
|
5653
5600
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
5654
5601
|
}
|
|
@@ -5685,7 +5632,7 @@ var Pagination = ({
|
|
|
5685
5632
|
return tokens;
|
|
5686
5633
|
}, [totalPages, currentPage]);
|
|
5687
5634
|
if (totalPages <= 1) return null;
|
|
5688
|
-
const buttonClass = (0,
|
|
5635
|
+
const buttonClass = (0, import_clsx38.default)(
|
|
5689
5636
|
"cursor-pointer disabled:cursor-default",
|
|
5690
5637
|
paddingUsingComponentGap,
|
|
5691
5638
|
"w-8 h-8",
|
|
@@ -5696,14 +5643,14 @@ var Pagination = ({
|
|
|
5696
5643
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5697
5644
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5698
5645
|
);
|
|
5699
|
-
return /* @__PURE__ */ (0,
|
|
5646
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
5700
5647
|
"nav",
|
|
5701
5648
|
{
|
|
5702
5649
|
id,
|
|
5703
5650
|
"data-testid": testid,
|
|
5704
5651
|
"aria-label": "Pagination",
|
|
5705
5652
|
onKeyDown: handleKey,
|
|
5706
|
-
className: (0,
|
|
5653
|
+
className: (0, import_clsx38.default)(
|
|
5707
5654
|
"flex items-center",
|
|
5708
5655
|
"border border-border-primary-normal",
|
|
5709
5656
|
"bg-background-grouped-primary-normal",
|
|
@@ -5711,19 +5658,19 @@ var Pagination = ({
|
|
|
5711
5658
|
className
|
|
5712
5659
|
),
|
|
5713
5660
|
children: [
|
|
5714
|
-
/* @__PURE__ */ (0,
|
|
5661
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5715
5662
|
"button",
|
|
5716
5663
|
{
|
|
5717
5664
|
disabled: disabled || currentPage <= 1,
|
|
5718
5665
|
"aria-label": "Previous page",
|
|
5719
5666
|
onClick: () => goTo(currentPage - 1),
|
|
5720
|
-
className: (0,
|
|
5721
|
-
children: /* @__PURE__ */ (0,
|
|
5667
|
+
className: (0, import_clsx38.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5668
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5722
5669
|
}
|
|
5723
5670
|
),
|
|
5724
|
-
/* @__PURE__ */ (0,
|
|
5671
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { className: (0, import_clsx38.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5725
5672
|
if (token === "ellipsis") {
|
|
5726
|
-
return /* @__PURE__ */ (0,
|
|
5673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5727
5674
|
"li",
|
|
5728
5675
|
{
|
|
5729
5676
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5733,29 +5680,29 @@ var Pagination = ({
|
|
|
5733
5680
|
);
|
|
5734
5681
|
}
|
|
5735
5682
|
const selected = token === currentPage;
|
|
5736
|
-
return /* @__PURE__ */ (0,
|
|
5683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5737
5684
|
"button",
|
|
5738
5685
|
{
|
|
5739
5686
|
"aria-label": `Page ${token}`,
|
|
5740
5687
|
"aria-current": selected ? "page" : void 0,
|
|
5741
5688
|
disabled,
|
|
5742
5689
|
onClick: () => goTo(token),
|
|
5743
|
-
className: (0,
|
|
5690
|
+
className: (0, import_clsx38.default)(
|
|
5744
5691
|
buttonClass,
|
|
5745
5692
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5746
5693
|
),
|
|
5747
|
-
children: /* @__PURE__ */ (0,
|
|
5694
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5748
5695
|
}
|
|
5749
5696
|
) }, token);
|
|
5750
5697
|
}) }),
|
|
5751
|
-
/* @__PURE__ */ (0,
|
|
5698
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5752
5699
|
"button",
|
|
5753
5700
|
{
|
|
5754
5701
|
disabled: disabled || currentPage >= totalPages,
|
|
5755
5702
|
"aria-label": "Next page",
|
|
5756
5703
|
onClick: () => goTo(currentPage + 1),
|
|
5757
|
-
className: (0,
|
|
5758
|
-
children: /* @__PURE__ */ (0,
|
|
5704
|
+
className: (0, import_clsx38.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5705
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5759
5706
|
}
|
|
5760
5707
|
)
|
|
5761
5708
|
]
|
|
@@ -5765,34 +5712,34 @@ var Pagination = ({
|
|
|
5765
5712
|
Pagination.displayName = "Pagination";
|
|
5766
5713
|
|
|
5767
5714
|
// src/components/SkeletonParagraph.tsx
|
|
5768
|
-
var
|
|
5715
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5769
5716
|
|
|
5770
5717
|
// src/components/EmptyCartIcon.tsx
|
|
5771
|
-
var
|
|
5718
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5772
5719
|
|
|
5773
5720
|
// src/components/SearchResultImage/index.tsx
|
|
5774
|
-
var
|
|
5775
|
-
var
|
|
5721
|
+
var import_react35 = require("react");
|
|
5722
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5776
5723
|
|
|
5777
5724
|
// src/components/Alert.tsx
|
|
5778
|
-
var
|
|
5779
|
-
var
|
|
5780
|
-
var
|
|
5725
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5726
|
+
var import_react36 = require("react");
|
|
5727
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5781
5728
|
|
|
5782
5729
|
// src/components/OrderCheckIcon.tsx
|
|
5783
|
-
var
|
|
5730
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5784
5731
|
|
|
5785
5732
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
5786
|
-
var
|
|
5733
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5787
5734
|
function ColumnSelectorMenuOption({
|
|
5788
5735
|
id,
|
|
5789
5736
|
testid,
|
|
5790
5737
|
column,
|
|
5791
5738
|
toggleColumnVisibility
|
|
5792
5739
|
}) {
|
|
5793
|
-
const [isVisible, setIsVisible] = (0,
|
|
5740
|
+
const [isVisible, setIsVisible] = (0, import_react37.useState)(column.getIsVisible());
|
|
5794
5741
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
5795
|
-
return /* @__PURE__ */ (0,
|
|
5742
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5796
5743
|
Checkbox,
|
|
5797
5744
|
{
|
|
5798
5745
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelectorMenuOption
|
|
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";
|
|
@@ -62,7 +62,7 @@ __export(ColumnSelectorHeaderCell_exports, {
|
|
|
62
62
|
ColumnSelectorHeaderCell: () => ColumnSelectorHeaderCell
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(ColumnSelectorHeaderCell_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react37 = require("react");
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -5482,68 +5482,15 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
|
5482
5482
|
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5483
5483
|
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5484
5484
|
|
|
5485
|
-
// src/components/
|
|
5486
|
-
var import_react34 = require("react");
|
|
5487
|
-
|
|
5488
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5489
|
-
var import_react33 = require("react");
|
|
5490
|
-
|
|
5491
|
-
// src/components/Spinner.tsx
|
|
5492
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5493
|
-
var Spinner = ({ size = "small", testid }) => {
|
|
5494
|
-
const dimension = size === "large" ? 48 : 24;
|
|
5495
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5496
|
-
"svg",
|
|
5497
|
-
{
|
|
5498
|
-
"data-testid": testid,
|
|
5499
|
-
width: dimension,
|
|
5500
|
-
height: dimension,
|
|
5501
|
-
viewBox: "0 0 24 24",
|
|
5502
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5503
|
-
fill: "#1D1E1E",
|
|
5504
|
-
className: "spinner",
|
|
5505
|
-
"aria-label": "Loading",
|
|
5506
|
-
children: [
|
|
5507
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5508
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5509
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5510
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5511
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5512
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5513
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5514
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5515
|
-
]
|
|
5516
|
-
}
|
|
5517
|
-
);
|
|
5518
|
-
};
|
|
5519
|
-
Spinner.displayName = "Spinner";
|
|
5520
|
-
|
|
5521
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
5485
|
+
// src/components/ListGroup.tsx
|
|
5522
5486
|
var import_react32 = require("react");
|
|
5523
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5524
|
-
|
|
5525
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5526
5487
|
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5527
|
-
var
|
|
5528
|
-
|
|
5529
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5530
|
-
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5531
|
-
|
|
5532
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5533
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5534
|
-
|
|
5535
|
-
// src/components/PDFViewer/index.tsx
|
|
5536
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5537
|
-
|
|
5538
|
-
// src/components/ListGroup.tsx
|
|
5539
|
-
var import_react35 = require("react");
|
|
5540
|
-
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5541
|
-
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5488
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5542
5489
|
|
|
5543
5490
|
// src/components/Pagination.tsx
|
|
5544
|
-
var
|
|
5545
|
-
var
|
|
5546
|
-
var
|
|
5491
|
+
var import_react33 = require("react");
|
|
5492
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5493
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5547
5494
|
var Pagination = ({
|
|
5548
5495
|
totalPages,
|
|
5549
5496
|
currentPage,
|
|
@@ -5553,7 +5500,7 @@ var Pagination = ({
|
|
|
5553
5500
|
className,
|
|
5554
5501
|
disabled
|
|
5555
5502
|
}) => {
|
|
5556
|
-
const goTo = (0,
|
|
5503
|
+
const goTo = (0, import_react33.useCallback)(
|
|
5557
5504
|
(page) => {
|
|
5558
5505
|
if (disabled) return;
|
|
5559
5506
|
onPageChange(page);
|
|
@@ -5570,7 +5517,7 @@ var Pagination = ({
|
|
|
5570
5517
|
goTo(currentPage + 1);
|
|
5571
5518
|
}
|
|
5572
5519
|
};
|
|
5573
|
-
const pageTokens = (0,
|
|
5520
|
+
const pageTokens = (0, import_react33.useMemo)(() => {
|
|
5574
5521
|
if (totalPages <= 5) {
|
|
5575
5522
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
5576
5523
|
}
|
|
@@ -5607,7 +5554,7 @@ var Pagination = ({
|
|
|
5607
5554
|
return tokens;
|
|
5608
5555
|
}, [totalPages, currentPage]);
|
|
5609
5556
|
if (totalPages <= 1) return null;
|
|
5610
|
-
const buttonClass = (0,
|
|
5557
|
+
const buttonClass = (0, import_clsx38.default)(
|
|
5611
5558
|
"cursor-pointer disabled:cursor-default",
|
|
5612
5559
|
paddingUsingComponentGap,
|
|
5613
5560
|
"w-8 h-8",
|
|
@@ -5618,14 +5565,14 @@ var Pagination = ({
|
|
|
5618
5565
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5619
5566
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5620
5567
|
);
|
|
5621
|
-
return /* @__PURE__ */ (0,
|
|
5568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5622
5569
|
"nav",
|
|
5623
5570
|
{
|
|
5624
5571
|
id,
|
|
5625
5572
|
"data-testid": testid,
|
|
5626
5573
|
"aria-label": "Pagination",
|
|
5627
5574
|
onKeyDown: handleKey,
|
|
5628
|
-
className: (0,
|
|
5575
|
+
className: (0, import_clsx38.default)(
|
|
5629
5576
|
"flex items-center",
|
|
5630
5577
|
"border border-border-primary-normal",
|
|
5631
5578
|
"bg-background-grouped-primary-normal",
|
|
@@ -5633,19 +5580,19 @@ var Pagination = ({
|
|
|
5633
5580
|
className
|
|
5634
5581
|
),
|
|
5635
5582
|
children: [
|
|
5636
|
-
/* @__PURE__ */ (0,
|
|
5583
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5637
5584
|
"button",
|
|
5638
5585
|
{
|
|
5639
5586
|
disabled: disabled || currentPage <= 1,
|
|
5640
5587
|
"aria-label": "Previous page",
|
|
5641
5588
|
onClick: () => goTo(currentPage - 1),
|
|
5642
|
-
className: (0,
|
|
5643
|
-
children: /* @__PURE__ */ (0,
|
|
5589
|
+
className: (0, import_clsx38.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5590
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5644
5591
|
}
|
|
5645
5592
|
),
|
|
5646
|
-
/* @__PURE__ */ (0,
|
|
5593
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("ul", { className: (0, import_clsx38.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5647
5594
|
if (token === "ellipsis") {
|
|
5648
|
-
return /* @__PURE__ */ (0,
|
|
5595
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5649
5596
|
"li",
|
|
5650
5597
|
{
|
|
5651
5598
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5655,29 +5602,29 @@ var Pagination = ({
|
|
|
5655
5602
|
);
|
|
5656
5603
|
}
|
|
5657
5604
|
const selected = token === currentPage;
|
|
5658
|
-
return /* @__PURE__ */ (0,
|
|
5605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5659
5606
|
"button",
|
|
5660
5607
|
{
|
|
5661
5608
|
"aria-label": `Page ${token}`,
|
|
5662
5609
|
"aria-current": selected ? "page" : void 0,
|
|
5663
5610
|
disabled,
|
|
5664
5611
|
onClick: () => goTo(token),
|
|
5665
|
-
className: (0,
|
|
5612
|
+
className: (0, import_clsx38.default)(
|
|
5666
5613
|
buttonClass,
|
|
5667
5614
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5668
5615
|
),
|
|
5669
|
-
children: /* @__PURE__ */ (0,
|
|
5616
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5670
5617
|
}
|
|
5671
5618
|
) }, token);
|
|
5672
5619
|
}) }),
|
|
5673
|
-
/* @__PURE__ */ (0,
|
|
5620
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5674
5621
|
"button",
|
|
5675
5622
|
{
|
|
5676
5623
|
disabled: disabled || currentPage >= totalPages,
|
|
5677
5624
|
"aria-label": "Next page",
|
|
5678
5625
|
onClick: () => goTo(currentPage + 1),
|
|
5679
|
-
className: (0,
|
|
5680
|
-
children: /* @__PURE__ */ (0,
|
|
5626
|
+
className: (0, import_clsx38.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5627
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5681
5628
|
}
|
|
5682
5629
|
)
|
|
5683
5630
|
]
|
|
@@ -5687,35 +5634,35 @@ var Pagination = ({
|
|
|
5687
5634
|
Pagination.displayName = "Pagination";
|
|
5688
5635
|
|
|
5689
5636
|
// src/components/SkeletonParagraph.tsx
|
|
5690
|
-
var
|
|
5637
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5691
5638
|
|
|
5692
5639
|
// src/components/EmptyCartIcon.tsx
|
|
5693
|
-
var
|
|
5640
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5694
5641
|
|
|
5695
5642
|
// src/components/SearchResultImage/index.tsx
|
|
5696
|
-
var
|
|
5697
|
-
var
|
|
5643
|
+
var import_react34 = require("react");
|
|
5644
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5698
5645
|
|
|
5699
5646
|
// src/components/Alert.tsx
|
|
5700
|
-
var
|
|
5701
|
-
var
|
|
5702
|
-
var
|
|
5647
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5648
|
+
var import_react35 = require("react");
|
|
5649
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5703
5650
|
|
|
5704
5651
|
// src/components/OrderCheckIcon.tsx
|
|
5705
|
-
var
|
|
5652
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5706
5653
|
|
|
5707
5654
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
5708
|
-
var
|
|
5709
|
-
var
|
|
5655
|
+
var import_react36 = require("react");
|
|
5656
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5710
5657
|
function ColumnSelectorMenuOption({
|
|
5711
5658
|
id,
|
|
5712
5659
|
testid,
|
|
5713
5660
|
column,
|
|
5714
5661
|
toggleColumnVisibility
|
|
5715
5662
|
}) {
|
|
5716
|
-
const [isVisible, setIsVisible] = (0,
|
|
5663
|
+
const [isVisible, setIsVisible] = (0, import_react36.useState)(column.getIsVisible());
|
|
5717
5664
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
5718
|
-
return /* @__PURE__ */ (0,
|
|
5665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5719
5666
|
Checkbox,
|
|
5720
5667
|
{
|
|
5721
5668
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -5731,7 +5678,7 @@ function ColumnSelectorMenuOption({
|
|
|
5731
5678
|
}
|
|
5732
5679
|
|
|
5733
5680
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
5734
|
-
var
|
|
5681
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5735
5682
|
function ColumnSelectorHeaderCell({
|
|
5736
5683
|
id,
|
|
5737
5684
|
testid,
|
|
@@ -5739,9 +5686,9 @@ function ColumnSelectorHeaderCell({
|
|
|
5739
5686
|
toggleColumnVisibility,
|
|
5740
5687
|
resetColumnVisibility
|
|
5741
5688
|
}) {
|
|
5742
|
-
const ref = (0,
|
|
5743
|
-
const [show, setShow] = (0,
|
|
5744
|
-
return /* @__PURE__ */ (0,
|
|
5689
|
+
const ref = (0, import_react37.useRef)(null);
|
|
5690
|
+
const [show, setShow] = (0, import_react37.useState)(false);
|
|
5691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5745
5692
|
DataGridCell,
|
|
5746
5693
|
{
|
|
5747
5694
|
id,
|
|
@@ -5751,7 +5698,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5751
5698
|
color: "text-secondary-normal",
|
|
5752
5699
|
ref,
|
|
5753
5700
|
children: [
|
|
5754
|
-
/* @__PURE__ */ (0,
|
|
5701
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5755
5702
|
Button,
|
|
5756
5703
|
{
|
|
5757
5704
|
id: id ? `${id}-button` : void 0,
|
|
@@ -5759,10 +5706,10 @@ function ColumnSelectorHeaderCell({
|
|
|
5759
5706
|
onClick: () => setShow((prev) => !prev),
|
|
5760
5707
|
variant: "navigation",
|
|
5761
5708
|
iconOnly: true,
|
|
5762
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5709
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "tune" })
|
|
5763
5710
|
}
|
|
5764
5711
|
),
|
|
5765
|
-
/* @__PURE__ */ (0,
|
|
5712
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5766
5713
|
Menu,
|
|
5767
5714
|
{
|
|
5768
5715
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -5773,7 +5720,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5773
5720
|
setShow,
|
|
5774
5721
|
calculateMinMaxHeight: true,
|
|
5775
5722
|
children: [
|
|
5776
|
-
/* @__PURE__ */ (0,
|
|
5723
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5777
5724
|
Button,
|
|
5778
5725
|
{
|
|
5779
5726
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -5789,7 +5736,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5789
5736
|
table.getAllColumns().filter((x) => {
|
|
5790
5737
|
var _a;
|
|
5791
5738
|
return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
5792
|
-
}).map((column) => /* @__PURE__ */ (0,
|
|
5739
|
+
}).map((column) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5793
5740
|
ColumnSelectorMenuOption,
|
|
5794
5741
|
{
|
|
5795
5742
|
id: id ? `${id}-option-${column.id}` : void 0,
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelectorHeaderCell
|
|
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";
|