@dmsi/wedgekit-react 0.0.691 → 0.0.693

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 (48) hide show
  1. package/dist/{chunk-WAV5PXQI.js → chunk-OX7TDYN4.js} +4 -4
  2. package/dist/{chunk-DZKPU3HG.js → chunk-QTSKA34J.js} +16 -16
  3. package/dist/components/AccessCard.js +1 -1
  4. package/dist/components/Accordion.js +2 -2
  5. package/dist/components/Alert.js +2 -2
  6. package/dist/components/CalendarRange.js +19 -19
  7. package/dist/components/CompactImagesPreview.js +2 -2
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +19 -19
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +19 -19
  10. package/dist/components/DataGrid/PinnedColumns.js +19 -19
  11. package/dist/components/DataGrid/TableBody/LoadingCell.js +19 -19
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.js +19 -19
  13. package/dist/components/DataGrid/TableBody/index.js +19 -19
  14. package/dist/components/DataGrid/index.js +19 -19
  15. package/dist/components/DataGrid/utils.js +19 -19
  16. package/dist/components/DateInput.js +19 -19
  17. package/dist/components/DateRangeInput.js +19 -19
  18. package/dist/components/FilterGroup.js +2 -2
  19. package/dist/components/MobileDataGrid/ColumnList.js +5 -5
  20. package/dist/components/MobileDataGrid/ColumnSelector/index.js +19 -19
  21. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +4 -4
  22. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +19 -19
  23. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
  24. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +6 -6
  25. package/dist/components/MobileDataGrid/index.js +19 -19
  26. package/dist/components/Modal.js +3 -3
  27. package/dist/components/NestedMenu.js +4 -4
  28. package/dist/components/Notification.js +3 -3
  29. package/dist/components/PDFViewer/PDFElement.js +2 -2
  30. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  31. package/dist/components/PDFViewer/index.js +6 -6
  32. package/dist/components/ProductImagePreview/index.js +2 -2
  33. package/dist/components/SimpleTable.js +2 -2
  34. package/dist/components/Stepper.js +1 -1
  35. package/dist/components/Time.js +3 -3
  36. package/dist/components/Upload.cjs +96 -92
  37. package/dist/components/Upload.js +99 -95
  38. package/dist/components/index.js +33 -33
  39. package/package.json +1 -1
  40. package/dist/{chunk-WCBNUS32.js → chunk-63WMDTVQ.js} +3 -3
  41. package/dist/{chunk-NYBPEUKC.js → chunk-7YW4Q7OQ.js} +3 -3
  42. package/dist/{chunk-GWD4XMZA.js → chunk-B2DVT7KT.js} +3 -3
  43. package/dist/{chunk-5GG3FGQS.js → chunk-CQLRGYHM.js} +3 -3
  44. package/dist/{chunk-54PBZBOB.js → chunk-EQ2RAI53.js} +3 -3
  45. package/dist/{chunk-77J763WS.js → chunk-GYU3MQ3R.js} +3 -3
  46. package/dist/{chunk-ZEPEVX5O.js → chunk-I2L2DXPU.js} +6 -6
  47. package/dist/{chunk-NUWWNDEL.js → chunk-SGZCW7HP.js} +3 -3
  48. package/dist/{chunk-QCTZTMHH.js → chunk-TURMALTW.js} +3 -3
@@ -2,12 +2,12 @@ import {
2
2
  ModalContent
3
3
  } from "../../../chunk-URAV33TJ.js";
4
4
  import "../../../chunk-5IFPG6TS.js";
5
- import "../../../chunk-ZILLGHBE.js";
6
5
  import "../../../chunk-AJ5M6MVX.js";
7
- import "../../../chunk-MTGNBARV.js";
6
+ import "../../../chunk-ZILLGHBE.js";
8
7
  import "../../../chunk-VXWSAIB5.js";
9
8
  import "../../../chunk-X4VZXHQL.js";
10
9
  import "../../../chunk-5UH6QUFB.js";
10
+ import "../../../chunk-MTGNBARV.js";
11
11
  import "../../../chunk-WMPWWFUJ.js";
12
12
  import "../../../chunk-7KWFEH56.js";
13
13
  import "../../../chunk-ORMEWXMH.js";
