@caspeco/casper-ui-library 10.0.0 → 10.0.1

package/dist/components/image-upload/image-upload-helper.d.ts

@@ -1,2 +1,5 @@
+import { FileItem } from './image-upload-dropzone.js';
 export declare function sanitizeFilename(filename: string): string;
+export declare function readBlobAsDataUrl(blob: Blob): Promise<string>;
+export declare function loadImageFileItem(src: string, signal?: AbortSignal): Promise<FileItem>;
 //# sourceMappingURL=image-upload-helper.d.ts.map

package/dist/components/image-upload/image-upload-helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-helper.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-helper.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGzD"}
+{"version":3,"file":"image-upload-helper.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAO7D;AAED,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAO5F"}

package/dist/components/image-upload/image-upload-helper.js

@@ -1,6 +1,23 @@
-function n(e) {
-  return e.replace(/[^a-zA-Z0-9-.]/g, "_");
+function t(a) {
+  return a.replace(/[^a-zA-Z0-9-.]/g, "_");
+}
+function o(a) {
+  return new Promise((r, n) => {
+    const e = new FileReader();
+    e.onload = () => r(e.result), e.onerror = () => n(e.error ?? new Error("Failed to read image data")), e.readAsDataURL(a);
+  });
+}
+async function i(a, r) {
+  const e = await (await fetch(a, {
+    signal: r
+  })).blob();
+  return {
+    data: await o(e),
+    fileName: t(a)
+  };
 }
 export {
-  n as sanitizeFilename
+  i as loadImageFileItem,
+  o as readBlobAsDataUrl,
+  t as sanitizeFilename
 };

package/dist/components/image-upload/image-upload-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,+BAqHzB"}
+{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,+BA8GzB"}

package/dist/components/image-upload/image-upload-modal.js

@@ -1,82 +1,107 @@
-import { jsxs as t, jsx as e, Fragment as k } from "react/jsx-runtime";
-import { ButtonGroup as D } from "@chakra-ui/react";
-import { useState as u, useEffect as H } from "react";
-import { ImageCropper as L } from "./image-cropper.js";
-import R from "./image-upload-dropzone.js";
-import { sanitizeFilename as V } from "./image-upload-helper.js";
-import { RemoveIcon as j } from "./image-upload-icons.js";
-import { translations as s } from "./translations.js";
-import { Modal as O } from "../modal/modal.js";
-import { ModalHeader as $ } from "../modal/modal-header.js";
-import { Text as w } from "../text/text.js";
-import { ModalCloseButton as U } from "../modal/modal-close-button.js";
-import { ModalBody as W } from "../modal/modal-body.js";
-import { Button as p } from "../button/button.js";
-import { ModalFooter as X } from "../modal/modal-footer.js";
-import { ThemeSpaceVariable as o, ThemeFontSizeVariable as A, ThemeFontVariable as E, ThemeColorVariable as g } from "../../theme/theme-types.js";
-function de({
-  title: b,
-  src: r,
-  savedCrop: S,
-  isOpen: C,
-  aspectRatio: x,
-  crop: c,
-  locale: i,
-  onClose: y,
-  handleSaveImage: I,
-  setPreviewImage: n,
-  setCrop: l
-}) {
-  const [M, F] = u(!1), [a, m] = u({
+import { jsx as l, jsxs as b, Fragment as q } from "react/jsx-runtime";
+import { c as J } from "../../_virtual/compiler-runtime.js";
+import { ButtonGroup as K } from "@chakra-ui/react";
+import { useState as E, useEffect as Q } from "react";
+import { ImageCropper as Y } from "./image-cropper.js";
+import Z from "./image-upload-dropzone.js";
+import { loadImageFileItem as W } from "./image-upload-helper.js";
+import { RemoveIcon as ee } from "./image-upload-icons.js";
+import { translations as D } from "./translations.js";
+import { Text as te } from "../text/text.js";
+import { ModalHeader as oe } from "../modal/modal-header.js";
+import { ModalBody as re } from "../modal/modal-body.js";
+import { Button as L } from "../button/button.js";
+import { ModalFooter as ae } from "../modal/modal-footer.js";
+import { ModalCloseButton as le } from "../modal/modal-close-button.js";
+import { Modal as ie } from "../modal/modal.js";
+import { ThemeFontSizeVariable as me, ThemeFontVariable as ne, ThemeColorVariable as X, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+function Te(A) {
+  const e = J.c(48), {
+    title: T,
+    src: o,
+    savedCrop: F,
+    isOpen: B,
+    aspectRatio: k,
+    crop: m,
+    locale: n,
+    onClose: w,
+    handleSaveImage: z,
+    setPreviewImage: r,
+    setCrop: a
+  } = A, [H, G] = E(!1);
+  let C;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
     data: "",
     fileName: ""
-  }), d = () => {
-    (async () => {
-      if (!r)
-        return;
-      const B = await (await fetch(r)).blob(), f = new FileReader();
-      f.readAsDataURL(B), f.onloadend = () => {
-        m({
-          data: f.result,
-          fileName: V(r)
-        });
-      };
-    })().catch(console.error);
-  };
-  H(() => {
-    d();
-  }, [d]);
-  const T = () => {
-    I(a, c, M);
-  }, N = (!a.data || !a.fileName) && !r, v = (!a.data || !a.fileName) && r, h = () => {
-    m({
+  }, e[0] = C) : C = e[0];
+  const [t, u] = E(C);
+  let I, S;
+  e[1] !== o ? (I = () => {
+    if (!o)
+      return;
+    const j = new AbortController();
+    return W(o, j.signal).then((U) => {
+      j.signal.aborted || u(U);
+    }).catch(console.error), () => {
+      j.abort();
+    };
+  }, S = [o], e[1] = o, e[2] = I, e[3] = S) : (I = e[2], S = e[3]), Q(I, S);
+  let v;
+  e[4] !== m || e[5] !== t || e[6] !== z || e[7] !== H ? (v = () => {
+    z(t, m, H);
+  }, e[4] = m, e[5] = t, e[6] = z, e[7] = H, e[8] = v) : v = e[8];
+  const O = v, R = (!t.data || !t.fileName) && !o, P = (!t.data || !t.fileName) && o;
+  let y;
+  e[9] !== w || e[10] !== F || e[11] !== a || e[12] !== r || e[13] !== o ? (y = () => {
+    u({
       data: "",
       fileName: ""
-    }), n(""), r && (d(), n(r)), l(S || null), y();
-  }, z = () => {
-    m({
+    }), r(""), o && (W(o).then(u).catch(console.error), r(o)), a(F || null), w();
+  }, e[9] = w, e[10] = F, e[11] = a, e[12] = r, e[13] = o, e[14] = y) : y = e[14];
+  const s = y;
+  let x;
+  e[15] !== a || e[16] !== r ? (x = () => {
+    u({
       data: "",
       fileName: ""
-    }), n(""), l(null);
-  };
-  return /* @__PURE__ */ t(O, { isOpen: C, onClose: h, size: "md", children: [
-    /* @__PURE__ */ t($, { display: "flex", alignItems: "center", justifyContent: "space-between", p: o.Medium, children: [
-      /* @__PURE__ */ e(w, { color: g.OnSurfaceHeader, fontFamily: E.SubHeader, fontWeight: "medium", fontSize: A.XLarge, children: b }),
-      /* @__PURE__ */ e(U, {})
-    ] }),
-    /* @__PURE__ */ e(W, { display: "flex", flexDirection: "column", p: `${o.Large} ${o.Medium}`, children: a.data && a.fileName ? /* @__PURE__ */ t(k, { children: [
-      /* @__PURE__ */ e(L, { src: a.data, crop: c, onCropCallback: l, aspectRatio: x, setPreviewImage: n }),
-      /* @__PURE__ */ e(D, { gap: o.Small, mt: o.Large, flexWrap: "wrap", children: /* @__PURE__ */ t(p, { variant: "ghost", onClick: z, gap: o.XSmall, children: [
-        /* @__PURE__ */ e(j, {}),
-        "Ta bort bild"
-      ] }) })
-    ] }) : /* @__PURE__ */ e(R, { locale: i, setFileItem: m, setHasImageChanged: F }) }),
-    /* @__PURE__ */ t(X, { p: o.Medium, gap: o.Medium, borderTop: `1px solid ${g.OnSurfaceBorder}`, children: [
-      /* @__PURE__ */ e(p, { variant: "ghost", onClick: h, children: s[i].secondary }),
-      /* @__PURE__ */ e(p, { variant: "primary", onClick: T, isDisabled: N, children: v ? s[i].remove : s[i].primary })
-    ] })
-  ] });
+    }), r(""), a(null);
+  }, e[15] = a, e[16] = r, e[17] = x) : x = e[17];
+  const V = x;
+  let c;
+  e[18] !== T ? (c = /* @__PURE__ */ l(te, { color: X.OnSurfaceHeader, fontFamily: ne.SubHeader, fontWeight: "medium", fontSize: me.XLarge, children: T }), e[18] = T, e[19] = c) : c = e[19];
+  let M;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ l(le, {}), e[20] = M) : M = e[20];
+  let f;
+  e[21] !== c ? (f = /* @__PURE__ */ b(oe, { display: "flex", alignItems: "center", justifyContent: "space-between", p: i.Medium, children: [
+    c,
+    M
+  ] }), e[21] = c, e[22] = f) : f = e[22];
+  let d;
+  e[23] !== k || e[24] !== m || e[25] !== t.data || e[26] !== t.fileName || e[27] !== V || e[28] !== n || e[29] !== a || e[30] !== r ? (d = /* @__PURE__ */ l(re, { display: "flex", flexDirection: "column", p: `${i.Large} ${i.Medium}`, children: t.data && t.fileName ? /* @__PURE__ */ b(q, { children: [
+    /* @__PURE__ */ l(Y, { src: t.data, crop: m, onCropCallback: a, aspectRatio: k, setPreviewImage: r }),
+    /* @__PURE__ */ l(K, { gap: i.Small, mt: i.Large, flexWrap: "wrap", children: /* @__PURE__ */ b(L, { variant: "ghost", onClick: V, gap: i.XSmall, children: [
+      /* @__PURE__ */ l(ee, {}),
+      "Ta bort bild"
+    ] }) })
+  ] }) : /* @__PURE__ */ l(Z, { locale: n, setFileItem: u, setHasImageChanged: G }) }), e[23] = k, e[24] = m, e[25] = t.data, e[26] = t.fileName, e[27] = V, e[28] = n, e[29] = a, e[30] = r, e[31] = d) : d = e[31];
+  const _ = D[n];
+  let p;
+  e[32] !== s || e[33] !== _.secondary ? (p = /* @__PURE__ */ l(L, { variant: "ghost", onClick: s, children: _.secondary }), e[32] = s, e[33] = _.secondary, e[34] = p) : p = e[34];
+  const $ = P ? D[n].remove : D[n].primary;
+  let h;
+  e[35] !== R || e[36] !== O || e[37] !== $ ? (h = /* @__PURE__ */ l(L, { variant: "primary", onClick: O, isDisabled: R, children: $ }), e[35] = R, e[36] = O, e[37] = $, e[38] = h) : h = e[38];
+  let g;
+  e[39] !== p || e[40] !== h ? (g = /* @__PURE__ */ b(ae, { p: i.Medium, gap: i.Medium, borderTop: `1px solid ${X.OnSurfaceBorder}`, children: [
+    p,
+    h
+  ] }), e[39] = p, e[40] = h, e[41] = g) : g = e[41];
+  let N;
+  return e[42] !== s || e[43] !== B || e[44] !== d || e[45] !== g || e[46] !== f ? (N = /* @__PURE__ */ b(ie, { isOpen: B, onClose: s, size: "md", children: [
+    f,
+    d,
+    g
+  ] }), e[42] = s, e[43] = B, e[44] = d, e[45] = g, e[46] = f, e[47] = N) : N = e[47], N;
 }
 export {
-  de as ImageUploadModal
+  Te as ImageUploadModal
 };