@dmsi/wedgekit-react 0.0.171 → 0.0.172

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.
Files changed (39) hide show
  1. package/dist/{chunk-GCBW2LDM.js → chunk-F6YFWBVV.js} +7 -5
  2. package/dist/{chunk-6A54FL75.js → chunk-MJKBQSNI.js} +16 -4
  3. package/dist/{chunk-OJX75MY2.js → chunk-O4JGGMFE.js} +6 -6
  4. package/dist/{chunk-IDSFWKOR.js → chunk-PMBEIP24.js} +1 -1
  5. package/dist/{chunk-KADNOKNW.js → chunk-XH65MD2C.js} +1 -1
  6. package/dist/components/DataGridCell.js +6 -6
  7. package/dist/components/DateInput.js +10 -10
  8. package/dist/components/DateRangeInput.js +10 -10
  9. package/dist/components/FilterGroup.js +5 -5
  10. package/dist/components/Input.js +2 -2
  11. package/dist/components/MobileDataGrid.js +3 -3
  12. package/dist/components/Modal.cjs +18 -4
  13. package/dist/components/Modal.js +4 -4
  14. package/dist/components/ModalButtons.js +2 -2
  15. package/dist/components/ModalHeader.cjs +13 -1
  16. package/dist/components/ModalHeader.js +2 -2
  17. package/dist/components/NavigationTab.js +2 -2
  18. package/dist/components/NavigationTabs.js +2 -2
  19. package/dist/components/Notification.js +3 -3
  20. package/dist/components/OptionPill.js +2 -2
  21. package/dist/components/PDFViewer.cjs +221 -101
  22. package/dist/components/PDFViewer.js +155 -97
  23. package/dist/components/Password.js +2 -2
  24. package/dist/components/Search.js +3 -3
  25. package/dist/components/Select.js +3 -3
  26. package/dist/components/Stepper.js +5 -5
  27. package/dist/components/Time.js +2 -2
  28. package/dist/components/Toast.js +3 -3
  29. package/dist/components/Upload.js +3 -3
  30. package/dist/components/index.js +12 -12
  31. package/dist/index.css +8 -0
  32. package/package.json +1 -1
  33. package/src/components/Modal.tsx +5 -2
  34. package/src/components/ModalHeader.tsx +10 -1
  35. package/src/components/PDFViewer.tsx +86 -15
  36. package/dist/{chunk-MVGOAMTP.js → chunk-4T3DRGLF.js} +3 -3
  37. package/dist/{chunk-T7NDKJDP.js → chunk-C4JGTH6G.js} +3 -3
  38. package/dist/{chunk-UGNB32SL.js → chunk-LM5MKBPM.js} +3 -3
  39. package/dist/{chunk-ZR4E5A43.js → chunk-ZGFQN47L.js} +3 -3
package/dist/{chunk-GCBW2LDM.js → chunk-F6YFWBVV.js} RENAMED
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk-4RJKB7LC.js";
4
4
  import {
5
5
  ModalButtons
6
- } from "./chunk-T7NDKJDP.js";
6
+ } from "./chunk-C4JGTH6G.js";
7
7
  import {
8
8
  ModalContent
9
9
  } from "./chunk-SYEJVSE4.js";
10
10
  import {
11
11
  ModalHeader
12
- } from "./chunk-6A54FL75.js";
12
+ } from "./chunk-MJKBQSNI.js";
13
13
  import {
14
14
  ModalScrim
15
15
  } from "./chunk-ZFOANBWG.js";
