@dmsi/wedgekit-react 0.0.864 → 0.0.866
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-3N34VVYD.js +154 -0
- package/dist/{chunk-57HL5K5I.js → chunk-4DPSNQCM.js} +1 -1
- package/dist/{chunk-BH4UKMXV.js → chunk-5NRKL5CJ.js} +3 -3
- package/dist/{chunk-A57PKP6Z.js → chunk-E7XBOMT4.js} +6 -6
- package/dist/{chunk-CJPGHBV5.js → chunk-EGECC3PQ.js} +1 -1
- package/dist/{chunk-ZL6NXIGS.js → chunk-HT57FLRW.js} +1 -1
- package/dist/{chunk-BXEE6VGQ.js → chunk-KLH67DTH.js} +6 -23
- package/dist/{chunk-C5DKGJ4E.js → chunk-KOKA2IJC.js} +4 -4
- package/dist/{chunk-IPQIZG7U.js → chunk-N36EJLRW.js} +1 -1
- package/dist/{chunk-RFF2EFBX.js → chunk-OM7QLLI2.js} +2 -2
- package/dist/{chunk-FXJ7C6RF.js → chunk-PE3EZP56.js} +1 -1
- package/dist/chunk-WVGXD7HT.js +19 -0
- package/dist/{chunk-7OLDYFKY.js → chunk-X3NDEFVA.js} +1 -1
- package/dist/chunk-YV5FS7NV.js +89 -0
- package/dist/chunk-Z2HPSFEQ.js +14 -0
- package/dist/{chunk-RTZO2OU7.js → chunk-Z7XANQ47.js} +1 -1
- package/dist/components/CalendarRange.cjs +65 -46
- package/dist/components/CalendarRange.css +13 -0
- package/dist/components/CalendarRange.js +17 -14
- package/dist/components/CompactImagesPreview.js +3 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +23 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +13 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +17 -14
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +32 -13
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +13 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +17 -14
- package/dist/components/DataGrid/PinnedColumns.cjs +48 -29
- package/dist/components/DataGrid/PinnedColumns.css +13 -0
- package/dist/components/DataGrid/PinnedColumns.js +17 -14
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +24 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.css +13 -0
- package/dist/components/DataGrid/TableBody/LoadingCell.js +17 -14
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +30 -11
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +13 -0
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +17 -14
- package/dist/components/DataGrid/TableBody/index.cjs +45 -26
- package/dist/components/DataGrid/TableBody/index.css +13 -0
- package/dist/components/DataGrid/TableBody/index.js +17 -14
- package/dist/components/DataGrid/index.cjs +135 -116
- package/dist/components/DataGrid/index.css +13 -0
- package/dist/components/DataGrid/index.js +17 -14
- package/dist/components/DataGrid/utils.cjs +24 -5
- package/dist/components/DataGrid/utils.css +13 -0
- package/dist/components/DataGrid/utils.js +17 -14
- package/dist/components/DataGridCell.js +6 -5
- package/dist/components/DateInput.cjs +85 -66
- package/dist/components/DateInput.css +13 -0
- package/dist/components/DateInput.js +17 -14
- package/dist/components/DateRangeInput.cjs +84 -65
- package/dist/components/DateRangeInput.css +13 -0
- package/dist/components/DateRangeInput.js +17 -14
- package/dist/components/EmblaCarousel/ArrowButtons.cjs +147 -0
- package/dist/components/EmblaCarousel/ArrowButtons.js +9 -0
- package/dist/components/EmblaCarousel/SelectedSnapDisplay.cjs +38 -0
- package/dist/components/EmblaCarousel/SelectedSnapDisplay.js +7 -0
- package/dist/components/EmblaCarousel/index.cjs +266 -2
- package/dist/components/EmblaCarousel/index.js +4 -1
- package/dist/components/Menu.js +4 -3
- package/dist/components/MenuOption.js +3 -2
- package/dist/components/MobileDataGrid/ColumnList.css +13 -0
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +31 -12
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +13 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +17 -14
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +39 -20
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +13 -0
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +17 -14
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -4
- package/dist/components/MobileDataGrid/index.cjs +151 -132
- package/dist/components/MobileDataGrid/index.css +13 -0
- package/dist/components/MobileDataGrid/index.js +17 -14
- package/dist/components/Modal.js +3 -2
- package/dist/components/NestedMenu.js +3 -2
- package/dist/components/PDFViewer/DownloadIcon.js +4 -3
- package/dist/components/PDFViewer/index.js +5 -4
- package/dist/components/Password.js +3 -2
- package/dist/components/ProductImagePreview/index.js +4 -3
- package/dist/components/ProjectBar.js +2 -1
- package/dist/components/Stepper.js +3 -2
- package/dist/components/Tooltip.js +3 -2
- package/dist/components/index.cjs +222 -2
- package/dist/components/index.css +13 -0
- package/dist/components/index.js +17 -14
- package/dist/components/useMenuSystem.js +3 -2
- package/dist/hooks/index.js +5 -3
- package/dist/index.css +13 -0
- package/package.json +3 -3
- package/dist/chunk-SZ47M32R.js +0 -13
|
@@ -759,6 +759,10 @@
|
|
|
759
759
|
width: calc(var(--spacing) * 6);
|
|
760
760
|
height: calc(var(--spacing) * 6);
|
|
761
761
|
}
|
|
762
|
+
.size-9 {
|
|
763
|
+
width: calc(var(--spacing) * 9);
|
|
764
|
+
height: calc(var(--spacing) * 9);
|
|
765
|
+
}
|
|
762
766
|
.\!h-4\.5 {
|
|
763
767
|
height: calc(var(--spacing) * 4.5) !important;
|
|
764
768
|
}
|
|
@@ -1063,6 +1067,9 @@
|
|
|
1063
1067
|
.\[appearance\:textfield\] {
|
|
1064
1068
|
appearance: textfield;
|
|
1065
1069
|
}
|
|
1070
|
+
.appearance-none {
|
|
1071
|
+
appearance: none;
|
|
1072
|
+
}
|
|
1066
1073
|
.grid-cols-1 {
|
|
1067
1074
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1068
1075
|
}
|
|
@@ -2122,6 +2129,9 @@
|
|
|
2122
2129
|
.pb-2 {
|
|
2123
2130
|
padding-bottom: calc(var(--spacing) * 2);
|
|
2124
2131
|
}
|
|
2132
|
+
.pb-3 {
|
|
2133
|
+
padding-bottom: calc(var(--spacing) * 3);
|
|
2134
|
+
}
|
|
2125
2135
|
.pb-mobile-component-padding {
|
|
2126
2136
|
padding-bottom: var(--spacing-mobile-component-padding);
|
|
2127
2137
|
}
|
|
@@ -2345,6 +2355,9 @@
|
|
|
2345
2355
|
.text-icon-on-action-secondary-normal {
|
|
2346
2356
|
color: var(--color-icon-on-action-secondary-normal);
|
|
2347
2357
|
}
|
|
2358
|
+
.text-icon-primary-disabled {
|
|
2359
|
+
color: var(--color-icon-primary-disabled);
|
|
2360
|
+
}
|
|
2348
2361
|
.text-icon-primary-normal {
|
|
2349
2362
|
color: var(--color-icon-primary-normal);
|
|
2350
2363
|
}
|
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MobileDataGrid
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
3
|
+
} from "../../chunk-E7XBOMT4.js";
|
|
4
|
+
import "../../chunk-4DPSNQCM.js";
|
|
5
5
|
import "../../chunk-Q4YDNW7N.js";
|
|
6
6
|
import "../../chunk-M7INAUAJ.js";
|
|
7
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-KOKA2IJC.js";
|
|
8
|
+
import "../../chunk-MBZ55T2D.js";
|
|
8
9
|
import "../../chunk-2IKT6IHB.js";
|
|
9
10
|
import "../../chunk-YCDDBSVU.js";
|
|
10
11
|
import "../../chunk-3X3Y4TMS.js";
|
|
11
12
|
import "../../chunk-BQNPOGD5.js";
|
|
12
13
|
import "../../chunk-Y5GD2FJA.js";
|
|
13
|
-
import "../../chunk-
|
|
14
|
-
import "../../chunk-SZ47M32R.js";
|
|
14
|
+
import "../../chunk-3N34VVYD.js";
|
|
15
15
|
import "../../chunk-B4AE3DCA.js";
|
|
16
16
|
import "../../chunk-FP3Y5JJN.js";
|
|
17
17
|
import "../../chunk-5IFPG6TS.js";
|
|
18
|
-
import "../../chunk-AJ5M6MVX.js";
|
|
19
18
|
import "../../chunk-6EYMKEJ6.js";
|
|
19
|
+
import "../../chunk-AJ5M6MVX.js";
|
|
20
|
+
import "../../chunk-YV5FS7NV.js";
|
|
21
|
+
import "../../chunk-Z2HPSFEQ.js";
|
|
20
22
|
import "../../chunk-AT4AWD6B.js";
|
|
21
23
|
import "../../chunk-EWGHVZL5.js";
|
|
22
24
|
import "../../chunk-FZ2TEKOE.js";
|
|
@@ -24,8 +26,8 @@ import "../../chunk-FESS4LWU.js";
|
|
|
24
26
|
import "../../chunk-KBIEWFQS.js";
|
|
25
27
|
import "../../chunk-NSZTJ5R4.js";
|
|
26
28
|
import "../../chunk-LB7UT6F3.js";
|
|
27
|
-
import "../../chunk-
|
|
28
|
-
import "../../chunk-
|
|
29
|
+
import "../../chunk-HT57FLRW.js";
|
|
30
|
+
import "../../chunk-N36EJLRW.js";
|
|
29
31
|
import "../../chunk-4RJKB7LC.js";
|
|
30
32
|
import "../../chunk-UUKHQUSF.js";
|
|
31
33
|
import "../../chunk-WVVEOCEH.js";
|
|
@@ -36,17 +38,18 @@ import "../../chunk-UAMI54FE.js";
|
|
|
36
38
|
import "../../chunk-SJZNVG4N.js";
|
|
37
39
|
import "../../chunk-75USUR3I.js";
|
|
38
40
|
import "../../chunk-BWPNXY7T.js";
|
|
39
|
-
import "../../chunk-
|
|
40
|
-
import "../../chunk-
|
|
41
|
-
import "../../chunk-
|
|
42
|
-
import "../../chunk-
|
|
41
|
+
import "../../chunk-5NRKL5CJ.js";
|
|
42
|
+
import "../../chunk-OM7QLLI2.js";
|
|
43
|
+
import "../../chunk-PE3EZP56.js";
|
|
44
|
+
import "../../chunk-X3NDEFVA.js";
|
|
43
45
|
import "../../chunk-FHXCCVOG.js";
|
|
44
46
|
import "../../chunk-7T5RGDCN.js";
|
|
45
47
|
import "../../chunk-HXGJVYGQ.js";
|
|
46
48
|
import "../../chunk-WVUIIBRR.js";
|
|
47
49
|
import "../../chunk-M7WHWZ2J.js";
|
|
48
|
-
import "../../chunk-
|
|
49
|
-
import "../../chunk-
|
|
50
|
+
import "../../chunk-EGECC3PQ.js";
|
|
51
|
+
import "../../chunk-KLH67DTH.js";
|
|
52
|
+
import "../../chunk-WVGXD7HT.js";
|
|
50
53
|
import "../../chunk-VXWSAIB5.js";
|
|
51
54
|
import "../../chunk-MMZTPVYB.js";
|
|
52
55
|
import "../../chunk-5UH6QUFB.js";
|
package/dist/components/Modal.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Modal
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-N36EJLRW.js";
|
|
5
5
|
import "../chunk-4RJKB7LC.js";
|
|
6
6
|
import "../chunk-UUKHQUSF.js";
|
|
7
7
|
import "../chunk-WVVEOCEH.js";
|
|
8
8
|
import "../chunk-2EAVEFWY.js";
|
|
9
9
|
import "../chunk-E7LGUC2B.js";
|
|
10
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-KLH67DTH.js";
|
|
11
|
+
import "../chunk-WVGXD7HT.js";
|
|
11
12
|
import "../chunk-VXWSAIB5.js";
|
|
12
13
|
import "../chunk-MMZTPVYB.js";
|
|
13
14
|
import "../chunk-5UH6QUFB.js";
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
MenuOption
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-X3NDEFVA.js";
|
|
5
5
|
import {
|
|
6
6
|
Label
|
|
7
7
|
} from "../chunk-HXGJVYGQ.js";
|
|
8
8
|
import {
|
|
9
9
|
useKeydown
|
|
10
|
-
} from "../chunk-
|
|
10
|
+
} from "../chunk-KLH67DTH.js";
|
|
11
|
+
import "../chunk-WVGXD7HT.js";
|
|
11
12
|
import "../chunk-VXWSAIB5.js";
|
|
12
13
|
import "../chunk-MMZTPVYB.js";
|
|
13
14
|
import "../chunk-5UH6QUFB.js";
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DownloadIcon
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
3
|
+
} from "../../chunk-Z7XANQ47.js";
|
|
4
|
+
import "../../chunk-HT57FLRW.js";
|
|
5
|
+
import "../../chunk-KLH67DTH.js";
|
|
6
|
+
import "../../chunk-WVGXD7HT.js";
|
|
6
7
|
import "../../chunk-VXWSAIB5.js";
|
|
7
8
|
import "../../chunk-MMZTPVYB.js";
|
|
8
9
|
import "../../chunk-5UH6QUFB.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
DownloadIcon
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-Z7XANQ47.js";
|
|
5
5
|
import {
|
|
6
6
|
PDFElement
|
|
7
7
|
} from "../../chunk-EQ2RAI53.js";
|
|
@@ -12,16 +12,17 @@ import "../../chunk-VJVY6NPF.js";
|
|
|
12
12
|
import {
|
|
13
13
|
Link
|
|
14
14
|
} from "../../chunk-FSXKJXPN.js";
|
|
15
|
-
import "../../chunk-
|
|
15
|
+
import "../../chunk-HT57FLRW.js";
|
|
16
16
|
import {
|
|
17
17
|
Modal
|
|
18
|
-
} from "../../chunk-
|
|
18
|
+
} from "../../chunk-N36EJLRW.js";
|
|
19
19
|
import "../../chunk-4RJKB7LC.js";
|
|
20
20
|
import "../../chunk-UUKHQUSF.js";
|
|
21
21
|
import "../../chunk-WVVEOCEH.js";
|
|
22
22
|
import "../../chunk-2EAVEFWY.js";
|
|
23
23
|
import "../../chunk-E7LGUC2B.js";
|
|
24
|
-
import "../../chunk-
|
|
24
|
+
import "../../chunk-KLH67DTH.js";
|
|
25
|
+
import "../../chunk-WVGXD7HT.js";
|
|
25
26
|
import "../../chunk-VXWSAIB5.js";
|
|
26
27
|
import "../../chunk-MMZTPVYB.js";
|
|
27
28
|
import "../../chunk-5UH6QUFB.js";
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Tooltip
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-HT57FLRW.js";
|
|
5
5
|
import {
|
|
6
6
|
InputBase
|
|
7
7
|
} from "../chunk-7T5RGDCN.js";
|
|
8
8
|
import "../chunk-HXGJVYGQ.js";
|
|
9
|
-
import "../chunk-
|
|
9
|
+
import "../chunk-KLH67DTH.js";
|
|
10
|
+
import "../chunk-WVGXD7HT.js";
|
|
10
11
|
import "../chunk-VXWSAIB5.js";
|
|
11
12
|
import "../chunk-MMZTPVYB.js";
|
|
12
13
|
import "../chunk-5UH6QUFB.js";
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ProductImagePreview
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-KOKA2IJC.js";
|
|
4
|
+
import "../../chunk-MBZ55T2D.js";
|
|
4
5
|
import "../../chunk-2IKT6IHB.js";
|
|
5
6
|
import "../../chunk-YCDDBSVU.js";
|
|
6
7
|
import "../../chunk-3X3Y4TMS.js";
|
|
7
8
|
import "../../chunk-BQNPOGD5.js";
|
|
8
|
-
import "../../chunk-MBZ55T2D.js";
|
|
9
9
|
import "../../chunk-AT4AWD6B.js";
|
|
10
10
|
import "../../chunk-QVWYTQKL.js";
|
|
11
11
|
import "../../chunk-BWPNXY7T.js";
|
|
12
|
-
import "../../chunk-
|
|
12
|
+
import "../../chunk-KLH67DTH.js";
|
|
13
|
+
import "../../chunk-WVGXD7HT.js";
|
|
13
14
|
import "../../chunk-VXWSAIB5.js";
|
|
14
15
|
import "../../chunk-MMZTPVYB.js";
|
|
15
16
|
import "../../chunk-5UH6QUFB.js";
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Tooltip
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-HT57FLRW.js";
|
|
5
5
|
import {
|
|
6
6
|
InputBase
|
|
7
7
|
} from "../chunk-7T5RGDCN.js";
|
|
8
8
|
import "../chunk-HXGJVYGQ.js";
|
|
9
|
-
import "../chunk-
|
|
9
|
+
import "../chunk-KLH67DTH.js";
|
|
10
|
+
import "../chunk-WVGXD7HT.js";
|
|
10
11
|
import "../chunk-VXWSAIB5.js";
|
|
11
12
|
import "../chunk-MMZTPVYB.js";
|
|
12
13
|
import "../chunk-5UH6QUFB.js";
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Tooltip
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-HT57FLRW.js";
|
|
5
|
+
import "../chunk-KLH67DTH.js";
|
|
6
|
+
import "../chunk-WVGXD7HT.js";
|
|
6
7
|
import "../chunk-VXWSAIB5.js";
|
|
7
8
|
import "../chunk-MMZTPVYB.js";
|
|
8
9
|
import "../chunk-5UH6QUFB.js";
|
|
@@ -8604,11 +8604,231 @@ function AccessCardGroup(props) {
|
|
|
8604
8604
|
}
|
|
8605
8605
|
|
|
8606
8606
|
// src/components/EmblaCarousel/index.tsx
|
|
8607
|
+
var import_react43 = require("react");
|
|
8607
8608
|
var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
|
|
8609
|
+
|
|
8610
|
+
// src/components/EmblaCarousel/SelectedSnapDisplay.tsx
|
|
8608
8611
|
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
8612
|
+
var SelectedSnapDisplay = (props) => {
|
|
8613
|
+
const { selectedSnap, snapCount } = props;
|
|
8614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "embla__selected-snap-display", children: [
|
|
8615
|
+
selectedSnap + 1,
|
|
8616
|
+
" / ",
|
|
8617
|
+
snapCount
|
|
8618
|
+
] });
|
|
8619
|
+
};
|
|
8620
|
+
|
|
8621
|
+
// src/components/EmblaCarousel/useSelectedSnapDisplay.ts
|
|
8622
|
+
var import_react41 = require("react");
|
|
8623
|
+
var useSelectedSnapDisplay = (emblaApi) => {
|
|
8624
|
+
const [selectedSnap, setSelectedSnap] = (0, import_react41.useState)(0);
|
|
8625
|
+
const [snapCount, setSnapCount] = (0, import_react41.useState)(0);
|
|
8626
|
+
const updateScrollSnapState = (0, import_react41.useCallback)((emblaApi2) => {
|
|
8627
|
+
setSnapCount(emblaApi2.slideNodes().length);
|
|
8628
|
+
setSelectedSnap(emblaApi2.selectedSnap());
|
|
8629
|
+
}, []);
|
|
8630
|
+
(0, import_react41.useEffect)(() => {
|
|
8631
|
+
if (!emblaApi) return;
|
|
8632
|
+
updateScrollSnapState(emblaApi);
|
|
8633
|
+
emblaApi.on("select", updateScrollSnapState);
|
|
8634
|
+
emblaApi.on("reinit", updateScrollSnapState);
|
|
8635
|
+
}, [emblaApi, updateScrollSnapState]);
|
|
8636
|
+
return {
|
|
8637
|
+
selectedSnap,
|
|
8638
|
+
snapCount
|
|
8639
|
+
};
|
|
8640
|
+
};
|
|
8641
|
+
|
|
8642
|
+
// src/components/EmblaCarousel/ArrowButtons.tsx
|
|
8643
|
+
var import_clsx43 = __toESM(require("clsx"), 1);
|
|
8644
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
8645
|
+
var arrowButtonStyles = (0, import_clsx43.default)(
|
|
8646
|
+
"appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
|
|
8647
|
+
);
|
|
8648
|
+
var PrevButton = (props) => {
|
|
8649
|
+
const _a = props, { children, disabled } = _a, restProps = __objRest(_a, ["children", "disabled"]);
|
|
8650
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
8651
|
+
"button",
|
|
8652
|
+
__spreadProps(__spreadValues({
|
|
8653
|
+
className: (0, import_clsx43.default)(
|
|
8654
|
+
arrowButtonStyles,
|
|
8655
|
+
!disabled && "border-border-primary-normal hover:border-border-action-hover active:border-border-action-active",
|
|
8656
|
+
disabled && "border-border-action-disabled"
|
|
8657
|
+
),
|
|
8658
|
+
type: "button"
|
|
8659
|
+
}, restProps), {
|
|
8660
|
+
children: [
|
|
8661
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
8662
|
+
"svg",
|
|
8663
|
+
{
|
|
8664
|
+
className: (0, import_clsx43.default)(
|
|
8665
|
+
"size-3 transition-colors duration-300 ease-in-out",
|
|
8666
|
+
!disabled && "text-text-primary-normal",
|
|
8667
|
+
disabled && "text-icon-primary-disabled"
|
|
8668
|
+
),
|
|
8669
|
+
viewBox: "0 0 532 532",
|
|
8670
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
8671
|
+
"path",
|
|
8672
|
+
{
|
|
8673
|
+
fill: "currentColor",
|
|
8674
|
+
d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z"
|
|
8675
|
+
}
|
|
8676
|
+
)
|
|
8677
|
+
}
|
|
8678
|
+
),
|
|
8679
|
+
children
|
|
8680
|
+
]
|
|
8681
|
+
})
|
|
8682
|
+
);
|
|
8683
|
+
};
|
|
8684
|
+
var NextButton = (props) => {
|
|
8685
|
+
const _a = props, { children, disabled } = _a, restProps = __objRest(_a, ["children", "disabled"]);
|
|
8686
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
8687
|
+
"button",
|
|
8688
|
+
__spreadProps(__spreadValues({
|
|
8689
|
+
className: (0, import_clsx43.default)(
|
|
8690
|
+
arrowButtonStyles,
|
|
8691
|
+
!disabled && "border-border-primary-normal hover:border-border-action-hover active:border-border-action-active",
|
|
8692
|
+
disabled && "border-border-action-disabled"
|
|
8693
|
+
),
|
|
8694
|
+
type: "button"
|
|
8695
|
+
}, restProps), {
|
|
8696
|
+
children: [
|
|
8697
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
8698
|
+
"svg",
|
|
8699
|
+
{
|
|
8700
|
+
className: (0, import_clsx43.default)(
|
|
8701
|
+
"size-3 transition-colors duration-300 ease-in-out",
|
|
8702
|
+
!disabled && "text-text-primary-normal",
|
|
8703
|
+
disabled && "text-icon-primary-disabled"
|
|
8704
|
+
),
|
|
8705
|
+
viewBox: "0 0 532 532",
|
|
8706
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
8707
|
+
"path",
|
|
8708
|
+
{
|
|
8709
|
+
fill: "currentColor",
|
|
8710
|
+
d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z"
|
|
8711
|
+
}
|
|
8712
|
+
)
|
|
8713
|
+
}
|
|
8714
|
+
),
|
|
8715
|
+
children
|
|
8716
|
+
]
|
|
8717
|
+
})
|
|
8718
|
+
);
|
|
8719
|
+
};
|
|
8720
|
+
|
|
8721
|
+
// src/components/EmblaCarousel/usePrevNextButtons.ts
|
|
8722
|
+
var import_react42 = require("react");
|
|
8723
|
+
var usePrevNextButtons = (emblaApi) => {
|
|
8724
|
+
const [prevBtnDisabled, setPrevBtnDisabled] = (0, import_react42.useState)(true);
|
|
8725
|
+
const [nextBtnDisabled, setNextBtnDisabled] = (0, import_react42.useState)(true);
|
|
8726
|
+
const onPrevButtonClick = (0, import_react42.useCallback)(() => {
|
|
8727
|
+
if (!emblaApi) return;
|
|
8728
|
+
emblaApi.goToPrev();
|
|
8729
|
+
}, [emblaApi]);
|
|
8730
|
+
const onNextButtonClick = (0, import_react42.useCallback)(() => {
|
|
8731
|
+
if (!emblaApi) return;
|
|
8732
|
+
emblaApi.goToNext();
|
|
8733
|
+
}, [emblaApi]);
|
|
8734
|
+
const onSelect = (0, import_react42.useCallback)((emblaApi2) => {
|
|
8735
|
+
setPrevBtnDisabled(!emblaApi2.canGoToPrev());
|
|
8736
|
+
setNextBtnDisabled(!emblaApi2.canGoToNext());
|
|
8737
|
+
}, []);
|
|
8738
|
+
(0, import_react42.useEffect)(() => {
|
|
8739
|
+
if (!emblaApi) return;
|
|
8740
|
+
onSelect(emblaApi);
|
|
8741
|
+
emblaApi.on("reinit", onSelect).on("select", onSelect);
|
|
8742
|
+
}, [emblaApi, onSelect]);
|
|
8743
|
+
return {
|
|
8744
|
+
prevBtnDisabled,
|
|
8745
|
+
nextBtnDisabled,
|
|
8746
|
+
onPrevButtonClick,
|
|
8747
|
+
onNextButtonClick
|
|
8748
|
+
};
|
|
8749
|
+
};
|
|
8750
|
+
|
|
8751
|
+
// src/components/EmblaCarousel/index.tsx
|
|
8752
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
8753
|
+
var TWEEN_FACTOR_BASE = 0.2;
|
|
8609
8754
|
var EmblaCarousel = ({ options, children }) => {
|
|
8610
|
-
const [emblaRef] = (0, import_embla_carousel_react.default)(options);
|
|
8611
|
-
|
|
8755
|
+
const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)(options);
|
|
8756
|
+
const tweenFactor = (0, import_react43.useRef)(0);
|
|
8757
|
+
const tweenNodes = (0, import_react43.useRef)([]);
|
|
8758
|
+
const isMobile = useMatchesMobile();
|
|
8759
|
+
const {
|
|
8760
|
+
prevBtnDisabled,
|
|
8761
|
+
nextBtnDisabled,
|
|
8762
|
+
onPrevButtonClick,
|
|
8763
|
+
onNextButtonClick
|
|
8764
|
+
} = usePrevNextButtons(emblaApi);
|
|
8765
|
+
const { selectedSnap, snapCount } = useSelectedSnapDisplay(emblaApi);
|
|
8766
|
+
const setTweenNodes = (0, import_react43.useCallback)((emblaApi2) => {
|
|
8767
|
+
tweenNodes.current = emblaApi2.slideNodes().map((slideNode) => {
|
|
8768
|
+
return slideNode.querySelector(".embla__parallax__layer");
|
|
8769
|
+
});
|
|
8770
|
+
}, []);
|
|
8771
|
+
const setTweenFactor = (0, import_react43.useCallback)((emblaApi2) => {
|
|
8772
|
+
tweenFactor.current = TWEEN_FACTOR_BASE * emblaApi2.snapList().length;
|
|
8773
|
+
}, []);
|
|
8774
|
+
const tweenParallax = (0, import_react43.useCallback)(
|
|
8775
|
+
(emblaApi2, event) => {
|
|
8776
|
+
const engine = emblaApi2.internalEngine();
|
|
8777
|
+
const scrollProgress = emblaApi2.scrollProgress();
|
|
8778
|
+
const slidesInView = emblaApi2.slidesInView();
|
|
8779
|
+
const isScrollEvent = (event == null ? void 0 : event.type) === "scroll";
|
|
8780
|
+
emblaApi2.snapList().forEach((scrollSnap, snapIndex) => {
|
|
8781
|
+
let diffToTarget = scrollSnap - scrollProgress;
|
|
8782
|
+
const slidesInSnap = engine.scrollSnapList.slidesBySnap[snapIndex];
|
|
8783
|
+
slidesInSnap.forEach((slideIndex) => {
|
|
8784
|
+
if (isScrollEvent && !slidesInView.includes(slideIndex)) return;
|
|
8785
|
+
if (engine.options.loop) {
|
|
8786
|
+
engine.slideLooper.loopPoints.forEach((loopItem) => {
|
|
8787
|
+
const target = loopItem.target();
|
|
8788
|
+
if (slideIndex === loopItem.index && target !== 0) {
|
|
8789
|
+
const sign = Math.sign(target);
|
|
8790
|
+
if (sign === -1) {
|
|
8791
|
+
diffToTarget = scrollSnap - (1 + scrollProgress);
|
|
8792
|
+
}
|
|
8793
|
+
if (sign === 1) {
|
|
8794
|
+
diffToTarget = scrollSnap + (1 - scrollProgress);
|
|
8795
|
+
}
|
|
8796
|
+
}
|
|
8797
|
+
});
|
|
8798
|
+
}
|
|
8799
|
+
const translate = diffToTarget * (-1 * tweenFactor.current) * 100;
|
|
8800
|
+
const tweenNode = tweenNodes.current[slideIndex];
|
|
8801
|
+
if (tweenNode) {
|
|
8802
|
+
tweenNode.style.transform = `translateX(${translate}%)`;
|
|
8803
|
+
}
|
|
8804
|
+
});
|
|
8805
|
+
});
|
|
8806
|
+
},
|
|
8807
|
+
[]
|
|
8808
|
+
);
|
|
8809
|
+
(0, import_react43.useEffect)(() => {
|
|
8810
|
+
if (!emblaApi || !isMobile) return;
|
|
8811
|
+
setTweenNodes(emblaApi);
|
|
8812
|
+
setTweenFactor(emblaApi);
|
|
8813
|
+
tweenParallax(emblaApi);
|
|
8814
|
+
emblaApi.on("reinit", setTweenNodes).on("reinit", setTweenFactor).on("reinit", tweenParallax).on("scroll", tweenParallax).on("slidefocus", tweenParallax);
|
|
8815
|
+
}, [emblaApi, tweenParallax, isMobile, setTweenNodes, setTweenFactor]);
|
|
8816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("section", { className: "w-full m-auto grid gap-4", children: [
|
|
8817
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "embla__container flex touch-pan-y touch-pinch-zoom gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap pb-3", children }) }),
|
|
8818
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "justify-between hidden desktop:flex", children: [
|
|
8819
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
8820
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PrevButton, { onClick: onPrevButtonClick, disabled: prevBtnDisabled }),
|
|
8821
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NextButton, { onClick: onNextButtonClick, disabled: nextBtnDisabled })
|
|
8822
|
+
] }),
|
|
8823
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
8824
|
+
SelectedSnapDisplay,
|
|
8825
|
+
{
|
|
8826
|
+
selectedSnap,
|
|
8827
|
+
snapCount
|
|
8828
|
+
}
|
|
8829
|
+
)
|
|
8830
|
+
] })
|
|
8831
|
+
] });
|
|
8612
8832
|
};
|
|
8613
8833
|
// Annotate the CommonJS export names for ESM import in node:
|
|
8614
8834
|
0 && (module.exports = {
|
|
@@ -759,6 +759,10 @@
|
|
|
759
759
|
width: calc(var(--spacing) * 6);
|
|
760
760
|
height: calc(var(--spacing) * 6);
|
|
761
761
|
}
|
|
762
|
+
.size-9 {
|
|
763
|
+
width: calc(var(--spacing) * 9);
|
|
764
|
+
height: calc(var(--spacing) * 9);
|
|
765
|
+
}
|
|
762
766
|
.\!h-4\.5 {
|
|
763
767
|
height: calc(var(--spacing) * 4.5) !important;
|
|
764
768
|
}
|
|
@@ -1063,6 +1067,9 @@
|
|
|
1063
1067
|
.\[appearance\:textfield\] {
|
|
1064
1068
|
appearance: textfield;
|
|
1065
1069
|
}
|
|
1070
|
+
.appearance-none {
|
|
1071
|
+
appearance: none;
|
|
1072
|
+
}
|
|
1066
1073
|
.grid-cols-1 {
|
|
1067
1074
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1068
1075
|
}
|
|
@@ -2122,6 +2129,9 @@
|
|
|
2122
2129
|
.pb-2 {
|
|
2123
2130
|
padding-bottom: calc(var(--spacing) * 2);
|
|
2124
2131
|
}
|
|
2132
|
+
.pb-3 {
|
|
2133
|
+
padding-bottom: calc(var(--spacing) * 3);
|
|
2134
|
+
}
|
|
2125
2135
|
.pb-mobile-component-padding {
|
|
2126
2136
|
padding-bottom: var(--spacing-mobile-component-padding);
|
|
2127
2137
|
}
|
|
@@ -2345,6 +2355,9 @@
|
|
|
2345
2355
|
.text-icon-on-action-secondary-normal {
|
|
2346
2356
|
color: var(--color-icon-on-action-secondary-normal);
|
|
2347
2357
|
}
|
|
2358
|
+
.text-icon-primary-disabled {
|
|
2359
|
+
color: var(--color-icon-primary-disabled);
|
|
2360
|
+
}
|
|
2348
2361
|
.text-icon-primary-normal {
|
|
2349
2362
|
color: var(--color-icon-primary-normal);
|
|
2350
2363
|
}
|
package/dist/components/index.js
CHANGED
|
@@ -2,13 +2,14 @@ import {
|
|
|
2
2
|
DataGrid,
|
|
3
3
|
DateInput,
|
|
4
4
|
MobileDataGrid
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
5
|
+
} from "../chunk-E7XBOMT4.js";
|
|
6
|
+
import "../chunk-4DPSNQCM.js";
|
|
7
7
|
import "../chunk-Q4YDNW7N.js";
|
|
8
8
|
import "../chunk-M7INAUAJ.js";
|
|
9
9
|
import {
|
|
10
10
|
ProductImagePreview
|
|
11
|
-
} from "../chunk-
|
|
11
|
+
} from "../chunk-KOKA2IJC.js";
|
|
12
|
+
import "../chunk-MBZ55T2D.js";
|
|
12
13
|
import "../chunk-2IKT6IHB.js";
|
|
13
14
|
import "../chunk-YCDDBSVU.js";
|
|
14
15
|
import "../chunk-3X3Y4TMS.js";
|
|
@@ -16,17 +17,18 @@ import "../chunk-BQNPOGD5.js";
|
|
|
16
17
|
import {
|
|
17
18
|
SearchResultImage
|
|
18
19
|
} from "../chunk-Y5GD2FJA.js";
|
|
19
|
-
import "../chunk-MBZ55T2D.js";
|
|
20
20
|
import {
|
|
21
21
|
EmblaCarousel
|
|
22
|
-
} from "../chunk-
|
|
22
|
+
} from "../chunk-3N34VVYD.js";
|
|
23
23
|
import "../chunk-B4AE3DCA.js";
|
|
24
24
|
import "../chunk-FP3Y5JJN.js";
|
|
25
25
|
import {
|
|
26
26
|
useGridContext
|
|
27
27
|
} from "../chunk-5IFPG6TS.js";
|
|
28
|
-
import "../chunk-AJ5M6MVX.js";
|
|
29
28
|
import "../chunk-6EYMKEJ6.js";
|
|
29
|
+
import "../chunk-AJ5M6MVX.js";
|
|
30
|
+
import "../chunk-YV5FS7NV.js";
|
|
31
|
+
import "../chunk-Z2HPSFEQ.js";
|
|
30
32
|
import "../chunk-AT4AWD6B.js";
|
|
31
33
|
import "../chunk-EWGHVZL5.js";
|
|
32
34
|
import {
|
|
@@ -46,8 +48,8 @@ import {
|
|
|
46
48
|
} from "../chunk-LB7UT6F3.js";
|
|
47
49
|
import {
|
|
48
50
|
Tooltip
|
|
49
|
-
} from "../chunk-
|
|
50
|
-
import "../chunk-
|
|
51
|
+
} from "../chunk-HT57FLRW.js";
|
|
52
|
+
import "../chunk-N36EJLRW.js";
|
|
51
53
|
import "../chunk-4RJKB7LC.js";
|
|
52
54
|
import "../chunk-UUKHQUSF.js";
|
|
53
55
|
import "../chunk-WVVEOCEH.js";
|
|
@@ -69,14 +71,14 @@ import {
|
|
|
69
71
|
DataGridCell,
|
|
70
72
|
DragAlongCell,
|
|
71
73
|
DraggableCellHeader
|
|
72
|
-
} from "../chunk-
|
|
74
|
+
} from "../chunk-5NRKL5CJ.js";
|
|
73
75
|
import {
|
|
74
76
|
Menu
|
|
75
|
-
} from "../chunk-
|
|
76
|
-
import "../chunk-
|
|
77
|
+
} from "../chunk-OM7QLLI2.js";
|
|
78
|
+
import "../chunk-PE3EZP56.js";
|
|
77
79
|
import {
|
|
78
80
|
MenuOption
|
|
79
|
-
} from "../chunk-
|
|
81
|
+
} from "../chunk-X3NDEFVA.js";
|
|
80
82
|
import {
|
|
81
83
|
Search
|
|
82
84
|
} from "../chunk-FHXCCVOG.js";
|
|
@@ -92,8 +94,9 @@ import {
|
|
|
92
94
|
} from "../chunk-M7WHWZ2J.js";
|
|
93
95
|
import {
|
|
94
96
|
CompactImagesPreview
|
|
95
|
-
} from "../chunk-
|
|
96
|
-
import "../chunk-
|
|
97
|
+
} from "../chunk-EGECC3PQ.js";
|
|
98
|
+
import "../chunk-KLH67DTH.js";
|
|
99
|
+
import "../chunk-WVGXD7HT.js";
|
|
97
100
|
import "../chunk-VXWSAIB5.js";
|
|
98
101
|
import "../chunk-MMZTPVYB.js";
|
|
99
102
|
import "../chunk-5UH6QUFB.js";
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
useMenuPosition,
|
|
4
4
|
useSubMenuSystem
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
5
|
+
} from "../chunk-PE3EZP56.js";
|
|
6
|
+
import "../chunk-KLH67DTH.js";
|
|
7
|
+
import "../chunk-WVGXD7HT.js";
|
|
7
8
|
import "../chunk-VXWSAIB5.js";
|
|
8
9
|
import "../chunk-MMZTPVYB.js";
|
|
9
10
|
import "../chunk-5UH6QUFB.js";
|
package/dist/hooks/index.js
CHANGED
|
@@ -2,10 +2,12 @@ import {
|
|
|
2
2
|
useEditCell,
|
|
3
3
|
useInfiniteScroll,
|
|
4
4
|
useKeydown,
|
|
5
|
-
useMatchesMedia,
|
|
6
|
-
useMatchesMobile,
|
|
7
5
|
useTableLayout
|
|
8
|
-
} from "../chunk-
|
|
6
|
+
} from "../chunk-KLH67DTH.js";
|
|
7
|
+
import {
|
|
8
|
+
useMatchesMedia,
|
|
9
|
+
useMatchesMobile
|
|
10
|
+
} from "../chunk-WVGXD7HT.js";
|
|
9
11
|
import "../chunk-VXWSAIB5.js";
|
|
10
12
|
import "../chunk-MMZTPVYB.js";
|
|
11
13
|
import "../chunk-5UH6QUFB.js";
|