@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
|
@@ -2,17 +2,13 @@
|
|
|
2
2
|
import {
|
|
3
3
|
DataGrid,
|
|
4
4
|
DataGrid_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-JWVZOEF5.js";
|
|
6
6
|
import "../../chunk-M7INAUAJ.js";
|
|
7
7
|
import "../../chunk-ELXVDRWS.js";
|
|
8
8
|
import "../../chunk-3UUCDNX3.js";
|
|
9
9
|
import "../../chunk-FJRYHJUV.js";
|
|
10
10
|
import "../../chunk-BQNPOGD5.js";
|
|
11
11
|
import "../../chunk-Y5GD2FJA.js";
|
|
12
|
-
import "../../chunk-6XLESQ2U.js";
|
|
13
|
-
import "../../chunk-VOSQMHNF.js";
|
|
14
|
-
import "../../chunk-YJGDVWTH.js";
|
|
15
|
-
import "../../chunk-S5ZJ3Q7P.js";
|
|
16
12
|
import "../../chunk-MBZ55T2D.js";
|
|
17
13
|
import "../../chunk-2IKT6IHB.js";
|
|
18
14
|
import "../../chunk-YCDDBSVU.js";
|
|
@@ -22,7 +18,6 @@ import "../../chunk-5YNEY3WO.js";
|
|
|
22
18
|
import "../../chunk-5IFPG6TS.js";
|
|
23
19
|
import "../../chunk-AJ5M6MVX.js";
|
|
24
20
|
import "../../chunk-UI7P5J5S.js";
|
|
25
|
-
import "../../chunk-56RPZLV7.js";
|
|
26
21
|
import "../../chunk-MDB26F6T.js";
|
|
27
22
|
import "../../chunk-AT4AWD6B.js";
|
|
28
23
|
import "../../chunk-EWGHVZL5.js";
|
|
@@ -38,7 +33,6 @@ import "../../chunk-CMMQTIVM.js";
|
|
|
38
33
|
import "../../chunk-AG43RS4Q.js";
|
|
39
34
|
import "../../chunk-AKJUBFJK.js";
|
|
40
35
|
import "../../chunk-SUSUNSVZ.js";
|
|
41
|
-
import "../../chunk-SBRRNFOP.js";
|
|
42
36
|
import "../../chunk-Y2GK27RX.js";
|
|
43
37
|
import "../../chunk-QVWYTQKL.js";
|
|
44
38
|
import "../../chunk-F6RZ7MUE.js";
|
|
@@ -62,7 +62,7 @@ __export(utils_exports, {
|
|
|
62
62
|
getSortIcon: () => getSortIcon
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(utils_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -5571,68 +5571,15 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
|
5571
5571
|
var import_clsx35 = __toESM(require("clsx"), 1);
|
|
5572
5572
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5573
5573
|
|
|
5574
|
-
// src/components/
|
|
5575
|
-
var import_react36 = require("react");
|
|
5576
|
-
|
|
5577
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5578
|
-
var import_react35 = require("react");
|
|
5579
|
-
|
|
5580
|
-
// src/components/Spinner.tsx
|
|
5581
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5582
|
-
var Spinner = ({ size = "small", testid }) => {
|
|
5583
|
-
const dimension = size === "large" ? 48 : 24;
|
|
5584
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5585
|
-
"svg",
|
|
5586
|
-
{
|
|
5587
|
-
"data-testid": testid,
|
|
5588
|
-
width: dimension,
|
|
5589
|
-
height: dimension,
|
|
5590
|
-
viewBox: "0 0 24 24",
|
|
5591
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5592
|
-
fill: "#1D1E1E",
|
|
5593
|
-
className: "spinner",
|
|
5594
|
-
"aria-label": "Loading",
|
|
5595
|
-
children: [
|
|
5596
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5597
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5598
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5599
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5600
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5601
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5602
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5603
|
-
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5604
|
-
]
|
|
5605
|
-
}
|
|
5606
|
-
);
|
|
5607
|
-
};
|
|
5608
|
-
Spinner.displayName = "Spinner";
|
|
5609
|
-
|
|
5610
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
5574
|
+
// src/components/ListGroup.tsx
|
|
5611
5575
|
var import_react34 = require("react");
|
|
5612
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5613
|
-
|
|
5614
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5615
5576
|
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5616
|
-
var
|
|
5617
|
-
|
|
5618
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5619
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5620
|
-
|
|
5621
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5622
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5623
|
-
|
|
5624
|
-
// src/components/PDFViewer/index.tsx
|
|
5625
|
-
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5626
|
-
|
|
5627
|
-
// src/components/ListGroup.tsx
|
|
5628
|
-
var import_react37 = require("react");
|
|
5629
|
-
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5630
|
-
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5577
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5631
5578
|
|
|
5632
5579
|
// src/components/Pagination.tsx
|
|
5633
|
-
var
|
|
5634
|
-
var
|
|
5635
|
-
var
|
|
5580
|
+
var import_react35 = require("react");
|
|
5581
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5582
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5636
5583
|
var Pagination = ({
|
|
5637
5584
|
totalPages,
|
|
5638
5585
|
currentPage,
|
|
@@ -5642,7 +5589,7 @@ var Pagination = ({
|
|
|
5642
5589
|
className,
|
|
5643
5590
|
disabled
|
|
5644
5591
|
}) => {
|
|
5645
|
-
const goTo = (0,
|
|
5592
|
+
const goTo = (0, import_react35.useCallback)(
|
|
5646
5593
|
(page) => {
|
|
5647
5594
|
if (disabled) return;
|
|
5648
5595
|
onPageChange(page);
|
|
@@ -5659,7 +5606,7 @@ var Pagination = ({
|
|
|
5659
5606
|
goTo(currentPage + 1);
|
|
5660
5607
|
}
|
|
5661
5608
|
};
|
|
5662
|
-
const pageTokens = (0,
|
|
5609
|
+
const pageTokens = (0, import_react35.useMemo)(() => {
|
|
5663
5610
|
if (totalPages <= 5) {
|
|
5664
5611
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
5665
5612
|
}
|
|
@@ -5696,7 +5643,7 @@ var Pagination = ({
|
|
|
5696
5643
|
return tokens;
|
|
5697
5644
|
}, [totalPages, currentPage]);
|
|
5698
5645
|
if (totalPages <= 1) return null;
|
|
5699
|
-
const buttonClass = (0,
|
|
5646
|
+
const buttonClass = (0, import_clsx37.default)(
|
|
5700
5647
|
"cursor-pointer disabled:cursor-default",
|
|
5701
5648
|
paddingUsingComponentGap,
|
|
5702
5649
|
"w-8 h-8",
|
|
@@ -5707,14 +5654,14 @@ var Pagination = ({
|
|
|
5707
5654
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5708
5655
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5709
5656
|
);
|
|
5710
|
-
return /* @__PURE__ */ (0,
|
|
5657
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
5711
5658
|
"nav",
|
|
5712
5659
|
{
|
|
5713
5660
|
id,
|
|
5714
5661
|
"data-testid": testid,
|
|
5715
5662
|
"aria-label": "Pagination",
|
|
5716
5663
|
onKeyDown: handleKey,
|
|
5717
|
-
className: (0,
|
|
5664
|
+
className: (0, import_clsx37.default)(
|
|
5718
5665
|
"flex items-center",
|
|
5719
5666
|
"border border-border-primary-normal",
|
|
5720
5667
|
"bg-background-grouped-primary-normal",
|
|
@@ -5722,19 +5669,19 @@ var Pagination = ({
|
|
|
5722
5669
|
className
|
|
5723
5670
|
),
|
|
5724
5671
|
children: [
|
|
5725
|
-
/* @__PURE__ */ (0,
|
|
5672
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5726
5673
|
"button",
|
|
5727
5674
|
{
|
|
5728
5675
|
disabled: disabled || currentPage <= 1,
|
|
5729
5676
|
"aria-label": "Previous page",
|
|
5730
5677
|
onClick: () => goTo(currentPage - 1),
|
|
5731
|
-
className: (0,
|
|
5732
|
-
children: /* @__PURE__ */ (0,
|
|
5678
|
+
className: (0, import_clsx37.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5679
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5733
5680
|
}
|
|
5734
5681
|
),
|
|
5735
|
-
/* @__PURE__ */ (0,
|
|
5682
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { className: (0, import_clsx37.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5736
5683
|
if (token === "ellipsis") {
|
|
5737
|
-
return /* @__PURE__ */ (0,
|
|
5684
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5738
5685
|
"li",
|
|
5739
5686
|
{
|
|
5740
5687
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5744,29 +5691,29 @@ var Pagination = ({
|
|
|
5744
5691
|
);
|
|
5745
5692
|
}
|
|
5746
5693
|
const selected = token === currentPage;
|
|
5747
|
-
return /* @__PURE__ */ (0,
|
|
5694
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5748
5695
|
"button",
|
|
5749
5696
|
{
|
|
5750
5697
|
"aria-label": `Page ${token}`,
|
|
5751
5698
|
"aria-current": selected ? "page" : void 0,
|
|
5752
5699
|
disabled,
|
|
5753
5700
|
onClick: () => goTo(token),
|
|
5754
|
-
className: (0,
|
|
5701
|
+
className: (0, import_clsx37.default)(
|
|
5755
5702
|
buttonClass,
|
|
5756
5703
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5757
5704
|
),
|
|
5758
|
-
children: /* @__PURE__ */ (0,
|
|
5705
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5759
5706
|
}
|
|
5760
5707
|
) }, token);
|
|
5761
5708
|
}) }),
|
|
5762
|
-
/* @__PURE__ */ (0,
|
|
5709
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5763
5710
|
"button",
|
|
5764
5711
|
{
|
|
5765
5712
|
disabled: disabled || currentPage >= totalPages,
|
|
5766
5713
|
"aria-label": "Next page",
|
|
5767
5714
|
onClick: () => goTo(currentPage + 1),
|
|
5768
|
-
className: (0,
|
|
5769
|
-
children: /* @__PURE__ */ (0,
|
|
5715
|
+
className: (0, import_clsx37.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5716
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5770
5717
|
}
|
|
5771
5718
|
)
|
|
5772
5719
|
]
|
|
@@ -5776,34 +5723,34 @@ var Pagination = ({
|
|
|
5776
5723
|
Pagination.displayName = "Pagination";
|
|
5777
5724
|
|
|
5778
5725
|
// src/components/SkeletonParagraph.tsx
|
|
5779
|
-
var
|
|
5726
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5780
5727
|
|
|
5781
5728
|
// src/components/EmptyCartIcon.tsx
|
|
5782
|
-
var
|
|
5729
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5783
5730
|
|
|
5784
5731
|
// src/components/SearchResultImage/index.tsx
|
|
5785
|
-
var
|
|
5786
|
-
var
|
|
5732
|
+
var import_react36 = require("react");
|
|
5733
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5787
5734
|
|
|
5788
5735
|
// src/components/Alert.tsx
|
|
5789
|
-
var
|
|
5790
|
-
var
|
|
5791
|
-
var
|
|
5736
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5737
|
+
var import_react37 = require("react");
|
|
5738
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5792
5739
|
|
|
5793
5740
|
// src/components/OrderCheckIcon.tsx
|
|
5794
|
-
var
|
|
5741
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5795
5742
|
|
|
5796
5743
|
// src/components/DataGrid/utils.tsx
|
|
5797
|
-
var
|
|
5744
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5798
5745
|
function getSortIcon(sort, nextSort = false) {
|
|
5799
|
-
const iconClassName = (0,
|
|
5746
|
+
const iconClassName = (0, import_clsx39.default)(
|
|
5800
5747
|
"text-icon-on-action-primary-normal",
|
|
5801
5748
|
nextSort && "hidden group-hover:block"
|
|
5802
5749
|
);
|
|
5803
5750
|
if (sort === "asc")
|
|
5804
|
-
return /* @__PURE__ */ (0,
|
|
5751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
|
|
5805
5752
|
if (sort === "desc")
|
|
5806
|
-
return /* @__PURE__ */ (0,
|
|
5753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
|
|
5807
5754
|
return null;
|
|
5808
5755
|
}
|
|
5809
5756
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
getSortIcon
|
|
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";
|