@edifice.io/react 2.6.9-develop-b2school.20261013134048 → 2.6.9-develop-enabling.20261013152718

package/dist/modules/multimedia/VideoRecorder/VideoRecorderToolbar.js

@@ -1,96 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import SvgIconPause from "../../icons/components/IconPause.js";
-import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
-import SvgIconRecordStop from "../../icons/components/IconRecordStop.js";
-import SvgIconRecord from "../../icons/components/IconRecord.js";
-import SvgIconRefresh from "../../icons/components/IconRefresh.js";
-import SvgIconSave from "../../icons/components/IconSave.js";
-import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
-const VideoRecorderToolbar = ({
-  playing,
-  recording,
-  recorded,
-  saving,
-  saved,
-  hideSaveAction,
-  handleRecord,
-  handleStop,
-  handlePlayPause,
-  handleReset,
-  handleSave
-}) => {
-  const {
-    t
-  } = useTranslation(), toolbarItems = [{
-    type: "icon",
-    name: "record",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecord, { color: recording || recorded ? "" : "red" }),
-      color: "danger",
-      disabled: recording || recorded || saving,
-      onClick: handleRecord,
-      "aria-label": t("bbm.video.record.start")
-    },
-    tooltip: t("bbm.video.record.start")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecordStop, {}),
-      disabled: !recording || recorded || saving,
-      onClick: handleStop,
-      "aria-label": t("bbm.video.record.stop")
-    },
-    tooltip: t("bbm.video.record.stop")
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: playing ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.video.play.start")
-    },
-    tooltip: t("bbm.video.play.start")
-  }, {
-    type: "icon",
-    name: "pause",
-    visibility: playing ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.video.play.pause")
-    },
-    tooltip: t("bbm.video.play.pause")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "reset",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
-      disabled: !recorded || saving,
-      onClick: handleReset,
-      "aria-label": t("bbm.video.record.reset")
-    },
-    tooltip: t("bbm.video.record.reset")
-  }, {
-    type: "icon",
-    name: "save",
-    visibility: hideSaveAction ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
-      disabled: !recorded || saving || saved,
-      onClick: handleSave,
-      "aria-label": t("bbm.video.record.save")
-    },
-    tooltip: t("bbm.video.record.save")
-  }];
-  return /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" });
-};
-export {
-  VideoRecorderToolbar
-};
+import SvgIconPause from"../../icons/components/IconPause.js";import SvgIconPlayFilled from"../../icons/components/IconPlayFilled.js";import SvgIconRecordStop from"../../icons/components/IconRecordStop.js";import SvgIconRecord from"../../icons/components/IconRecord.js";import SvgIconRefresh from"../../icons/components/IconRefresh.js";import SvgIconSave from"../../icons/components/IconSave.js";import Toolbar from"../../../components/Toolbar/Toolbar.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var VideoRecorderToolbar=({playing,recording,recorded,saving,saved,hideSaveAction,handleRecord,handleStop,handlePlayPause,handleReset,handleSave})=>{let{t}=useTranslation();return jsx(Toolbar,{items:[{type:`icon`,name:`record`,props:{icon:jsx(SvgIconRecord,{color:recording||recorded?``:`red`}),color:`danger`,disabled:recording||recorded||saving,onClick:handleRecord,"aria-label":t(`bbm.video.record.start`)},tooltip:t(`bbm.video.record.start`)},{type:`icon`,name:`stop`,props:{icon:jsx(SvgIconRecordStop,{}),disabled:!recording||recorded||saving,onClick:handleStop,"aria-label":t(`bbm.video.record.stop`)},tooltip:t(`bbm.video.record.stop`)},{type:`icon`,name:`play`,visibility:playing?`hide`:`show`,props:{icon:jsx(SvgIconPlayFilled,{}),disabled:!recorded||saving,onClick:handlePlayPause,"aria-label":t(`bbm.video.play.start`)},tooltip:t(`bbm.video.play.start`)},{type:`icon`,name:`pause`,visibility:playing?`show`:`hide`,props:{icon:jsx(SvgIconPause,{}),disabled:!recorded||saving,onClick:handlePlayPause,"aria-label":t(`bbm.video.play.pause`)},tooltip:t(`bbm.video.play.pause`)},{type:`divider`},{type:`icon`,name:`reset`,props:{icon:jsx(SvgIconRefresh,{}),disabled:!recorded||saving,onClick:handleReset,"aria-label":t(`bbm.video.record.reset`)},tooltip:t(`bbm.video.record.reset`)},{type:`icon`,name:`save`,visibility:hideSaveAction?`hide`:`show`,props:{icon:jsx(SvgIconSave,{}),disabled:!recorded||saving||saved,onClick:handleSave,"aria-label":t(`bbm.video.record.save`)},tooltip:t(`bbm.video.record.save`)}],className:`position-absolute bottom-0 start-50 bg-white`})};export{VideoRecorderToolbar};

package/dist/modules/multimedia/VideoRecorder/useCameras.js

