@vkzstudio/muza-ui 1.0.43 → 1.0.45

package/dist/components/FileUpload/FileUpload.js

@@ -1,15 +1,15 @@
-import { jsxs as n, jsx as a, Fragment as ue } from "react/jsx-runtime";
+import { jsxs as n, jsx as a, Fragment as ne } from "react/jsx-runtime";
 import * as v from "react";
-import { cva as Z } from "class-variance-authority";
-import { useDropzone as fe } from "react-dropzone";
-import { FileItem as W } from "./FileItem.js";
-import { useMuzaTranslations as ne } from "../../translations/TranslationContext.js";
-import { FormField as me } from "../FormField/FormField.js";
-import { Flex as X } from "../Flex/Flex.js";
-import { cn as Y } from "../../utils/cn.js";
-import { CloudUploadOutline as ge } from "@solar-icons/react-perf";
+import { cva as O } from "class-variance-authority";
+import { useDropzone as me } from "react-dropzone";
+import { FileItem as Y } from "./FileItem.js";
+import { useMuzaTranslations as ge } from "../../translations/TranslationContext.js";
+import { FormField as xe } from "../FormField/FormField.js";
+import { Flex as Z } from "../Flex/Flex.js";
+import { cn as q } from "../../utils/cn.js";
+import { CloudUploadOutline as he } from "@solar-icons/react-perf";
 import { Typography as M } from "../Typography/Typography.js";
-const xe = Z(
+const be = O(
   [
     "group relative cursor-pointer rounded-xl border-1 border-dashed transition-colors",
     "p-4xl pt-3xl pr-4xl pb-3xl",
@@ -45,7 +45,7 @@ const xe = Z(
       }
     }
   }
-), he = Z(
+), ve = O(
   [
     "text-center transition-colors",
     "text-comp-file-upload-text-dark-secondary"
@@ -57,137 +57,139 @@ const xe = Z(
       }
     }
   }
