@oneplatformdev/ui 0.0.1-beta.86 → 0.0.1-beta.87

package/Dropzone/DropzoneSinglePickPreview.d.ts

@@ -1,5 +1,6 @@
 import { DropzoneValueItem } from './Dropzone.types';
 
+export declare const transformImageToSrc: (preview?: string | File | null) => string;
 interface SinglePickPreviewProps {
     item: DropzoneValueItem;
     disabled?: boolean;

package/Dropzone/DropzoneSinglePickPreview.mjs

@@ -1,38 +1,41 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as u, useEffect as f } from "react";
-import { isFile as p } from "./DropzoneUtils.mjs";
-import { X as h, FileIcon as m } from "lucide-react";
-const b = ({
-  item: e,
-  disabled: a,
-  onRemoveClick: d
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { isFile as i } from "./DropzoneUtils.mjs";
+import { X as a, FileIcon as u } from "lucide-react";
+const d = (t) => {
+  if (!t) return "";
+  switch (!0) {
+    case (typeof t == "string" && !!t.trim() && t !== "null"):
+      return t;
+    case t instanceof File:
+      return URL.createObjectURL(t);
+    case t instanceof FileList:
+      return t[0] ? URL.createObjectURL(t[0]) : "";
+    default:
+      return "";
+  }
+}, p = ({
+  item: t,
+  disabled: l,
+  onRemoveClick: n
 }) => {
-  const r = p(e), l = r ? e.name : e, [n, o] = u(null);
-  return f(() => {
-    if (r) {
-      const i = e;
-      if (i.type.startsWith("image/")) {
-        const s = new FileReader();
-        s.onloadend = () => o(s.result), s.readAsDataURL(i);
-      } else
-        o(null);
-    } else
-      o(typeof e == "string" ? e : null);
-  }, [e, r]), /* @__PURE__ */ c("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden  outline-[#E4E4E7] outline-[2px] outline-dashed outline-offset-[-1px] rounded-lg", children: [
-    !a && /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow", onClick: d, children: /* @__PURE__ */ t(h, { size: 16, strokeWidth: 2, color: "black" }) }),
-    n ? /* @__PURE__ */ t(
+  const e = i(t) ? t.name : t, o = c(() => d(t), [t]);
+  return /* @__PURE__ */ s("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden  outline-[#E4E4E7] outline-[2px] outline-dashed outline-offset-[-1px] rounded-lg", children: [
+    !l && /* @__PURE__ */ r("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow", onClick: n, children: /* @__PURE__ */ r(a, { size: 16, strokeWidth: 2, color: "black" }) }),
+    o ? /* @__PURE__ */ r(
       "img",
       {
-        src: n,
-        alt: l == null ? void 0 : l.toString(),
+        src: o,
+        alt: e == null ? void 0 : e.toString(),
         className: "w-full h-full object-cover rounded-lg "
       }
-    ) : /* @__PURE__ */ c("div", { className: "w-full h-full flex flex-col items-center justify-center text-gray-600", children: [
-      /* @__PURE__ */ t(m, { size: 28 }),
-      /* @__PURE__ */ t("span", { className: "text-sm mt-2 break-all px-2 text-center", children: l == null ? void 0 : l.toString() })
+    ) : /* @__PURE__ */ s("div", { className: "w-full h-full flex flex-col items-center justify-center text-gray-600", children: [
+      /* @__PURE__ */ r(u, { size: 28 }),
+      /* @__PURE__ */ r("span", { className: "text-sm mt-2 break-all px-2 text-center", children: e == null ? void 0 : e.toString() })
     ] })
   ] });
 };
 export {
-  b as DropzoneSinglePickPreview
+  p as DropzoneSinglePickPreview,
+  d as transformImageToSrc
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.86",
+  "version": "0.0.1-beta.87",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [