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

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

@@ -1,16 +1,16 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, useCallback } from "react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import { Modal } from "../../../components/Modal/Modal.js";
-import { MediaLibraryContext } from "./MediaLibraryContext.js";
-import { InnerTabs } from "./innertabs/index.js";
-import { useHttpErrorToast } from "../../../core/useHttpErrorToast/useHttpErrorToast.js";
-import useHasWorkflow from "../../../core/useHasWorkflow/useHasWorkflow.js";
-import { Tabs } from "../../../components/Tabs/Tabs.js";
-import { Icon } from "../../../components/Icon/Icon.js";
-import { Button } from "../../../components/Button/Button.js";
-const orderedTabs = [
+import { jsx as a, jsxs as E, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as ee, useRef as P, useImperativeHandle as ae, useState as c, useMemo as W, useEffect as oe, useCallback as ne } from "react";
+import { odeServices as te } from "@edifice.io/ts-client";
+import { useTranslation as le } from "react-i18next";
+import { Modal as v } from "../../../components/Modal/Modal.js";
+import { MediaLibraryContext as ie } from "./MediaLibraryContext.js";
+import { InnerTabs as l } from "./innertabs/index.js";
+import { useHttpErrorToast as re } from "../../../core/useHttpErrorToast/useHttpErrorToast.js";
+import R from "../../../core/useHasWorkflow/useHasWorkflow.js";
+import { Tabs as g } from "../../../components/Tabs/Tabs.js";
+import { Icon as i } from "../../../components/Icon/Icon.js";
+import { Button as V } from "../../../components/Button/Button.js";
+const de = [
   "audio-capture",
   "video-capture",
   "internal-link",
@@ -25,7 +25,7 @@ const orderedTabs = [
   // Media browser
   "video-embedder"
   // Link to a hosted video
-], mediaLibraryTypes = {
+], C = {
   none: null,
   audio: {
     title: "bbm.audio.modal.title",
@@ -51,161 +51,162 @@ const orderedTabs = [
     title: "bbm.embed.modal.title",
     defaultTab: "iframe"
   }
-}, MediaLibrary = /* @__PURE__ */ forwardRef(({
-  appCode,
-  visibility,
-  multiple,
-  onSuccess,
-  onCancel,
-  onTabChange
-}, ref) => {
-  var _a;
-  const linkTabProps = useRef(), refModal = useRef(null);
-  useImperativeHandle(ref, () => ({
-    show,
-    hide,
-    showLink,
-    type,
-    ...refModal.current
-  })), useHttpErrorToast({
+}, xe = /* @__PURE__ */ ee(({
+  appCode: k,
+  visibility: m,
+  multiple: A,
+  onSuccess: F,
+  onCancel: j,
+  onTabChange: h
+}, B) => {
+  var O;
+  const s = P(), N = P(null);
+  ae(B, () => ({
+    show: J,
+    hide: Q,
+    showLink: X,
+    type: t,
+    ...N.current
+  })), re({
     isDismissible: !0,
     duration: 1 / 0
   });
   const {
-    t
-  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null), availableTabs = {
+    t: n
+  } = le(), I = R("org.entcore.workspace.controllers.WorkspaceController|addDocument"), z = R("com.opendigitaleducation.video.controllers.VideoController|capture"), [t, b] = c(null), K = {
     workspace: {
       id: "workspace",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "folder" }),
-      label: t("bbm.workspace"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Workspace, {}),
+      icon: /* @__PURE__ */ a(i, { name: "folder" }),
+      label: n("bbm.workspace"),
+      content: /* @__PURE__ */ a(l.Workspace, {}),
       availableFor: ["audio", "video", "image", "attachment"],
       isEnable: null
     },
     upload: {
       id: "upload",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "smartphone" }),
-      label: t("bbm.device"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Upload, {}),
+      icon: /* @__PURE__ */ a(i, { name: "smartphone" }),
+      label: n("bbm.device"),
+      content: /* @__PURE__ */ a(l.Upload, {}),
       availableFor: ["audio", "video", "image", "attachment"],
-      isEnable: () => !!workspaceCreateWorkflow
+      isEnable: () => !!I
     },
     "video-capture": {
       id: "video-capture",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "record-video" }),
-      label: t("bbm.video"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
+      icon: /* @__PURE__ */ a(i, { name: "record-video" }),
+      label: n("bbm.video"),
+      content: /* @__PURE__ */ a(l.Video, {}),
       availableFor: ["video"],
-      isEnable: () => !!videoCaptureWorkflow
+      isEnable: () => !!z
     },
     "audio-capture": {
       id: "audio-capture",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "mic" }),
-      label: t("bbm.audio"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
+      icon: /* @__PURE__ */ a(i, { name: "mic" }),
+      label: n("bbm.audio"),
+      content: /* @__PURE__ */ a(l.Audio, {}),
       availableFor: ["audio"],
-      isEnable: () => !!workspaceCreateWorkflow
+      isEnable: () => !!I
     },
     "external-link": {
       id: "external-link",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "globe" }),
-      label: t("bbm.linker.ext"),
-      content: /* @__PURE__ */ jsx(InnerTabs.ExternalLink, { ...linkTabProps.current }),
+      icon: /* @__PURE__ */ a(i, { name: "globe" }),
+      label: n("bbm.linker.ext"),
+      content: /* @__PURE__ */ a(l.ExternalLink, { ...s.current }),
       availableFor: ["hyperlink"],
       isEnable: null
     },
     "internal-link": {
       id: "internal-link",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "applications" }),
