@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/components/Dropzone/Dropzone.js

@@ -1,56 +1,57 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import clsx from "clsx";
-import { DropzoneContext } from "./DropzoneContext.js";
-import DropzoneDrag from "./DropzoneDrag.js";
-import DropzoneFile from "./DropzoneFile.js";
-import DropzoneImport from "./DropzoneImport.js";
-import useDropzone from "../../hooks/useDropzone/useDropzone.js";
-const Dropzone = ({
-  className,
-  accept,
-  multiple = !0,
-  handle = !1,
-  children
+import { jsx as o, jsxs as a, Fragment as z } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import j from "clsx";
+import { DropzoneContext as C } from "./DropzoneContext.js";
+import I from "./DropzoneDrag.js";
+import L from "./DropzoneFile.js";
+import N from "./DropzoneImport.js";
+import O from "../../hooks/useDropzone/useDropzone.js";
+const e = ({
+  className: f,
+  accept: n,
+  multiple: i = !0,
+  handle: l = !1,
+  children: D
 }) => {
   const {
-    inputRef,
-    dragging,
-    files,
-    addFile,
-    deleteFile,
-    replaceFileAt,
-    handleDragLeave,
-    handleDragging,
-    handleDrop,
-    handleOnChange
-  } = useDropzone(accept ? {
+    inputRef: t,
+    dragging: s,
+    files: r,
+    addFile: m,
+    deleteFile: d,
+    replaceFileAt: g,
+    handleDragLeave: h,
+    handleDragging: p,
+    handleDrop: u,
+    handleOnChange: c
+  } = O(n ? {
     forceFilters: !0
-  } : void 0), classes = clsx("dropzone", {
-    "is-dragging": (multiple || files.length < 1) && dragging,
-    "is-drop-files": !(files.length !== 0 && !handle)
-  }, className), value = useMemo(() => ({
-    inputRef,
-    files,
-    addFile,
-    deleteFile,
-    replaceFileAt
-  }), [addFile, deleteFile, replaceFileAt, files, inputRef]);
-  return /* @__PURE__ */ jsx(DropzoneContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: files.length > 0 && !multiple ? void 0 : handleDrop, children: [
-    /* @__PURE__ */ jsxs("div", { className: "align-center", children: [
-      handle ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Dropzone.File, { children }),
-        /* @__PURE__ */ jsx(Dropzone.Import, {})
+  } : void 0), v = j("dropzone", {
+    "is-dragging": (i || r.length < 1) && s,
+    "is-drop-files": !(r.length !== 0 && !l)
+  }, f), F = x(() => ({
+    inputRef: t,
+    files: r,
+    addFile: m,
+    deleteFile: d,
+    replaceFileAt: g
+  }), [m, d, g, r, t]);
+  return /* @__PURE__ */ o(C.Provider, { value: F, children: /* @__PURE__ */ a("div", { className: v, onDragEnter: p, onDragOver: p, onDragLeave: h, onDrop: r.length > 0 && !i ? void 0 : u, children: [
+    /* @__PURE__ */ a("div", { className: "align-center", children: [
+      l ? null : /* @__PURE__ */ a(z, { children: [
+        /* @__PURE__ */ o(e.File, { children: D }),
+        /* @__PURE__ */ o(e.Import, {})
       ] }),
-      /* @__PURE__ */ jsx(Dropzone.Drag, {})
+      /* @__PURE__ */ o(e.Drag, {})
     ] }),
-    /* @__PURE__ */ jsx("input", { ref: inputRef, accept: accept == null ? void 0 : accept.join(","), multiple, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleOnChange, hidden: !0 })
+    /* @__PURE__ */ o("input", { ref: t, accept: n == null ? void 0 : n.join(","), multiple: i, type: "file", name: "attachment-input", id: "attachment-input", onChange: c, hidden: !0 })
   ] }) });
 };
-Dropzone.File = DropzoneFile;
-Dropzone.Import = DropzoneImport;
-Dropzone.Drag = DropzoneDrag;
+e.File = L;
+e.Import = N;
+e.Drag = I;
 export {
-  Dropzone,
-  Dropzone as default
+  e as Dropzone,
+  e as default
 };
+//# sourceMappingURL=Dropzone.js.map

package/dist/components/Dropzone/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropzone } from '../../hooks';\nimport { DropzoneContext } from './DropzoneContext';\nimport DropzoneDrag from './DropzoneDrag';\nimport DropzoneFile from './DropzoneFile';\nimport DropzoneImport from './DropzoneImport';\n\ninterface DropzoneProps {\n  className?: string;\n  /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers */\n  accept?: string[];\n  multiple?: boolean;\n  handle?: boolean;\n  children?: ReactNode;\n}\n\nexport const Dropzone = ({\n  className,\n  accept,\n  multiple = true,\n  handle = false,\n  children,\n}: DropzoneProps) => {\n  const {\n    inputRef,\n    dragging,\n    files,\n    addFile,\n    deleteFile,\n    replaceFileAt,\n    handleDragLeave,\n    handleDragging,\n    handleDrop,\n    handleOnChange,\n  } = useDropzone(accept ? { forceFilters: true } : undefined);\n\n  const classes = clsx(\n    'dropzone',\n    {\n      'is-dragging': !multiple ? files.length < 1 && dragging : dragging,\n      'is-drop-files': files.length !== 0 && !handle ? false : true,\n    },\n    className,\n  );\n\n  const value = useMemo(\n    () => ({\n      inputRef,\n      files,\n      addFile,\n      deleteFile,\n      replaceFileAt,\n    }),\n    [addFile, deleteFile, replaceFileAt, files, inputRef],\n  );\n\n  return (\n    <DropzoneContext.Provider value={value}>\n      <div\n        className={classes}\n        onDragEnter={handleDragging}\n        onDragOver={handleDragging}\n        onDragLeave={handleDragLeave}\n        onDrop={files.length > 0 && !multiple ? undefined : handleDrop}\n      >\n        <div className=\"align-center\">\n          {!handle ? (\n            <>\n              <Dropzone.File>{children}</Dropzone.File>\n              <Dropzone.Import />\n            </>\n          ) : null}\n          <Dropzone.Drag />\n        </div>\n        <input\n          ref={inputRef}\n          accept={accept?.join(',')}\n          multiple={multiple}\n          type=\"file\"\n          name=\"attachment-input\"\n          id=\"attachment-input\"\n          onChange={handleOnChange}\n          hidden\n        />\n      </div>\n    </DropzoneContext.Provider>\n  );\n};\n\nDropzone.File = DropzoneFile;\nDropzone.Import = DropzoneImport;\nDropzone.Drag = DropzoneDrag;\n\nDropzone.displayName = 'Dropzone';\n\nexport default Dropzone;\n"],"names":["Dropzone","className","accept","multiple","handle","children","inputRef","dragging","files","addFile","deleteFile","replaceFileAt","handleDragLeave","handleDragging","handleDrop","handleOnChange","useDropzone","forceFilters","undefined","classes","clsx","length","value","useMemo","jsx","DropzoneContext","jsxs","Fragment","join","File","DropzoneFile","Import","DropzoneImport","Drag","DropzoneDrag"],"mappings":";;;;;;;;AAmBO,MAAMA,IAAWA,CAAC;AAAA,EACvBC,WAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,QAAAA,IAAS;AAAA,EACTC,UAAAA;AACa,MAAM;AACb,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA,IACEC,EAAYd,IAAS;AAAA,IAAEe,cAAc;AAAA,EAAA,IAASC,MAAS,GAErDC,IAAUC,EACd,YACA;AAAA,IACE,gBAAgBjB,KAAWK,EAAMa,SAAS,MAAKd;AAAAA,IAC/C,iBAAiBC,EAAAA,EAAMa,WAAW,KAAK,CAACjB;AAAAA,KAE1CH,CACF,GAEMqB,IAAQC,EACZ,OAAO;AAAA,IACLjB,UAAAA;AAAAA,IACAE,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,EAAAA,IAEF,CAACF,GAASC,GAAYC,GAAeH,GAAOF,CAAQ,CACtD;AAGE,SAAA,gBAAAkB,EAACC,EAAgB,UAAhB,EAAyB,OAAAH,GACxB,UAAC,gBAAAI,EAAA,OAAA,EACC,WAAWP,GACX,aAAaN,GACb,YAAYA,GACZ,aAAaD,GACb,QAAQJ,EAAMa,SAAS,KAAK,CAAClB,IAAWe,SAAYJ,GAEpD,UAAA;AAAA,IAAC,gBAAAY,EAAA,OAAA,EAAI,WAAU,gBACZ,UAAA;AAAA,MAACtB,IAKE,OAHA,gBAAAsB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAH,EAAAxB,EAAS,MAAT,EAAeK,UAAAA,EAAS,CAAA;AAAA,QACzB,gBAAAmB,EAACxB,EAAS,QAAT,EAAe;AAAA,MAAA,EAAA,CAClB;AAAA,MAEF,gBAAAwB,EAACxB,EAAS,MAAT,EAAa;AAAA,IAAA,GAChB;AAAA,sBACC,SACC,EAAA,KAAKM,GACL,QAAQJ,KAAAA,gBAAAA,EAAQ0B,KAAK,MACrB,UAAAzB,GACA,MAAK,QACL,MAAK,oBACL,IAAG,oBACH,UAAUY,GACV,QAAM,IAAA;AAAA,EAAA,EAEV,CAAA,EACF,CAAA;AAEJ;AAEAf,EAAS6B,OAAOC;AAChB9B,EAAS+B,SAASC;AAClBhC,EAASiC,OAAOC;"}

package/dist/components/Dropzone/DropzoneContext.js

@@ -1,12 +1,13 @@
-import { createContext, useContext } from "react";
-const DropzoneContext = /* @__PURE__ */ createContext(null);
-function useDropzoneContext() {
-  const context = useContext(DropzoneContext);
-  if (!context)
+import { createContext as e, useContext as t } from "react";
+const n = /* @__PURE__ */ e(null);
+function u() {
+  const o = t(n);
+  if (!o)
     throw new Error("Cannot be rendered outside Dropzone Provider");
-  return context;
+  return o;
 }
 export {
-  DropzoneContext,
-  useDropzoneContext
+  n as DropzoneContext,
+  u as useDropzoneContext
 };
+//# sourceMappingURL=DropzoneContext.js.map

package/dist/components/Dropzone/DropzoneContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneContext.js","sources":["../../../src/components/Dropzone/DropzoneContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface DropzoneContextType {\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n  files: File[];\n  addFile: (file: File) => void;\n  deleteFile: (file: File) => void;\n  replaceFileAt: (index: number, file: File) => void;\n}\n\nexport const DropzoneContext = createContext<DropzoneContextType | null>(null);\n\nexport function useDropzoneContext() {\n  const context = useContext(DropzoneContext);\n  if (!context) {\n    throw new Error('Cannot be rendered outside Dropzone Provider');\n  }\n  return context;\n}\n"],"names":["DropzoneContext","useDropzoneContext","context","useContext","Error"],"mappings":";AAUaA,MAAAA,sBAA4D,IAAI;AAEtE,SAASC,IAAqB;AAC7BC,QAAAA,IAAUC,EAAWH,CAAe;AAC1C,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,8CAA8C;AAEzDF,SAAAA;AACT;"}

package/dist/components/Dropzone/DropzoneDrag.js

@@ -1,11 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-const DropzoneDrag = () => {
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as e } from "react-i18next";
+const n = () => {
   const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "drop-wrapper", children: /* @__PURE__ */ jsx("div", { className: "drop-content", children: /* @__PURE__ */ jsx("p", { className: "drop-text", children: t("dropzone.drop") }) }) });
+    t: o
+  } = e();
+  return /* @__PURE__ */ r("div", { className: "drop-wrapper", children: /* @__PURE__ */ r("div", { className: "drop-content", children: /* @__PURE__ */ r("p", { className: "drop-text", children: o("dropzone.drop") }) }) });
 };
 export {
-  DropzoneDrag as default
+  n as default
 };
+//# sourceMappingURL=DropzoneDrag.js.map

package/dist/components/Dropzone/DropzoneDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneDrag.js","sources":["../../../src/components/Dropzone/DropzoneDrag.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nconst DropzoneDrag = () => {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"drop-wrapper\">\n      <div className=\"drop-content\">\n        <p className=\"drop-text\">{t('dropzone.drop')}</p>\n      </div>\n    </div>\n  );\n};\n\nDropzoneDrag.displayName = 'Dropzone.Drag';\n\nexport default DropzoneDrag;\n"],"names":["DropzoneDrag","t","useTranslation","jsx"],"mappings":";;AAEA,MAAMA,IAAeA,MAAM;AACnB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAE7B,2BACG,OAAI,EAAA,WAAU,gBACb,UAAA,gBAAAC,EAAC,SAAI,WAAU,gBACb,UAAC,gBAAAA,EAAA,KAAA,EAAE,WAAU,aAAaF,UAAAA,EAAE,eAAe,EAAE,CAAA,GAC/C,EACF,CAAA;AAEJ;"}

package/dist/components/Dropzone/DropzoneFile.js

@@ -1,32 +1,33 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { useMediaLibraryContext } from "../../modules/multimedia/MediaLibrary/MediaLibraryContext.js";
-import { Button } from "../Button/Button.js";
-import { useDropzoneContext } from "./DropzoneContext.js";
-import { Icon } from "../Icon/Icon.js";
-const DropzoneFile = ({
-  children
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import d from "clsx";
+import { useTranslation as m } from "react-i18next";
+import { useMediaLibraryContext as p } from "../../modules/multimedia/MediaLibrary/MediaLibraryContext.js";
+import { Button as f } from "../Button/Button.js";
+import { useDropzoneContext as u } from "./DropzoneContext.js";
+import { Icon as h } from "../Icon/Icon.js";
+const g = ({
+  children: n
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    files,
-    inputRef
-  } = useDropzoneContext(), {
-    multiple
-  } = useMediaLibraryContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
-    "d-block": hasFiles,
-    "d-none": !hasFiles
+    t: i
+  } = m(), {
+    files: r,
+    inputRef: e
+  } = u(), {
+    multiple: l
+  } = p(), t = r && r.length > 0, c = d("drop-file-wrapper", {
+    "d-block": t,
+    "d-none": !t
   });
-  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(Icon, { name: "plus" }), disabled: !multiple, onClick: () => {
-      var _a;
-      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-    }, children: t("dropzone.add.more") }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "p-8", children })
+  return /* @__PURE__ */ a("div", { className: c, children: [
+    /* @__PURE__ */ o("div", { className: "drop-file-content", children: /* @__PURE__ */ o("div", { className: "add-button p-4", children: /* @__PURE__ */ o(f, { variant: "ghost", leftIcon: /* @__PURE__ */ o(h, { name: "plus" }), disabled: !l, onClick: () => {
+      var s;
+      return (s = e == null ? void 0 : e.current) == null ? void 0 : s.click();
+    }, children: i("dropzone.add.more") }) }) }),
+    /* @__PURE__ */ o("div", { className: "p-8", children: n })
   ] });
 };
 export {
-  DropzoneFile as default
+  g as default
 };