@@ -1,24 +1,24 @@
1
1
  import {
2
2
  RowDetailModalProvider
3
- } from "../../../chunk-77J763WS.js";
3
+ } from "../../../chunk-GYU3MQ3R.js";
4
4
  import "../../../chunk-URAV33TJ.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
- import "../../../chunk-ZILLGHBE.js";
7
6
  import "../../../chunk-AJ5M6MVX.js";
7
+ import "../../../chunk-ZILLGHBE.js";
8
8
  import "../../../chunk-BZTUQP6P.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
10
  import "../../../chunk-UUKHQUSF.js";
11
11
  import "../../../chunk-WVVEOCEH.js";
12
12
  import "../../../chunk-74HXF5GF.js";
13
13
  import "../../../chunk-AG43RS4Q.js";
14
- import "../../../chunk-MXSJF6TW.js";
15
- import "../../../chunk-MTGNBARV.js";
16
- import "../../../chunk-BMAZBFUU.js";
17
- import "../../../chunk-SBRRNFOP.js";
18
14
  import "../../../chunk-ZERLFS2T.js";
19
15
  import "../../../chunk-VXWSAIB5.js";
20
16
  import "../../../chunk-X4VZXHQL.js";
21
17
  import "../../../chunk-5UH6QUFB.js";
18
+ import "../../../chunk-MXSJF6TW.js";
19
+ import "../../../chunk-BMAZBFUU.js";
20
+ import "../../../chunk-SBRRNFOP.js";
21
+ import "../../../chunk-MTGNBARV.js";
22
22
  import "../../../chunk-WMPWWFUJ.js";
23
23
  import "../../../chunk-NKUETCDA.js";
24
24
  import "../../../chunk-7KWFEH56.js";
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  MobileDataGrid
3
- } from "../../chunk-DZKPU3HG.js";
3
+ } from "../../chunk-QTSKA34J.js";
4
+ import "../../chunk-GYU3MQ3R.js";
4
5
  import "../../chunk-M7INAUAJ.js";
5
- import "../../chunk-77J763WS.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-GWD4XMZA.js";
7
+ import "../../chunk-B2DVT7KT.js";
8
8
  import "../../chunk-YCDDBSVU.js";
9
9
  import "../../chunk-3X3Y4TMS.js";
10
10
  import "../../chunk-BQNPOGD5.js";
11
11
  import "../../chunk-Y5GD2FJA.js";
12
12
  import "../../chunk-MBZ55T2D.js";
13
13
  import "../../chunk-2IKT6IHB.js";
14
- import "../../chunk-WAV5PXQI.js";
15
- import "../../chunk-ZEPEVX5O.js";
14
+ import "../../chunk-OX7TDYN4.js";
15
+ import "../../chunk-I2L2DXPU.js";
16
16
  import "../../chunk-5IFPG6TS.js";
17
- import "../../chunk-ZILLGHBE.js";
18
17
  import "../../chunk-AJ5M6MVX.js";
19
- import "../../chunk-EWGHVZL5.js";
20
- import "../../chunk-L3BXRDLP.js";
18
+ import "../../chunk-ZILLGHBE.js";
21
19
  import "../../chunk-AT4AWD6B.js";
20
+ import "../../chunk-EWGHVZL5.js";
22
21
  import "../../chunk-UF5XGCSF.js";
23
- import "../../chunk-WCBNUS32.js";
22
+ import "../../chunk-63WMDTVQ.js";
23
+ import "../../chunk-L3BXRDLP.js";
24
24
  import "../../chunk-34VEVX5H.js";
25
25
  import "../../chunk-LB7UT6F3.js";
26
26
  import "../../chunk-AS57Y2D3.js";
@@ -30,12 +30,11 @@ import "../../chunk-UUKHQUSF.js";
30
30
  import "../../chunk-WVVEOCEH.js";
31
31
  import "../../chunk-74HXF5GF.js";
32
32
  import "../../chunk-AG43RS4Q.js";
33
- import "../../chunk-UAMI54FE.js";
34
33
  import "../../chunk-QVWYTQKL.js";
34
+ import "../../chunk-UAMI54FE.js";
35
35
  import "../../chunk-SJZNVG4N.js";