-      label: t("bbm.linker.int"),
-      content: /* @__PURE__ */ jsx(InnerTabs.InternalLink, { ...linkTabProps.current }),
+      icon: /* @__PURE__ */ a(i, { name: "applications" }),
+      label: n("bbm.linker.int"),
+      content: /* @__PURE__ */ a(l.InternalLink, { ...s.current }),
       availableFor: ["hyperlink"],
       isEnable: null
     },
     iframe: {
       id: "iframe",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "code" }),
-      label: t("bbm.embed"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Iframe, {}),
+      icon: /* @__PURE__ */ a(i, { name: "code" }),
+      label: n("bbm.embed"),
+      content: /* @__PURE__ */ a(l.Iframe, {}),
       availableFor: ["embedder"],
       isEnable: null
     },
     "video-embedder": {
       id: "iframe",
-      icon: /* @__PURE__ */ jsx(Icon, { name: "code" }),
-      label: t("bbm.embed"),
-      content: /* @__PURE__ */ jsx(InnerTabs.VideoEmbedder, {}),
+      icon: /* @__PURE__ */ a(i, { name: "code" }),
+      label: n("bbm.embed"),
+      content: /* @__PURE__ */ a(l.VideoEmbedder, {}),
       availableFor: ["video"],
       isEnable: null
     }