+//# sourceMappingURL=DropzoneFile.js.map

package/dist/components/Dropzone/DropzoneFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneFile.js","sources":["../../../src/components/Dropzone/DropzoneFile.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { useMediaLibraryContext } from '../../modules/multimedia/MediaLibrary/MediaLibraryContext';\nimport Button from '../Button/Button';\nimport { useDropzoneContext } from './DropzoneContext';\n\nconst DropzoneFile = ({ children }: { children: ReactNode }) => {\n  const { t } = useTranslation();\n  const { files, inputRef } = useDropzoneContext();\n\n  const { multiple } = useMediaLibraryContext();\n\n  const hasFiles = files && files.length > 0;\n\n  const classes = clsx('drop-file-wrapper', {\n    'd-block': hasFiles,\n    'd-none': !hasFiles,\n  });\n\n  return (\n    <div className={classes}>\n      <div className=\"drop-file-content\">\n        <div className=\"add-button p-4\">\n          <Button\n            variant=\"ghost\"\n            leftIcon={<Icon name=\"plus\" />}\n            disabled={!multiple}\n            onClick={() => inputRef?.current?.click()}\n          >\n            {t('dropzone.add.more')}\n          </Button>\n        </div>\n      </div>\n      <div className=\"p-8\">{children}</div>\n    </div>\n  );\n};\n\nDropzoneFile.displayName = 'Dropzone.File';\n\nexport default DropzoneFile;\n"],"names":["DropzoneFile","children","t","useTranslation","files","inputRef","useDropzoneContext","multiple","useMediaLibraryContext","hasFiles","length","classes","clsx","jsxs","jsx","Button","Icon","current","click"],"mappings":";;;;;;;AAUA,MAAMA,IAAeA,CAAC;AAAA,EAAEC,UAAAA;AAAkC,MAAM;AACxD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,MAAaC,EAAmB,GAEzC;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAuB,GAEtCC,IAAWL,KAASA,EAAMM,SAAS,GAEnCC,IAAUC,EAAK,qBAAqB;AAAA,IACxC,WAAWH;AAAAA,IACX,UAAU,CAACA;AAAAA,EAAAA,CACZ;AAGC,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qBACb,UAAA,gBAAAA,EAAC,OAAI,EAAA,WAAU,kBACb,UAAA,gBAAAA,EAACC,GACC,EAAA,SAAQ,SACR,4BAAWC,GAAK,EAAA,MAAK,QAAS,GAC9B,UAAU,CAACT,GACX,SAAS,MAAMF;;AAAAA,cAAAA,IAAAA,KAAAA,gBAAAA,EAAUY,YAAVZ,gBAAAA,EAAmBa;AAAAA,OAEjChB,UAAAA,EAAE,mBAAmB,EACxB,CAAA,EACF,CAAA,GACF;AAAA,IACC,gBAAAY,EAAA,OAAA,EAAI,WAAU,OAAOb,UAAAA,EAAS,CAAA;AAAA,EACjC,EAAA,CAAA;AAEJ;"}