@@ -1,86 +1 @@
-import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
-const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16;
-function useCameras() {
-  const {
-    device
-  } = useBrowserInfo(navigator.userAgent), {
-    t
-  } = useTranslation(), [inputDevices, setInputDevices] = useState([]), [mediaStreamConstraints, setMediaStreamConstraints] = useState({
-    audio: !0,
-    video: !0
-  }), [stream, setStream] = useState();
-  async function getVideoInputDevices() {
-    return (await navigator.mediaDevices.enumerateDevices()).filter((device2) => device2.kind === "videoinput");
-  }
-  const enableStream = async (constraints) => {
-    try {
-      const mediaStream = await navigator.mediaDevices.getUserMedia(constraints);
-      setStream(mediaStream);
-    } catch (err) {
-      console.error(err);
-    }
-  }, restartStream = () => {
-    stream == null || stream.getTracks().forEach((track) => track.stop()), enableStream(mediaStreamConstraints);
-  }, setPreferedDevice = (device2) => {
-    let constraints = {};
-    device2 != null && device2.deviceId ? (device2.deviceId === "environment" || device2.deviceId === "user" ? constraints = {
-      audio: !0,
-      video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        facingMode: device2 == null ? void 0 : device2.deviceId
-      }
-    } : constraints = {
-      audio: !0,
-      video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        deviceId: {
-          exact: device2.deviceId
-        }
-      }
-    }, setMediaStreamConstraints(constraints)) : console.error("Selected input device id is null");
-  };
-  return useEffect(() => {
-    restartStream();
-  }, [mediaStreamConstraints]), useEffect(() => {
-    async function initInputDevices() {
-      await enableStream(mediaStreamConstraints);
-      const videoDevices = await getVideoInputDevices();
-      switch (device.type) {
-        case "mobile":
-        case "tablet": {
-          const backCamera = {
-            deviceId: "environment",
-            label: t("video.back.camera"),
-            groupId: "",
-            kind: "videoinput"
-          }, frontCamera = {
-            deviceId: "user",
-            label: t("video.front.camera"),
-            groupId: "",
-            kind: "videoinput"
-          };
-          (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
-          break;
-        }
-        default:
-          setInputDevices(videoDevices);
-          break;
-      }
-    }
-    initInputDevices();
-  }, []), {
-    /** Readonly list (array) of available video input devices. */
-    inputDevices,
-    /** Select which input video device to use. */
-    setPreferedDevice,
-    /** The current video stream. */
-    stream,
-    /** Start a video stream from the default or prefered device. */
-    restartStream
-  };
-}
-export {
-  useCameras
-};
+import useBrowserInfo from"../../../hooks/useBrowserInfo/useBrowserInfo.js";import{useEffect,useState}from"react";import{useTranslation}from"react-i18next";var VIDEO_HEIGHT=9,VIDEO_WIDTH=16;function useCameras(){let{device}=useBrowserInfo(navigator.userAgent),{t}=useTranslation(),[inputDevices,setInputDevices]=useState([]),[mediaStreamConstraints,setMediaStreamConstraints]=useState({audio:!0,video:!0}),[stream,setStream]=useState();async function getVideoInputDevices(){return(await navigator.mediaDevices.enumerateDevices()).filter(device=>device.kind===`videoinput`)}let enableStream=async constraints=>{try{setStream(await navigator.mediaDevices.getUserMedia(constraints))}catch(err){console.error(err)}},restartStream=()=>{stream?.getTracks().forEach(track=>track.stop()),enableStream(mediaStreamConstraints)};return useEffect(()=>{restartStream()},[mediaStreamConstraints]),useEffect(()=>{async function initInputDevices(){await enableStream(mediaStreamConstraints);let videoDevices=await getVideoInputDevices();switch(device.type){case`mobile`:case`tablet`:{let backCamera={deviceId:`environment`,label:t(`video.back.camera`),groupId:``,kind:`videoinput`},frontCamera={deviceId:`user`,label:t(`video.front.camera`),groupId:``,kind:`videoinput`};videoDevices?.length>1?setInputDevices([backCamera,frontCamera]):setInputDevices([backCamera]);break}default:setInputDevices(videoDevices);break}}initInputDevices()},[]),{inputDevices,setPreferedDevice:device=>{let constraints={};device?.deviceId?(constraints=device.deviceId===`environment`||device.deviceId===`user`?{audio:!0,video:{aspectRatio:VIDEO_WIDTH/VIDEO_HEIGHT,facingMode:device?.deviceId}}:{audio:!0,video:{aspectRatio:VIDEO_WIDTH/VIDEO_HEIGHT,deviceId:{exact:device.deviceId}}},setMediaStreamConstraints(constraints)):console.error(`Selected input device id is null`)},stream,restartStream}}export{useCameras};

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