-  }, tabs = useMemo(
-    () => orderedTabs.map((key) => availableTabs[key]).filter((tab) => {
-      var _a2;
-      return ((_a2 = tab.isEnable) == null ? void 0 : _a2.call(tab)) !== !1 && (tab.availableFor.length === 0 || tab.availableFor.includes(type));
+  }, r = W(
+    () => de.map((e) => K[e]).filter((e) => {
+      var o;
+      return ((o = e.isEnable) == null ? void 0 : o.call(e)) !== !1 && (e.availableFor.length === 0 || e.availableFor.includes(t));
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [type]
-  ), [defaultTabId, setDefaultTabId] = useState(), defaultTabIdx = useMemo(() => {
-    const index = tabs.findIndex((t2) => t2.id === defaultTabId);
-    return 0 > index || index >= tabs.length ? 0 : index;
-  }, [tabs, defaultTabId]), [resultCounter, setResultCounter] = useState(), [result, setResult] = useState(), [deletionsOnCancel, setDeletionsOnCancel] = useState([]), [onSuccessAction, setPreSuccess] = useState();
-  function setVisibleTab(tab) {
-    throw tabs.findIndex((t2) => t2.id === tab) < 0 ? "tab.not.visible" : "not.implemented.yet";
+    [t]
+  ), [u, f] = c(), U = W(() => {
+    const e = r.findIndex((o) => o.id === u);
+    return 0 > e || e >= r.length ? 0 : e;
+  }, [r, u]), [y, M] = c(), [p, L] = c(), [S, D] = c([]), [w, H] = c();
+  function q(e) {
+    throw r.findIndex((d) => d.id === e) < 0 ? new Error("tab.not.visible") : new Error("not.implemented.yet");
   }
-  function switchType(type2) {
-    linkTabProps.current = void 0, setDefaultTabId(void 0), setType(type2);
+  function G(e) {
+    s.current = void 0, f(void 0), b(e);
   }
-  const show = (type2) => {
-    setType(type2);
-  }, hide = () => {
-    setType(null);
-  }, showLink = (props) => {
-    linkTabProps.current = props, !("resourceId" in props || "appPrefix" in props) && setDefaultTabId("external-link"), setType("hyperlink");
+  const J = (e) => {
+    b(e);
+  }, Q = () => {
+    b(null);
+  }, X = (e) => {
+    s.current = e, !("resourceId" in e || "appPrefix" in e) && f("external-link"), b("hyperlink");
   };
-  useEffect(() => {
-    var _a2, _b;
-    const typeKey = type || "none";
-    !defaultTabId && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b = mediaLibraryTypes[typeKey]) == null ? void 0 : _b.defaultTab);
-  }, [defaultTabId, type]);
-  const modalHeader = t(((_a = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _a.title) ?? "bbm"), resetState = () => {
-    linkTabProps.current = void 0, setResult(void 0), setResultCounter(void 0), setDefaultTabId(void 0), setPreSuccess(void 0), setDeletionsOnCancel([]);
-  }, handleTabChange = (tab) => {
-    onTabChange == null || onTabChange(tab, deletionsOnCancel), resetState();
-  }, handleOnSuccess = useCallback(() => {
-    const triggerSuccess = async (result2) => {
-      result2 instanceof Array && ["protected", "public"].findIndex((v) => v === visibility) >= 0 && (result2 = await odeServices.workspace().transferDocuments(result2, appCode ?? "media-library", visibility)), onSuccess(result2);
+  oe(() => {
+    var o, d;
+    const e = t || "none";
+    !u && typeof ((o = C[e]) == null ? void 0 : o.defaultTab) == "string" && f((d = C[e]) == null ? void 0 : d.defaultTab);
+  }, [u, t]);
+  const Y = n(((O = C[t ?? "none"]) == null ? void 0 : O.title) ?? "bbm"), x = () => {
+    s.current = void 0, L(void 0), M(void 0), f(void 0), H(void 0), D([]);
+  }, Z = (e) => {
+    h == null || h(e, S), x();
+  }, _ = ne(() => {
+    const e = async (o) => {
+      o instanceof Array && ["protected", "public"].findIndex((d) => d === m) >= 0 && (o = await te.workspace().transferDocuments(o, k ?? "media-library", m)), F(o);
     };
-    onSuccessAction ? onSuccessAction().then((result2) => {
-      triggerSuccess(result2);
-    }) : result && triggerSuccess(result), resetState();
-  }, [onSuccessAction, result, onSuccess, visibility]), handleOnCancel = () => {
-    onCancel(deletionsOnCancel), resetState();
+    w ? w().then((o) => {
+      e(o);
+    }) : p && e(p), x();
+  }, [w, p, F, m, k]), T = () => {
+    j(S), x();
   };
-  return type && /* @__PURE__ */ jsx(MediaLibraryContext.Provider, { value: {
-    appCode,
-    visibility,
-    multiple,
-    type,
-    setResultCounter,
-    setResult,
-    setCancellable: (uploads) => setDeletionsOnCancel([...uploads]),
-    setVisibleTab,
-    switchType,
-    setPreSuccess
-  }, children: /* @__PURE__ */ jsxs(Modal, { id: "media-library", isOpen: type !== null, onModalClose: handleOnCancel, size: "lg", viewport: !0, scrollable: !0, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleOnCancel, children: modalHeader }),
-    /* @__PURE__ */ jsx(Tabs, { items: tabs, defaultId: tabs[defaultTabIdx].id, onChange: handleTabChange, children: (currentItem) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      tabs.length > 1 && /* @__PURE__ */ jsx(Tabs.List, { className: "mt-16" }),
-      /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex", children: /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content }) })
+  return t && /* @__PURE__ */ a(ie.Provider, { value: {
+    appCode: k,
+    visibility: m,
+    multiple: A,
+    type: t,
+    setResultCounter: M,
+    setResult: L,
+    setCancellable: (e) => D([...e]),
+    setVisibleTab: q,
+    switchType: G,
+    setPreSuccess: H
+  }, children: /* @__PURE__ */ E(v, { id: "media-library", isOpen: t !== null, onModalClose: T, size: "lg", viewport: !0, scrollable: !0, children: [
+    /* @__PURE__ */ a(v.Header, { onModalClose: T, children: Y }),
+    /* @__PURE__ */ a(g, { items: r, defaultId: r[U].id, onChange: Z, children: (e) => /* @__PURE__ */ E($, { children: [
+      r.length > 1 && /* @__PURE__ */ a(g.List, { className: "mt-16" }),
+      /* @__PURE__ */ a(v.Body, { className: "d-flex", children: /* @__PURE__ */ a(g.Panel, { currentItem: e, children: e == null ? void 0 : e.content }) })
     ] }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleOnCancel, children: t("cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", disabled: typeof result > "u", onClick: handleOnSuccess, children: resultCounter && resultCounter > 1 ? t("addMultiple", {
-        number: resultCounter
-      }) : t("add") })
+    /* @__PURE__ */ E(v.Footer, { children: [
+      /* @__PURE__ */ a(V, { type: "button", color: "tertiary", variant: "ghost", onClick: T, children: n("cancel") }),
+      /* @__PURE__ */ a(V, { type: "button", color: "primary", variant: "filled", disabled: typeof p > "u", onClick: _, children: y && y > 1 ? n("addMultiple", {
+        number: y
+      }) : n("add") })
     ] })
   ] }) });
 });
 export {
-  MediaLibrary as default
+  xe as default
 };
+//# sourceMappingURL=MediaLibrary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/modules/multimedia/MediaLibrary/MediaLibraryContext.d.ts

@@ -1,5 +1,5 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-import { MediaLibraryType, AvailableTab, MediaLibraryResult } from './MediaLibrary';
+import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';
+import { AvailableTab, MediaLibraryResult, MediaLibraryType } from './MediaLibrary';
 export declare const MediaLibraryContext: import('react').Context<{
     /** Application code (example: "blog") */
     appCode: string;

package/dist/modules/multimedia/MediaLibrary/MediaLibraryContext.js

@@ -1,12 +1,13 @@
-import { createContext, useContext } from "react";
-const MediaLibraryContext = /* @__PURE__ */ createContext(null);
-function useMediaLibraryContext() {
-  const context = useContext(MediaLibraryContext);
-  if (!context)
+import { createContext as t, useContext as n } from "react";
+const o = /* @__PURE__ */ t(null);
+function i() {
+  const e = n(o);
+  if (!e)
     throw new Error("Innertabs compound components cannot be rendered outside the MediaLibrary component");
-  return context;
+  return e;
 }
 export {
-  MediaLibraryContext,
-  useMediaLibraryContext
+  o as MediaLibraryContext,
+  i as useMediaLibraryContext
 };
+//# sourceMappingURL=MediaLibraryContext.js.map

package/dist/modules/multimedia/MediaLibrary/MediaLibraryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryContext.js","sources":["../../../../src/modules/multimedia/MediaLibrary/MediaLibraryContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';\n\nimport {\n  AvailableTab,\n  MediaLibraryResult,\n  MediaLibraryType,\n} from './MediaLibrary';\n\nexport const MediaLibraryContext = createContext<{\n  /** Application code (example: \"blog\") */\n  appCode: string;\n\n  /** Visibility of the uploaded files. */\n  visibility?: WorkspaceVisibility;\n\n  /** Allow selecting / uploading multiple files at once ? */\n  multiple?: boolean;\n\n  /** Type of resource to search for. */\n  type: MediaLibraryType | null;\n\n  /** Set the counter in the success button label. */\n  setResultCounter: (count?: number) => void;\n\n  /**\n   * Set a innertab-specific callback which gets the result when success button is clicked.\n   */\n  setResult: (result?: MediaLibraryResult) => void;\n\n  /** Memoize uploaded elements to be deleted on cancellation. */\n  setCancellable: (uploads: WorkspaceElement[]) => void;\n\n  /**\n   * Allow an innertab to switch display to another innertab.\n   * This function will throw an error if switching failed.\n   */\n  setVisibleTab: (tab: AvailableTab) => void;\n\n  /** Allow an innertab to switch type of the media library. */\n  switchType: (type: MediaLibraryType) => void;\n\n  /**\n   * Allow an innertab to set action to execute before triggering onSuccess.\n   */\n  setPreSuccess: (\n    onSuccessAction?: () => () => Promise<MediaLibraryResult>,\n  ) => void;\n}>(null!);\n\nexport function useMediaLibraryContext() {\n  const context = useContext(MediaLibraryContext);\n  if (!context) {\n    throw new Error(\n      `Innertabs compound components cannot be rendered outside the MediaLibrary component`,\n    );\n  }\n  return context;\n}\n"],"names":["MediaLibraryContext","useMediaLibraryContext","context","useContext","Error"],"mappings":";AAUaA,MAAAA,sBAuCV,IAAK;AAED,SAASC,IAAyB;AACjCC,QAAAA,IAAUC,EAAWH,CAAmB;AAC9C,MAAI,CAACE;AACG,UAAA,IAAIE,MACR,qFACF;AAEKF,SAAAA;AACT;"}

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

@@ -1,19 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import AudioRecorder from "../../AudioRecorder/AudioRecorder.js";
-const Audio = () => {
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import { useMediaLibraryContext as i } from "../MediaLibraryContext.js";
+import d from "../../AudioRecorder/AudioRecorder.js";
+const S = () => {
   const {
-    setResult,
-    setPreSuccess,
-    visibility
-  } = useMediaLibraryContext(), ref = useRef(null);
-  return /* @__PURE__ */ jsx(AudioRecorder, { ref, onRecordUpdated: (recordURL) => {
-    recordURL ? (setResult(recordURL), setPreSuccess(() => ref.current.save)) : setResult();
-  }, onSaveSuccess: (audioRessource) => {
-    audioRessource && setResult(audioRessource);
-  }, hideSaveAction: !0, visibility });
+    setResult: t,
+    setPreSuccess: n,
+    visibility: r
+  } = i(), o = c(null);
+  return /* @__PURE__ */ s(d, { ref: o, onRecordUpdated: (e) => {
+    e ? (t(e), n(() => o.current.save)) : t();
+  }, onSaveSuccess: (e) => {
+    e && t(e);
+  }, hideSaveAction: !0, visibility: r });
 };
 export {
-  Audio
+  S as Audio
 };
+//# sourceMappingURL=Audio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Audio.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/Audio.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { WorkspaceElement } from '@edifice.io/ts-client';\n\nimport { AudioRecorder } from '../../AudioRecorder';\nimport { AudioRecorderRef } from '../../AudioRecorder/AudioRecorder';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport const Audio = () => {\n  const { setResult, setPreSuccess, visibility } = useMediaLibraryContext();\n  const ref = useRef<AudioRecorderRef>(null);\n\n  const handleOnUpdateRecord = (recordURL?: string) => {\n    if (recordURL) {\n      setResult(recordURL);\n      setPreSuccess(() => ref.current!.save);\n    } else {\n      setResult();\n    }\n  };\n\n  const handleOnSaveSuccess = (audioRessource?: WorkspaceElement) => {\n    if (audioRessource) {\n      setResult(audioRessource);\n    }\n  };\n\n  return (\n    <AudioRecorder\n      ref={ref}\n      onRecordUpdated={handleOnUpdateRecord}\n      onSaveSuccess={handleOnSaveSuccess}\n      hideSaveAction={true}\n      visibility={visibility}\n    ></AudioRecorder>\n  );\n};\n"],"names":["Audio","setResult","setPreSuccess","visibility","useMediaLibraryContext","ref","useRef","jsx","AudioRecorder","handleOnUpdateRecord","recordURL","current","save","handleOnSaveSuccess","audioRessource"],"mappings":";;;;AAQO,MAAMA,IAAQA,MAAM;AACnB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,eAAAA;AAAAA,IAAeC,YAAAA;AAAAA,MAAeC,EAAuB,GAClEC,IAAMC,EAAyB,IAAI;AAkBvC,SAAA,gBAAAC,EAACC,KACC,KAAAH,GACA,iBAlByBI,CAACC,MAAuB;AACnD,IAAIA,KACFT,EAAUS,CAAS,GACLR,EAAA,MAAMG,EAAIM,QAASC,IAAI,KAE3BX;EACZ,GAaE,eAVwBY,CAACC,MAAsC;AACjE,IAAIA,KACFb,EAAUa,CAAc;AAAA,EAC1B,GAQE,gBAAgB,IAChB,YAAAX,EACD,CAAA;AAEL;"}

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

@@ -1,17 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import ExternalLinker from "../../Linker/ExternalLinker.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-const ExternalLink = ({
-  link,
-  multiNodeSelected = !1
+import { jsx as o } from "react/jsx-runtime";
+import a from "../../Linker/ExternalLinker.js";
+import { useMediaLibraryContext as i } from "../MediaLibraryContext.js";
+const x = ({
+  link: n,
+  multiNodeSelected: e = !1
 }) => {
   const {
-    setResult
-  } = useMediaLibraryContext();
-  return /* @__PURE__ */ jsx(ExternalLinker, { link, onChange: (link2) => {
-    setResult(link2);
-  }, multiNodeSelected });
+    setResult: r
+  } = i();
+  return /* @__PURE__ */ o(a, { link: n, onChange: (t) => {
+    r(t);
+  }, multiNodeSelected: e });
 };
 export {
-  ExternalLink
+  x as ExternalLink
 };
+//# sourceMappingURL=ExternalLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalLink.js","sources":["../../../../../src/modules/multimedia/MediaLibrary/innertabs/ExternalLink.tsx"],"sourcesContent":["import ExternalLinker, { IExternalLink } from '../../Linker/ExternalLinker';\nimport { useMediaLibraryContext } from '../MediaLibraryContext';\n\nexport type ExternalLinkTabProps = {\n  multiNodeSelected?: boolean;\n  link?: Partial<IExternalLink>;\n};\n\nexport const ExternalLink = ({\n  link,\n  multiNodeSelected = false,\n}: ExternalLinkTabProps) => {\n  const { setResult } = useMediaLibraryContext();\n\n  const handleLinkChange = (link?: IExternalLink) => {\n    setResult(link);\n  };\n\n  return (\n    <ExternalLinker\n      link={link}\n      onChange={handleLinkChange}\n      multiNodeSelected={multiNodeSelected}\n    />\n  );\n};\n"],"names":["ExternalLink","link","multiNodeSelected","setResult","useMediaLibraryContext","jsx","ExternalLinker","handleLinkChange"],"mappings":";;;AAQO,MAAMA,IAAeA,CAAC;AAAA,EAC3BC,MAAAA;AAAAA,EACAC,mBAAAA,IAAoB;AACA,MAAM;AACpB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAuB;AAM7C,SACG,gBAAAC,EAAAC,GAAA,EACC,MAAAL,GACA,UAPqBM,CAACN,MAAyB;AACjDE,IAAAA,EAAUF,CAAI;AAAA,EAAA,GAOZ,mBAAAC,EACA,CAAA;AAEN;"}

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