package/dist/components/Dropzone/DropzoneImport.js

@@ -1,28 +1,29 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { Button } from "../Button/Button.js";
-import { useDropzoneContext } from "./DropzoneContext.js";
-import { Icon } from "../Icon/Icon.js";
-const DropzoneImport = () => {
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import i from "clsx";
+import { useTranslation as l } from "react-i18next";
+import { Button as p } from "../Button/Button.js";
+import { useDropzoneContext as a } from "./DropzoneContext.js";
+import { Icon as d } from "../Icon/Icon.js";
+const k = () => {
   const {
     t
-  } = useTranslation(), {
-    files,
-    inputRef
-  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("import-wrapper", {
-    "d-flex": !hasFiles,
-    "d-none": hasFiles
+  } = l(), {
+    files: e,
+    inputRef: o
+  } = a(), n = e && e.length > 0, m = i("import-wrapper", {
+    "d-flex": !n,
+    "d-none": n
   });
-  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx(Icon, { name: "download", size: "48" }),
-    /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
-    /* @__PURE__ */ jsx(Button, { onClick: () => {
-      var _a;
-      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+  return /* @__PURE__ */ c("div", { className: m, children: [
+    /* @__PURE__ */ r(d, { name: "download", size: "48" }),
+    /* @__PURE__ */ r("p", { className: "my-16", children: t("dropzone.text") }),
+    /* @__PURE__ */ r(p, { onClick: () => {
+      var s;
+      return (s = o == null ? void 0 : o.current) == null ? void 0 : s.click();
     }, children: t("dropzone.import") })
   ] });
 };
 export {
-  DropzoneImport as default
+  k as default
 };
+//# sourceMappingURL=DropzoneImport.js.map

package/dist/components/Dropzone/DropzoneImport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneImport.js","sources":["../../../src/components/Dropzone/DropzoneImport.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport Button from '../Button/Button';\nimport { useDropzoneContext } from './DropzoneContext';\n\nconst DropzoneImport = () => {\n  const { t } = useTranslation();\n  const { files, inputRef } = useDropzoneContext();\n\n  const hasFiles = files && files.length > 0;\n\n  const classes = clsx('import-wrapper', {\n    'd-flex': !hasFiles,\n    'd-none': hasFiles,\n  });\n\n  return (\n    <div className={classes}>\n      <Icon name=\"download\" size=\"48\" />\n      <p className=\"my-16\">{t('dropzone.text')}</p>\n      <Button onClick={() => inputRef?.current?.click()}>\n        {t('dropzone.import')}\n      </Button>\n    </div>\n  );\n};\n\nDropzoneImport.displayName = 'Dropzone.Import';\n\nexport default DropzoneImport;\n"],"names":["DropzoneImport","t","useTranslation","files","inputRef","useDropzoneContext","hasFiles","length","classes","clsx","jsxs","jsx","Icon","Button","current","click"],"mappings":";;;;;;AAOA,MAAMA,IAAiBA,MAAM;AACrB,QAAA;AAAA,IAAEC;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,MAAaC,EAAmB,GAEzCC,IAAWH,KAASA,EAAMI,SAAS,GAEnCC,IAAUC,EAAK,kBAAkB;AAAA,IACrC,UAAU,CAACH;AAAAA,IACX,UAAUA;AAAAA,EAAAA,CACX;AAGC,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAK,EAAA,MAAK,YAAW,MAAK,MAAI;AAAA,sBAC9B,KAAE,EAAA,WAAU,SAASX,UAAAA,EAAE,eAAe,GAAE;AAAA,IACzC,gBAAAU,EAACE,GAAO,EAAA,SAAS,MAAMT;;AAAAA,cAAAA,IAAAA,KAAAA,gBAAAA,EAAUU,YAAVV,gBAAAA,EAAmBW;AAAAA,OACvCd,UAAE,EAAA,iBAAiB,EACtB,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -1,21 +1,22 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Heading } from "../Heading/Heading.js";
-const EmptyScreen = ({
-  imageSrc,
-  imageAlt = "",
-  title,
-  text,
-  className
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import i from "clsx";
+import { Heading as n } from "../Heading/Heading.js";
+const p = ({
+  imageSrc: s,
+  imageAlt: t = "",
+  title: a,
+  text: m,
+  className: r
 }) => {
-  const textClass = clsx("text", className);
-  return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
-    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: "250", height: "250" }) }),
-    title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
-    text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
+  const c = i("text", r);
+  return /* @__PURE__ */ l("div", { className: "emptyscreen", children: [
+    s && /* @__PURE__ */ e("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ e("img", { className: "mx-auto", src: s, alt: t, width: "250", height: "250" }) }),
+    a && /* @__PURE__ */ e(n, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: a }),
+    m && /* @__PURE__ */ e("div", { className: c, children: m })
   ] });
 };
 export {
-  EmptyScreen,
-  EmptyScreen as default
+  p as EmptyScreen,
+  p as default
 };
+//# sourceMappingURL=EmptyScreen.js.map

package/dist/components/EmptyScreen/EmptyScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyScreen.js","sources":["../../../src/components/EmptyScreen/EmptyScreen.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { Heading } from '../Heading';\n\nexport interface EmptyScreenProps {\n  /**\n   * Image source\n   */\n  imageSrc: string;\n\n  /**\n   * Image alt\n   */\n  imageAlt?: string;\n\n  /**\n   * Title\n   */\n  title?: string;\n\n  /**\n   * Text to display\n   */\n  text?: string;\n\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const EmptyScreen = ({\n  imageSrc,\n  imageAlt = '',\n  title,\n  text,\n  className,\n}: EmptyScreenProps) => {\n  const textClass = clsx('text', className);\n  return (\n    <div className=\"emptyscreen\">\n      {imageSrc && (\n        <div className=\"emptyscreen-image mb-12\">\n          <img\n            className=\"mx-auto\"\n            src={imageSrc}\n            alt={imageAlt}\n            width=\"250\"\n            height=\"250\"\n          />\n        </div>\n      )}\n\n      {title && (\n        <Heading level=\"h2\" headingStyle=\"h2\" className=\"text-secondary mb-8\">\n          {title}\n        </Heading>\n      )}\n      {text && <div className={textClass}>{text}</div>}\n    </div>\n  );\n};\n\nEmptyScreen.displayName = 'EmptyScreen';\n\nexport default EmptyScreen;\n"],"names":["EmptyScreen","imageSrc","imageAlt","title","text","className","textClass","clsx","jsxs","jsx","Heading"],"mappings":";;;AA+BO,MAAMA,IAAcA,CAAC;AAAA,EAC1BC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,WAAAA;AACgB,MAAM;AAChBC,QAAAA,IAAYC,EAAK,QAAQF,CAAS;AAEtC,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACZP,UAAAA;AAAAA,IAAAA,uBACE,OAAI,EAAA,WAAU,2BACb,UAAA,gBAAAQ,EAAC,SACC,WAAU,WACV,KAAKR,GACL,KAAKC,GACL,OAAM,OACN,QAAO,MAAK,CAAA,GAEhB;AAAA,IAGDC,uBACEO,GAAQ,EAAA,OAAM,MAAK,cAAa,MAAK,WAAU,uBAC7CP,UACHA,EAAA,CAAA;AAAA,IAEDC,KAAQ,gBAAAK,EAAC,OAAI,EAAA,WAAWH,GAAYF,UAAKA,GAAA;AAAA,EAC5C,EAAA,CAAA;AAEJ;"}

package/dist/components/FileCard/FileCard.d.ts

@@ -1,4 +1,4 @@
-import { WorkspaceElement } from 'edifice-ts-client';
+import { WorkspaceElement } from '@edifice.io/ts-client';
 import { CardProps } from '../Card/Card';
 export interface FileCardProps extends CardProps {
     /**

package/dist/components/FileCard/FileCard.js

@@ -1,23 +1,23 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import clsx from "clsx";
-import { DocumentHelper, odeServices } from "edifice-ts-client";
-import { Card } from "../Card/Card.js";
-import FileIcon from "./FileIcon.js";
-import useThumbnail from "../../hooks/useThumbnail/useThumbnail.js";
-import { Icon } from "../Icon/Icon.js";
-const FileCard = ({
-  doc,
-  isClickable = !0,
-  isSelectable = !1,
-  isSelected = !1,
-  onClick,
-  className
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { useRef as T } from "react";
+import { DocumentHelper as k, odeServices as w } from "@edifice.io/ts-client";
+import p from "clsx";
+import { Card as l } from "../Card/Card.js";
+import z from "./FileIcon.js";
+import S from "../../hooks/useThumbnail/useThumbnail.js";
+import { Icon as i } from "../Icon/Icon.js";
+const j = ({
+  doc: r,
+  isClickable: u = !0,
+  isSelectable: d = !1,
+  isSelected: b = !1,
+  onClick: f,
+  className: h
 }) => {
-  var _a;
-  const ref = useRef(null), type = DocumentHelper.getRole(doc);
-  function getRoleMap(type2) {
-    const roleMappings = {
+  var s;
+  const n = T(null), o = k.getRole(r);
+  function c(y) {
+    const m = {
       csv: {
         icon: ".CSV",
         color: "bg-orange-200"
@@ -39,7 +39,7 @@ const FileCard = ({
         color: "bg-red-200"
       },
       audio: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "mic", size: "22" }),
+        icon: /* @__PURE__ */ e(i, { name: "mic", size: "22" }),
         color: "bg-red-200"
       },
       ppt: {
@@ -47,11 +47,11 @@ const FileCard = ({
         color: "bg-yellow-200"
       },
       img: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "landscape", size: "22" }),
+        icon: /* @__PURE__ */ e(i, { name: "landscape", size: "22" }),
         color: "bg-green-200"
       },
       video: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "video", size: "22" }),
+        icon: /* @__PURE__ */ e(i, { name: "video", size: "22" }),
         color: "bg-purple-200"
       },
       zip: {
@@ -63,30 +63,31 @@ const FileCard = ({
         color: "bg-blue-200"
       },
       unknown: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "text-page", size: "22" }),
+        icon: /* @__PURE__ */ e(i, { name: "text-page", size: "22" }),
         color: "bg-gray-300"
       }
     };
