@dmsi/wedgekit-react 0.0.691 → 0.0.692

package/dist/components/Upload.js

@@ -1,12 +1,12 @@
-import {
-  Stack
-} from "../chunk-MTGNBARV.js";
 import {
   Button
 } from "../chunk-BMAZBFUU.js";
 import {
   Spinner
 } from "../chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "../chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
@@ -24,105 +24,109 @@ import {
 
 // src/components/Upload.tsx
 import clsx from "clsx";
+import { forwardRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Upload(props) {
-  const _a = props, {
-    isLoading,
-    style,
-    errorText,
-    text = "Upload your file",
-    value,
-    onRemove,
-    testid
-  } = _a, rest = __objRest(_a, [
-    "isLoading",
-    "style",
-    "errorText",
-    "text",
-    "value",
-    "onRemove",
-    "testid"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      style: __spreadValues({}, style),
-      className: clsx(
-        "border border-dashed border-border-primary-normal",
-        "flex flex-col items-center justify-center",
-        "p-6",
-        "cursor-pointer",
-        "relative",
-        "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
-        componentGap
-      ),
-      "data-testid": testid,
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          __spreadProps(__spreadValues({}, rest), {
-            type: "file",
-            className: "sr-only",
-            "data-testid": testid ? `${testid}-file-input` : void 0
-          })
+var Upload = forwardRef(
+  function Upload2(props, ref) {
+    const _a = props, {
+      isLoading,
+      style,
+      errorText,
+      text = "Upload your file",
+      value,
+      onRemove,
+      testid
+    } = _a, rest = __objRest(_a, [
+      "isLoading",
+      "style",
+      "errorText",
+      "text",
+      "value",
+      "onRemove",
+      "testid"
+    ]);
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        style: __spreadValues({}, style),
+        className: clsx(
+          "border border-dashed border-border-primary-normal",
+          "flex flex-col items-center justify-center",
+          "p-6",
+          "cursor-pointer",
+          "relative",
+          "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
+          componentGap
         ),
-        isLoading && /* @__PURE__ */ jsx(
-          Stack,
-          {
-            centered: true,
-            items: "center",
-            justify: "center",
-            sizing: "container",
-            padding: true,
-            children: /* @__PURE__ */ jsx(Spinner, { size: "large" })
-          }
-        ),
-        !value && !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+        "data-testid": testid,
+        children: [
           /* @__PURE__ */ jsx(
-            Icon,
-            {
-              testid: testid ? `${testid}-icon` : void 0,
-              name: "cloud_upload",
-              className: "text-icon-primary-normal"
-            }
+            "input",
+            __spreadProps(__spreadValues({}, rest), {
+              ref,
+              type: "file",
+              className: "sr-only",
+              "data-testid": testid ? `${testid}-file-input` : void 0
+            })
           ),
-          /* @__PURE__ */ jsx(
-            Paragraph,
+          isLoading && /* @__PURE__ */ jsx(
+            Stack,
             {
-              testid: testid ? `${testid}-text` : void 0,
-              color: errorText ? "text-primary-error" : "text-secondary-normal",
-              children: errorText ? errorText : text
-            }
-          )
-        ] }),
-        value && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              "data-testid": testid ? `${testid}-uploaded-image` : void 0,
-              src: value,
-              alt: "",
-              className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
+              centered: true,
+              items: "center",
+              justify: "center",
+              sizing: "container",
+              padding: true,
+              children: /* @__PURE__ */ jsx(Spinner, { size: "large" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              testid: testid ? `${testid}-remove-image-button` : void 0,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                onRemove == null ? void 0 : onRemove();
-              },
-              iconOnly: true,
-              leftIcon: /* @__PURE__ */ jsx(Icon, { name: "delete" })
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
+          !value && !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                testid: testid ? `${testid}-icon` : void 0,
+                name: "cloud_upload",
+                className: "text-icon-primary-normal"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Paragraph,
+              {
+                testid: testid ? `${testid}-text` : void 0,
+                color: errorText ? "text-primary-error" : "text-secondary-normal",
+                children: errorText ? errorText : text
+              }
+            )
+          ] }),
+          value && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                "data-testid": testid ? `${testid}-uploaded-image` : void 0,
+                src: value,
+                alt: "",
+                className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                testid: testid ? `${testid}-remove-image-button` : void 0,
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  onRemove == null ? void 0 : onRemove();
+                },
+                iconOnly: true,
+                leftIcon: /* @__PURE__ */ jsx(Icon, { name: "delete" })
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
 export {
   Upload
 };

package/dist/components/index.js

@@ -2,13 +2,13 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-DZKPU3HG.js";
+} from "../chunk-QTSKA34J.js";
+import "../chunk-GYU3MQ3R.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-77J763WS.js";
 import "../chunk-URAV33TJ.js";
 import {
   ProductImagePreview
-} from "../chunk-GWD4XMZA.js";
+} from "../chunk-B2DVT7KT.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
@@ -17,24 +17,24 @@ import {
 } from "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
