@dmsi/wedgekit-react 0.0.414 → 0.0.417
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 +114 -0
- package/dist/{chunk-JIMJIJOF.js → chunk-5TGP5EFM.js} +2 -2
- package/dist/{chunk-2HMCS25C.js → chunk-6LHBY2IH.js} +1 -1
- package/dist/{chunk-6I5LZ2ZC.js → chunk-7AXHAWJX.js} +3 -3
- package/dist/{chunk-MQX7GFLX.js → chunk-CAQWLY5V.js} +24 -6
- package/dist/{chunk-QQ5G773N.js → chunk-DCLNAUC4.js} +1 -1
- package/dist/{chunk-GB4ZTUQV.js → chunk-DTW7JCBR.js} +36 -0
- package/dist/{chunk-OBY5EH47.js → chunk-HYJIDHAK.js} +6 -6
- package/dist/{chunk-LZGYABCX.js → chunk-IMOIZFJZ.js} +8 -8
- package/dist/chunk-KBJZUVLM.js +65 -0
- package/dist/{chunk-AA6GE3TH.js → chunk-LUPHOXAQ.js} +1 -1
- package/dist/chunk-NRNWEQD7.js +66 -0
- package/dist/{chunk-44TDIHUP.js → chunk-P3MIP2FD.js} +1 -1
- package/dist/chunk-PQWWVBSR.js +61 -0
- package/dist/{chunk-ERW5DEIO.js → chunk-RQLWSLVE.js} +1 -1
- package/dist/chunk-TYAQWVIM.js +159 -0
- package/dist/{chunk-KZZKQLKF.js → chunk-W55J2KJZ.js} +1 -1
- package/dist/chunk-Y2GK27RX.js +79 -0
- package/dist/components/Accordion.cjs +74 -2
- package/dist/components/Accordion.js +3 -3
- package/dist/components/CalendarRange.cjs +232 -53
- package/dist/components/CalendarRange.css +178 -65
- package/dist/components/CalendarRange.js +25 -17
- package/dist/components/Card.cjs +38 -2
- package/dist/components/Card.js +1 -1
- package/dist/components/CompactImagesPreview.cjs +59 -5
- package/dist/components/CompactImagesPreview.js +2 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +190 -11
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +178 -65
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +25 -17
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +200 -21
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +178 -65
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +25 -17
- package/dist/components/DataGrid/PinnedColumns.cjs +215 -36
- package/dist/components/DataGrid/PinnedColumns.css +178 -65
- package/dist/components/DataGrid/PinnedColumns.js +25 -17
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +191 -12
- package/dist/components/DataGrid/TableBody/LoadingCell.css +178 -65
- package/dist/components/DataGrid/TableBody/LoadingCell.js +25 -17
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +197 -18
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +178 -65
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +25 -17
- package/dist/components/DataGrid/TableBody/index.cjs +212 -33
- package/dist/components/DataGrid/TableBody/index.css +178 -65
- package/dist/components/DataGrid/TableBody/index.js +25 -17
- package/dist/components/DataGrid/index.cjs +301 -122
- package/dist/components/DataGrid/index.css +178 -65
- package/dist/components/DataGrid/index.js +25 -17
- package/dist/components/DataGrid/utils.cjs +191 -12
- package/dist/components/DataGrid/utils.css +178 -65
- package/dist/components/DataGrid/utils.js +25 -17
- package/dist/components/DateInput.cjs +251 -72
- package/dist/components/DateInput.css +178 -65
- package/dist/components/DateInput.js +25 -17
- package/dist/components/DateRangeInput.cjs +251 -72
- package/dist/components/DateRangeInput.css +178 -65
- package/dist/components/DateRangeInput.js +25 -17
- package/dist/components/Grid.cjs +81 -76
- package/dist/components/Grid.js +1 -1
- package/dist/components/ListGroup.cjs +553 -0
- package/dist/components/ListGroup.js +11 -0
- package/dist/components/MobileDataGrid/ColumnList.cjs +36 -0
- package/dist/components/MobileDataGrid/ColumnList.js +3 -3
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +198 -19
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +178 -65
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +25 -17
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +36 -0
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +242 -27
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +178 -65
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +25 -17
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +36 -0
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +36 -0
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
- package/dist/components/MobileDataGrid/index.cjs +742 -527
- package/dist/components/MobileDataGrid/index.css +178 -65
- package/dist/components/MobileDataGrid/index.js +25 -17
- package/dist/components/Modal.js +2 -2
- package/dist/components/Notification.cjs +36 -0
- package/dist/components/Notification.js +1 -1
- package/dist/components/PDFViewer/PDFElement.cjs +36 -0
- package/dist/components/PDFViewer/PDFElement.js +2 -2
- package/dist/components/PDFViewer/PDFNavigation.cjs +36 -0
- package/dist/components/PDFViewer/PDFNavigation.js +2 -2
- package/dist/components/PDFViewer/index.cjs +36 -0
- package/dist/components/PDFViewer/index.js +8 -111
- package/dist/components/Pagination.cjs +427 -0
- package/dist/components/Pagination.js +10 -0
- package/dist/components/ProductImagePreview/index.cjs +139 -127
- package/dist/components/ProductImagePreview/index.js +5 -5
- package/dist/components/SideMenuGroup.cjs +36 -0
- package/dist/components/SideMenuGroup.js +1 -1
- package/dist/components/SideMenuItem.cjs +36 -0
- package/dist/components/SideMenuItem.js +1 -1
- package/dist/components/SimpleTable.cjs +521 -0
- package/dist/components/SimpleTable.js +10 -0
- package/dist/components/Stack.cjs +36 -0
- package/dist/components/Stack.js +1 -1
- package/dist/components/Swatch.cjs +36 -0
- package/dist/components/Swatch.js +1 -1
- package/dist/components/Time.cjs +36 -0
- package/dist/components/Time.js +1 -1
- package/dist/components/Tooltip.cjs +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Upload.cjs +36 -0
- package/dist/components/Upload.js +1 -1
- package/dist/components/index.cjs +739 -131
- package/dist/components/index.css +178 -65
- package/dist/components/index.js +37 -17
- package/dist/index.css +178 -65
- package/package.json +1 -1
- package/src/components/Card.tsx +60 -2
- package/src/components/CompactImagesPreview.tsx +54 -30
- package/src/components/Grid.tsx +59 -91
- package/src/components/ListGroup.tsx +82 -0
- package/src/components/Pagination.tsx +182 -0
- package/src/components/SimpleTable.tsx +77 -0
- package/src/components/Stack.tsx +76 -0
- package/src/components/Tooltip.tsx +4 -3
- package/src/components/index.ts +4 -0
- package/dist/chunk-ER6RCOH3.js +0 -97
- package/dist/chunk-EZCH4PQS.js +0 -29
- package/dist/{chunk-D6YCMQPO.js → chunk-SBCFBHNG.js} +3 -3
package/src/components/index.ts
CHANGED
|
@@ -23,3 +23,7 @@ export { Card } from "./Card";
|
|
|
23
23
|
export { MobileDataGrid } from "./MobileDataGrid";
|
|
24
24
|
export { ProductImagePreview } from "./ProductImagePreview";
|
|
25
25
|
export { CompactImagesPreview } from "./CompactImagesPreview";
|
|
26
|
+
export { SimpleTable } from "./SimpleTable";
|
|
27
|
+
export { PDFViewer } from "./PDFViewer";
|
|
28
|
+
export { ListGroup } from "./ListGroup";
|
|
29
|
+
export { Pagination } from "./Pagination";
|
package/dist/chunk-ER6RCOH3.js
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
// src/components/Grid.tsx
|
|
2
|
-
import { Children } from "react";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var COLUMNS_WITH_SIDE_MENU_MAP = {
|
|
6
|
-
1: "grid-cols-1",
|
|
7
|
-
2: "sm:grid-cols-2",
|
|
8
|
-
3: "sm:grid-cols-2 md:grid-cols-3",
|
|
9
|
-
4: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4",
|
|
10
|
-
5: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4",
|
|
11
|
-
6: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4",
|
|
12
|
-
7: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6",
|
|
13
|
-
8: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6",
|
|
14
|
-
9: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6",
|
|
15
|
-
10: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6",
|
|
16
|
-
11: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-8",
|
|
17
|
-
12: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-8"
|
|
18
|
-
};
|
|
19
|
-
var COLUMNS_WITHOUT_SIDE_MENU_MAP = {
|
|
20
|
-
1: "grid-cols-1",
|
|
21
|
-
2: "sm:grid-cols-2",
|
|
22
|
-
3: "sm:grid-cols-2 md:grid-cols-3",
|
|
23
|
-
4: "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4",
|
|
24
|
-
5: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",
|
|
25
|
-
6: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6",
|
|
26
|
-
7: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-7",
|
|
27
|
-
8: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8",
|
|
28
|
-
9: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-9",
|
|
29
|
-
10: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-8 2xl:grid-cols-10",
|
|
30
|
-
11: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-8 2xl:grid-cols-11",
|
|
31
|
-
12: "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-8 2xl:grid-cols-12"
|
|
32
|
-
};
|
|
33
|
-
var getChildCountBasedClasses = (childCount, hasSideMenu) => {
|
|
34
|
-
if (hasSideMenu) {
|
|
35
|
-
if (childCount <= 1) return "grid-cols-1";
|
|
36
|
-
if (childCount <= 2) return "sm:grid-cols-2";
|
|
37
|
-
if (childCount === 3) return "sm:grid-cols-2 md:grid-cols-3";
|
|
38
|
-
if (childCount <= 5) return "sm:grid-cols-2 md:grid-cols-3";
|
|
39
|
-
return "sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6";
|
|
40
|
-
}
|
|
41
|
-
if (childCount <= 1) return "grid-cols-1";
|
|
42
|
-
if (childCount <= 2) return "sm:grid-cols-2";
|
|
43
|
-
if (childCount === 3) return "sm:grid-cols-2 md:grid-cols-3";
|
|
44
|
-
if (childCount <= 5) return "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4";
|
|
45
|
-
if (childCount <= 6)
|
|
46
|
-
return "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6";
|
|
47
|
-
if (childCount === 7)
|
|
48
|
-
return "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6";
|
|
49
|
-
if (childCount <= 11)
|
|
50
|
-
return "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8";
|
|
51
|
-
return "sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-8 2xl:grid-cols-12";
|
|
52
|
-
};
|
|
53
|
-
var getGridClasses = (childCount, hasSideMenu, columns) => {
|
|
54
|
-
var _a;
|
|
55
|
-
if (columns) {
|
|
56
|
-
const map = hasSideMenu ? COLUMNS_WITH_SIDE_MENU_MAP : COLUMNS_WITHOUT_SIDE_MENU_MAP;
|
|
57
|
-
return (_a = map[columns]) != null ? _a : map[12];
|
|
58
|
-
}
|
|
59
|
-
return getChildCountBasedClasses(childCount, hasSideMenu != null ? hasSideMenu : false);
|
|
60
|
-
};
|
|
61
|
-
var Grid = ({
|
|
62
|
-
children,
|
|
63
|
-
sizing = "container",
|
|
64
|
-
padding,
|
|
65
|
-
hasSideMenu = false,
|
|
66
|
-
columns,
|
|
67
|
-
id,
|
|
68
|
-
testid,
|
|
69
|
-
style
|
|
70
|
-
}) => {
|
|
71
|
-
const childCount = Children.count(children);
|
|
72
|
-
return /* @__PURE__ */ jsx(
|
|
73
|
-
"div",
|
|
74
|
-
{
|
|
75
|
-
id,
|
|
76
|
-
"data-testid": testid,
|
|
77
|
-
className: clsx(
|
|
78
|
-
padding && sizing === "container" && "p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding",
|
|
79
|
-
padding && sizing === "layout" && "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
|
|
80
|
-
padding && sizing === "layout-group" && "p-mobile-layout-group-padding desktop:p-desktop-layout-group-padding compact:p-desktop-compact-layout-group-padding",
|
|
81
|
-
padding && sizing === "component" && "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding",
|
|
82
|
-
sizing === "layout-group" && "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-compact-layout-group-gap",
|
|
83
|
-
sizing === "layout" && "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap",
|
|
84
|
-
sizing === "container" && "gap-mobile-container-gap desktop:gap-desktop-container-gap compact:gap-compact-container-gap",
|
|
85
|
-
sizing === "component" && "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-compact-component-gap",
|
|
86
|
-
"w-full grid",
|
|
87
|
-
getGridClasses(childCount, hasSideMenu, columns)
|
|
88
|
-
),
|
|
89
|
-
style,
|
|
90
|
-
children
|
|
91
|
-
}
|
|
92
|
-
);
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
export {
|
|
96
|
-
Grid
|
|
97
|
-
};
|
package/dist/chunk-EZCH4PQS.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
__objRest,
|
|
3
|
-
__spreadProps,
|
|
4
|
-
__spreadValues
|
|
5
|
-
} from "./chunk-ORMEWXMH.js";
|
|
6
|
-
|
|
7
|
-
// src/components/Card.tsx
|
|
8
|
-
import clsx from "clsx";
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
function Card(props) {
|
|
11
|
-
const _a = props, { children, selected, testid } = _a, rest = __objRest(_a, ["children", "selected", "testid"]);
|
|
12
|
-
const CardComponent = props.as || "div";
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
CardComponent,
|
|
15
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
16
|
-
"data-testid": testid,
|
|
17
|
-
className: clsx(
|
|
18
|
-
"rounded-sm p-desktop-layout-padding",
|
|
19
|
-
selected ? "border-2 border-border-primary-focus" : "border border-border-primary-normal",
|
|
20
|
-
rest.className
|
|
21
|
-
),
|
|
22
|
-
children
|
|
23
|
-
})
|
|
24
|
-
);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export {
|
|
28
|
-
Card
|
|
29
|
-
};
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useMounted
|
|
3
3
|
} from "./chunk-4RJKB7LC.js";
|
|
4
|
+
import {
|
|
5
|
+
ModalScrim
|
|
6
|
+
} from "./chunk-AG43RS4Q.js";
|
|
4
7
|
import {
|
|
5
8
|
ModalButtons
|
|
6
9
|
} from "./chunk-XM7IQHBU.js";
|
|
@@ -10,9 +13,6 @@ import {
|
|
|
10
13
|
import {
|
|
11
14
|
ModalHeader
|
|
12
15
|
} from "./chunk-T36HX6QY.js";
|
|
13
|
-
import {
|
|
14
|
-
ModalScrim
|
|
15
|
-
} from "./chunk-AG43RS4Q.js";
|
|
16
16
|
import {
|
|
17
17
|
useMatchesMobile
|
|
18
18
|
} from "./chunk-MYKYZHEO.js";
|