-), be = v.forwardRef(
+), Me = v.forwardRef(
   ({
-    className: A,
+    className: P,
     onDrop: z,
     accept: m,
-    multiple: P = !0,
+    multiple: U = !0,
     maxSize: y,
-    maxSizeErrorMessage: q,
+    maxSizeErrorMessage: H,
     maxFiles: i,
-    maxFilesErrorMessage: O,
+    maxFilesErrorMessage: D,
     size: V = "base",
     disabled: p = !1,
     readOnly: g = !1,
-    dropzoneOptions: H,
+    dropzoneOptions: C,
     label: K,
-    title: D,
+    title: E,
     subtitle: _,
-    preselectedFiles: C = [],
-    fileStatus: E = [],
+    preselectedFiles: ee = [],
+    fileStatus: oe = [],
     itemErrors: F,
     itemHints: k,
     itemSecondaryTexts: w,
-    error: ee,
+    error: te,
     required: S,
-    disableRequiredAsterisk: te,
-    onError: t,
+    disableRequiredAsterisk: le,
+    onError: o,
     onDelete: $,
     onChange: u,
     preselectedUrls: x = [],
     onDeleteUrl: N,
-    labelExtra: oe,
-    infoTooltip: le,
-    ...se
-  }, re) => {
-    const f = ne(), [h, j] = v.useState(C), [B, I] = v.useState(!1), [G, b] = v.useState(!1), R = h.length + x.length, ae = D ?? f.fileUpload.title, T = i != null ? f.fileUpload.maxFilesError.replace("{count}", String(i)) : "", U = O ?? T, J = y ? f.fileUpload.maxSizeError.replace(
+    onDownloadUrl: j,
+    onDownloadFile: B,
+    labelExtra: se,
+    infoTooltip: re,
+    ...ae
+  }, ie) => {
+    const f = ge(), [h, G] = v.useState(ee), [J, I] = v.useState(!1), [L, b] = v.useState(!1), R = h.length + x.length, de = E ?? f.fileUpload.title, T = i != null ? f.fileUpload.maxFilesError.replace("{count}", String(i)) : "", A = D ?? T, Q = y ? f.fileUpload.maxSizeError.replace(
       "{size}",
       (y / (1024 * 1024)).toFixed(0)
-    ) : "", L = q ?? J, { getRootProps: ie, getInputProps: de, isDragActive: ce } = fe({
+    ) : "", W = H ?? Q, { getRootProps: ce, getInputProps: pe, isDragActive: ue } = me({
       onDrop: (e, s) => {
         try {
           if (I(!1), b(!1), s.length > 0) {
-            const o = s.some(
+            const t = s.some(
               (l) => l.errors.some((r) => r.code === "file-too-large")
             );
             if (s.some(
               (l) => l.errors.some((r) => r.code === "too-many-files")
             )) {
               b(!0);
-              const l = U || T;
-              t == null || t(l, s[0].file);
+              const l = A || T;
+              o == null || o(l, s[0].file);
               return;
             }
-            if (o) {
+            if (t) {
               I(!0);
-              const l = L || J;
-              t == null || t(l, s[0].file);
+              const l = W || Q;
+              o == null || o(l, s[0].file);
               return;
             }
           }
           if (i != null && R + e.length > i) {
             b(!0);
-            const o = U || T;
-            t == null || t(o);
+            const t = A || T;
+            o == null || o(t);
             return;
           }
-          j((o) => {
+          G((t) => {
             const c = new Set(
-              o.map((d) => `${d.name}-${d.size}-${d.lastModified}`)
+              t.map((d) => `${d.name}-${d.size}-${d.lastModified}`)
             ), l = e.filter(
               (d) => !c.has(`${d.name}-${d.size}-${d.lastModified}`)
-            ), r = [...o, ...l];
+            ), r = [...t, ...l];
             return u == null || u(r), r;
           }), z == null || z(e);
-        } catch (o) {
-          const c = o instanceof Error ? o.message : f.fileUpload.processingError;
-          t == null || t(c);
+        } catch (t) {
+          const c = t instanceof Error ? t.message : f.fileUpload.processingError;
+          o == null || o(c);
         }
       },
       accept: typeof m == "string" ? { [m]: [] } : m ? Object.fromEntries(m.map((e) => [e, []])) : void 0,
-      multiple: P,
+      multiple: U,
       maxSize: y,
       maxFiles: i != null ? i - R : void 0,
       disabled: p,
-      ...H
-    }), Q = g || !P && (h.length > 0 || x.length > 0) || i != null && R >= i;
-    return /* @__PURE__ */ n(X, { direction: "column", gap: "lg", children: [
-      (!Q || K) && /* @__PURE__ */ a(
-        me,
+      ...C
+    }), X = g || !U && (h.length > 0 || x.length > 0) || i != null && R >= i;
+    return /* @__PURE__ */ n(Z, { direction: "column", gap: "lg", children: [
+      (!X || K) && /* @__PURE__ */ a(
+        xe,
         {
           label: K,
           required: S,
-          disableRequiredAsterisk: te,
-          labelExtra: oe,
-          infoTooltip: le,
-          children: !Q && /* @__PURE__ */ n(ue, { children: [
+          disableRequiredAsterisk: le,
+          labelExtra: se,
+          infoTooltip: re,
+          children: !X && /* @__PURE__ */ n(ne, { children: [
             /* @__PURE__ */ n(
               "div",
               {
-                ref: re,
+                ref: ie,
                 tabIndex: p ? void 0 : 0,
-                className: Y(
-                  xe({
-                    error: ee || B || G,
+                className: q(
+                  be({
+                    error: te || J || L,
                     disabled: p,
-                    className: A,
-                    isDragActive: ce
+                    className: P,
+                    isDragActive: ue
                   })
                 ),
-                ...ie(),
-                ...se,
+                ...ce(),
+                ...ae,
                 children: [
                   /* @__PURE__ */ a(
                     "input",
                     {
-                      ...de({ required: S }),
+                      ...pe({ required: S }),
                       "aria-required": S
                     }
                   ),
-                  /* @__PURE__ */ a(ge, { className: "inline size-comp-file-upload-ico-size" }),
+                  /* @__PURE__ */ a(he, { className: "inline size-comp-file-upload-ico-size" }),
                   /* @__PURE__ */ n("div", { children: [
-                    /* @__PURE__ */ a(M, { size: "base", component: "p", weight: "medium", children: ae }),
+                    /* @__PURE__ */ a(M, { size: "base", component: "p", weight: "medium", children: de }),
                     _ && /* @__PURE__ */ a(
                       M,
                       {
                         size: "sm",
                         component: "p",
                         weight: "regular",
-                        className: Y(
-                          he({
+                        className: q(
+                          ve({
                             disabled: p,
-                            className: A
+                            className: P
                           })
                         ),
                         children: _
@@ -197,7 +199,7 @@ const xe = Z(
                 ]
               }
             ),
-            B && /* @__PURE__ */ a(
+            J && /* @__PURE__ */ a(
               M,
               {
                 size: "sm",
@@ -205,10 +207,10 @@ const xe = Z(
                 component: "p",
                 weight: "regular",
                 className: "text-comp-file-upload-text-error-def",
-                children: L
+                children: W
               }
             ),
-            G && /* @__PURE__ */ a(
+            L && /* @__PURE__ */ a(
               M,
               {
                 size: "sm",
@@ -216,15 +218,15 @@ const xe = Z(
                 component: "p",
                 weight: "regular",
                 className: "text-comp-file-upload-text-error-def",
-                children: U
+                children: A
               }
             )
           ] })
         }
       ),
-      (x.length > 0 || h.length > 0) && /* @__PURE__ */ n(X, { component: "ul", direction: "column", gap: "md", children: [
+      (x.length > 0 || h.length > 0) && /* @__PURE__ */ n(Z, { component: "ul", direction: "column", gap: "md", children: [
         x.map((e, s) => /* @__PURE__ */ a(
-          W,
+          Y,
           {
             source: "url",
             url: e.url,
@@ -235,35 +237,37 @@ const xe = Z(
             readOnly: g,
             size: V,
             secondaryText: e.secondaryText,
-            onDelete: () => N == null ? void 0 : N(e, s)
+            onDelete: () => N == null ? void 0 : N(e, s),
+            onDownload: j ? () => j(e, s) : void 0
           },
           `url-${e.url}`
         )),
         h.map((e, s) => {
-          const o = E[s], c = o == null ? void 0 : o.uploaded;
+          const t = oe[s], c = t == null ? void 0 : t.uploaded;
           return g && !c ? null : /* @__PURE__ */ a(
-            W,
+            Y,
             {
               source: "file",
               file: e,
               uploaded: c,
-              progress: o == null ? void 0 : o.progress,
+              progress: t == null ? void 0 : t.progress,
               disabled: p,
               readOnly: g,
               error: F == null ? void 0 : F.get(e),
               note: k == null ? void 0 : k.get(e),
               secondaryText: w == null ? void 0 : w.get(e),
-              onError: t,
+              onError: o,
               size: V,
+              onDownload: B ? () => B(e, s) : void 0,
               onDelete: () => {
                 try {
-                  b(!1), I(!1), j((l) => {
-                    const r = l.filter((d, pe) => pe !== s);
+                  b(!1), I(!1), G((l) => {
+                    const r = l.filter((d, fe) => fe !== s);
                     return u == null || u(r), r;
                   }), $ == null || $(e, s);
                 } catch (l) {
                   const r = l instanceof Error ? l.message : f.fileUpload.deleteError;
-                  t == null || t(r, e);
+                  o == null || o(r, e);
                 }
               }
             },
@@ -274,7 +278,7 @@ const xe = Z(
     ] });
   }
 );
-be.displayName = "FileUpload";
+Me.displayName = "FileUpload";
 export {
-  be as FileUpload
+  Me as FileUpload
 };

package/dist/components/FileUpload/FileUpload.stories.d.ts

@@ -20,6 +20,7 @@ export declare const UploadSimulation: Story;
 export declare const WithMaxFiles: Story;
 export declare const WithMaxFilesAndPreselected: Story;
 export declare const PreselectedUrls: Story;
+export declare const WithDownloadCallbacks: Story;
 export declare const MixedFilesAndUrls: Story;
 export declare const WithSecondaryText: Story;
 export declare const SingleFileImportResult: Story;

package/dist/components/FileUpload/FileUpload.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoDpC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}
+{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA4MjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KA0DnC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoDpC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}

package/dist/components/FileUpload/index.d.ts

@@ -1,2 +1,2 @@
-export { FileUpload, type FileUploadProps, type PreselectedUrl, } from './FileUpload';
+export { FileUpload, type FileUploadProps, type FileUploadStatus, type PreselectedUrl, } from './FileUpload';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/FileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAA"}

package/dist/components/Flex/Flex.d.ts

@@ -22,7 +22,7 @@ declare const flexVariants: (props?: ({
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
     justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
-    align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
+    align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
     flex?: 1 | "none" | "auto" | "initial" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type HTMLElementTag = keyof React.JSX.IntrinsicElements & keyof HTMLElementTagNameMap;

package/dist/components/Icons/CustomBadges.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/** Shared SVG props for all store badge components. */
+export type BadgeProps = React.SVGProps<SVGSVGElement>;
+/**
+ * Google Play Store download badge.
+ * @component
+ */
+export declare const GooglePlayBadge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+/**
+ * Apple App Store download badge.
+ * @component
+ */
+export declare const AppStoreBadge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=CustomBadges.d.ts.map

package/dist/components/Icons/CustomBadges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomBadges.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/CustomBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe,+FAiG3B,CAAA;AAGD;;;GAGG;AACH,eAAO,MAAM,aAAa,+FAqHzB,CAAA"}