@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

package/dist/modules/multimedia/Linker/InternalLinker.js

@@ -1,115 +0,0 @@
-import { jsx as s, jsxs as b } from "react/jsx-runtime";
-import { useState as f, useCallback as u, useEffect as h } from "react";
-import { odeServices as G } from "@edifice.io/ts-client";
-import { useTranslation as H } from "react-i18next";
-import { LinkerCard as J } from "../LinkerCard/LinkerCard.js";
-import { useResourceSearch as K } from "../../../core/useResourceSearch/useResourceSearch.js";
-import Q from "../../../hooks/useDebounce/useDebounce.js";
-import { SearchBar as U } from "../../../components/SearchBar/SearchBar.js";
-import { EmptyScreen as V } from "../../../components/EmptyScreen/EmptyScreen.js";
-import X from "../../../core/usePaths/usePaths.js";
-import { useOdeTheme as Y } from "../../../core/ThemeProvider/ThemeProvider.js";
-import { AppIcon as Z } from "../../../components/AppIcon/AppIcon.js";
-import { Dropdown as x } from "../../../components/Dropdown/Dropdown.js";
-import { Icon as ee } from "../../../components/Icon/Icon.js";
-const he = ({
-  appCode: E,
-  defaultAppCode: C,
-  defaultResourceId: y,
-  onChange: N,
-  onSelect: v,
-  multiple: L = !0
-}) => {
-  const {
-    t: d
-  } = H(), {
-    theme: m
-  } = Y(), [D] = X(), {
-    resourceApplications: w,
-    loadResources: T
-  } = K(E), [c, B] = f(), [o, P] = f(), [S, M] = f(), R = Q(S || "", 500), [i, $] = f([]), p = u((e) => {
-    async function t() {
-      if (o)
-        try {
-          const r = e == null ? void 0 : e.toLowerCase(), a = (await T({
-            application: o.application,
-            search: e,
-            types: [o.application],
-            filters: {},
-            pagination: {
-              startIdx: 0,
-              pageSize: 300
-            }
-            // ignored at the moment
-          })).filter((n) => {
-            var A, z, O;
-            return !r || r.length === 0 ? !0 : ((A = n.name) == null ? void 0 : A.toLowerCase().includes(r)) || ((z = n.creatorName) == null ? void 0 : z.toLowerCase().includes(r)) || ((O = n.description) == null ? void 0 : O.toLowerCase().includes(r)) || !1;
-          }).sort((n, j) => n.modifiedAt < j.modifiedAt ? 1 : -1);
-          $(a);
-          return;
-        } catch {
-        }
-      $([]);
-    }
-    t();
-  }, [T, o]), [l, g] = f([]), W = (e) => {
-    N == null || N(e), P(e);
-  }, _ = (e) => {
-    const t = e.target.value;
-    M(t.toString());
-  }, q = u((e) => {
-    p(S), e.stopPropagation(), e.preventDefault();
-  }, [p, S]), k = u((e) => l.findIndex((t) => t.assetId === e), [l]), I = u((e) => {
-    g(L ? (t) => [...t, e] : [e]);
-  }, [g, L]), F = u((e) => {
-    const t = k(e.assetId);
-    t < 0 ? I(e) : g(l.filter((r, a) => a !== t));
-  }, [k, I, l]);
-  return h(() => {
-    (async () => {
-      const e = w.map((r) => G.session().getWebApp(r)), t = await Promise.all(e);
-      B(w.map((r, a) => {
-        var n;
-        return {
-          application: r,
-          displayName: d(((n = t[a]) == null ? void 0 : n.displayName) ?? r),
-          icon: /* @__PURE__ */ s(Z, { app: t[a] })
-        };
-      }).sort((r, a) => r.displayName.localeCompare(a.displayName)));
-    })();
-  }, [w, d]), h(() => {
-    p(R);
-  }, [p, R]), h(() => {
-    v == null || v(l);
-  }, [l]), h(() => {
-    if (C) {
-      const e = c == null ? void 0 : c.find((t) => C === t.application);
-      P(e), p("");
-    }
-  }, [c]), h(() => {
-    if (y && k(y) < 0) {
-      const e = i == null ? void 0 : i.find((t) => y === t.assetId);
-      e && I(e);
-    }
-  }, [i]), /* @__PURE__ */ b("div", { className: "d-flex flex-column flex-fill overflow-hidden", children: [
-    /* @__PURE__ */ b("div", { className: "search d-flex bg-light rounded-top border border-bottom-0", children: [
-      /* @__PURE__ */ s("div", { className: "flex-shrink-1 px-8 py-12 border-end", children: /* @__PURE__ */ b(x, { overflow: !0, children: [
-        /* @__PURE__ */ s(x.Trigger, { icon: /* @__PURE__ */ s("div", { className: "pe-8", children: (o == null ? void 0 : o.icon) || /* @__PURE__ */ s(ee, { name: "applications" }) }), label: d((o == null ? void 0 : o.displayName) || "bbm.linker.int.choose"), variant: "ghost", size: "md" }),
-        /* @__PURE__ */ s(x.Menu, { children: c == null ? void 0 : c.map((e) => /* @__PURE__ */ s(x.Item, { icon: e.icon, onClick: () => W(e), children: e.displayName }, e.application)) })
-      ] }) }),
-      /* @__PURE__ */ s("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ s("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: q, children: /* @__PURE__ */ s(U, { isVariant: !0, placeholder: d("search"), size: "lg", className: "w-100", disabled: !o, onChange: _ }) }) })
-    ] }),
-    /* @__PURE__ */ b("div", { className: "internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto", children: [
-      o && i && i.length > 0 && /* @__PURE__ */ s("div", { children: i.map((e) => {
-        const t = l.findIndex((r) => r.assetId === e.assetId) >= 0;
-        return /* @__PURE__ */ s(J, { doc: e, isSelected: t, onClick: () => F(e) }, e.path);
-      }) }),
-      o && i && i.length <= 0 && /* @__PURE__ */ s("div", { className: "d-flex justify-content-center mt-16", children: /* @__PURE__ */ s(V, { imageSrc: `${D}/${m == null ? void 0 : m.bootstrapVersion}/illu-empty-search-${o.application}.svg`, text: d("bbm.linker.int.notfound"), className: "mt-16" }) }),
-      !o && /* @__PURE__ */ s("div", { className: "d-flex justify-content-center mt-32", children: /* @__PURE__ */ s(V, { imageSrc: `${D}/${m == null ? void 0 : m.bootstrapVersion}/illu-empty-search.svg`, text: d("bbm.linker.int.empty"), className: "mt-32" }) })
-    ] })
-  ] });
-};
-export {
-  he as default
-};
-//# sourceMappingURL=InternalLinker.js.map