-    return roleMappings[type2] || roleMappings.unknown;
+    return m[y] || m.unknown;
   }
-  const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
-    ref
-  }), imageStyles = hasThumbnail && {
-    backgroundImage: `url(${mediaSrc})`,
+  const x = p("file position-relative rounded", ((s = c(o ?? "default")) == null ? void 0 : s.color) ?? "bg-yellow-200"), a = o === "img" || o === "video" ? w.workspace().getThumbnailUrl(r) : null, t = S(a, {
+    ref: n
+  }), v = t && {
+    backgroundImage: `url(${a})`,
     backgroundSize: "cover"
   };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
-    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
+  return /* @__PURE__ */ e(l, { className: p("card-file", h), isClickable: u, isSelectable: d, isSelected: b, onClick: f, children: /* @__PURE__ */ g(l.Body, { space: "8", children: [
+    /* @__PURE__ */ e("div", { ref: n, className: x, style: {
       aspectRatio: "16/10",
-      ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })
+      ...v
+    }, children: o !== "img" || o === "img" && !t ? /* @__PURE__ */ e(z, { type: o, roleMap: c(o) }) : null }),
+    /* @__PURE__ */ g("div", { className: "mt-4", children: [
+      /* @__PURE__ */ e(l.Text, { children: r.name }),
+      /* @__PURE__ */ e(l.Text, { className: "text-black-50", children: r == null ? void 0 : r.ownerName })
     ] })
   ] }) });
 };
 export {
-  FileCard,
-  FileCard as default
+  j as FileCard,
+  j as default
 };