@@ -97,6 +97,7 @@ var Modal = ({
97
97
  showButtons = false,
98
98
  hideCloseIcon = false,
99
99
  headerIcon,
100
+ headerIconAlign,
100
101
  fixedHeightScrolling = false,
101
102
  customActions
102
103
  }) => {
@@ -126,7 +127,7 @@ var Modal = ({
126
127
  fadeInScale(modalRef.current);
127
128
  bgFadeIn(bgRef.current);
128
129
  }
129
- }, [mounted, open]);
130
+ }, [mounted, onClose, open, wasOpen]);
130
131
  const handleKeyDown = useCallback(
131
132
  (e) => {
132
133
  if (e.key === "Escape") {
@@ -136,7 +137,7 @@ var Modal = ({
136
137
  }
137
138
  }
138
139
  },
139
- [onClose, bgRef, modalRef]
140
+ [onClose]
140
141
  );
141
142
  const handleClose = useCallback(() => {
142
143
  if (onClose) {
@@ -221,7 +222,8 @@ var Modal = ({
221
222
  title,
222
223
  onClose: handleClose,
223
224
  hideCloseIcon,
224
- headerIcon
225
+ headerIcon,
226
+ headerIconAlign
225
227
  }
226
228
  ),
227
229
  children && /* @__PURE__ */ jsx(
package/dist/{chunk-6A54FL75.js → chunk-MJKBQSNI.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  Heading2
3
3
  } from "./chunk-AZ7LVLOK.js";
4
- import {
5
- Icon
6
- } from "./chunk-NKUETCDA.js";
7
4
  import {
8
5
  Button
9
6
  } from "./chunk-FKMKHLQH.js";
7
+ import {
8
+ Icon
9
+ } from "./chunk-NKUETCDA.js";
10
10
  import {
11
11
  layoutGroupGap,
12
12
  layoutPaddding
@@ -19,6 +19,7 @@ var ModalHeader = ({
19
19
  title,
20
20
  hideCloseIcon,
21
21
  headerIcon,
22
+ headerIconAlign,
22
23
  onClose,
23
24
  id,
24
25
  testid
@@ -30,13 +31,24 @@ var ModalHeader = ({
30
31
  "data-testid": testid,
31
32
  className: clsx(
32
33
  "flex justify-between items-center",
34
+ headerIconAlign === "center" && "justify-center",
35
+ headerIconAlign === "right" && "justify-end",
36
+ headerIconAlign === "left" && "justify-start",
33
37
  layoutPaddding,
34
38
  layoutGroupGap
35
39
  ),
36
40
  children: [
37
41
  /* @__PURE__ */ jsxs("div", { className: clsx("flex items-center", layoutGroupGap), children: [
38
42
  headerIcon,
39
- title && /* @__PURE__ */ jsx(Heading2, { id: id ? `${id}-title` : void 0, testid: testid ? `${testid}-title` : void 0, as: "p", children: title })
43
+ title && /* @__PURE__ */ jsx(
44
+ Heading2,
45
+ {
46
+ id: id ? `${id}-title` : void 0,
47
+ testid: testid ? `${testid}-title` : void 0,
48
+ as: "p",
49
+ children: title
50
+ }
51
+ )
40
52
  ] }),
41
53
  !hideCloseIcon && /* @__PURE__ */ jsx(
42
54
  Button,
package/dist/{chunk-OJX75MY2.js → chunk-O4JGGMFE.js} RENAMED
@@ -1,6 +1,3 @@
1
- import {
2
- MenuOption
3
- } from "./chunk-FFU6FB3K.js";
4
1
  import {
5
2
  Menu
6
3
  } from "./chunk-UBU6IJML.js";
@@ -8,11 +5,14 @@ import {
8
5
  useSubMenuSystem
9
6
  } from "./chunk-5GUW4DUY.js";
10
7
  import {
11
- CSS
12
- } from "./chunk-WVUIIBRR.js";
8
+ MenuOption
9
+ } from "./chunk-FFU6FB3K.js";
13
10
  import {
14
11
  Search
15
- } from "./chunk-IDSFWKOR.js";
12
+ } from "./chunk-PMBEIP24.js";
13
+ import {
14
+ CSS
15
+ } from "./chunk-WVUIIBRR.js";
16
16
  import {
17
17
  Icon
18
18
  } from "./chunk-NKUETCDA.js";
package/dist/{chunk-IDSFWKOR.js → chunk-PMBEIP24.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Input
3
- } from "./chunk-MVGOAMTP.js";
3
+ } from "./chunk-4T3DRGLF.js";
4
4
  import {
5
5
  __objRest,
6
6
  __spreadValues
package/dist/{chunk-KADNOKNW.js → chunk-XH65MD2C.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  InputBase
3
- } from "./chunk-MVGOAMTP.js";
3
+ } from "./chunk-4T3DRGLF.js";
4
4
  import {
5
5
  Icon
6
6
  } from "./chunk-NKUETCDA.js";
package/dist/components/DataGridCell.js CHANGED
@@ -4,17 +4,17 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-OJX75MY2.js";
8
- import "../chunk-FFU6FB3K.js";
7
+ } from "../chunk-O4JGGMFE.js";
9
8
  import "../chunk-UBU6IJML.js";
10
9
  import "../chunk-5GUW4DUY.js";
10
+ import "../chunk-FFU6FB3K.js";
11
11
  import "../chunk-WNQ53SVY.js";
12
- import "../chunk-WVUIIBRR.js";
13
12
  import "../chunk-6LN6QT6M.js";
14
- import "../chunk-IDSFWKOR.js";
15
- import "../chunk-MVGOAMTP.js";
16
- import "../chunk-JWCT72WR.js";
13
+ import "../chunk-PMBEIP24.js";
14
+ import "../chunk-4T3DRGLF.js";
17
15
  import "../chunk-5UH6QUFB.js";
16
+ import "../chunk-JWCT72WR.js";
17
+ import "../chunk-WVUIIBRR.js";
18
18
  import "../chunk-HVI3CL7Y.js";
19
19
  import "../chunk-NKUETCDA.js";
20
20
  import "../chunk-RDLEIAQU.js";
package/dist/components/DateInput.js CHANGED
@@ -1,13 +1,3 @@
1
- import {
2
- CalendarRange
3
- } from "../chunk-4XA32LKR.js";
4
- import {
5
- findDocumentRoot
6
- } from "../chunk-6LN6QT6M.js";
7
- import {
8
- InputBase
9
- } from "../chunk-MVGOAMTP.js";
10
- import "../chunk-JWCT72WR.js";
11
1
  import {
12
2
  calculateCursorPosition,
13
3
  formatDate,
@@ -15,7 +5,17 @@ import {
15
5
  isValidDate,
16
6
  parseInputDate
17
7
  } from "../chunk-M3433XEJ.js";
8
+ import {
9
+ findDocumentRoot
10
+ } from "../chunk-6LN6QT6M.js";
11
+ import {
12
+ InputBase
13
+ } from "../chunk-4T3DRGLF.js";
18
14
  import "../chunk-5UH6QUFB.js";
15
+ import "../chunk-JWCT72WR.js";
16
+ import {
17
+ CalendarRange
18
+ } from "../chunk-4XA32LKR.js";
19
19
  import {
20
20
  Icon
21
21
  } from "../chunk-NKUETCDA.js";
package/dist/components/DateRangeInput.js CHANGED
@@ -1,13 +1,3 @@
1
- import {
2
- CalendarRange
3
- } from "../chunk-4XA32LKR.js";
4
- import {
5
- findDocumentRoot
6
- } from "../chunk-6LN6QT6M.js";
7
- import {
8
- InputBase
9
- } from "../chunk-MVGOAMTP.js";
10
- import "../chunk-JWCT72WR.js";
11
1
  import {
12
2
  calculateCursorPosition,
13
3
  formatDate,
@@ -16,7 +6,17 @@ import {
16
6
  isValidDateRangeOrder,
17
7
  parseInputDate
18
8
  } from "../chunk-M3433XEJ.js";
9
+ import {
10
+ findDocumentRoot
11
+ } from "../chunk-6LN6QT6M.js";
12
+ import {
13
+ InputBase
14
+ } from "../chunk-4T3DRGLF.js";
19
15
  import "../chunk-5UH6QUFB.js";
16
+ import "../chunk-JWCT72WR.js";
17
+ import {
18
+ CalendarRange
19
+ } from "../chunk-4XA32LKR.js";
20
20
  import {
21
21
  Icon
22
22
  } from "../chunk-NKUETCDA.js";
package/dist/components/FilterGroup.js CHANGED
@@ -1,26 +1,26 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-UGNB32SL.js";
4
+ } from "../chunk-LM5MKBPM.js";
5
5
  import {
6
6
  Checkbox
7
7
  } from "../chunk-WFQEE2OO.js";
8
8
  import {
9
9
  Search
10
- } from "../chunk-IDSFWKOR.js";
11
- import "../chunk-MVGOAMTP.js";
10
+ } from "../chunk-PMBEIP24.js";
11
+ import "../chunk-4T3DRGLF.js";
12
+ import "../chunk-5UH6QUFB.js";
12
13
  import {
13
14
  Label
14
15
  } from "../chunk-JWCT72WR.js";
15
- import "../chunk-5UH6QUFB.js";
16
16
  import "../chunk-HVI3CL7Y.js";
17
17
  import {
18
18
  Link
19
19
  } from "../chunk-I6GEUF6Y.js";
20
+ import "../chunk-FKMKHLQH.js";
20
21
  import {
21
22
  Icon
22
23
  } from "../chunk-NKUETCDA.js";
23
- import "../chunk-FKMKHLQH.js";
24
24
  import {
25
25
  baseTransition,
26
26
  componentGap,
package/dist/components/Input.js CHANGED
@@ -6,9 +6,9 @@ import {
6
6
  InputBase,
7
7
  Percentage,
8
8
  UOM
9
- } from "../chunk-MVGOAMTP.js";
10
- import "../chunk-JWCT72WR.js";
9
+ } from "../chunk-4T3DRGLF.js";
11
10
  import "../chunk-5UH6QUFB.js";
11
+ import "../chunk-JWCT72WR.js";
12
12
  import "../chunk-NKUETCDA.js";
13
13
  import "../chunk-RDLEIAQU.js";
14
14
  import "../chunk-ORMEWXMH.js";
package/dist/components/MobileDataGrid.js CHANGED
@@ -10,12 +10,12 @@ import {
10
10
  import {
11
11
  Paragraph
12
12
  } from "../chunk-HVI3CL7Y.js";
13
- import {
14
- Icon
15
- } from "../chunk-NKUETCDA.js";
16
13
  import {
17
14
  Button
18
15
  } from "../chunk-FKMKHLQH.js";
16
+ import {
17
+ Icon
18
+ } from "../chunk-NKUETCDA.js";
19
19
  import "../chunk-RDLEIAQU.js";
20
20
  import "../chunk-ORMEWXMH.js";
21
21
 
package/dist/components/Modal.cjs CHANGED
@@ -428,6 +428,7 @@ var ModalHeader = ({
428
428
  title,
429
429
  hideCloseIcon,
430
430
  headerIcon,
431
+ headerIconAlign,
431
432
  onClose,
432
433
  id,
433
434
  testid
@@ -439,13 +440,24 @@ var ModalHeader = ({
439
440
  "data-testid": testid,
440
441
  className: (0, import_clsx5.default)(
441
442
  "flex justify-between items-center",
443
+ headerIconAlign === "center" && "justify-center",
444
+ headerIconAlign === "right" && "justify-end",
445
+ headerIconAlign === "left" && "justify-start",
442
446
  layoutPaddding,
443
447
  layoutGroupGap
444
448
  ),
445
449
  children: [
446
450
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center", layoutGroupGap), children: [
447
451
  headerIcon,
448
- title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading2, { id: id ? `${id}-title` : void 0, testid: testid ? `${testid}-title` : void 0, as: "p", children: title })
452
+ title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
453
+ Heading2,
454
+ {
455
+ id: id ? `${id}-title` : void 0,
456
+ testid: testid ? `${testid}-title` : void 0,
457
+ as: "p",
458
+ children: title
459
+ }
460
+ )
449
461
  ] }),
450
462
  !hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
451
463
  Button,
@@ -705,6 +717,7 @@ var Modal = ({
705
717
  showButtons = false,
706
718
  hideCloseIcon = false,
707
719
  headerIcon,
720
+ headerIconAlign,
708
721
  fixedHeightScrolling = false,
709
722
  customActions
710
723
  }) => {
@@ -734,7 +747,7 @@ var Modal = ({
734
747
  fadeInScale(modalRef.current);
735
748
  bgFadeIn(bgRef.current);
736
749
  }
737
- }, [mounted, open]);
750
+ }, [mounted, onClose, open, wasOpen]);
738
751
  const handleKeyDown = (0, import_react5.useCallback)(
739
752
  (e) => {
740
753
  if (e.key === "Escape") {
@@ -744,7 +757,7 @@ var Modal = ({
744
757
  }
745
758
  }
746
759
  },
747
- [onClose, bgRef, modalRef]
760
+ [onClose]
748
761
  );
749
762
  const handleClose = (0, import_react5.useCallback)(() => {
750
763
  if (onClose) {
@@ -829,7 +842,8 @@ var Modal = ({
829
842
  title,
830
843
  onClose: handleClose,
831
844
  hideCloseIcon,
832
- headerIcon
845
+ headerIcon,
846
+ headerIconAlign
833
847
  }
834
848
  ),
835
849
  children && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
package/dist/components/Modal.js CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-GCBW2LDM.js";
4
+ } from "../chunk-F6YFWBVV.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-T7NDKJDP.js";
6
+ import "../chunk-C4JGTH6G.js";
7
7
  import "../chunk-SYEJVSE4.js";
8
- import "../chunk-6A54FL75.js";
8
+ import "../chunk-MJKBQSNI.js";
9
9
  import "../chunk-ZFOANBWG.js";
10
10
  import "../chunk-AZ7LVLOK.js";
11
11
  import "../chunk-WNQ53SVY.js";
12
12
  import "../chunk-6LN6QT6M.js";
13
- import "../chunk-NKUETCDA.js";
14
13
  import "../chunk-FKMKHLQH.js";
14
+ import "../chunk-NKUETCDA.js";
15
15
  import "../chunk-RDLEIAQU.js";
16
16
  import "../chunk-ORMEWXMH.js";
17
17
  export {
package/dist/components/ModalButtons.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  ModalButtons
3
- } from "../chunk-T7NDKJDP.js";
4
- import "../chunk-NKUETCDA.js";
3
+ } from "../chunk-C4JGTH6G.js";
5
4
  import "../chunk-FKMKHLQH.js";
5
+ import "../chunk-NKUETCDA.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
package/dist/components/ModalHeader.cjs CHANGED
@@ -425,6 +425,7 @@ var ModalHeader = ({
425
425
  title,
426
426
  hideCloseIcon,
427
427
  headerIcon,
428
+ headerIconAlign,
428
429
  onClose,
429
430
  id,
430
431
  testid
@@ -436,13 +437,24 @@ var ModalHeader = ({
436
437
  "data-testid": testid,
437
438
  className: (0, import_clsx5.default)(
438
439
  "flex justify-between items-center",
440
+ headerIconAlign === "center" && "justify-center",
441
+ headerIconAlign === "right" && "justify-end",
442
+ headerIconAlign === "left" && "justify-start",
439
443
  layoutPaddding,
440
444
  layoutGroupGap
441
445
  ),
442
446
  children: [
443
447
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center", layoutGroupGap), children: [
444
448
  headerIcon,
445
- title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading2, { id: id ? `${id}-title` : void 0, testid: testid ? `${testid}-title` : void 0, as: "p", children: title })
449
+ title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
450
+ Heading2,
451
+ {
452
+ id: id ? `${id}-title` : void 0,
453
+ testid: testid ? `${testid}-title` : void 0,
454
+ as: "p",
455
+ children: title
456
+ }
457
+ )
446
458
  ] }),
447
459
  !hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
448
460
  Button,
package/dist/components/ModalHeader.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  ModalHeader
3
- } from "../chunk-6A54FL75.js";
3
+ } from "../chunk-MJKBQSNI.js";
4
4
  import "../chunk-AZ7LVLOK.js";
5
- import "../chunk-NKUETCDA.js";
6
5
  import "../chunk-FKMKHLQH.js";
6
+ import "../chunk-NKUETCDA.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-ORMEWXMH.js";
9
9
  export {
package/dist/components/NavigationTab.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  NavigationTab
3
- } from "../chunk-ZR4E5A43.js";
4
- import "../chunk-NKUETCDA.js";
3
+ } from "../chunk-ZGFQN47L.js";
5
4
  import "../chunk-FKMKHLQH.js";
5
+ import "../chunk-NKUETCDA.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
package/dist/components/NavigationTabs.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  NavigationTab
4
- } from "../chunk-ZR4E5A43.js";
5
- import "../chunk-NKUETCDA.js";
4
+ } from "../chunk-ZGFQN47L.js";
6
5
  import "../chunk-FKMKHLQH.js";
6
+ import "../chunk-NKUETCDA.js";
7
7
  import {
8
8
  componentGap
9
9
  } from "../chunk-RDLEIAQU.js";
package/dist/components/Notification.js CHANGED
@@ -8,12 +8,12 @@ import {
8
8
  import {
9
9
  Paragraph
10
10
  } from "../chunk-HVI3CL7Y.js";
11
- import {
12
- Icon
13
- } from "../chunk-NKUETCDA.js";
14
11
  import {
15
12
  Button
16
13
  } from "../chunk-FKMKHLQH.js";
14
+ import {
15
+ Icon
16
+ } from "../chunk-NKUETCDA.js";
17
17
  import "../chunk-RDLEIAQU.js";
18
18
  import {
19
19
  __objRest,
package/dist/components/OptionPill.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  OptionPill
3
- } from "../chunk-UGNB32SL.js";
3
+ } from "../chunk-LM5MKBPM.js";
4
4
  import "../chunk-JWCT72WR.js";
5
- import "../chunk-NKUETCDA.js";
6
5
  import "../chunk-FKMKHLQH.js";
6
+ import "../chunk-NKUETCDA.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-ORMEWXMH.js";
9
9
  export {