36
36
  import "../../chunk-75USUR3I.js";
37
37
  import "../../chunk-BWPNXY7T.js";
38
- import "../../chunk-NUWWNDEL.js";
39
38
  import "../../chunk-3LIRWDE2.js";
40
39
  import "../../chunk-3HNNGWWJ.js";
41
40
  import "../../chunk-OMBILZKH.js";
@@ -44,14 +43,8 @@ import "../../chunk-FHXCCVOG.js";
44
43
  import "../../chunk-7T5RGDCN.js";
45
44
  import "../../chunk-HXGJVYGQ.js";
46
45
  import "../../chunk-WVUIIBRR.js";
47
- import "../../chunk-5GG3FGQS.js";
48
- import "../../chunk-QCTZTMHH.js";
49
- import "../../chunk-MXSJF6TW.js";
50
- import "../../chunk-MTGNBARV.js";
51
- import "../../chunk-BMAZBFUU.js";
52
- import "../../chunk-SBRRNFOP.js";
53
- import "../../chunk-KBJZUVLM.js";
54
46
  import "../../chunk-M7WHWZ2J.js";
47
+ import "../../chunk-SGZCW7HP.js";
55
48
  import "../../chunk-ZERLFS2T.js";
56
49
  import "../../chunk-VXWSAIB5.js";
57
50
  import "../../chunk-X4VZXHQL.js";
@@ -59,9 +52,16 @@ import "../../chunk-5UH6QUFB.js";
59
52
  import "../../chunk-XJF4S3RB.js";
60
53
  import "../../chunk-ZCJWOHFN.js";
61
54
  import "../../chunk-PS6UJZVH.js";
62
- import "../../chunk-WMPWWFUJ.js";
63
55
  import "../../chunk-XR733AKC.js";
64
56
  import "../../chunk-BYC6QID5.js";
57
+ import "../../chunk-CQLRGYHM.js";
58
+ import "../../chunk-KBJZUVLM.js";
59
+ import "../../chunk-TURMALTW.js";
60
+ import "../../chunk-MXSJF6TW.js";
61
+ import "../../chunk-BMAZBFUU.js";
62
+ import "../../chunk-SBRRNFOP.js";
63
+ import "../../chunk-MTGNBARV.js";
64
+ import "../../chunk-WMPWWFUJ.js";
65
65
  import "../../chunk-NKUETCDA.js";
66
66
  import "../../chunk-7KWFEH56.js";
67
67
  import "../../chunk-ORMEWXMH.js";
@@ -7,13 +7,13 @@ import "../chunk-UUKHQUSF.js";
7
7
  import "../chunk-WVVEOCEH.js";
8
8
  import "../chunk-74HXF5GF.js";
9
9
  import "../chunk-AG43RS4Q.js";
10
- import "../chunk-MXSJF6TW.js";
11
- import "../chunk-BMAZBFUU.js";
12
- import "../chunk-SBRRNFOP.js";
13
10
  import "../chunk-ZERLFS2T.js";
14
11
  import "../chunk-VXWSAIB5.js";
15
12
  import "../chunk-X4VZXHQL.js";
16
13
  import "../chunk-5UH6QUFB.js";
14
+ import "../chunk-MXSJF6TW.js";
15
+ import "../chunk-BMAZBFUU.js";
16
+ import "../chunk-SBRRNFOP.js";
17
17
  import "../chunk-NKUETCDA.js";
18
18
  import "../chunk-7KWFEH56.js";
19
19
  import "../chunk-ORMEWXMH.js";
