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

package/dist/modules/multimedia/MediaLibrary/innertabs/Iframe.js

@@ -1,14 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import Embed from "../../Embed/Embed.js";
-const Iframe = () => {
+import { jsx as o } from "react/jsx-runtime";
+import { useMediaLibraryContext as r } from "../MediaLibraryContext.js";
+import t from "../../Embed/Embed.js";
+const a = () => {
   const {
-    setResult
-  } = useMediaLibraryContext();
-  return /* @__PURE__ */ jsx(Embed, { onSuccess: (ressource) => {
-    setResult(ressource);
+    setResult: e
+  } = r();
+  return /* @__PURE__ */ o(t, { onSuccess: (s) => {
+    e(s);
   } });
 };
 export {
-  Iframe
+  a as Iframe
 };
+//# sourceMappingURL=Iframe.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/Iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Iframe.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Iframe.tsx"],"sourcesContent":["import { Embed } from '../../Embed';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const Iframe = () => {\n  const { setResult } = useMediaLibraryContext();\n\n  const handleOnSuccess = (ressource?: string) => {\n    setResult(ressource);\n  };\n\n  return <Embed onSuccess={handleOnSuccess}></Embed>;\n};\n"],"names":["Iframe","setResult","useMediaLibraryContext","jsx","Embed","handleOnSuccess","ressource"],"mappings":";;;AAGO,MAAMA,IAASA,MAAM;AACpB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAuB;AAMtC,SAAA,gBAAAC,EAACC,GAAM,EAAA,WAJUC,CAACC,MAAuB;AAC9CL,IAAAA,EAAUK,CAAS;AAAA,EAAA,EAGqB,CAAA;AAC5C;"}

package/dist/modules/multimedia/MediaLibrary/innertabs/InternalLink.d.ts

@@ -1,4 +1,4 @@
-import { ILinkedResource } from 'edifice-ts-client';
+import { ILinkedResource } from '@edifice.io/ts-client';
 export type InternalLinkTabProps = {
     target?: '_blank' | null;
     appPrefix?: string | null;

package/dist/modules/multimedia/MediaLibrary/innertabs/InternalLink.js

@@ -1,35 +1,36 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import InternalLinker from "../../Linker/InternalLinker.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import useToggle from "../../../../hooks/useToggle/useToggle.js";
-import { Checkbox } from "../../../../components/Checkbox/Checkbox.js";
-const InternalLink = ({
-  target,
-  resourceId,
-  appPrefix
+import { jsxs as g, jsx as l } from "react/jsx-runtime";
+import { useState as h, useEffect as k } from "react";
+import { useTranslation as b } from "react-i18next";
+import x from "../../Linker/InternalLinker.js";
+import { useMediaLibraryContext as C } from "../MediaLibraryContext.js";
+import v from "../../../../hooks/useToggle/useToggle.js";
+import { Checkbox as R } from "../../../../components/Checkbox/Checkbox.js";
+const w = ({
+  target: r,
+  resourceId: s,
+  appPrefix: n
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    setResult,
-    setResultCounter,
-    appCode,
-    multiple
-  } = useMediaLibraryContext(), [isChecked, toggleChecked] = useToggle(target === "_blank"), [resources, setRessources] = useState([]), handleSelect = (resources2) => {
-    setRessources(resources2);
+    t: i
+  } = b(), {
+    setResult: a,
+    setResultCounter: o,
+    appCode: c,
+    multiple: m
+  } = C(), [t, d] = v(r === "_blank"), [e, f] = h([]), u = (p) => {
+    f(p);
   };
-  return useEffect(() => {
-    setResult({
-      target: isChecked ? "_blank" : void 0,
-      resources
-    }), resources && resources.length ? setResultCounter(resources.length) : setResultCounter(void 0);
-  }, [isChecked, resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-16 overflow-hidden", children: [
-    /* @__PURE__ */ jsx(InternalLinker, { appCode, defaultAppCode: appPrefix, defaultResourceId: resourceId, onSelect: handleSelect, multiple }),
-    /* @__PURE__ */ jsx(Checkbox, { className: "align-items-center", checked: isChecked, label: t("bbm.linker.open.tab"), onChange: toggleChecked })
+  return k(() => {
+    a({
+      target: t ? "_blank" : void 0,
+      resources: e
+    }), e && e.length ? o(e.length) : o(void 0);
+  }, [t, e]), /* @__PURE__ */ g("div", { className: "d-flex flex-column flex-fill gap-16 overflow-hidden", children: [
+    /* @__PURE__ */ l(x, { appCode: c, defaultAppCode: n, defaultResourceId: s, onSelect: u, multiple: m }),
+    /* @__PURE__ */ l(R, { className: "align-items-center", checked: t, label: i("bbm.linker.open.tab"), onChange: d })
   ] });
 };
 export {
-  InternalLink
+  w as InternalLink
 };
+//# sourceMappingURL=InternalLink.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/InternalLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalLink.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/InternalLink.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { ILinkedResource } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport { Checkbox } from '../../../../components';\nimport { useToggle } from '../../../../hooks';\nimport InternalLinker from '../../Linker/InternalLinker';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport type InternalLinkTabProps = {\n  target?: '_blank' | null;\n  appPrefix?: string | null;\n  resourceId?: string | null;\n};\n\nexport type InternalLinkTabResult = {\n  target?: '_blank';\n  resources?: ILinkedResource[];\n};\n\nexport const InternalLink = ({\n  target,\n  resourceId,\n  appPrefix,\n}: InternalLinkTabProps) => {\n  const { t } = useTranslation();\n  const { setResult, setResultCounter, appCode, multiple } =\n    useMediaLibraryContext();\n  const [isChecked, toggleChecked] = useToggle(target === '_blank');\n  const [resources, setRessources] = useState<ILinkedResource[]>([]);\n\n  const handleSelect = (resources: ILinkedResource[]) => {\n    setRessources(resources);\n  };\n\n  useEffect(() => {\n    setResult({\n      target: isChecked ? '_blank' : undefined,\n      resources,\n    } as InternalLinkTabResult);\n    if (resources && resources.length) {\n      setResultCounter(resources.length);\n    } else {\n      setResultCounter(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked, resources]);\n\n  return (\n    <div className=\"d-flex flex-column flex-fill gap-16 overflow-hidden\">\n      <InternalLinker\n        appCode={appCode}\n        defaultAppCode={appPrefix}\n        defaultResourceId={resourceId}\n        onSelect={handleSelect}\n        multiple={multiple}\n      ></InternalLinker>\n      <Checkbox\n        className=\"align-items-center\"\n        checked={isChecked}\n        label={t('bbm.linker.open.tab')}\n        onChange={toggleChecked}\n      />\n    </div>\n  );\n};\n"],"names":["InternalLink","target","resourceId","appPrefix","t","useTranslation","setResult","setResultCounter","appCode","multiple","useMediaLibraryContext","isChecked","toggleChecked","useToggle","resources","setRessources","useState","handleSelect","useEffect","undefined","length","jsxs","jsx","InternalLinker","Checkbox"],"mappings":";;;;;;;AAqBO,MAAMA,IAAeA,CAAC;AAAA,EAC3BC,QAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,WAAAA;AACoB,MAAM;AACpB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,kBAAAA;AAAAA,IAAkBC,SAAAA;AAAAA,IAASC,UAAAA;AAAAA,MAC5CC,EAAuB,GACnB,CAACC,GAAWC,CAAa,IAAIC,EAAUZ,MAAW,QAAQ,GAC1D,CAACa,GAAWC,CAAa,IAAIC,EAA4B,CAAE,CAAA,GAE3DC,IAAeA,CAACH,MAAiC;AACrDC,IAAAA,EAAcD,CAAS;AAAA,EAAA;AAGzBI,SAAAA,EAAU,MAAM;AACJ,IAAAZ,EAAA;AAAA,MACRL,QAAQU,IAAY,WAAWQ;AAAAA,MAC/BL,WAAAA;AAAAA,IAAAA,CACwB,GACtBA,KAAaA,EAAUM,SACzBb,EAAiBO,EAAUM,MAAM,IAEjCb,EAAiBY,MAAS;AAAA,EAC5B,GAEC,CAACR,GAAWG,CAAS,CAAC,GAGvB,gBAAAO,EAAC,OAAI,EAAA,WAAU,uDACb,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,SAAAf,GACA,gBAAgBL,GAChB,mBAAmBD,GACnB,UAAUe,GACV,UAAAR,EACD,CAAA;AAAA,IACD,gBAAAa,EAACE,GACC,EAAA,WAAU,sBACV,SAASb,GACT,OAAOP,EAAE,qBAAqB,GAC9B,UAAUQ,EAAc,CAAA;AAAA,EAE5B,EAAA,CAAA;AAEJ;"}

package/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js

@@ -1,34 +1,35 @@
-import { jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import { Dropzone } from "../../../../components/Dropzone/Dropzone.js";
-import UploadFiles from "../../UploadFiles/UploadFiles.js";
-const acceptedTypes = (type) => {
-  const acceptedTypes2 = [];
-  switch (type) {
+import { jsx as t } from "react/jsx-runtime";
+import { useMediaLibraryContext as c } from "../MediaLibraryContext.js";
+import { Dropzone as m } from "../../../../components/Dropzone/Dropzone.js";
+import h from "../../UploadFiles/UploadFiles.js";
+const l = (s) => {
+  const e = [];
+  switch (s) {
     case "audio":
-      acceptedTypes2.push("audio/*");
+      e.push("audio/*");
       break;
     case "video":
-      acceptedTypes2.push("video/*");
+      e.push("video/*");
       break;
     case "image":
-      acceptedTypes2.push("image/png"), acceptedTypes2.push("image/jpeg"), acceptedTypes2.push("image/webp"), acceptedTypes2.push("image/gif"), acceptedTypes2.push("image/avif");
+      e.push("image/png"), e.push("image/jpeg"), e.push("image/webp"), e.push("image/gif"), e.push("image/avif");
       break;
   }
-  return acceptedTypes2;
-}, Upload = () => {
+  return e;
+}, f = () => {
   const {
-    type,
-    visibility,
-    multiple,
-    setResult,
-    setResultCounter,
-    setCancellable
-  } = useMediaLibraryContext(), handleOnFilesChange = (uploadedFiles) => {
-    uploadedFiles.length ? (setCancellable(uploadedFiles), setResultCounter(uploadedFiles.length), setResult(uploadedFiles)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
+    type: s,
+    visibility: e,
+    multiple: p,
+    setResult: a,
+    setResultCounter: o,
+    setCancellable: r
+  } = c(), n = (i) => {
+    i.length ? (r(i), o(i.length), a(i)) : (r([]), o(void 0), a(void 0));
   };
-  return /* @__PURE__ */ jsx("div", { className: "py-8 flex-grow-1", children: /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) }) });
+  return /* @__PURE__ */ t("div", { className: "py-8 flex-grow-1", children: /* @__PURE__ */ t(m, { multiple: p, accept: l(s ?? "embedder"), children: /* @__PURE__ */ t(h, { onFilesChange: n, visibility: e }) }) });
 };
 export {
-  Upload
+  f as Upload
 };
+//# sourceMappingURL=Upload.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Upload.tsx"],"sourcesContent":["import { WorkspaceElement } from '@edifice.io/ts-client';\n\nimport { Dropzone } from '../../../../components/Dropzone';\nimport { UploadFiles } from '../../UploadFiles';\nimport { MediaLibraryType } from '../MediaLibrary';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\n/**\n * Get acceptable file (MIME-)types or extensions, for a MediaLibraryType.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers\n *\n * @param type type of MediaLibrary\n * @returns array of acceptable types\n */\nconst acceptedTypes = (type: MediaLibraryType) => {\n  const acceptedTypes = [];\n\n  switch (type) {\n    case 'audio':\n      acceptedTypes.push('audio/*');\n      break;\n    case 'video':\n      acceptedTypes.push('video/*');\n      break;\n    case 'image':\n      acceptedTypes.push('image/png');\n      acceptedTypes.push('image/jpeg');\n      acceptedTypes.push('image/webp');\n      acceptedTypes.push('image/gif');\n      acceptedTypes.push('image/avif');\n      break;\n    default:\n      break;\n  }\n  return acceptedTypes;\n};\n\nexport const Upload = () => {\n  const {\n    type,\n    visibility,\n    multiple,\n    setResult,\n    setResultCounter,\n    setCancellable,\n  } = useMediaLibraryContext();\n\n  const handleOnFilesChange = (uploadedFiles: WorkspaceElement[]) => {\n    if (uploadedFiles.length) {\n      // Uploaded files are subject to cancel action\n      setCancellable(uploadedFiles);\n      // Uploaded files are subject to success action\n      setResultCounter(uploadedFiles.length);\n      setResult(uploadedFiles);\n    } else {\n      setCancellable([]);\n      setResultCounter(undefined);\n      setResult(undefined);\n    }\n  };\n\n  return (\n    <div className=\"py-8 flex-grow-1\">\n      <Dropzone multiple={multiple} accept={acceptedTypes(type ?? 'embedder')}>\n        <UploadFiles\n          onFilesChange={handleOnFilesChange}\n          visibility={visibility}\n        />\n      </Dropzone>\n    </div>\n  );\n};\n"],"names":["acceptedTypes","type","push","Upload","visibility","multiple","setResult","setResultCounter","setCancellable","useMediaLibraryContext","handleOnFilesChange","uploadedFiles","length","undefined","jsx","Dropzone","UploadFiles"],"mappings":";;;;AAcA,MAAMA,IAAgBA,CAACC,MAA2B;AAChD,QAAMD,IAAgB,CAAA;AAEtB,UAAQC,GAAI;AAAA,IACV,KAAK;AACHD,MAAAA,EAAcE,KAAK,SAAS;AAC5B;AAAA,IACF,KAAK;AACHF,MAAAA,EAAcE,KAAK,SAAS;AAC5B;AAAA,IACF,KAAK;AACHF,MAAAA,EAAcE,KAAK,WAAW,GAC9BF,EAAcE,KAAK,YAAY,GAC/BF,EAAcE,KAAK,YAAY,GAC/BF,EAAcE,KAAK,WAAW,GAC9BF,EAAcE,KAAK,YAAY;AAC/B;AAAA,EAGJ;AACOF,SAAAA;AACT,GAEaG,IAASA,MAAM;AACpB,QAAA;AAAA,IACJF,MAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,EAAuB,GAErBC,IAAsBA,CAACC,MAAsC;AACjE,IAAIA,EAAcC,UAEhBJ,EAAeG,CAAa,GAE5BJ,EAAiBI,EAAcC,MAAM,GACrCN,EAAUK,CAAa,MAEvBH,EAAe,CAAE,CAAA,GACjBD,EAAiBM,MAAS,GAC1BP,EAAUO,MAAS;AAAA,EACrB;AAGF,2BACG,OAAI,EAAA,WAAU,oBACb,UAAC,gBAAAC,EAAAC,GAAA,EAAS,UAAAV,GAAoB,QAAQL,EAAcC,KAAQ,UAAU,GACpE,UAAC,gBAAAa,EAAAE,GAAA,EACC,eAAeN,GACf,YAAAN,EAAA,CAAuB,EAE3B,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/multimedia/MediaLibrary/innertabs/Video.js

@@ -1,22 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useTranslation } from "react-i18next";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import VideoRecorder from "../../VideoRecorder/VideoRecorder.js";
-const Video = () => {
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as a } from "react";
+import { useTranslation as p } from "react-i18next";
+import { useMediaLibraryContext as m } from "../MediaLibraryContext.js";
+import u from "../../VideoRecorder/VideoRecorder.js";
+const v = () => {
   const {
-    appCode,
-    setResult,
-    setPreSuccess
-  } = useMediaLibraryContext(), {
-    t
-  } = useTranslation(), ref = useRef(null), handleRecordUpdated = (recordUrl) => {
-    recordUrl ? (setResult(recordUrl), setPreSuccess(() => ref.current.save)) : setResult();
-  }, handleError = (err) => {
-    console.error(err);
+    appCode: t,
+    setResult: e,
+    setPreSuccess: n
+  } = m(), {
+    t: s
+  } = p(), r = a(null), i = (o) => {
+    o ? (e(o), n(() => r.current.save)) : e();
+  }, c = (o) => {
+    console.error(o);
   };
-  return /* @__PURE__ */ jsx(VideoRecorder, { ref, appCode, caption: t("bbm.video.caption"), onRecordUpdated: handleRecordUpdated, onError: handleError, hideSaveAction: !0 });
+  return /* @__PURE__ */ d(u, { ref: r, appCode: t, caption: s("bbm.video.caption"), onRecordUpdated: i, onError: c, hideSaveAction: !0 });
 };
 export {
-  Video
+  v as Video
 };
+//# sourceMappingURL=Video.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Video.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { VideoRecorder } from '../../VideoRecorder';\nimport { VideoRecorderRef } from '../../VideoRecorder/VideoRecorder';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const Video = () => {\n  const { appCode, setResult, setPreSuccess } = useMediaLibraryContext();\n  const { t } = useTranslation();\n  const ref = useRef<VideoRecorderRef>(null);\n\n  const handleRecordUpdated = (recordUrl?: string) => {\n    if (recordUrl) {\n      setResult(recordUrl);\n      setPreSuccess(() => ref.current!.save);\n    } else {\n      setResult();\n    }\n  };\n\n  const handleError = (err: string) => {\n    console.error(err);\n  };\n\n  return (\n    <VideoRecorder\n      ref={ref}\n      appCode={appCode}\n      caption={t('bbm.video.caption')}\n      onRecordUpdated={handleRecordUpdated}\n      onError={handleError}\n      hideSaveAction={true}\n    ></VideoRecorder>\n  );\n};\n"],"names":["Video","appCode","setResult","setPreSuccess","useMediaLibraryContext","t","useTranslation","ref","useRef","handleRecordUpdated","recordUrl","current","save","handleError","err","console","error","jsx","VideoRecorder"],"mappings":";;;;;AAQO,MAAMA,IAAQA,MAAM;AACnB,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,WAAAA;AAAAA,IAAWC,eAAAA;AAAAA,MAAkBC,EAAuB,GAC/D;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAMC,EAAyB,IAAI,GAEnCC,IAAsBA,CAACC,MAAuB;AAClD,IAAIA,KACFR,EAAUQ,CAAS,GACLP,EAAA,MAAMI,EAAII,QAASC,IAAI,KAE3BV;EACZ,GAGIW,IAAcA,CAACC,MAAgB;AACnCC,YAAQC,MAAMF,CAAG;AAAA,EAAA;AAGnB,SACG,gBAAAG,EAAAC,GAAA,EACC,KAAAX,GACA,SAAAN,GACA,SAASI,EAAE,mBAAmB,GAC9B,iBAAiBI,GACjB,SAASI,GACT,gBAAgB,GACjB,CAAA;AAEL;"}

package/dist/modules/multimedia/MediaLibrary/innertabs/VideoEmbedder.js

@@ -1,14 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-import VideoEmbed from "../../VideoEmbed/VideoEmbed.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-const VideoEmbedder = () => {
+import { jsx as s } from "react/jsx-runtime";
+import r from "../../VideoEmbed/VideoEmbed.js";
+import { useMediaLibraryContext as t } from "../MediaLibraryContext.js";
+const i = () => {
   const {
-    setResult
-  } = useMediaLibraryContext();
-  return /* @__PURE__ */ jsx(VideoEmbed, { onSuccess: (ressource) => {
-    setResult(ressource);
+    setResult: e
+  } = t();
+  return /* @__PURE__ */ s(r, { onSuccess: (o) => {
+    e(o);
   } });
 };
 export {
-  VideoEmbedder
+  i as VideoEmbedder
 };
+//# sourceMappingURL=VideoEmbedder.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/VideoEmbedder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoEmbedder.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/VideoEmbedder.tsx"],"sourcesContent":["import VideoEmbed from '../../VideoEmbed/VideoEmbed';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const VideoEmbedder = () => {\n  const { setResult } = useMediaLibraryContext();\n\n  const handleOnSuccess = (ressource?: string) => {\n    setResult(ressource);\n  };\n\n  return <VideoEmbed onSuccess={handleOnSuccess}></VideoEmbed>;\n};\n"],"names":["VideoEmbedder","setResult","useMediaLibraryContext","jsx","VideoEmbed","handleOnSuccess","ressource"],"mappings":";;;AAGO,MAAMA,IAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAuB;AAMtC,SAAA,gBAAAC,EAACC,GAAW,EAAA,WAJKC,CAACC,MAAuB;AAC9CL,IAAAA,EAAUK,CAAS;AAAA,EAAA,EAG0B,CAAA;AACjD;"}

package/dist/modules/multimedia/MediaLibrary/innertabs/Workspace.js

@@ -1,16 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import Workspace$1 from "../../Workspace/Workspace.js";
-const Workspace = () => {
+import { jsx as s } from "react/jsx-runtime";
+import { useMediaLibraryContext as a } from "../MediaLibraryContext.js";
+import c from "../../Workspace/Workspace.js";
+const p = () => {
   const {
-    type,
-    setResultCounter,
-    setResult,
-    multiple,
-    visibility
-  } = useMediaLibraryContext();
-  function getDocumentRoleFilter() {
-    switch (type) {
+    type: r,
+    setResultCounter: i,
+    setResult: t,
+    multiple: l,
+    visibility: o
+  } = a();
+  function n() {
+    switch (r) {
       case "image":
         return "img";
       case "audio":
@@ -21,11 +21,12 @@ const Workspace = () => {
         return null;
     }
   }
-  function handleSelect(result) {
-    setResultCounter(result.length), result.length ? setResult(result) : setResult();
+  function u(e) {
+    i(e.length), e.length ? t(e) : t();
   }
-  return /* @__PURE__ */ jsx(Workspace$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto", defaultFolder: visibility, showPublicFolder: visibility === "public" });
+  return /* @__PURE__ */ s(c, { roles: n(), onSelect: u, multiple: l, className: "border rounded overflow-y-auto", defaultFolder: o, showPublicFolder: o === "public" });
 };
 export {
-  Workspace
+  p as Workspace
 };
+//# sourceMappingURL=Workspace.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/Workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Workspace.tsx"],"sourcesContent":["import { Role, WorkspaceElement } from '@edifice.io/ts-client';\n\nimport { Workspace as Component } from '../../Workspace';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const Workspace = () => {\n  const { type, setResultCounter, setResult, multiple, visibility } =\n    useMediaLibraryContext();\n\n  function getDocumentRoleFilter(): Role | Role[] | null {\n    switch (type) {\n      case 'image':\n        return 'img';\n      case 'audio':\n        return 'audio';\n      case 'video':\n        return 'video';\n      default:\n        return null; // = all document roles\n    }\n  }\n\n  function handleSelect(result: WorkspaceElement[]) {\n    setResultCounter(result.length);\n    if (result.length) {\n      setResult(result);\n    } else {\n      setResult();\n    }\n  }\n\n  return (\n    <Component\n      roles={getDocumentRoleFilter()}\n      onSelect={handleSelect}\n      multiple={multiple}\n      className=\"border rounded overflow-y-auto\"\n      defaultFolder={visibility}\n      showPublicFolder={visibility === 'public'}\n    ></Component>\n  );\n};\n"],"names":["Workspace","type","setResultCounter","setResult","multiple","visibility","useMediaLibraryContext","getDocumentRoleFilter","handleSelect","result","length","jsx","Component"],"mappings":";;;AAKO,MAAMA,IAAYA,MAAM;AACvB,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,kBAAAA;AAAAA,IAAkBC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,YAAAA;AAAAA,MACnDC,EAAuB;AAEzB,WAASC,IAA8C;AACrD,YAAQN,GAAI;AAAA,MACV,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EACF;AAEA,WAASO,EAAaC,GAA4B;AAChDP,IAAAA,EAAiBO,EAAOC,MAAM,GAC1BD,EAAOC,SACTP,EAAUM,CAAM,IAENN;EAEd;AAEA,SACG,gBAAAQ,EAAAC,GAAA,EACC,OAAOL,KACP,UAAUC,GACV,UAAAJ,GACA,WAAU,kCACV,eAAeC,GACf,kBAAkBA,MAAe,SAClC,CAAA;AAEL;"}

package/dist/modules/multimedia/MediaLibrary/innertabs/index.js

@@ -1,21 +1,22 @@
-import { Audio } from "./Audio.js";
-import { ExternalLink } from "./ExternalLink.js";
-import { Iframe } from "./Iframe.js";
-import { InternalLink } from "./InternalLink.js";
-import { Upload } from "./Upload.js";
-import { Video } from "./Video.js";
-import { VideoEmbedder } from "./VideoEmbedder.js";
-import { Workspace } from "./Workspace.js";
-const InnerTabs = {
-  Audio,
-  Video,
-  Upload,
-  ExternalLink,
-  Workspace,
-  InternalLink,
-  Iframe,
-  VideoEmbedder
+import { Audio as o } from "./Audio.js";
+import { ExternalLink as r } from "./ExternalLink.js";
+import { Iframe as m } from "./Iframe.js";
+import { InternalLink as i } from "./InternalLink.js";
+import { Upload as t } from "./Upload.js";
+import { Video as p } from "./Video.js";
+import { VideoEmbedder as e } from "./VideoEmbedder.js";
+import { Workspace as f } from "./Workspace.js";
+const c = {
+  Audio: o,
+  Video: p,
+  Upload: t,
+  ExternalLink: r,
+  Workspace: f,
+  InternalLink: i,
+  Iframe: m,
+  VideoEmbedder: e
 };
 export {
-  InnerTabs
+  c as InnerTabs
 };
+//# sourceMappingURL=index.js.map

package/dist/modules/multimedia/MediaLibrary/innertabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/index.ts"],"sourcesContent":["import { Audio } from './Audio';\nimport { ExternalLink } from './ExternalLink';\nimport { Iframe } from './Iframe';\nimport { InternalLink } from './InternalLink';\nimport { Upload } from './Upload';\nimport { Video } from './Video';\nimport { VideoEmbedder } from './VideoEmbedder';\nimport { Workspace } from './Workspace';\n\nexport const InnerTabs = {\n  Audio,\n  Video,\n  Upload,\n  ExternalLink,\n  Workspace,\n  InternalLink,\n  Iframe,\n  VideoEmbedder,\n};\n"],"names":["InnerTabs","Audio","Video","Upload","ExternalLink","Workspace","InternalLink","Iframe","VideoEmbedder"],"mappings":";;;;;;;;AASO,MAAMA,IAAY;AAAA,EACvBC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,eAAAA;AACF;"}

package/dist/modules/multimedia/UploadFiles/UploadFiles.d.ts

@@ -1,8 +1,8 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
+import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
 declare const UploadFiles: {
     ({ onFilesChange, visibility, }: {
         onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;
-        visibility?: any;
+        visibility?: WorkspaceVisibility | undefined;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/modules/multimedia/UploadFiles/UploadFiles.js

@@ -1,56 +1,57 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { customSize } from "../../../utils/fileSize.js";
-import useUploadFiles from "../../../core/useUploadFiles/useUploadFiles.js";
-import { UploadCard } from "../../../components/UploadCard/UploadCard.js";
-import ImageEditor from "../ImageEditor/components/ImageEditor.js";
-const UploadFiles = ({
-  onFilesChange,
-  visibility = "protected"
+import { jsxs as h, Fragment as y, jsx as s } from "react/jsx-runtime";
+import { useRef as F, useEffect as I } from "react";
+import { customSize as v } from "../../../utils/fileSize.js";
+import E from "../../../core/useUploadFiles/useUploadFiles.js";
+import { UploadCard as L } from "../../../components/UploadCard/UploadCard.js";
+import j from "../ImageEditor/components/ImageEditor.js";
+const k = ({
+  onFilesChange: m,
+  visibility: c = "protected"
 }) => {
   const {
-    files,
-    uploadedFiles,
-    getUploadStatus,
-    uploadFile,
-    removeFile,
-    updateImage,
-    editingImage,
-    setEditingImage,
-    getUrl
-  } = useUploadFiles({
-    handleOnChange: onFilesChange,
+    files: i,
+    uploadedFiles: p,
+    getUploadStatus: d,
+    uploadFile: u,
+    removeFile: l,
+    updateImage: g,
+    editingImage: o,
+    setEditingImage: a,
+    getUrl: U
+  } = E({
+    handleOnChange: m,
     application: "media-library",
-    visibility
-  }), fileBlobs = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const blobs = fileBlobs.current;
+    visibility: c
+  }), r = F(/* @__PURE__ */ new Map());
+  I(() => {
+    const e = r.current;
     return () => {
-      blobs.forEach((url) => URL.revokeObjectURL(url)), blobs.clear();
+      e.forEach((t) => URL.revokeObjectURL(t)), e.clear();
     };
   }, []);
-  const renderItem = (file) => {
-    const src = file.type.startsWith("image") ? fileBlobs.current.get(file.name) : "";
-    return fileBlobs.current.has(file.name) || fileBlobs.current.set(file.name, URL.createObjectURL(file)), {
-      name: file.name,
+  const b = (e) => {
+    const n = e.type.startsWith("image") ? r.current.get(e.name) : "";
+    return r.current.has(e.name) || r.current.set(e.name, URL.createObjectURL(e)), {
+      name: e.name,
       info: {
-        type: file.type,
-        weight: customSize(file.size || 0, 1)
+        type: e.type,
+        weight: v(e.size || 0, 1)
       },
-      src
+      src: n
     };
-  }, handleRemoveFile = (file) => {
-    const blobUrl = fileBlobs.current.get(file.name);
-    blobUrl && (URL.revokeObjectURL(blobUrl), fileBlobs.current.delete(file.name)), removeFile(file);
+  }, R = (e) => {
+    const t = r.current.get(e.name);
+    t && (URL.revokeObjectURL(t), r.current.delete(e.name)), l(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    files.map((file) => {
-      const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-      return /* @__PURE__ */ jsx(UploadCard, { status: getUploadStatus(file), item: renderItem(file), onEdit: () => setEditingImage(resource), onRetry: () => uploadFile(file), onDelete: () => handleRemoveFile(file) }, file.name);
+  return /* @__PURE__ */ h(y, { children: [
+    i.map((e) => {
+      const t = p.find((n) => n.name === e.name);
+      return /* @__PURE__ */ s(L, { status: d(e), item: b(e), onEdit: () => a(t), onRetry: () => u(e), onDelete: () => R(e) }, e.name);
     }),
-    editingImage && /* @__PURE__ */ jsx(ImageEditor, { altText: editingImage.alt, legend: editingImage.title, image: getUrl(editingImage, !0), isOpen: !!editingImage, onCancel: () => setEditingImage(void 0), onSave: updateImage, onError: console.error })
+    o && /* @__PURE__ */ s(j, { altText: o.alt, legend: o.title, image: U(o, !0), isOpen: !!o, onCancel: () => a(void 0), onSave: g, onError: console.error })
   ] });
 };
 export {
-  UploadFiles as default
+  k as default
 };
+//# sourceMappingURL=UploadFiles.js.map

package/dist/modules/multimedia/UploadFiles/UploadFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFiles.js","sources":["../../../../src/modules/multimedia/UploadFiles/UploadFiles.tsx"],"sourcesContent":["import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';\n\nimport { useEffect, useRef } from 'react';\nimport { UploadCard } from '../../../components';\nimport { useUploadFiles } from '../../../core';\nimport { customSize } from '../../../utils/fileSize';\nimport { ImageEditor } from '../ImageEditor';\n\nconst UploadFiles = ({\n  onFilesChange,\n  visibility = 'protected',\n}: {\n  onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;\n  visibility?: WorkspaceVisibility;\n}) => {\n  const {\n    files,\n    uploadedFiles,\n    getUploadStatus,\n    uploadFile,\n    removeFile,\n    updateImage,\n    editingImage,\n    setEditingImage,\n    getUrl,\n  } = useUploadFiles({\n    handleOnChange: onFilesChange,\n    application: 'media-library',\n    visibility,\n  });\n\n  /**\n   * By using useRef to store blobs\n   * We know that ref doesn't re-render\n   * We avoid unexpected images/blob download when uploading files\n   */\n  const fileBlobs = useRef(new Map());\n\n  useEffect(() => {\n    const blobs = fileBlobs.current;\n\n    /**\n     * We use the clean up function inside the useEffect to revoke blobs\n     */\n    return () => {\n      blobs.forEach((url) => URL.revokeObjectURL(url));\n      blobs.clear();\n    };\n  }, []);\n\n  /**\n   * We create the current element with a function\n   * @param file\n   */\n  const renderItem = (file: File) => {\n    const isTypeImage = file.type.startsWith('image');\n    const src = isTypeImage ? fileBlobs.current.get(file.name) : '';\n    /**\n     * We check if a blob already exists for a file\n     * If not, we add a new blob\n     */\n    if (!fileBlobs.current.has(file.name)) {\n      fileBlobs.current.set(file.name, URL.createObjectURL(file));\n    }\n\n    return {\n      name: file.name,\n      info: {\n        type: file.type,\n        weight: customSize(file.size || 0, 1),\n      },\n      src,\n    };\n  };\n\n  /**\n   * We delete file's blob\n   * We remove the file from the uploaded list\n   * @param file\n   */\n  const handleRemoveFile = (file: File) => {\n    const blobUrl = fileBlobs.current.get(file.name);\n    if (blobUrl) {\n      URL.revokeObjectURL(blobUrl);\n      fileBlobs.current.delete(file.name);\n    }\n    removeFile(file);\n  };\n\n  return (\n    <>\n      {files.map((file) => {\n        const resource = uploadedFiles.find(\n          (uploadedFile) => uploadedFile.name === file.name,\n        );\n\n        return (\n          <UploadCard\n            key={file.name}\n            status={getUploadStatus(file)}\n            item={renderItem(file)}\n            onEdit={() => setEditingImage(resource)}\n            onRetry={() => uploadFile(file)}\n            onDelete={() => handleRemoveFile(file)}\n          />\n        );\n      })}\n      {editingImage && (\n        <ImageEditor\n          altText={editingImage.alt}\n          legend={editingImage.title}\n          image={getUrl(editingImage, true)}\n          isOpen={!!editingImage}\n          onCancel={() => setEditingImage(undefined)}\n          onSave={updateImage}\n          onError={console.error}\n        />\n      )}\n    </>\n  );\n};\n\nUploadFiles.displayName = 'UploadFiles';\n\nexport default UploadFiles;\n"],"names":["UploadFiles","onFilesChange","visibility","files","uploadedFiles","getUploadStatus","uploadFile","removeFile","updateImage","editingImage","setEditingImage","getUrl","useUploadFiles","handleOnChange","application","fileBlobs","useRef","Map","useEffect","blobs","current","forEach","url","URL","revokeObjectURL","clear","renderItem","file","src","type","startsWith","get","name","has","set","createObjectURL","info","weight","customSize","size","handleRemoveFile","blobUrl","delete","map","resource","find","uploadedFile","jsx","UploadCard","ImageEditor","alt","title","undefined","console","error"],"mappings":";;;;;;AAQA,MAAMA,IAAcA,CAAC;AAAA,EACnBC,eAAAA;AAAAA,EACAC,YAAAA,IAAa;AAIf,MAAM;AACE,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,QAAAA;AAAAA,MACEC,EAAe;AAAA,IACjBC,gBAAgBZ;AAAAA,IAChBa,aAAa;AAAA,IACbZ,YAAAA;AAAAA,EAAAA,CACD,GAOKa,IAAYC,EAAWC,oBAAAA,IAAK,CAAA;AAElCC,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAQJ,EAAUK;AAKxB,WAAO,MAAM;AACXD,MAAAA,EAAME,QAASC,CAAAA,MAAQC,IAAIC,gBAAgBF,CAAG,CAAC,GAC/CH,EAAMM,MAAM;AAAA,IAAA;AAAA,EAEhB,GAAG,CAAE,CAAA;AAMCC,QAAAA,IAAaA,CAACC,MAAe;AAEjC,UAAMC,IADcD,EAAKE,KAAKC,WAAW,OAAO,IACtBf,EAAUK,QAAQW,IAAIJ,EAAKK,IAAI,IAAI;AAK7D,WAAKjB,EAAUK,QAAQa,IAAIN,EAAKK,IAAI,KAClCjB,EAAUK,QAAQc,IAAIP,EAAKK,MAAMT,IAAIY,gBAAgBR,CAAI,CAAC,GAGrD;AAAA,MACLK,MAAML,EAAKK;AAAAA,MACXI,MAAM;AAAA,QACJP,MAAMF,EAAKE;AAAAA,QACXQ,QAAQC,EAAWX,EAAKY,QAAQ,GAAG,CAAC;AAAA,MACtC;AAAA,MACAX,KAAAA;AAAAA,IAAAA;AAAAA,EACF,GAQIY,IAAmBA,CAACb,MAAe;AACvC,UAAMc,IAAU1B,EAAUK,QAAQW,IAAIJ,EAAKK,IAAI;AAC/C,IAAIS,MACFlB,IAAIC,gBAAgBiB,CAAO,GACjBrB,EAAAA,QAAQsB,OAAOf,EAAKK,IAAI,IAEpCzB,EAAWoB,CAAI;AAAA,EAAA;AAGjB,SAEKxB,gBAAAA,EAAAA,GAAAA,EAAAA,UAAAA;AAAAA,IAAAA,EAAMwC,IAAKhB,CAASA,MAAA;AACnB,YAAMiB,IAAWxC,EAAcyC,KAC5BC,OAAiBA,EAAad,SAASL,EAAKK,IAC/C;AAGE,aAAA,gBAAAe,EAACC,GAEC,EAAA,QAAQ3C,EAAgBsB,CAAI,GAC5B,MAAMD,EAAWC,CAAI,GACrB,QAAQ,MAAMjB,EAAgBkC,CAAQ,GACtC,SAAS,MAAMtC,EAAWqB,CAAI,GAC9B,UAAU,MAAMa,EAAiBb,CAAI,EALhCA,GAAAA,EAAKK,IAMV;AAAA,IAAA,CAEL;AAAA,IACAvB,KACE,gBAAAsC,EAAAE,GAAA,EACC,SAASxC,EAAayC,KACtB,QAAQzC,EAAa0C,OACrB,OAAOxC,EAAOF,GAAc,EAAI,GAChC,QAAQ,CAAC,CAACA,GACV,UAAU,MAAMC,EAAgB0C,MAAS,GACzC,QAAQ5C,GACR,SAAS6C,QAAQC,MAEpB,CAAA;AAAA,EACH,EAAA,CAAA;AAEJ;"}