@oneplatformdev/ui 0.1.99-beta.286 → 0.1.99-beta.289

package/vite-env.d.ts

@@ -1,7 +1,7 @@
-declare module '*.svg?react' {
-  import type { FC, SVGProps } from 'react';
-
-  const ReactComponent: FC<SVGProps<SVGSVGElement>>;
-
-  export default ReactComponent;
-}
+declare module '*.svg?react' {
+  import type { FC, SVGProps } from 'react';
+
+  const ReactComponent: FC<SVGProps<SVGSVGElement>>;
+
+  export default ReactComponent;
+}

package/Dropzone/DropzoneCoverPreview.d.ts

@@ -1,14 +0,0 @@
-import { DropzoneValueItem } from './Dropzone.types';
-interface DropzoneCoverPreviewProps {
-    item: DropzoneValueItem;
-    className?: string;
-}
-/**
- * Cover preview for the image-grid (multi select) drop area.
- * Mirrors the single image preview: wide images fill the frame (object-cover),
- * portrait images are shown in full (object-contain) over a blurred backdrop,
- * so the cover is never cropped awkwardly.
- */
-export declare const DropzoneCoverPreview: ({ item, className }: DropzoneCoverPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=DropzoneCoverPreview.d.ts.map

package/Dropzone/DropzoneCoverPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneCoverPreview.d.ts","sourceRoot":"","sources":["../../src/Dropzone/DropzoneCoverPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,UAAU,yBAAyB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,qBAAqB,yBAAyB,mDAmDlF,CAAC"}

package/Dropzone/DropzoneCoverPreview.js

@@ -1,56 +0,0 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { useState as n, useEffect as d } from "react";
-import { cn as i } from "@oneplatformdev/utils";
-import { isFile as v } from "./DropzoneUtils.js";
-const h = ({ item: e, className: u }) => {
-  const [t, o] = n(""), [l, f] = n(!1);
-  return d(() => {
-    if (v(e)) {
-      const r = URL.createObjectURL(e);
-      return o(r), () => URL.revokeObjectURL(r);
-    }
-    if (typeof e == "string") {
-      o(e);
-      return;
-    }
-    o("");
-  }, [e]), t ? /* @__PURE__ */ m(
-    "div",
-    {
-      className: i(
-        "relative flex w-full h-full items-center justify-center overflow-hidden",
-        u
-      ),
-      children: [
-        !l && /* @__PURE__ */ a(
-          "div",
-          {
-            className: "absolute inset-0 scale-110 bg-cover bg-center opacity-80 blur-xl",
-            style: { backgroundImage: `url(${t})` }
-          }
-        ),
-        /* @__PURE__ */ a(
-          "img",
-          {
-            src: t,
-            alt: "",
-            onLoad: (r) => {
-              const { naturalWidth: s, naturalHeight: c } = r.currentTarget;
-              f(
-                !!s && !!c && s > c
-              );
-            },
-            className: i(
-              "relative h-full",
-              l ? "w-full object-cover" : "z-10 max-w-full object-contain"
-            )
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-export {
-  h as DropzoneCoverPreview
-};
-//# sourceMappingURL=DropzoneCoverPreview.js.map

package/Dropzone/DropzoneCoverPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneCoverPreview.js","sources":["../../src/Dropzone/DropzoneCoverPreview.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nimport { DropzoneValueItem } from './Dropzone.types';\nimport { isFile } from './DropzoneUtils';\n\ninterface DropzoneCoverPreviewProps {\n  item: DropzoneValueItem;\n  className?: string;\n}\n\n/**\n * Cover preview for the image-grid (multi select) drop area.\n * Mirrors the single image preview: wide images fill the frame (object-cover),\n * portrait images are shown in full (object-contain) over a blurred backdrop,\n * so the cover is never cropped awkwardly.\n */\nexport const DropzoneCoverPreview = ({ item, className }: DropzoneCoverPreviewProps) => {\n  const [src, setSrc] = useState('');\n  const [isWideImage, setIsWideImage] = useState(false);\n\n  useEffect(() => {\n    if (isFile(item)) {\n      const objectUrl = URL.createObjectURL(item);\n      setSrc(objectUrl);\n      return () => URL.revokeObjectURL(objectUrl);\n    }\n\n    if (typeof item === 'string') {\n      setSrc(item);\n      return undefined;\n    }\n\n    setSrc('');\n    return undefined;\n  }, [item]);\n\n  if (!src) return null;\n\n  return (\n    <div\n      className={cn(\n        'relative flex w-full h-full items-center justify-center overflow-hidden',\n        className,\n      )}\n    >\n      {!isWideImage && (\n        <div\n          className=\"absolute inset-0 scale-110 bg-cover bg-center opacity-80 blur-xl\"\n          style={{ backgroundImage: `url(${src})` }}\n        />\n      )}\n      <img\n        src={src}\n        alt=\"\"\n        onLoad={(event) => {\n          const { naturalWidth, naturalHeight } = event.currentTarget;\n          setIsWideImage(\n            !!naturalWidth && !!naturalHeight && naturalWidth > naturalHeight,\n          );\n        }}\n        className={cn(\n          'relative h-full',\n          isWideImage ? 'w-full object-cover' : 'z-10 max-w-full object-contain',\n        )}\n      />\n    </div>\n  );\n};\n"],"names":["DropzoneCoverPreview","item","className","src","setSrc","useState","isWideImage","setIsWideImage","useEffect","isFile","objectUrl","jsxs","cn","jsx","event","naturalWidth","naturalHeight"],"mappings":";;;;AAkBO,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAA2C;AACtF,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,EAAE,GAC3B,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK;AAkBpD,SAhBAG,EAAU,MAAM;AACd,QAAIC,EAAOR,CAAI,GAAG;AAChB,YAAMS,IAAY,IAAI,gBAAgBT,CAAI;AAC1C,aAAAG,EAAOM,CAAS,GACT,MAAM,IAAI,gBAAgBA,CAAS;AAAA,IAC5C;AAEA,QAAI,OAAOT,KAAS,UAAU;AAC5B,MAAAG,EAAOH,CAAI;AACX;AAAA,IACF;AAEA,IAAAG,EAAO,EAAE;AAAA,EAEX,GAAG,CAACH,CAAI,CAAC,GAEJE,IAGH,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAV;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,CAACI,KACA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,OAAOV,CAAG,IAAA;AAAA,UAAI;AAAA,QAAA;AAAA,QAG5C,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAV;AAAA,YACA,KAAI;AAAA,YACJ,QAAQ,CAACW,MAAU;AACjB,oBAAM,EAAE,cAAAC,GAAc,eAAAC,EAAA,IAAkBF,EAAM;AAC9C,cAAAP;AAAA,gBACE,CAAC,CAACQ,KAAgB,CAAC,CAACC,KAAiBD,IAAeC;AAAA,cAAA;AAAA,YAExD;AAAA,YACA,WAAWJ;AAAA,cACT;AAAA,cACAN,IAAc,wBAAwB;AAAA,YAAA;AAAA,UACxC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,IA5Ba;AA+BnB;"}