@@ -5,10 +5,6 @@ import {
5
5
  import {
6
6
  Label
7
7
  } from "../chunk-HXGJVYGQ.js";
8
- import {
9
- Button
10
- } from "../chunk-BMAZBFUU.js";
11
- import "../chunk-SBRRNFOP.js";
12
8
  import {
13
9
  useKeydown
14
10
  } from "../chunk-ZERLFS2T.js";
@@ -16,6 +12,10 @@ import "../chunk-VXWSAIB5.js";
16
12
  import "../chunk-X4VZXHQL.js";
17
13
  import "../chunk-5UH6QUFB.js";
18
14
  import "../chunk-PS6UJZVH.js";
15
+ import {
16
+ Button
17
+ } from "../chunk-BMAZBFUU.js";
18
+ import "../chunk-SBRRNFOP.js";
19
19
  import "../chunk-WMPWWFUJ.js";
20
20
  import {
21
21
  Icon
@@ -2,13 +2,13 @@
2
2
  import {
3
3
  Heading3
4
4
  } from "../chunk-MXSJF6TW.js";
5
- import {
6
- Stack
7
- } from "../chunk-MTGNBARV.js";
8
5
  import {
9
6
  Button
10
7
  } from "../chunk-BMAZBFUU.js";
11
8
  import "../chunk-SBRRNFOP.js";
9
+ import {
10
+ Stack
11
+ } from "../chunk-MTGNBARV.js";
12
12
  import {
13
13
  Paragraph
14
14
  } from "../chunk-WMPWWFUJ.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  PDFElement
3
- } from "../../chunk-54PBZBOB.js";
3
+ } from "../../chunk-EQ2RAI53.js";
4
4
  import "../../chunk-VJVY6NPF.js";
5
- import "../../chunk-MTGNBARV.js";
6
5
  import "../../chunk-SBRRNFOP.js";
6
+ import "../../chunk-MTGNBARV.js";
7
7
  import "../../chunk-7KWFEH56.js";
8
8
  import "../../chunk-ORMEWXMH.js";
9
9
  export {
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  PdfNavigation
3
- } from "../../chunk-NYBPEUKC.js";
3
+ } from "../../chunk-7YW4Q7OQ.js";
4
4
  import "../../chunk-MXSJF6TW.js";
5
- import "../../chunk-MTGNBARV.js";
6
5
  import "../../chunk-BMAZBFUU.js";
7
6
  import "../../chunk-SBRRNFOP.js";
7
+ import "../../chunk-MTGNBARV.js";
8
8
  import "../../chunk-WMPWWFUJ.js";
9
9
  import "../../chunk-NKUETCDA.js";
10
10
  import "../../chunk-7KWFEH56.js";
@@ -4,10 +4,10 @@ import {
4
4
  } from "../../chunk-6NDQCVAN.js";
5
5
  import {
6
6
  PDFElement
7
- } from "../../chunk-54PBZBOB.js";
7
+ } from "../../chunk-EQ2RAI53.js";
8
8
  import {
9
9
  PdfNavigation
10
- } from "../../chunk-NYBPEUKC.js";
10
+ } from "../../chunk-7YW4Q7OQ.js";
11
11
  import "../../chunk-VJVY6NPF.js";
12
12
  import "../../chunk-AS57Y2D3.js";
13
13
  import {
@@ -18,14 +18,14 @@ import "../../chunk-UUKHQUSF.js";
18
18
  import "../../chunk-WVVEOCEH.js";
19
19
  import "../../chunk-74HXF5GF.js";
20
20
  import "../../chunk-AG43RS4Q.js";
21
- import "../../chunk-MXSJF6TW.js";
22
- import "../../chunk-MTGNBARV.js";
23
- import "../../chunk-BMAZBFUU.js";
24
- import "../../chunk-SBRRNFOP.js";
25
21
  import "../../chunk-ZERLFS2T.js";
26
22
  import "../../chunk-VXWSAIB5.js";
27
23
  import "../../chunk-X4VZXHQL.js";
28
24
  import "../../chunk-5UH6QUFB.js";
25
+ import "../../chunk-MXSJF6TW.js";
26
+ import "../../chunk-BMAZBFUU.js";
27
+ import "../../chunk-SBRRNFOP.js";
28
+ import "../../chunk-MTGNBARV.js";
29
29
  import "../../chunk-WMPWWFUJ.js";
30
30
  import "../../chunk-NKUETCDA.js";
31
31
  import "../../chunk-7KWFEH56.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-GWD4XMZA.js";
3
+ } from "../../chunk-B2DVT7KT.js";
4
4
  import "../../chunk-YCDDBSVU.js";
5
5
  import "../../chunk-3X3Y4TMS.js";
6
6
  import "../../chunk-BQNPOGD5.js";