-import "../chunk-WAV5PXQI.js";
-import "../chunk-ZEPEVX5O.js";
+import "../chunk-OX7TDYN4.js";
+import "../chunk-I2L2DXPU.js";
 import {
   useGridContext
 } from "../chunk-5IFPG6TS.js";
-import "../chunk-ZILLGHBE.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-EWGHVZL5.js";
-import {
-  SkeletonParagraph
-} from "../chunk-L3BXRDLP.js";
+import "../chunk-ZILLGHBE.js";
 import "../chunk-AT4AWD6B.js";
+import "../chunk-EWGHVZL5.js";
 import {
   Select
 } from "../chunk-UF5XGCSF.js";
 import {
   SimpleTable
-} from "../chunk-WCBNUS32.js";
+} from "../chunk-63WMDTVQ.js";
+import {
+  SkeletonParagraph
+} from "../chunk-L3BXRDLP.js";
 import {
   OrderCheckIcon
 } from "../chunk-34VEVX5H.js";
@@ -50,10 +50,10 @@ import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
 import "../chunk-74HXF5GF.js";
 import "../chunk-AG43RS4Q.js";
+import "../chunk-QVWYTQKL.js";
 import {
   ListGroup
 } from "../chunk-UAMI54FE.js";
-import "../chunk-QVWYTQKL.js";
 import {
   useTableEditingContext
 } from "../chunk-SJZNVG4N.js";
@@ -61,9 +61,6 @@ import {
   EmptyCartIcon
 } from "../chunk-75USUR3I.js";
 import "../chunk-BWPNXY7T.js";
-import {
-  CompactImagesPreview
-} from "../chunk-NUWWNDEL.js";
 import {
   DataCellHeader,
   DataGridCell,
@@ -87,24 +84,12 @@ import {
   Label
 } from "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import {
-  Accordion
-} from "../chunk-5GG3FGQS.js";
-import {
-  Alert
-} from "../chunk-QCTZTMHH.js";
-import "../chunk-MXSJF6TW.js";
-import "../chunk-MTGNBARV.js";
-import {
-  Button
-} from "../chunk-BMAZBFUU.js";
-import "../chunk-SBRRNFOP.js";
-import {
-  Card
-} from "../chunk-KBJZUVLM.js";
 import {
   Checkbox
 } from "../chunk-M7WHWZ2J.js";
+import {
+  CompactImagesPreview
+} from "../chunk-SGZCW7HP.js";
 import "../chunk-ZERLFS2T.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-X4VZXHQL.js";
@@ -114,15 +99,30 @@ import {
 } from "../chunk-XJF4S3RB.js";
 import "../chunk-ZCJWOHFN.js";
 import "../chunk-PS6UJZVH.js";
-import {
-  Paragraph
-} from "../chunk-WMPWWFUJ.js";
 import {
   AccessCardGroup
 } from "../chunk-XR733AKC.js";
 import {
   Subheader
 } from "../chunk-BYC6QID5.js";
+import {
+  Accordion
+} from "../chunk-CQLRGYHM.js";
+import {
+  Card
+} from "../chunk-KBJZUVLM.js";
+import {
+  Alert
+} from "../chunk-TURMALTW.js";
+import "../chunk-MXSJF6TW.js";
+import {
+  Button
+} from "../chunk-BMAZBFUU.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.691",
+  "version": "0.0.692",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/dist/{chunk-WCBNUS32.js → chunk-63WMDTVQ.js}

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/SimpleTable.tsx
 import clsx from "clsx";

package/dist/{chunk-NYBPEUKC.js → chunk-7YW4Q7OQ.js}

@@ -1,12 +1,12 @@
 import {
   Heading3
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";

package/dist/{chunk-GWD4XMZA.js → chunk-B2DVT7KT.js}

@@ -16,12 +16,12 @@ import {
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   useMatchesMobile
 } from "./chunk-ZERLFS2T.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";

package/dist/{chunk-5GG3FGQS.js → chunk-CQLRGYHM.js}

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Card
 } from "./chunk-KBJZUVLM.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";

package/dist/{chunk-54PBZBOB.js → chunk-EQ2RAI53.js}

@@ -1,12 +1,12 @@
 import {
   PdfPage
 } from "./chunk-VJVY6NPF.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Spinner
 } from "./chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/PDFViewer/PDFElement.tsx
 import { usePdf } from "@mikecousins/react-pdf";

package/dist/{chunk-77J763WS.js → chunk-GYU3MQ3R.js}

@@ -10,12 +10,12 @@ import {
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-ZEPEVX5O.js → chunk-I2L2DXPU.js}

@@ -4,18 +4,18 @@ import {
 import {
   MobileDataGridColumn
 } from "./chunk-ZILLGHBE.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Checkbox
 } from "./chunk-M7WHWZ2J.js";
-import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-NUWWNDEL.js → chunk-SGZCW7HP.js}

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   useMatchesMobile
 } from "./chunk-ZERLFS2T.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/CompactImagesPreview.tsx
 import { useCallback } from "react";

package/dist/{chunk-QCTZTMHH.js → chunk-TURMALTW.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";