package/dist/modules/multimedia/Linker/InternalLinker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalLinker.js","sources":["../../../../src/modules/multimedia/Linker/InternalLinker.tsx"],"sourcesContent":["import { FormEvent, useCallback, useEffect, useState } from 'react';\n\nimport { App, odeServices } from '@edifice.io/ts-client';\n/*\n * Augmented definition of a resource, until behaviours are dropped.\n * The path would otherwise be found by using `IWebResourceService.getViewUrl(resource)`\n */\nimport { ILinkedResource } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport { AppIcon, Dropdown, EmptyScreen, Icon } from '../../../components';\nimport { SearchBar } from '../../../components/SearchBar';\nimport { useOdeTheme, usePaths, useResourceSearch } from '../../../core';\nimport { useDebounce } from '../../../hooks';\nimport LinkerCard from '../LinkerCard/LinkerCard';\n\n/**\n * Definition of an internal link.\n */\ntype ApplicationOption = {\n  icon?: JSX.Element;\n  application: string;\n  displayName: string;\n};\n\n/**\n * Properties for the InternalLinker react component.\n */\nexport interface InternalLinkerProps {\n  /** Currently running application */\n  appCode: App;\n  /** When defined, preloads and displays this type of resources. */\n  defaultAppCode?: App | null;\n  /** When defined, selects this resource (defaultApp must be specified) */\n  defaultResourceId?: string | null;\n  /** Notify when the user selects an application in the dropdown */\n  onChange?: (application?: ApplicationOption) => void;\n  /** Notify when resources selection changes */\n  onSelect?: (resources: ILinkedResource[]) => void;\n  multiple: boolean | undefined;\n}\n\n/** The InternalLinker component */\nconst InternalLinker = ({\n  appCode,\n  defaultAppCode,\n  defaultResourceId,\n  onChange,\n  onSelect,\n  multiple = true,\n}: InternalLinkerProps) => {\n  const { t } = useTranslation();\n  const { theme } = useOdeTheme();\n  const [imagePath] = usePaths();\n\n  // Get available applications, and a function to load their resources.\n  const { resourceApplications, loadResources } = useResourceSearch(appCode);\n\n  // List of options (applications with name and icon) to display, for the user to choose.\n  const [options, setOptions] = useState<Array<ApplicationOption>>();\n  // User selected application\n  const [selectedApplication, setSelectedApplication] = useState<\n    ApplicationOption | undefined\n  >();\n  // User search terms (typed in an input) and its debounced equivalent.\n  const [searchTerms, setSearchTerms] = useState<string | undefined>();\n  const debounceSearch = useDebounce<string>(searchTerms || '', 500);\n\n  // List of resources to display.\n  const [resources, setResources] = useState<ILinkedResource[] | undefined>([]);\n  // Function to load and display resources of the currently selected application.\n  const loadAndDisplayResources = useCallback(\n    (search?: string) => {\n      async function load() {\n        if (selectedApplication) {\n          try {\n            const searchLower = search?.toLowerCase();\n            const resources = (\n              await loadResources({\n                application: selectedApplication.application,\n                search,\n                types: [selectedApplication.application],\n                filters: {},\n                pagination: { startIdx: 0, pageSize: 300 }, // ignored at the moment\n              })\n            )\n              .filter((resource) => {\n                // Filter in lowercase only\n                if (!searchLower || searchLower.length === 0) return true;\n                const found =\n                  resource.name?.toLowerCase().includes(searchLower) ||\n                  resource.creatorName?.toLowerCase().includes(searchLower) ||\n                  resource.description?.toLowerCase().includes(searchLower) ||\n                  false;\n                return found;\n              })\n              .sort((a, b) => (a.modifiedAt < b.modifiedAt ? 1 : -1));\n\n            setResources(resources);\n            return; // end here\n          } catch {\n            // continue on error\n          }\n        }\n        setResources([]);\n      }\n      load();\n    },\n    [loadResources, selectedApplication],\n  );\n\n  // List of selected documents\n  const [selectedDocuments, setSelectedDocuments] = useState<ILinkedResource[]>(\n    [],\n  );\n\n  // Notify parent when an application is selected.\n  const handleOptionClick = (option: ApplicationOption) => {\n    onChange?.(option);\n    setSelectedApplication(option);\n  };\n\n  // Handle search input events (and debounce)\n  const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newText = event.target.value;\n    setSearchTerms(newText.toString());\n  };\n  const handleSubmit = useCallback(\n    (event: FormEvent) => {\n      loadAndDisplayResources(searchTerms);\n      event.stopPropagation();\n      event.preventDefault();\n    },\n    [loadAndDisplayResources, searchTerms],\n  );\n\n  /**\n   * Check if a resource is selected.\n   * @returns its index in selectedDocuments, or -1 if not selected.\n   */\n  const getSelectedResourceIndex = useCallback(\n    (resourceId: string) => {\n      return selectedDocuments.findIndex(\n        (selectedDocument) => selectedDocument.assetId === resourceId,\n      );\n    },\n    [selectedDocuments],\n  );\n\n  // Select a resource.\n  const selectResource = useCallback(\n    (resource: ILinkedResource) => {\n      if (multiple) {\n        // Add this resource to the previous selected ones.\n        setSelectedDocuments((previousState) => [...previousState, resource]);\n      } else {\n        // Replace previous selection by this resource.\n        setSelectedDocuments([resource]);\n      }\n    },\n    [setSelectedDocuments, multiple],\n  );\n\n  // Handle [de-]selection of a resource by the user.\n  const toggleResourceSelection = useCallback(\n    (resource: ILinkedResource) => {\n      const index = getSelectedResourceIndex(resource.assetId);\n      if (index < 0) {\n        selectResource(resource);\n      } else {\n        // De-select resource (clicked twice)\n        setSelectedDocuments(\n          selectedDocuments.filter((_value, i) => i !== index),\n        );\n      }\n    },\n    [getSelectedResourceIndex, selectResource, selectedDocuments],\n  );\n\n  // Update dropdown when available applications list is updated.\n  useEffect(() => {\n    (async () => {\n      const appPromises = resourceApplications.map((application) =>\n        odeServices.session().getWebApp(application),\n      );\n      const webApps = await Promise.all(appPromises);\n      setOptions(\n        resourceApplications\n          .map((application, index) => {\n            return {\n              application,\n              displayName: t(webApps[index]?.displayName ?? application),\n              icon: <AppIcon app={webApps[index]}></AppIcon>,\n            } as ApplicationOption;\n          })\n          .sort((app1, app2) =>\n            app1.displayName.localeCompare(app2.displayName),\n          ),\n      );\n    })();\n  }, [resourceApplications, t]);\n\n  // Load and display search results when debounce is over\n  useEffect(() => {\n    loadAndDisplayResources(debounceSearch);\n  }, [loadAndDisplayResources, debounceSearch]);\n\n  // Notify parent when resources selection changes.\n  useEffect(() => {\n    onSelect?.(selectedDocuments);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedDocuments]);\n\n  // Preselect default option and load associated resources, if specified.\n  useEffect(() => {\n    if (defaultAppCode) {\n      const option = options?.find(\n        (option) => defaultAppCode === option.application,\n      );\n      setSelectedApplication(option);\n      loadAndDisplayResources('');\n    }\n    /* Note : when options changes, `defaultAppCode` and `loadAndDisplayResources` are\n     * already set at a correct value. So we remove them from the dependency array,\n     * otherwise they will provoke side effects forbiding user from changing the selected app.\n     */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options]);\n\n  // Preselect default resource, if specified.\n  useEffect(() => {\n    if (defaultResourceId && getSelectedResourceIndex(defaultResourceId) < 0) {\n      const resource = resources?.find(\n        (resource) => defaultResourceId === resource.assetId,\n      );\n      resource && selectResource(resource);\n    }\n    /* Note : when resources changes, `defaultResourceId`, `getSelectedResourceIndex`\n     * and `selectResource` are already set at a correct value.\n     * So we remove them from the dependency array, otherwise they will provoke side effects\n     * forbiding user from changing the selected resources.\n     */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resources]);\n\n  return (\n    <div className=\"d-flex flex-column flex-fill overflow-hidden\">\n      <div className=\"search d-flex bg-light rounded-top border border-bottom-0\">\n        <div className=\"flex-shrink-1 px-8 py-12 border-end\">\n          <Dropdown overflow>\n            <Dropdown.Trigger\n              icon={\n                <div className=\"pe-8\">\n                  {selectedApplication?.icon || <Icon name=\"applications\" />}\n                </div>\n              }\n              label={t(\n                selectedApplication?.displayName || 'bbm.linker.int.choose',\n              )}\n              variant=\"ghost\"\n              size=\"md\"\n            />\n            <Dropdown.Menu>\n              {options?.map((option) => (\n                <Dropdown.Item\n                  key={option.application}\n                  icon={option.icon}\n                  onClick={() => handleOptionClick(option)}\n                >\n                  {option.displayName}\n                </Dropdown.Item>\n              ))}\n            </Dropdown.Menu>\n          </Dropdown>\n        </div>\n        <div className=\"flex-grow-1 align-self-center\">\n          <form\n            className=\"gap-16 d-flex w-100 align-items-center px-16 py-8\"\n            onSubmit={handleSubmit}\n          >\n            <SearchBar\n              isVariant\n              placeholder={t('search')}\n              size=\"lg\"\n              className=\"w-100\"\n              disabled={selectedApplication ? false : true}\n              onChange={handleSearchChange}\n            />\n          </form>\n        </div>\n      </div>\n\n      <div className=\"internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto\">\n        {selectedApplication && resources && resources.length > 0 && (\n          <div>\n            {resources.map((resource) => {\n              const isSelected =\n                selectedDocuments.findIndex(\n                  (doc) => doc.assetId === resource.assetId,\n                ) >= 0;\n              return (\n                <LinkerCard\n                  key={resource.path}\n                  doc={resource}\n                  isSelected={isSelected}\n                  onClick={() => toggleResourceSelection(resource)}\n                />\n              );\n            })}\n          </div>\n        )}\n\n        {selectedApplication && resources && resources.length <= 0 && (\n          <div className=\"d-flex justify-content-center mt-16\">\n            <EmptyScreen\n              imageSrc={`${imagePath}/${theme?.bootstrapVersion}/illu-empty-search-${selectedApplication.application}.svg`}\n              text={t('bbm.linker.int.notfound')}\n              className=\"mt-16\"\n            />\n          </div>\n        )}\n\n        {!selectedApplication && (\n          <div className=\"d-flex justify-content-center mt-32\">\n            <EmptyScreen\n              imageSrc={`${imagePath}/${theme?.bootstrapVersion}/illu-empty-search.svg`}\n              text={t('bbm.linker.int.empty')}\n              className=\"mt-32\"\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default InternalLinker;\n"],"names":["InternalLinker","appCode","defaultAppCode","defaultResourceId","onChange","onSelect","multiple","t","useTranslation","theme","useOdeTheme","imagePath","usePaths","resourceApplications","loadResources","useResourceSearch","options","setOptions","useState","selectedApplication","setSelectedApplication","searchTerms","setSearchTerms","debounceSearch","useDebounce","resources","setResources","loadAndDisplayResources","useCallback","search","load","searchLower","toLowerCase","application","types","filters","pagination","startIdx","pageSize","filter","resource","length","name","includes","creatorName","description","sort","a","b","modifiedAt","selectedDocuments","setSelectedDocuments","handleOptionClick","option","handleSearchChange","event","newText","target","value","toString","handleSubmit","stopPropagation","preventDefault","getSelectedResourceIndex","resourceId","findIndex","selectedDocument","assetId","selectResource","previousState","toggleResourceSelection","index","_value","i","useEffect","appPromises","map","odeServices","session","getWebApp","webApps","Promise","all","displayName","icon","jsx","AppIcon","app1","app2","localeCompare","find","jsxs","Dropdown","Icon","SearchBar","isSelected","doc","LinkerCard","path","EmptyScreen","bootstrapVersion"],"mappings":"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"}

package/dist/modules/multimedia/LinkerCard/LinkerCard.js

@@ -1,40 +0,0 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-import d from "clsx";
-import h from "../../../core/useDate/useDate.js";
-import { Card as r } from "../../../components/Card/Card.js";
-import { Image as f } from "../../../components/Image/Image.js";
-import { AppIcon as u } from "../../../components/AppIcon/AppIcon.js";
-import { Icon as x } from "../../../components/Icon/Icon.js";
-const I = ({
-  doc: e,
-  isClickable: s = !0,
-  isSelectable: m = !1,
-  isSelected: l = !1,
-  onClick: n,
-  className: o
-}) => {
-  const {
-    fromNow: t
-  } = h(), {
-    fromDate: c
-  } = p(() => ({
-    fromDate: t(e.modifiedAt)
-  }), [t, e]);
-  return /* @__PURE__ */ a(r, { className: d("card-linker shadow-none", o), isClickable: s, isSelectable: m, isSelected: l, onClick: n, children: /* @__PURE__ */ i(r.Body, { space: "8", children: [
-    /* @__PURE__ */ a("div", { className: "card-image ps-8 pe-4", children: e.thumbnail && e.thumbnail.length > 0 ? /* @__PURE__ */ a(f, { alt: "", height: 48, width: 48, src: e.thumbnail, objectFit: "cover", className: "rounded h-full", style: {
-      aspectRatio: 1 / 1
-    } }) : /* @__PURE__ */ a(u, { app: e.application, iconFit: "ratio", size: "48", variant: "rounded" }) }),
-    /* @__PURE__ */ i("div", { className: "w-75", children: [
-      /* @__PURE__ */ a(r.Text, { children: e.name }),
-      /* @__PURE__ */ a(r.Text, { className: "text-black-50", children: e == null ? void 0 : e.creatorName })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "d-none d-md-block text-black-50 ps-4 pe-8", children: /* @__PURE__ */ a(r.Text, { children: c }) }),
-    e.shared && /* @__PURE__ */ a("div", { className: "ps-4 pe-8", children: /* @__PURE__ */ a(x, { name: "users", size: "20" }) })
-  ] }) });
-};
-export {
-  I as LinkerCard,
-  I as default
-};
-//# sourceMappingURL=LinkerCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LinkerCard.js","sources":["../../../../src/modules/multimedia/LinkerCard/LinkerCard.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { IResource } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\n\nimport { AppIcon, Card, CardProps, Icon, Image } from '../../../components';\nimport { useDate } from '../../../core/useDate';\n\nexport interface LinkerCardProps extends CardProps {\n  /**\n   * Resource to render as a card\n   * */\n  doc: IResource;\n}\n\nexport const LinkerCard = ({\n  doc,\n  isClickable = true,\n  isSelectable = false,\n  isSelected = false,\n  onClick,\n  className,\n}: LinkerCardProps) => {\n  const { fromNow } = useDate();\n\n  const { fromDate } = useMemo(\n    () => ({\n      fromDate: fromNow(doc.modifiedAt),\n    }),\n    [fromNow, doc],\n  );\n\n  return (\n    <Card\n      className={clsx('card-linker shadow-none', className)}\n      isClickable={isClickable}\n      isSelectable={isSelectable}\n      isSelected={isSelected}\n      onClick={onClick}\n    >\n      <Card.Body space=\"8\">\n        <div className=\"card-image ps-8 pe-4\">\n          {doc.thumbnail && doc.thumbnail.length > 0 ? (\n            <Image\n              alt=\"\"\n              height={48}\n              width={48}\n              src={doc.thumbnail}\n              objectFit=\"cover\"\n              className=\"rounded h-full\"\n              style={{ aspectRatio: 1 / 1 }}\n            />\n          ) : (\n            <AppIcon\n              app={doc.application}\n              iconFit=\"ratio\"\n              size=\"48\"\n              variant=\"rounded\"\n            />\n          )}\n        </div>\n\n        <div className=\"w-75\">\n          <Card.Text>{doc.name}</Card.Text>\n          <Card.Text className=\"text-black-50\">{doc?.creatorName}</Card.Text>\n        </div>\n\n        <div className=\"d-none d-md-block text-black-50 ps-4 pe-8\">\n          <Card.Text>{fromDate}</Card.Text>\n        </div>\n\n        {doc.shared && (\n          <div className=\"ps-4 pe-8\">\n            <Icon name=\"users\" size=\"20\" />\n          </div>\n        )}\n      </Card.Body>\n    </Card>\n  );\n};\n\nLinkerCard.displayName = 'LinkerCard';\n\nexport default LinkerCard;\n"],"names":["LinkerCard","doc","isClickable","isSelectable","isSelected","onClick","className","fromNow","useDate","fromDate","useMemo","modifiedAt","Card","clsx","jsxs","jsx","thumbnail","length","Image","aspectRatio","AppIcon","application","name","creatorName","shared","Icon"],"mappings":";;;;;;;;AAeO,MAAMA,IAAaA,CAAC;AAAA,EACzBC,KAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,cAAAA,IAAe;AAAA,EACfC,YAAAA,IAAa;AAAA,EACbC,SAAAA;AAAAA,EACAC,WAAAA;AACe,MAAM;AACf,QAAA;AAAA,IAAEC,SAAAA;AAAAA,MAAYC,EAAQ,GAEtB;AAAA,IAAEC,UAAAA;AAAAA,EAAS,IAAIC,EACnB,OAAO;AAAA,IACLD,UAAUF,EAAQN,EAAIU,UAAU;AAAA,EAElC,IAAA,CAACJ,GAASN,CAAG,CACf;AAEA,2BACGW,GACC,EAAA,WAAWC,EAAK,2BAA2BP,CAAS,GACpD,aAAAJ,GACA,cAAAC,GACA,YAAAC,GACA,SAAAC,GAEA,UAAC,gBAAAS,EAAAF,EAAK,MAAL,EAAU,OAAM,KACf,UAAA;AAAA,IAAC,gBAAAG,EAAA,OAAA,EAAI,WAAU,wBACZd,UAAIe,EAAAA,aAAaf,EAAIe,UAAUC,SAAS,IACvC,gBAAAF,EAACG,GACC,EAAA,KAAI,IACJ,QAAQ,IACR,OAAO,IACP,KAAKjB,EAAIe,WACT,WAAU,SACV,WAAU,kBACV,OAAO;AAAA,MAAEG,aAAa,IAAI;AAAA,IAAA,EAC1B,CAAA,IAED,gBAAAJ,EAAAK,GAAA,EACC,KAAKnB,EAAIoB,aACT,SAAQ,SACR,MAAK,MACL,SAAQ,WAEX,EACH,CAAA;AAAA,IAEA,gBAAAP,EAAC,OAAI,EAAA,WAAU,QACb,UAAA;AAAA,MAAA,gBAAAC,EAACH,EAAK,MAAL,EAAWX,UAAAA,EAAIqB,MAAK;AAAA,wBACpBV,EAAK,MAAL,EAAU,WAAU,iBAAiBX,iCAAKsB,aAAY;AAAA,IAAA,GACzD;AAAA,IAEA,gBAAAR,EAAC,SAAI,WAAU,6CACb,4BAACH,EAAK,MAAL,EAAWH,UAAAA,EAAAA,CAAS,EACvB,CAAA;AAAA,IAECR,EAAIuB,UACF,gBAAAT,EAAA,OAAA,EAAI,WAAU,aACb,UAAC,gBAAAA,EAAAU,GAAA,EAAK,MAAK,SAAQ,MAAK,KAAI,CAAA,GAC9B;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/multimedia/LinkerCard/index.d.ts

@@ -1 +0,0 @@
-export * from './LinkerCard';

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

@@ -1,212 +0,0 @@
-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",
-  // Link to a shared resource (previously known as "internal linker")
-  "external-link",
-  // Link to an external website (previously known as "external linker")
-  "iframe",
-  // Framed website
-  "upload",
-  // Filesystem browser + drag'n'drop of files
-  "workspace",
-  // Media browser
-  "video-embedder"
-  // Link to a hosted video
-], C = {
-  none: null,
-  audio: {
-    title: "bbm.audio.modal.title",
-    defaultTab: "audio-capture"
-  },
-  video: {
-    title: "bbm.video.modal.title",
-    defaultTab: "video-capture"
-  },
-  image: {
-    title: "bbm.image.modal.title",
-    defaultTab: "workspace"
-  },
-  attachment: {
-    title: "bbm.attachment.modal.title",
-    defaultTab: "workspace"
-  },
-  hyperlink: {
-    title: "bbm.link.modal.title",
-    defaultTab: "linker"
-  },
-  embedder: {
-    title: "bbm.embed.modal.title",
-    defaultTab: "iframe"
-  }
-}, 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: 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__ */ 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__ */ a(i, { name: "smartphone" }),
-      label: n("bbm.device"),
-      content: /* @__PURE__ */ a(l.Upload, {}),
-      availableFor: ["audio", "video", "image", "attachment"],
-      isEnable: () => !!I
-    },
-    "video-capture": {
-      id: "video-capture",
-      icon: /* @__PURE__ */ a(i, { name: "record-video" }),
-      label: n("bbm.video"),
-      content: /* @__PURE__ */ a(l.Video, {}),
-      availableFor: ["video"],
-      isEnable: () => !!z
-    },
-    "audio-capture": {
-      id: "audio-capture",
-      icon: /* @__PURE__ */ a(i, { name: "mic" }),
-      label: n("bbm.audio"),
-      content: /* @__PURE__ */ a(l.Audio, {}),
-      availableFor: ["audio"],
-      isEnable: () => !!I
-    },
-    "external-link": {
-      id: "external-link",
-      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__ */ 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__ */ a(i, { name: "code" }),
-      label: n("bbm.embed"),
-      content: /* @__PURE__ */ a(l.Iframe, {}),
-      availableFor: ["embedder"],
-      isEnable: null
-    },
-    "video-embedder": {
-      id: "iframe",
-      icon: /* @__PURE__ */ a(i, { name: "code" }),
-      label: n("bbm.embed"),
-      content: /* @__PURE__ */ a(l.VideoEmbedder, {}),
-      availableFor: ["video"],
-      isEnable: null
-    }
-  }, 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
-    [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 G(e) {
-    s.current = void 0, f(void 0), b(e);
-  }
-  const J = (e) => {
-    b(e);
-  }, Q = () => {
-    b(null);
-  }, X = (e) => {
-    s.current = e, !("resourceId" in e || "appPrefix" in e) && f("external-link"), b("hyperlink");
-  };
-  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);
-    };
-    w ? w().then((o) => {
-      e(o);
-    }) : p && e(p), x();
-  }, [w, p, F, m, k]), T = () => {
-    j(S), x();
-  };
-  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__ */ 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 {
-  xe as default
-};
-//# sourceMappingURL=MediaLibrary.js.map

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

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

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