@@ -1,172 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
-import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
-import SvgIconSortTime from "../../icons/components/IconSortTime.js";
-import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
-import useWorkspaceSearch from "../../../hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { Grid } from "../../../components/Grid/Grid.js";
-import TreeView from "../../../components/TreeView/TreeView.js";
-import SearchBar from "../../../components/SearchBar/SearchBar.js";
-import Dropdown from "../../../components/Dropdown/Dropdown.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import FileCard from "../FileCard/FileCard.js";
-import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
-import { findTreeNode } from "../../../components/TreeView/utilities/treeview.js";
-const Workspace = ({
-  roles,
-  onSelect,
-  multiple = !0,
-  className,
-  defaultFolder,
-  showPublicFolder
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    root: ownerRoot,
-    loadContent: loadOwnerDocs
-  } = useWorkspaceSearch("root", t("workspace.tree.owner"), "owner", roles), {
-    root: sharedRoot,
-    loadContent: loadSharedDocs
-  } = useWorkspaceSearch("root", t("workspace.tree.shared"), "shared", roles), {
-    root: protectRoot,
-    loadContent: loadProtectedDocs
-  } = useWorkspaceSearch("root", t("workspace.tree.protected"), "protected", roles), {
-    root: publicRoot,
-    loadContent: loadPublicDocs
-  } = useWorkspaceSearch("root", t("workspace.tree.public"), "public", roles), ownerRef = useRef(null), sharedRef = useRef(null), protectRef = useRef(null), publicRef = useRef(null), [currentFilter, setCurrentFilter] = useState(() => defaultFolder === "public" ? showPublicFolder ? defaultFolder : "protected" : defaultFolder === "protected" || defaultFolder === "shared" ? defaultFolder : "owner"), [currentNode, setCurrentNode] = useState(() => defaultFolder === "public" ? showPublicFolder ? publicRoot : protectRoot : defaultFolder === "protected" ? protectRoot : defaultFolder === "shared" ? sharedRoot : ownerRoot), [documents, setDocuments] = useState(), [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), rootNodeFor = useCallback((filter) => {
-    switch (filter) {
-      case "owner":
-        return {
-          root: ownerRoot,
-          othersRef: [sharedRef, protectRef, publicRef]
-        };
-      case "shared":
-        return {
-          root: sharedRoot,
-          othersRef: [ownerRef, protectRef, publicRef]
-        };
-      case "protected":
-        return {
-          root: protectRoot,
-          othersRef: [ownerRef, sharedRef, publicRef]
-        };
-      case "public":
-        return {
-          root: publicRoot,
-          othersRef: [ownerRef, sharedRef, protectRef]
-        };
-      default:
-        throw "no.root.node";
-    }
-  }, [ownerRoot, sharedRoot, protectRoot, publicRoot]), loadContent = useCallback(() => {
-    switch (currentFilter) {
-      case "owner":
-        loadOwnerDocs(currentNode.id);
-        break;
-      case "shared":
-        loadSharedDocs(currentNode.id);
-        break;
-      case "protected":
-        loadProtectedDocs(currentNode.id);
-        break;
-      case "public":
-        loadPublicDocs(currentNode.id);
-        break;
-      default:
-        throw "no.way";
-    }
-  }, [currentFilter, currentNode.id, loadOwnerDocs, loadProtectedDocs, loadPublicDocs, loadSharedDocs]);
-  function selectAndLoadContent(filter, nodeId) {
-    setCurrentFilter(filter);
-    const {
-      root,
-      othersRef
-    } = rootNodeFor(filter), targetNode = findTreeNode(root, (node) => node.id === nodeId);
-    targetNode && (setCurrentNode(targetNode), othersRef.forEach((otherRef) => {
-      var _a;
-      return (_a = otherRef.current) == null ? void 0 : _a.unselectAll();
-    }));
-  }
-  useEffect(() => {
-    var _a;
-    let ref;
-    switch (currentFilter) {
-      case "owner":
-        ref = ownerRef;
-        break;
-      case "shared":
-        ref = sharedRef;
-        break;
-      case "protected":
-        ref = protectRef;
-        break;
-      case "public":
-        ref = publicRef;
-        break;
-      default:
-        return;
-    }
-    (_a = ref == null ? void 0 : ref.current) == null || _a.select("root");
-  }, [currentFilter]), useEffect(loadContent, [loadContent]), useEffect(() => {
-    if (currentNode.files) {
-      let list = [].concat(currentNode.files);
-      searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0));
-      const sortFunction = sortOrder[0] === "name" ? sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : (a, b) => compare(b.modified, a.modified);
-      setDocuments(() => list.sort(sortFunction));
-    } else
-      setDocuments(void 0);
-  }, [currentNode, ownerRoot, protectRoot, sharedRoot, publicRoot, searchTerm, sortOrder]);
-  const handleSearchChange = useCallback((e) => {
-    setSearchTerm(e.target.value);
-  }, [setSearchTerm]);
-  function compare(a, b) {
-    return a ? b ? a.localeCompare(b) : 1 : -1;
-  }
-  function getSortOrderLabel() {
-    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
-  }
-  function handleSelectDoc(doc) {
-    let currentDocuments = [...selectedDocuments];
-    multiple ? currentDocuments.includes(doc) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument._id !== doc._id) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
-  }
-  const workspace = clsx("workspace flex-grow-1 gap-0", className);
-  return /* @__PURE__ */ jsxs(Grid, { className: workspace, children: [
-    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsxs("div", { style: {
-      position: "sticky",
-      top: 0,
-      paddingTop: "1.2rem"
-    }, children: [
-      /* @__PURE__ */ jsx(TreeView, { ref: ownerRef, data: ownerRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("owner", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("owner", nodeId) }),
-      /* @__PURE__ */ jsx(TreeView, { ref: sharedRef, data: sharedRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("shared", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("shared", nodeId) }),
-      /* @__PURE__ */ jsx(TreeView, { ref: protectRef, data: protectRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("protected", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("protected", nodeId) }),
-      showPublicFolder && /* @__PURE__ */ jsx(TreeView, { ref: publicRef, data: publicRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("public", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("public", nodeId) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
-      /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
-        /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
-        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
-          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
-          /* @__PURE__ */ jsxs(Dropdown, { children: [
-            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
-            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
-        const isSelected = selectedDocuments.includes(doc);
-        return /* @__PURE__ */ jsx(FileCard, { doc, isSelected, onClick: () => handleSelectDoc(doc) }, doc._id);
-      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
-    ] }) })
-  ] });
-};
-export {
-  Workspace as default
-};
+import SvgIconSortAscendingLetters from"../../icons/components/IconSortAscendingLetters.js";import SvgIconSortDescendingLetters from"../../icons/components/IconSortDescendingLetters.js";import SvgIconSortTime from"../../icons/components/IconSortTime.js";import FileCard from"../FileCard/FileCard.js";import{findTreeNode}from"../../../components/TreeView/utilities/treeview.js";import useWorkspaceSearch from"../../../hooks/useWorkspaceSearch/useWorkspaceSearch.js";import SearchBar from"../../../components/SearchBar/SearchBar.js";import Dropdown from"../../../components/Dropdown/Dropdown.js";import EmptyScreen from"../../../components/EmptyScreen/EmptyScreen.js";import{Grid}from"../../../components/Grid/Grid.js";import LoadingScreen from"../../../components/LoadingScreen/LoadingScreen.js";import TreeView from"../../../components/TreeView/TreeView.js";import clsx$1 from"clsx";import{useCallback,useEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuTrash from"@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";var Workspace=({roles,onSelect,multiple=!0,className,defaultFolder,showPublicFolder})=>{let{t}=useTranslation(),{root:ownerRoot,loadContent:loadOwnerDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.owner`),`owner`,roles),{root:sharedRoot,loadContent:loadSharedDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.shared`),`shared`,roles),{root:protectRoot,loadContent:loadProtectedDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.protected`),`protected`,roles),{root:publicRoot,loadContent:loadPublicDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.public`),`public`,roles),ownerRef=useRef(null),sharedRef=useRef(null),protectRef=useRef(null),publicRef=useRef(null),[currentFilter,setCurrentFilter]=useState(()=>defaultFolder===`public`?showPublicFolder?defaultFolder:`protected`:defaultFolder===`protected`||defaultFolder===`shared`?defaultFolder:`owner`),[currentNode,setCurrentNode]=useState(()=>defaultFolder===`public`?showPublicFolder?publicRoot:protectRoot:defaultFolder===`protected`?protectRoot:defaultFolder===`shared`?sharedRoot:ownerRoot),[documents,setDocuments]=useState(),[searchTerm,setSearchTerm]=useState(null),[sortOrder,setSortOrder]=useState([`modified`,`desc`]),[selectedDocuments,setSelectedDocuments]=useState([]),rootNodeFor=useCallback(filter=>{switch(filter){case`owner`:return{root:ownerRoot,othersRef:[sharedRef,protectRef,publicRef]};case`shared`:return{root:sharedRoot,othersRef:[ownerRef,protectRef,publicRef]};case`protected`:return{root:protectRoot,othersRef:[ownerRef,sharedRef,publicRef]};case`public`:return{root:publicRoot,othersRef:[ownerRef,sharedRef,protectRef]};default:throw`no.root.node`}},[ownerRoot,sharedRoot,protectRoot,publicRoot]),loadContent=useCallback(()=>{switch(currentFilter){case`owner`:loadOwnerDocs(currentNode.id);break;case`shared`:loadSharedDocs(currentNode.id);break;case`protected`:loadProtectedDocs(currentNode.id);break;case`public`:loadPublicDocs(currentNode.id);break;default:throw`no.way`}},[currentFilter,currentNode.id,loadOwnerDocs,loadProtectedDocs,loadPublicDocs,loadSharedDocs]);function selectAndLoadContent(filter,nodeId){setCurrentFilter(filter);let{root,othersRef}=rootNodeFor(filter),targetNode=findTreeNode(root,node=>node.id===nodeId);targetNode&&(setCurrentNode(targetNode),othersRef.forEach(otherRef=>otherRef.current?.unselectAll()))}useEffect(()=>{let ref;switch(currentFilter){case`owner`:ref=ownerRef;break;case`shared`:ref=sharedRef;break;case`protected`:ref=protectRef;break;case`public`:ref=publicRef;break;default:return}ref?.current?.select(`root`)},[currentFilter]),useEffect(loadContent,[loadContent]),useEffect(()=>{if(currentNode.files){let list=[].concat(currentNode.files);searchTerm&&(list=list.filter(f=>f.name.indexOf(searchTerm)>=0));let sortFunction=sortOrder[0]===`name`?sortOrder[1]===`asc`?(a,b)=>compare(a.name,b.name):(a,b)=>compare(b.name,a.name):(a,b)=>compare(b.modified,a.modified);setDocuments(()=>list.sort(sortFunction))}else setDocuments(void 0)},[currentNode,ownerRoot,protectRoot,sharedRoot,publicRoot,searchTerm,sortOrder]);let handleSearchChange=useCallback(e=>{setSearchTerm(e.target.value)},[setSearchTerm]);function compare(a,b){return a?b?a.localeCompare(b):1:-1}function getSortOrderLabel(){return sortOrder[0]===`name`?sortOrder[1]===`asc`?t(`sort.order.alpha.asc`):t(`sort.order.alpha.desc`):t(`sort.order.modify.desc`)}function handleSelectDoc(doc){let currentDocuments=[...selectedDocuments];currentDocuments=multiple?currentDocuments.includes(doc)?currentDocuments.filter(selectedDocument=>selectedDocument._id!==doc._id):[...currentDocuments,doc]:[doc],setSelectedDocuments(currentDocuments),onSelect(currentDocuments)}return jsxs(Grid,{className:clsx$1(`workspace flex-grow-1 gap-0`,className),children:[jsx(Grid.Col,{sm:`12`,md:`3`,xl:`4`,className:`workspace-folders p-12 pt-0 gap-12`,children:jsxs(`div`,{style:{position:`sticky`,top:0,paddingTop:`1.2rem`},children:[jsx(TreeView,{ref:ownerRef,data:ownerRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`owner`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`owner`,nodeId)}),jsx(TreeView,{ref:sharedRef,data:sharedRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`shared`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`shared`,nodeId)}),jsx(TreeView,{ref:protectRef,data:protectRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`protected`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`protected`,nodeId)}),showPublicFolder&&jsx(TreeView,{ref:publicRef,data:publicRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`public`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`public`,nodeId)})]})}),jsx(Grid.Col,{sm:`12`,md:`5`,xl:`8`,children:jsxs(Grid,{className:`flex-grow-1 gap-0`,children:[jsxs(Grid.Col,{sm:`4`,md:`8`,xl:`12`,children:[jsx(`div`,{className:`workspace-search px-16 py-8 `,children:jsx(SearchBar,{isVariant:!0,className:`gap-16`,onChange:handleSearchChange})}),jsxs(`div`,{className:`d-flex align-items-center justify-content-end px-8 py-4`,children:[jsx(`small`,{className:`text-muted`,children:t(`workspace.search.order`)}),jsxs(Dropdown,{children:[jsx(Dropdown.Trigger,{size:`sm`,label:getSortOrderLabel(),variant:`ghost`}),jsxs(Dropdown.Menu,{children:[jsx(Dropdown.Item,{icon:jsx(SvgIconSortTime,{}),onClick:()=>setSortOrder([`modified`,`desc`]),children:t(`sort.order.modify.desc`)}),jsx(Dropdown.Item,{icon:jsx(SvgIconSortAscendingLetters,{}),onClick:()=>setSortOrder([`name`,`asc`]),children:t(`sort.order.alpha.asc`)}),jsx(Dropdown.Item,{icon:jsx(SvgIconSortDescendingLetters,{}),onClick:()=>setSortOrder([`name`,`desc`]),children:t(`sort.order.alpha.desc`)})]})]})]})]}),jsx(Grid.Col,{sm:`4`,md:`8`,xl:`12`,className:`p-8 gap-8`,children:documents?documents.length===0?jsx(EmptyScreen,{imageSrc:illuTrash,text:t(`workspace.empty.docSpace`),title:t(`explorer.emptyScreen.trash.title`)}):jsx(`div`,{className:`grid grid-workspace`,children:documents.map(doc=>jsx(FileCard,{doc,isSelected:selectedDocuments.includes(doc),onClick:()=>handleSelectDoc(doc)},doc._id))}):jsx(LoadingScreen,{})})]})})]})};export{Workspace as default};

package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.js

@@ -1,55 +1 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconFolderAdd from "../../icons/components/IconFolderAdd.js";
-import NewFolderForm from "./components/NewFolderForm.js";
-import useWorkspaceFolders from "../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import useWorkspaceFoldersTree, { WORKSPACE_USER_FOLDER_ID, WORKSPACE_SHARED_FOLDER_ID } from "../../../hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import SearchBar from "../../../components/SearchBar/SearchBar.js";
-import Loading from "../../../components/Loading/Loading.js";
-import Tree from "../../../components/Tree/components/Tree.js";
-import Button from "../../../components/Button/Button.js";
-function WorkspaceFolders({
-  onFolderSelected
-}) {
-  const {
-    t
-  } = useTranslation(), {
-    folders,
-    isLoading,
-    canCopyFileIntoFolder
-  } = useWorkspaceFolders(), {
-    foldersTree,
-    filterTree
-  } = useWorkspaceFoldersTree(folders), [searchValue, setSearchValue] = useState(""), [selectedFolderId, setSelectedFolderId] = useState(void 0), [showNewFolderForm, setShowNewFolderForm] = useState(!1), [canCreateFolderIntoSelectedFolder, setCanCreateFolderIntoSelectedFolder] = useState(!1), selectedFolderIdForAPI = selectedFolderId === WORKSPACE_USER_FOLDER_ID || !selectedFolderId ? "" : selectedFolderId;
-  useEffect(() => {
-    if (selectedFolderId) {
-      const canCopyFileInto = selectedFolderId === WORKSPACE_USER_FOLDER_ID || canCopyFileIntoFolder(selectedFolderId) && selectedFolderId !== WORKSPACE_SHARED_FOLDER_ID;
-      setCanCreateFolderIntoSelectedFolder(canCopyFileInto), onFolderSelected(selectedFolderIdForAPI, canCopyFileInto);
-    }
-  }, [selectedFolderId]);
-  const handleSearchChange = (e) => {
-    setSearchValue(e.target.value);
-  }, handleSearchSubmit = () => {
-    filterTree(searchValue);
-  }, handleFolderSelected = (folderId) => {
-    setShowNewFolderForm(!1), setSelectedFolderId(folderId);
-  }, handleNewFolderClick = () => {
-    setShowNewFolderForm(!0);
-  }, handleNewFolderCreated = (folderId) => {
-    handleFolderSelected(folderId);
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
-    /* @__PURE__ */ jsx(SearchBar, { onChange: handleSearchChange, isVariant: !1, placeholder: t("search"), onClick: handleSearchSubmit }),
-    /* @__PURE__ */ jsxs("div", { className: "border border-gray-400 rounded", children: [
-      /* @__PURE__ */ jsx("div", { className: "p-12", children: isLoading ? /* @__PURE__ */ jsx(Loading, { isLoading: !0, className: "justify-content-center" }) : /* @__PURE__ */ jsx(Tree, { nodes: foldersTree, onTreeItemClick: handleFolderSelected, selectedNodeId: selectedFolderId }) }),
-      /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end border-top border-gray-400 px-8 py-4 ", children: [
-        !showNewFolderForm && /* @__PURE__ */ jsx(Button, { color: "primary", variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: handleNewFolderClick, disabled: !canCreateFolderIntoSelectedFolder, children: t("workspace.folder.create") }),
-        showNewFolderForm && selectedFolderId !== void 0 && /* @__PURE__ */ jsx(NewFolderForm, { onClose: () => setShowNewFolderForm(!1), folderParentId: selectedFolderIdForAPI, onFolderCreated: handleNewFolderCreated })
-      ] })
-    ] })
-  ] }) });
-}
-export {
-  WorkspaceFolders as default
-};
+import SvgIconFolderAdd from"../../icons/components/IconFolderAdd.js";import Loading from"../../../components/Loading/Loading.js";import Button from"../../../components/Button/Button.js";import useWorkspaceFolders from"../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";import useWorkspaceFoldersTree from"../../../hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";import NewFolderForm from"./components/NewFolderForm.js";import SearchBar from"../../../components/SearchBar/SearchBar.js";import Tree from"../../../components/Tree/components/Tree.js";import{useEffect,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function WorkspaceFolders({onFolderSelected}){let{t}=useTranslation(),{folders,isLoading,canCopyFileIntoFolder}=useWorkspaceFolders(),{foldersTree,filterTree}=useWorkspaceFoldersTree(folders),[searchValue,setSearchValue]=useState(``),[selectedFolderId,setSelectedFolderId]=useState(void 0),[showNewFolderForm,setShowNewFolderForm]=useState(!1),[canCreateFolderIntoSelectedFolder,setCanCreateFolderIntoSelectedFolder]=useState(!1),selectedFolderIdForAPI=selectedFolderId===`workspace-user-folder-id`||!selectedFolderId?``:selectedFolderId;useEffect(()=>{if(selectedFolderId){let canCopyFileInto=selectedFolderId===`workspace-user-folder-id`||canCopyFileIntoFolder(selectedFolderId)&&selectedFolderId!==`workspace-shared-folder-id`;setCanCreateFolderIntoSelectedFolder(canCopyFileInto),onFolderSelected(selectedFolderIdForAPI,canCopyFileInto)}},[selectedFolderId]);let handleSearchChange=e=>{setSearchValue(e.target.value)},handleSearchSubmit=()=>{filterTree(searchValue)},handleFolderSelected=folderId=>{setShowNewFolderForm(!1),setSelectedFolderId(folderId)};return jsx(Fragment$1,{children:jsxs(`div`,{className:`d-flex flex-column gap-12`,children:[jsx(SearchBar,{onChange:handleSearchChange,isVariant:!1,placeholder:t(`search`),onClick:handleSearchSubmit}),jsxs(`div`,{className:`border border-gray-400 rounded`,children:[jsx(`div`,{className:`p-12`,children:isLoading?jsx(Loading,{isLoading:!0,className:`justify-content-center`}):jsx(Tree,{nodes:foldersTree,onTreeItemClick:handleFolderSelected,selectedNodeId:selectedFolderId})}),jsxs(`div`,{className:`d-flex justify-content-end border-top border-gray-400 px-8 py-4 `,children:[!showNewFolderForm&&jsx(Button,{color:`primary`,variant:`ghost`,leftIcon:jsx(SvgIconFolderAdd,{}),onClick:()=>{setShowNewFolderForm(!0)},disabled:!canCreateFolderIntoSelectedFolder,children:t(`workspace.folder.create`)}),showNewFolderForm&&selectedFolderId!==void 0&&jsx(NewFolderForm,{onClose:()=>setShowNewFolderForm(!1),folderParentId:selectedFolderIdForAPI,onFolderCreated:folderId=>{handleFolderSelected(folderId)}})]})]})]})})}export{WorkspaceFolders as default};

package/dist/modules/multimedia/WorkspaceFolders/components/NewFolderForm.js

@@ -1,39 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconSave from "../../../icons/components/IconSave.js";
-import useWorkspaceFolders from "../../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import FormControl from "../../../../components/Form/FormControl.js";
-import IconButton from "../../../../components/Button/IconButton.js";
-function NewFolderForm({
-  onClose,
-  folderParentId,
-  onFolderCreated
-}) {
-  const {
-    t
-  } = useTranslation(), refInputName = useRef(null), {
-    createFolderMutation
-  } = useWorkspaceFolders();
-  return useEffect(() => {
-    refInputName.current && refInputName.current.focus();
-  }, []), /* @__PURE__ */ jsx("form", { id: "modalWorkspaceNewFolderForm", onSubmit: async (event) => {
-    var _a;
-    event.preventDefault();
-    const folderName = (_a = refInputName.current) == null ? void 0 : _a.value;
-    folderName && createFolderMutation.mutate({
-      folderName,
-      folderParentId
-    }, {
-      onSuccess: (newFolder) => {
-        newFolder._id && onFolderCreated(newFolder._id), onClose();
-      }
-    });
-  }, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-4 flex-row", children: [
-    /* @__PURE__ */ jsx(FormControl, { id: "modalWorkspaceNewFolderForm", isRequired: !0, children: /* @__PURE__ */ jsx(FormControl.Input, { ref: refInputName, size: "md", type: "text", placeholder: t("workspace.folder.new.placeholder") }) }),
-    /* @__PURE__ */ jsx(IconButton, { type: "submit", color: "primary", variant: "ghost", title: t("workspace.folder.new.create"), disabled: createFolderMutation.isPending, isLoading: createFolderMutation.isPending, icon: /* @__PURE__ */ jsx(SvgIconSave, {}) })
-  ] }) });
-}
-export {
-  NewFolderForm as default
-};
+import SvgIconSave from"../../../icons/components/IconSave.js";import IconButton from"../../../../components/Button/IconButton.js";import useWorkspaceFolders from"../../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";import FormControl from"../../../../components/Form/FormControl.js";import{useEffect,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function NewFolderForm({onClose,folderParentId,onFolderCreated}){let{t}=useTranslation(),refInputName=useRef(null),{createFolderMutation}=useWorkspaceFolders();return useEffect(()=>{refInputName.current&&refInputName.current.focus()},[]),jsx(`form`,{id:`modalWorkspaceNewFolderForm`,onSubmit:async event=>{event.preventDefault();let folderName=refInputName.current?.value;folderName&&createFolderMutation.mutate({folderName,folderParentId},{onSuccess:newFolder=>{newFolder._id&&onFolderCreated(newFolder._id),onClose()}})},children:jsxs(`div`,{className:`d-flex gap-4 flex-row`,children:[jsx(FormControl,{id:`modalWorkspaceNewFolderForm`,isRequired:!0,children:jsx(FormControl.Input,{ref:refInputName,size:`md`,type:`text`,placeholder:t(`workspace.folder.new.placeholder`)})}),jsx(IconButton,{type:`submit`,color:`primary`,variant:`ghost`,title:t(`workspace.folder.new.create`),disabled:createFolderMutation.isPending,isLoading:createFolderMutation.isPending,icon:jsx(SvgIconSave,{})})]})})}export{NewFolderForm as default};

package/dist/multimedia.js

@@ -1,32 +1 @@
-import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default4 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default5 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default6 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default8 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default9 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default10 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default11 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default12 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default13 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
-import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
-import { Upload } from "./modules/multimedia/MediaLibrary/innertabs/Upload.js";
-export {
-  default2 as AudioRecorder,
-  default3 as Embed,
-  ExternalLinker,
-  default4 as FileCard,
-  default5 as ImageEditor,
-  default6 as ImagePicker,
-  InternalLinker,
-  default7 as MediaLibrary,
-  Upload,
-  default8 as UploadCard,
-  default9 as UploadFiles,
-  default10 as VideoEmbed,
-  default11 as VideoRecorder,
-  default12 as Workspace,
-  default13 as WorkspaceFolders
-};
+import AudioRecorder from"./modules/multimedia/AudioRecorder/AudioRecorder.js";import Embed from"./modules/multimedia/Embed/Embed.js";import ImageEditor from"./modules/multimedia/ImageEditor/components/ImageEditor.js";import ImagePicker from"./modules/multimedia/ImagePicker/ImagePicker.js";import FileCard from"./modules/multimedia/FileCard/FileCard.js";import ExternalLinker from"./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";import InternalLinker from"./modules/multimedia/Linker/InternalLinker/InternalLinker.js";import UploadCard from"./modules/multimedia/UploadCard/UploadCard.js";import UploadFiles from"./modules/multimedia/UploadFiles/UploadFiles.js";import{Upload}from"./modules/multimedia/MediaLibrary/innertabs/Upload.js";import VideoRecorder from"./modules/multimedia/VideoRecorder/VideoRecorder.js";import VideoEmbed from"./modules/multimedia/VideoEmbed/VideoEmbed.js";import Workspace from"./modules/multimedia/Workspace/Workspace.js";import MediaLibrary from"./modules/multimedia/MediaLibrary/MediaLibrary.js";import WorkspaceFolders from"./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";export{AudioRecorder,Embed,ExternalLinker,FileCard,ImageEditor,ImagePicker,InternalLinker,MediaLibrary,Upload,UploadCard,UploadFiles,VideoEmbed,VideoRecorder,Workspace,WorkspaceFolders};

package/dist/providers/AntThemeProvider/AntProvider.js

@@ -1,28 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { ConfigProvider } from "antd";
-import { antTheme } from "./antThemeConfig.js";
-/* empty css                     */
-import { useEdificeClient } from "../EdificeClientProvider/EdificeClientProvider.hook.js";
-import frFR from "antd/locale/fr_FR";
-import deDE from "antd/locale/de_DE";
-import esES from "antd/locale/es_ES";
-import itIT from "antd/locale/it_IT";
-import ptPT from "antd/locale/pt_PT";
-const antdLocaleMap = {
-  fr: frFR,
-  de: deDE,
-  es: esES,
-  it: itIT,
-  pt: ptPT
-}, AntProvider = ({
-  children
-}) => {
-  const {
-    currentLanguage
-  } = useEdificeClient(), locale = currentLanguage ? antdLocaleMap[currentLanguage] ?? frFR : frFR;
-  return /* @__PURE__ */ jsx(ConfigProvider, { theme: antTheme, locale, children });
-};
-export {
-  AntProvider,
-  AntProvider as default
-};
+import{useEdificeClient}from"../EdificeClientProvider/EdificeClientProvider.hook.js";import antTheme from"./antThemeConfig.js";/* empty css                    */import"react";import{jsx}from"react/jsx-runtime";import{ConfigProvider}from"antd";import frFR from"antd/locale/fr_FR";import deDE from"antd/locale/de_DE";import esES from"antd/locale/es_ES";import itIT from"antd/locale/it_IT";import ptPT from"antd/locale/pt_PT";var antdLocaleMap={fr:frFR,de:deDE,es:esES,it:itIT,pt:ptPT},AntProvider=({children})=>{let{currentLanguage}=useEdificeClient();return jsx(ConfigProvider,{theme:antTheme,locale:currentLanguage?antdLocaleMap[currentLanguage]??frFR:frFR,children})};export{AntProvider as default};

package/dist/providers/AntThemeProvider/antThemeConfig.js

@@ -1,9 +1 @@
-const antTheme = {
-  cssVar: {
-    key: "edifice"
-  },
-  hashed: !1
-};
-export {
-  antTheme
-};
+var antTheme={cssVar:{key:`edifice`},hashed:!1};export{antTheme as default};

package/dist/providers/EdificeClientProvider/EdificeClientProvider.context.js

@@ -1,5 +1 @@
-import { createContext } from "react";
-const EdificeClientContext = /* @__PURE__ */ createContext(null);
-export {
-  EdificeClientContext
-};
+import{createContext}from"react";var EdificeClientContext=createContext(null);export{EdificeClientContext};

package/dist/providers/EdificeClientProvider/EdificeClientProvider.hook.js

@@ -1,11 +1 @@
-import { useContext } from "react";
-import { EdificeClientContext } from "./EdificeClientProvider.context.js";
-function useEdificeClient() {
-  const context = useContext(EdificeClientContext);
-  if (!context)
-    throw new Error("Cannot be used outside of EdificeClientProvider");
-  return context;
-}
-export {
-  useEdificeClient
-};
+import{EdificeClientContext}from"./EdificeClientProvider.context.js";import{useContext}from"react";function useEdificeClient(){let context=useContext(EdificeClientContext);if(!context)throw Error(`Cannot be used outside of EdificeClientProvider`);return context}export{useEdificeClient};