@@ -9,11 +9,11 @@ import "../../chunk-2IKT6IHB.js";
9
9
  import "../../chunk-AT4AWD6B.js";
10
10
  import "../../chunk-QVWYTQKL.js";
11
11
  import "../../chunk-BWPNXY7T.js";
12
- import "../../chunk-MTGNBARV.js";
13
12
  import "../../chunk-ZERLFS2T.js";
14
13
  import "../../chunk-VXWSAIB5.js";
15
14
  import "../../chunk-X4VZXHQL.js";
16
15
  import "../../chunk-5UH6QUFB.js";
16
+ import "../../chunk-MTGNBARV.js";
17
17
  import "../../chunk-7KWFEH56.js";
18
18
  import "../../chunk-ORMEWXMH.js";
19
19
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  SimpleTable
3
- } from "../chunk-WCBNUS32.js";
4
- import "../chunk-MTGNBARV.js";
3
+ } from "../chunk-63WMDTVQ.js";
5
4
  import "../chunk-BYC6QID5.js";
5
+ import "../chunk-MTGNBARV.js";
6
6
  import "../chunk-7KWFEH56.js";
7
7
  import "../chunk-ORMEWXMH.js";
8
8
  export {
@@ -3,11 +3,11 @@ import {
3
3
  InputBase
4
4
  } from "../chunk-7T5RGDCN.js";
5
5
  import "../chunk-HXGJVYGQ.js";
6
+ import "../chunk-5UH6QUFB.js";
6
7
  import {
7
8
  Button
8
9
  } from "../chunk-BMAZBFUU.js";
9
10
  import "../chunk-SBRRNFOP.js";
10
- import "../chunk-5UH6QUFB.js";
11
11
  import "../chunk-WMPWWFUJ.js";
12
12
  import {
13
13
  Icon
@@ -2,14 +2,14 @@ import {
2
2
  InputBase
3
3
  } from "../chunk-7T5RGDCN.js";
4
4
  import "../chunk-HXGJVYGQ.js";
5
- import {
6
- Stack
7
- } from "../chunk-MTGNBARV.js";
8
5
  import {
9
6
  findDocumentRoot
10
7
  } from "../chunk-VXWSAIB5.js";
11
8
  import "../chunk-X4VZXHQL.js";
12
9
  import "../chunk-5UH6QUFB.js";
10
+ import {
11
+ Stack
12
+ } from "../chunk-MTGNBARV.js";
13
13
  import "../chunk-WMPWWFUJ.js";
14
14
  import {
15
15
  Icon
@@ -63,6 +63,7 @@ __export(Upload_exports, {
63
63
  });
64
64
  module.exports = __toCommonJS(Upload_exports);
65
65
  var import_clsx6 = __toESM(require("clsx"), 1);
66
+ var import_react = require("react");
66
67
 
67
68
  // src/classNames.ts
68
69
  var import_clsx = __toESM(require("clsx"), 1);
@@ -702,104 +703,107 @@ var Stack = (_a) => {
702
703
 
703
704
  // src/components/Upload.tsx
704
705
  var import_jsx_runtime6 = require("react/jsx-runtime");
705
- function Upload(props) {
706
- const _a = props, {
707
- isLoading,
708
- style,
709
- errorText,
710
- text = "Upload your file",
711
- value,
712
- onRemove,
713
- testid
714
- } = _a, rest = __objRest(_a, [
715
- "isLoading",
716
- "style",
717
- "errorText",
718
- "text",
719
- "value",
720
- "onRemove",
721
- "testid"
722
- ]);
723
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
724
- "label",
725
- {
726
- style: __spreadValues({}, style),
727
- className: (0, import_clsx6.default)(
728
- "border border-dashed border-border-primary-normal",
729
- "flex flex-col items-center justify-center",
730
- "p-6",
731
- "cursor-pointer",
732
- "relative",
733
- "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
734
- componentGap
735
- ),
736
- "data-testid": testid,
737
- children: [
738
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
739
- "input",
740
- __spreadProps(__spreadValues({}, rest), {
741
- type: "file",
742
- className: "sr-only",
743
- "data-testid": testid ? `${testid}-file-input` : void 0
744
- })
745
- ),
746
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
747
- Stack,
748
- {
749
- centered: true,
750
- items: "center",
751
- justify: "center",
752
- sizing: "container",
753
- padding: true,
754
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { size: "large" })
755
- }
706
+ var Upload = (0, import_react.forwardRef)(
707
+ function Upload2(props, ref) {
708
+ const _a = props, {
709
+ isLoading,
710
+ style,
711
+ errorText,
712
+ text = "Upload your file",
713
+ value,
714
+ onRemove,
715
+ testid
716
+ } = _a, rest = __objRest(_a, [
717
+ "isLoading",
718
+ "style",
719
+ "errorText",
720
+ "text",
721
+ "value",
722
+ "onRemove",
723
+ "testid"
724
+ ]);
725
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
726
+ "label",
727
+ {
728
+ style: __spreadValues({}, style),
729
+ className: (0, import_clsx6.default)(
730
+ "border border-dashed border-border-primary-normal",
731
+ "flex flex-col items-center justify-center",
732
+ "p-6",
733
+ "cursor-pointer",
734
+ "relative",
735
+ "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
736
+ componentGap
756
737
  ),
757
- !value && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
738
+ "data-testid": testid,
739
+ children: [
758
740
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
759
- Icon,
760
- {
761
- testid: testid ? `${testid}-icon` : void 0,
762
- name: "cloud_upload",
763
- className: "text-icon-primary-normal"
764
- }
741
+ "input",
742
+ __spreadProps(__spreadValues({}, rest), {
743
+ ref,
744
+ type: "file",
745
+ className: "sr-only",
746
+ "data-testid": testid ? `${testid}-file-input` : void 0
747
+ })
765
748
  ),
766
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
767
- Paragraph,
768
- {
769
- testid: testid ? `${testid}-text` : void 0,
770
- color: errorText ? "text-primary-error" : "text-secondary-normal",
771
- children: errorText ? errorText : text
772
- }
773
- )
774
- ] }),
775
- value && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
776
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
777
- "img",
749
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
750
+ Stack,
778
751
  {
779
- "data-testid": testid ? `${testid}-uploaded-image` : void 0,
780
- src: value,
781
- alt: "",
782
- className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
752
+ centered: true,
753
+ items: "center",
754
+ justify: "center",
755
+ sizing: "container",
756
+ padding: true,
757
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spinner, { size: "large" })
783
758
  }
784
759
  ),
785
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
786
- Button,
787
- {
788
- testid: testid ? `${testid}-remove-image-button` : void 0,
789
- onClick: (e) => {
790
- e.preventDefault();
791
- e.stopPropagation();
792
- onRemove == null ? void 0 : onRemove();
793
- },
794
- iconOnly: true,
795
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "delete" })
796
- }
797
- ) })
798
- ] })
799
- ]
800
- }
801
- );
802
- }
760
+ !value && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
761
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
762
+ Icon,
763
+ {
764
+ testid: testid ? `${testid}-icon` : void 0,
765
+ name: "cloud_upload",
766
+ className: "text-icon-primary-normal"
767
+ }
768
+ ),
769
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
770
+ Paragraph,
771
+ {
772
+ testid: testid ? `${testid}-text` : void 0,
773
+ color: errorText ? "text-primary-error" : "text-secondary-normal",
774
+ children: errorText ? errorText : text
775
+ }
776
+ )
777
+ ] }),
778
+ value && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
779
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
780
+ "img",
781
+ {
782
+ "data-testid": testid ? `${testid}-uploaded-image` : void 0,
783
+ src: value,
784
+ alt: "",
785
+ className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
786
+ }
787
+ ),
788
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
789
+ Button,
790
+ {
791
+ testid: testid ? `${testid}-remove-image-button` : void 0,
792
+ onClick: (e) => {
793
+ e.preventDefault();
794
+ e.stopPropagation();
795
+ onRemove == null ? void 0 : onRemove();
796
+ },
797
+ iconOnly: true,
798
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "delete" })
799
+ }
800
+ ) })
801
+ ] })
802
+ ]
803
+ }
804
+ );
805
+ }
806
+ );
803
807
  // Annotate the CommonJS export names for ESM import in node:
804
808
  0 && (module.exports = {
805
809
  Upload