@@ -1,13 +0,0 @@
-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 e;
-}
-export {
-  o as MediaLibraryContext,
-  i as useMediaLibraryContext
-};
-//# sourceMappingURL=MediaLibraryContext.js.map

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

@@ -1 +0,0 @@
-{"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,20 +0,0 @@
-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: 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 {
-  S as Audio
-};
-//# sourceMappingURL=Audio.js.map

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

@@ -1 +0,0 @@
-{"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,18 +0,0 @@
-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: r
-  } = i();
-  return /* @__PURE__ */ o(a, { link: n, onChange: (t) => {
-    r(t);
-  }, multiNodeSelected: e });
-};
-export {
-  x as ExternalLink
-};
-//# sourceMappingURL=ExternalLink.js.map

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

@@ -1 +0,0 @@
-{"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,15 +0,0 @@
-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: e
-  } = r();
-  return /* @__PURE__ */ o(t, { onSuccess: (s) => {
-    e(s);
-  } });
-};
-export {
-  a as Iframe
-};
-//# sourceMappingURL=Iframe.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,36 +0,0 @@
-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: i
-  } = b(), {
-    setResult: a,
-    setResultCounter: o,
-    appCode: c,
-    multiple: m
-  } = C(), [t, d] = v(r === "_blank"), [e, f] = h([]), u = (p) => {
-    f(p);
-  };
-  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 {
-  w as InternalLink
-};
-//# sourceMappingURL=InternalLink.js.map

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

@@ -1 +0,0 @@
-{"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,35 +0,0 @@
-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":
-      e.push("audio/*");
-      break;
-    case "video":
-      e.push("video/*");
-      break;
-    case "image":
-      e.push("image/png"), e.push("image/jpeg"), e.push("image/webp"), e.push("image/gif"), e.push("image/avif");
-      break;
-  }
-  return e;
-}, f = () => {
-  const {
-    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__ */ 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 {
-  f as Upload
-};
-//# sourceMappingURL=Upload.js.map

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

@@ -1 +0,0 @@
-{"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;"}