+//# sourceMappingURL=FileCard.js.map

package/dist/components/FileCard/FileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard.js","sources":["../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport {\n  DocumentHelper,\n  Role,\n  WorkspaceElement,\n  odeServices,\n} from '@edifice.io/ts-client';\nimport clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { useThumbnail } from '../../hooks/useThumbnail';\nimport Card, { CardProps } from '../Card/Card';\nimport FileIcon from './FileIcon';\n\nexport interface FileCardProps extends CardProps {\n  /**\n   * WorkspaceElement\n   * */\n  doc: WorkspaceElement;\n}\n\nexport const FileCard = ({\n  doc,\n  isClickable = true,\n  isSelectable = false,\n  isSelected = false,\n  onClick,\n  className,\n}: FileCardProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const type = DocumentHelper.getRole(doc);\n\n  function getRoleMap(type: Role | 'unknown') {\n    const roleMappings = {\n      csv: {\n        icon: '.CSV',\n        color: 'bg-orange-200',\n      },\n      xls: {\n        icon: '.XLS',\n        color: 'bg-green-200',\n      },\n      doc: {\n        icon: '.DOC',\n        color: 'bg-blue-200',\n      },\n      txt: {\n        icon: '.TXT',\n        color: 'bg-blue-200',\n      },\n      pdf: {\n        icon: '.PDF',\n        color: 'bg-red-200',\n      },\n      audio: {\n        icon: <Icon name=\"mic\" size=\"22\" />,\n        color: 'bg-red-200',\n      },\n      ppt: {\n        icon: '.PPT',\n        color: 'bg-yellow-200',\n      },\n      img: {\n        icon: <Icon name=\"landscape\" size=\"22\" />,\n        color: 'bg-green-200',\n      },\n      video: {\n        icon: <Icon name=\"video\" size=\"22\" />,\n        color: 'bg-purple-200',\n      },\n      zip: {\n        icon: '.ZIP',\n        color: 'bg-gray-300',\n      },\n      md: {\n        icon: '.MD',\n        color: 'bg-blue-200',\n      },\n      unknown: {\n        icon: <Icon name=\"text-page\" size=\"22\" />,\n        color: 'bg-gray-300',\n      },\n    };\n\n    return roleMappings[type] || roleMappings.unknown;\n  }\n\n  const file = clsx(\n    'file position-relative rounded',\n    getRoleMap(type ?? 'default')?.color ?? 'bg-yellow-200',\n  );\n\n  const mediaSrc =\n    type === 'img' || type === 'video'\n      ? odeServices.workspace().getThumbnailUrl(doc)\n      : null;\n\n  const hasThumbnail = useThumbnail(mediaSrc!, { ref });\n\n  const imageStyles = hasThumbnail && {\n    backgroundImage: `url(${mediaSrc})`,\n    backgroundSize: 'cover',\n  };\n\n  return (\n    <Card\n      className={clsx('card-file', className)}\n      isClickable={isClickable}\n      isSelectable={isSelectable}\n      isSelected={isSelected}\n      onClick={onClick}\n    >\n      <Card.Body space=\"8\">\n        <div\n          ref={ref}\n          className={file}\n          style={{\n            aspectRatio: '16/10',\n            ...imageStyles,\n          }}\n        >\n          {type !== 'img' || (type === 'img' && !hasThumbnail) ? (\n            <FileIcon type={type} roleMap={getRoleMap(type)} />\n          ) : null}\n        </div>\n        <div className=\"mt-4\">\n          <Card.Text>{doc.name}</Card.Text>\n          <Card.Text className=\"text-black-50\">{doc?.ownerName}</Card.Text>\n        </div>\n      </Card.Body>\n    </Card>\n  );\n};\n\nFileCard.displayName = 'FileCard';\n\nexport default FileCard;\n"],"names":["FileCard","doc","isClickable","isSelectable","isSelected","onClick","className","ref","useRef","type","DocumentHelper","getRole","getRoleMap","roleMappings","csv","icon","color","xls","txt","pdf","audio","jsx","Icon","ppt","img","video","zip","md","unknown","file","clsx","mediaSrc","odeServices","workspace","getThumbnailUrl","hasThumbnail","useThumbnail","imageStyles","backgroundImage","backgroundSize","Card","jsxs","aspectRatio","FileIcon","name","ownerName"],"mappings":"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"}

package/dist/components/FileCard/FileIcon.d.ts

@@ -1,4 +1,4 @@
-import { Role } from 'edifice-ts-client';
+import { Role } from '@edifice.io/ts-client';
 declare const FileIcon: ({ type, roleMap, }: {
     type: Role | 'unknown';
     roleMap?: Record<string, string | JSX.Element> | undefined;

package/dist/components/FileCard/FileIcon.js

@@ -1,15 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Icon } from "../Icon/Icon.js";
-const FileIcon = ({
-  type,
-  roleMap
+import { jsx as t } from "react/jsx-runtime";
+import o from "clsx";
+import { Icon as d } from "../Icon/Icon.js";
+const h = ({
+  type: i,
+  roleMap: n
 }) => {
-  const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
-    "p-12 rounded-circle shadow": hasNoShadow
-  }, roleMap == null ? void 0 : roleMap.color);
-  return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(Icon, { name: "paperclip" }) });
+  const c = typeof (n == null ? void 0 : n.icon) != "string" && i !== "unknown", s = o("position-absolute top-50 start-50 translate-middle", {
+    "p-12 rounded-circle shadow": c
+  }, n == null ? void 0 : n.color);
+  return /* @__PURE__ */ t("div", { className: s, children: (n == null ? void 0 : n.icon) ?? /* @__PURE__ */ t(d, { name: "paperclip" }) });
 };
 export {
-  FileIcon as default
+  h as default
 };
+//# sourceMappingURL=FileIcon.js.map

package/dist/components/FileCard/FileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.js","sources":["../../../src/components/FileCard/FileIcon.tsx"],"sourcesContent":["import { Role } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\nimport { Icon } from '..';\n\nconst FileIcon = ({\n  type,\n  roleMap,\n}: {\n  type: Role | 'unknown';\n  roleMap?: Record<string, string | JSX.Element>;\n}) => {\n  const hasNoShadow = typeof roleMap?.icon !== 'string' && type !== 'unknown';\n  const fileicon = clsx(\n    'position-absolute top-50 start-50 translate-middle',\n    {\n      'p-12 rounded-circle shadow': hasNoShadow,\n    },\n    roleMap?.color,\n  );\n\n  return (\n    <div className={fileicon}>{roleMap?.icon ?? <Icon name=\"paperclip\" />}</div>\n  );\n};\n\nexport default FileIcon;\n"],"names":["FileIcon","type","roleMap","hasNoShadow","icon","fileicon","clsx","color","jsx","Icon"],"mappings":";;;AAIA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,MAAAA;AAAAA,EACAC,SAAAA;AAIF,MAAM;AACJ,QAAMC,IAAc,QAAOD,KAAAA,gBAAAA,EAASE,SAAS,YAAYH,MAAS,WAC5DI,IAAWC,EACf,sDACA;AAAA,IACE,8BAA8BH;AAAAA,EAAAA,GAEhCD,KAAAA,gBAAAA,EAASK,KACX;AAGE,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWH,GAAWH,WAAAA,KAAAA,gBAAAA,EAASE,SAAS,gBAAAI,EAAAC,GAAA,EAAK,MAAK,YAAc,CAAA,EAAC,CAAA;AAE1E;"}

package/dist/components/Form/FormContext.js

@@ -1,11 +1,12 @@
-import { useContext, createContext } from "react";
-const Context = /* @__PURE__ */ createContext(null), useFormControl = () => {
-  const context = useContext(Context);
-  if (!context)
+import { useContext as t, createContext as e } from "react";
+const n = /* @__PURE__ */ e(null), c = () => {
+  const o = t(n);
+  if (!o)
     throw new Error("Cannot be rendered outside the FormControl component");
-  return context;
+  return o;
 };
 export {
-  Context,
-  useFormControl
+  n as Context,
+  c as useFormControl
 };
+//# sourceMappingURL=FormContext.js.map

package/dist/components/Form/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sources":["../../../src/components/Form/FormContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { FormControlProps } from './FormControl';\n\ntype Props = Omit<FormControlProps, 'className' | 'children'>;\n\nexport type FormContextProps = Props;\n\nexport const Context = createContext<FormContextProps | null>(null!);\n\nexport const useFormControl = () => {\n  const context = useContext(Context);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the FormControl component`);\n  }\n  return context;\n};\n"],"names":["Context","useFormControl","context","useContext","Error"],"mappings":";AAQaA,MAAAA,sBAAiD,IAAK,GAEtDC,IAAiBA,MAAM;AAC5BC,QAAAA,IAAUC,EAAWH,CAAO;AAClC,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,sDAAsD;AAEjEF,SAAAA;AACT;"}