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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoRecorder.js","sources":["../../../../src/modules/multimedia/VideoRecorder/VideoRecorder.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { WorkspaceElement, odeServices } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  FormControl,\n  Icon,\n  Label,\n  LoadingScreen,\n  OptionsType,\n  Select,\n} from '../../../components';\nimport { Toolbar, ToolbarItem } from '../../../components/Toolbar';\nimport { useUpload } from '../../../core/useUpload';\nimport useBrowserInfo from '../../../hooks/useBrowserInfo/useBrowserInfo';\nimport { convertMsToMS, getBestSupportedMimeType } from '../../../utils';\n\nexport interface VideoRecorderProps {\n  appCode: string;\n  caption?: string;\n  onSuccess?: (res: WorkspaceElement[]) => void;\n  onError: (error: string) => void;\n  onRecordUpdated?: (recordURL?: string) => void;\n  hideSaveAction?: boolean;\n}\n\nconst VIDEO_HEIGHT = 9;\nconst VIDEO_WIDTH = 16;\n\nexport interface VideoRecorderRef {\n  save: () => Promise<WorkspaceElement | undefined>;\n}\n\nconst VideoRecorder = forwardRef(\n  (\n    {\n      appCode,\n      caption,\n      onSuccess,\n      onError,\n      onRecordUpdated,\n      hideSaveAction = false,\n    }: VideoRecorderProps,\n    ref,\n  ) => {\n    const [maxDuration, setMaxDuration] = useState<number>(180000);\n    const [inputDevices, setInputDevices] = useState<MediaDeviceInfo[]>([]);\n\n    const [recording, setRecording] = useState<boolean>(false);\n    const [recorded, setRecorded] = useState<boolean>(false);\n    const [playing, setPlaying] = useState<boolean>(false);\n    const [saving, setSaving] = useState<boolean>(false);\n    const [saved, setSaved] = useState<boolean>(false);\n\n    const [mediaStreamConstraints, setMediaStreamConstraints] =\n      useState<MediaStreamConstraints>({\n        audio: true,\n        video: {\n          facingMode: 'environment',\n          aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n        },\n      });\n    const [stream, setStream] = useState<MediaStream>();\n    const [mimeType, setMimeType] = useState<string>('');\n\n    const [recordedChunks, setRecordedChunks] = useState<Blob[]>([]);\n    const [recordedVideo, setRecordedVideo] = useState<Blob>();\n\n    const [recordedTime, setRecordedTime] = useState<number>(0);\n    const [playedTime, setPlayedTime] = useState<number>(0);\n\n    const videoRef = useRef<HTMLVideoElement>(null);\n    const recorderRef = useRef<MediaRecorder | null>(null);\n\n    const { uploadBlob } = useUpload(undefined, appCode);\n\n    const { device } = useBrowserInfo(navigator.userAgent);\n\n    // We add one methods to handle save action from parent component\n    useImperativeHandle(ref, () => ({\n      save: handleSave,\n    }));\n\n    const { t } = useTranslation();\n\n    /**\n     * Get max duration from Conf and input devices list.\n     */\n    useEffect(() => {\n      initMaxDuration();\n      initInputDevices();\n    }, []);\n\n    /**\n     * Enable video stream and stop streaming on clean up.\n     */\n    useEffect(() => {\n      if (!stream) {\n        enableStream(mediaStreamConstraints);\n      }\n      return () => {\n        if (stream) {\n          stream.getTracks().forEach((track) => track.stop());\n        }\n      };\n    }, [stream]);\n\n    /**\n     * Get last updated recorded chunk and set the recorded video as source for user to watch it.\n     */\n    useEffect(() => {\n      if (recordedChunks.length && !recording && videoRef.current) {\n        const finalVideo: Blob = new Blob(recordedChunks, { type: mimeType });\n        setRecordedVideo(finalVideo);\n\n        if (onRecordUpdated) {\n          const videoUrl = window.URL.createObjectURL(finalVideo);\n          onRecordUpdated(videoUrl);\n        }\n        videoRef.current.autoplay = false;\n        videoRef.current.srcObject = null;\n        videoRef.current.src = window.URL.createObjectURL(finalVideo);\n      }\n    }, [recording, recordedChunks]);\n\n    /**\n     * Handle recording countup.\n     * Recording cannot be paused.\n     */\n    useEffect(() => {\n      if (recording) {\n        // Get the start timestamp.\n        const startedAt = Date.now();\n        const timer = window.setInterval(\n          // Compute exact elapsed time by diffing the start time.\n          () => setRecordedTime(Date.now() - startedAt),\n          500,\n        );\n\n        return () => {\n          window.clearInterval(timer);\n        };\n      }\n    }, [recording]);\n\n    /**\n     * Handle playing countup.\n     * Playing can be paused and resumed.\n     */\n    useEffect(() => {\n      if (playing) {\n        // Compute an approximative elapsed time by cumulating small inaccurate values.\n        const timer = window.setInterval(\n          () => setPlayedTime((prev) => prev + 500),\n          500,\n        );\n\n        return () => {\n          window.clearInterval(timer);\n        };\n      }\n    }, [playing]);\n\n    const initMaxDuration = async () => {\n      const videoConfResponse = await odeServices.video().getVideoConf();\n      setMaxDuration((videoConfResponse.maxDuration ?? 3) * 60 * 1000);\n    };\n\n    const initInputDevices = async () => {\n      const devices = await navigator.mediaDevices.enumerateDevices();\n      const videoDevices = devices.filter(\n        (device) => device.kind === 'videoinput',\n      );\n      // console, mobile, tablet, smarttv, wearable, embedded\n      switch (device.type) {\n        case 'mobile':\n        case 'tablet': {\n          const backCamera = {\n            deviceId: 'environment',\n            label: t('video.back.camera'),\n            groupId: '',\n            kind: 'videoinput',\n          } as MediaDeviceInfo;\n          const frontCamera = {\n            deviceId: 'user',\n            label: t('video.front.camera'),\n            groupId: '',\n            kind: 'videoinput',\n          } as MediaDeviceInfo;\n\n          if (videoDevices?.length > 1) {\n            // mobile/tablet has more than 1 camera\n            setInputDevices([backCamera, frontCamera]);\n          } else {\n            // else we let the system use the only one that exists (or none)\n            setInputDevices([backCamera]);\n          }\n          break;\n        }\n        default:\n          // \"Desktop\" or other future types => list all cameras without distinction.\n          setInputDevices(videoDevices);\n          break;\n      }\n    };\n\n    const enableStream = async (\n      mediaStreamConstraints: MediaStreamConstraints,\n    ) => {\n      try {\n        const mediaStream: MediaStream =\n          await navigator.mediaDevices.getUserMedia(mediaStreamConstraints);\n        setStream(mediaStream);\n\n        if (videoRef.current) {\n          if (videoRef.current.src) {\n            window.URL.revokeObjectURL(videoRef.current.src);\n            videoRef.current.src = '';\n          }\n          videoRef.current.srcObject = mediaStream;\n          videoRef.current.autoplay = true;\n          videoRef.current.volume = 1;\n          videoRef.current.muted = true;\n        }\n      } catch (err) {\n        console.error(err);\n      }\n    };\n\n    const handleRecord = useCallback(() => {\n      setRecording(true);\n\n      if (videoRef && videoRef.current) {\n        videoRef.current.muted = true;\n      }\n\n      const mimeType = getBestSupportedMimeType();\n      setMimeType(mimeType);\n\n      if (stream) {\n        recorderRef.current = new MediaRecorder(stream, { mimeType });\n        recorderRef.current.ondataavailable = ({ data }: BlobEvent) => {\n          if (data.size > 0) {\n            setRecordedChunks((prev) => [...prev, data]);\n          }\n        };\n        recorderRef.current.onerror = (event) => console.error(event);\n        recorderRef.current.start(1000); // collect 1000ms of data\n      }\n    }, [stream]);\n\n    const handleStop = useCallback(() => {\n      setRecording(false);\n      setRecorded(true);\n\n      if (recorderRef.current?.state === 'recording') {\n        recorderRef.current.requestData();\n        recorderRef.current.stop();\n      }\n    }, [recorderRef]);\n\n    const handlePlayPause = useCallback(() => {\n      if (videoRef && videoRef.current) {\n        videoRef.current.muted = false;\n      }\n\n      if (!playing) {\n        videoRef?.current?.play();\n        setPlaying(true);\n      } else {\n        videoRef?.current?.pause();\n        setPlaying(false);\n      }\n    }, [playing]);\n\n    const handleReset = () => {\n      setRecorded(false);\n      setRecording(false);\n      setPlaying(false);\n      setSaved(false);\n      setRecordedTime(0);\n      setRecordedChunks([]);\n      setRecordedVideo(undefined);\n      enableStream(mediaStreamConstraints);\n\n      if (onRecordUpdated) {\n        onRecordUpdated();\n      }\n    };\n\n    const handleSave = async () => {\n      setSaving(true);\n      if (!recordedVideo) {\n        console.error('Error while saving video: recorded video is undefined.');\n        return;\n      }\n\n      const resVideo = await uploadBlob(recordedVideo, {\n        duration: recordedTime,\n      });\n\n      if (resVideo != null) {\n        onSuccess?.([resVideo]);\n        setSaving(false);\n        setSaved(true);\n        return [resVideo];\n      } else {\n        onError('Error while uploading video');\n        setSaving(false);\n        setSaved(true);\n      }\n    };\n\n    const handleEnded = () => {\n      setPlaying(false);\n      setPlayedTime(0);\n      if (videoRef.current) {\n        videoRef.current.currentTime = 0;\n      }\n    };\n\n    const handleInputDeviceChange = (option: OptionsType | string) => {\n      const selectedDevice = inputDevices.find(\n        (inputDevice) => inputDevice.label === option,\n      );\n\n      let mediaStreamConstraints: MediaStreamConstraints = {};\n      if (selectedDevice?.deviceId) {\n        if (\n          selectedDevice?.deviceId === 'environment' ||\n          selectedDevice?.deviceId === 'user'\n        ) {\n          mediaStreamConstraints = {\n            audio: true,\n            video: {\n              aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n              facingMode: selectedDevice?.deviceId,\n            },\n          };\n        } else {\n          mediaStreamConstraints = {\n            audio: true,\n            video: {\n              aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n              deviceId: selectedDevice.deviceId,\n            },\n          };\n        }\n\n        setMediaStreamConstraints(mediaStreamConstraints);\n\n        if (stream) {\n          if (recorderRef.current?.state === 'recording') {\n            recorderRef.current.requestData();\n            recorderRef.current.stop();\n          }\n          stream.getTracks().forEach((track) => track.stop());\n          setStream(undefined);\n        }\n        enableStream(mediaStreamConstraints);\n      } else {\n        console.error('Selected input device id is null');\n      }\n    };\n\n    /**\n     * Auto-stop recording when max allowed duration is reached.\n     */\n    useEffect(() => {\n      if (recordedTime >= maxDuration) {\n        handleStop();\n      }\n    }, [recordedTime, handleStop]);\n\n    const toolbarItems: ToolbarItem[] = [\n      {\n        type: 'icon',\n        name: 'record',\n        props: {\n          icon: (\n            <Icon name=\"record\" color={recording || recorded ? '' : 'red'} />\n          ),\n          color: 'danger',\n          disabled: recording || recorded || saving,\n          onClick: handleRecord,\n          'aria-label': t('bbm.video.record.start'),\n        },\n        tooltip: t('bbm.video.record.start'),\n      },\n      {\n        type: 'icon',\n        name: 'stop',\n        props: {\n          icon: <Icon name=\"record-stop\" />,\n          disabled: !recording || recorded || saving,\n          onClick: handleStop,\n          'aria-label': t('bbm.video.record.stop'),\n        },\n        tooltip: t('bbm.video.record.stop'),\n      },\n      {\n        type: 'icon',\n        name: 'play',\n        visibility: !playing ? 'show' : 'hide',\n        props: {\n          icon: <Icon name=\"play-filled\" />,\n          disabled: !recorded || saving,\n          onClick: handlePlayPause,\n          'aria-label': t('bbm.video.play.start'),\n        },\n        tooltip: t('bbm.video.play.start'),\n      },\n      {\n        type: 'icon',\n        name: 'pause',\n        visibility: playing ? 'show' : 'hide',\n        props: {\n          icon: <Icon name=\"pause\" />,\n          disabled: !recorded || saving,\n          onClick: handlePlayPause,\n          'aria-label': t('bbm.video.play.pause'),\n        },\n        tooltip: t('bbm.video.play.pause'),\n      },\n      { type: 'divider' },\n      {\n        type: 'icon',\n        name: 'reset',\n        props: {\n          icon: <Icon name=\"refresh\" />,\n          disabled: !recorded || saving,\n          onClick: handleReset,\n          'aria-label': t('bbm.video.record.reset'),\n        },\n        tooltip: t('bbm.video.record.reset'),\n      },\n      {\n        type: 'icon',\n        name: 'save',\n        visibility: hideSaveAction ? 'hide' : 'show',\n        props: {\n          icon: <Icon name=\"save\" />,\n          disabled: !recorded || saving || saved,\n          onClick: handleSave,\n          'aria-label': t('bbm.video.record.save'),\n        },\n        tooltip: t('bbm.video.record.save'),\n      },\n    ];\n\n    return (\n      <div className=\"video-recorder d-flex flex-fill flex-column align-items-center pb-8\">\n        <div className=\"video-recorder-caption d-none d-md-block\">\n          {caption}\n        </div>\n        {inputDevices.length > 1 && (\n          <div className=\"video-recorder-devices mb-12\">\n            <FormControl id=\"selectInputDevice\">\n              <Label className=\"d-none d-md-block\">\n                {t('bbm.video.record.select.devices.label')}\n              </Label>\n              <Select\n                placeholderOption={t(\n                  'bbm.video.record.select.devices.placeholder',\n                )}\n                options={inputDevices.map(\n                  (videoInputDevice) => videoInputDevice.label,\n                )}\n                onValueChange={handleInputDeviceChange}\n              />\n            </FormControl>\n          </div>\n        )}\n\n        <div className=\"video-recorder-video-container position-relative align-self-stretch\">\n          <video\n            ref={videoRef}\n            playsInline={true}\n            autoPlay={true}\n            controls={false}\n            muted={true}\n            onEnded={handleEnded}\n            className=\"rounded\"\n          >\n            <track default kind=\"captions\" srcLang=\"fr\" src=\"\"></track>\n          </video>\n          {(recording || recorded) && (\n            <div className=\"video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded\">\n              {recording && (\n                <>\n                  <Icon name=\"record\" size=\"12\" color=\"red\" className=\"me-4\" />\n                  <span>\n                    {convertMsToMS(recordedTime)}/{convertMsToMS(maxDuration)}\n                  </span>\n                </>\n              )}\n              {recorded && (\n                <>\n                  <Icon name=\"record-video\" size=\"14\" className=\"me-4\" />\n                  <span>\n                    {convertMsToMS(playedTime)}/{convertMsToMS(recordedTime)}\n                  </span>\n                </>\n              )}\n            </div>\n          )}\n          {stream && (\n            <Toolbar\n              items={toolbarItems}\n              className=\"position-absolute bottom-0 start-50 bg-white\"\n            />\n          )}\n        </div>\n        {saving && (\n          <LoadingScreen\n            position={false}\n            caption={t('bbm.video.save.loader.caption')}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nexport default VideoRecorder;\n"],"names":["VIDEO_HEIGHT","VIDEO_WIDTH","VideoRecorder","appCode","caption","onSuccess","onError","onRecordUpdated","hideSaveAction","ref","maxDuration","setMaxDuration","useState","inputDevices","setInputDevices","recording","setRecording","recorded","setRecorded","playing","setPlaying","saving","setSaving","saved","setSaved","mediaStreamConstraints","setMediaStreamConstraints","audio","video","facingMode","aspectRatio","stream","setStream","mimeType","setMimeType","recordedChunks","setRecordedChunks","recordedVideo","setRecordedVideo","recordedTime","setRecordedTime","playedTime","setPlayedTime","videoRef","useRef","recorderRef","uploadBlob","useUpload","undefined","device","useBrowserInfo","navigator","userAgent","useImperativeHandle","save","handleSave","t","useTranslation","useEffect","initMaxDuration","initInputDevices","enableStream","getTracks","forEach","track","stop","length","current","finalVideo","Blob","type","videoUrl","window","URL","createObjectURL","autoplay","srcObject","src","startedAt","Date","now","timer","setInterval","clearInterval","prev","videoConfResponse","odeServices","getVideoConf","videoDevices","mediaDevices","enumerateDevices","filter","kind","backCamera","deviceId","label","groupId","frontCamera","mediaStream","getUserMedia","revokeObjectURL","volume","muted","err","console","error","handleRecord","useCallback","getBestSupportedMimeType","MediaRecorder","ondataavailable","data","size","onerror","event","start","handleStop","state","requestData","handlePlayPause","pause","play","handleReset","resVideo","duration","handleEnded","currentTime","handleInputDeviceChange","option","selectedDevice","find","inputDevice","toolbarItems","name","props","icon","Icon","color","disabled","onClick","tooltip","jsx","visibility","jsxs","FormControl","Label","Select","map","videoInputDevice","Fragment","convertMsToMS","Toolbar","LoadingScreen"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { Role, WorkspaceElement, WorkspaceSearchFilter } from 'edifice-ts-client';
+import { Role, WorkspaceElement, WorkspaceSearchFilter } from '@edifice.io/ts-client';
 /**
  * MediaLibrary component properties
  */

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

@@ -1,169 +1,170 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import useWorkspaceSearch from "../../../core/useWorkspaceSearch/useWorkspaceSearch.js";
-import { Grid } from "../../../components/Grid/Grid.js";
-import { TreeView } from "../../../components/TreeView/TreeView.js";
-import { FileCard } from "../../../components/FileCard/FileCard.js";
-import { SearchBar } from "../../../components/SearchBar/SearchBar.js";
-import { Dropdown } from "../../../components/Dropdown/Dropdown.js";
-import { Icon } from "../../../components/Icon/Icon.js";
-import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
-import { EmptyScreen } from "../../../components/EmptyScreen/EmptyScreen.js";
-import { findTreeNode } from "../../../utils/findTreeNode.js";
-const Workspace = ({
-  roles,
-  onSelect,
-  multiple = !0,
-  className,
-  defaultFolder,
-  showPublicFolder
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useRef as N, useState as m, useCallback as j, useEffect as L } from "react";
+import oe from "clsx";
+import { useTranslation as ne } from "react-i18next";
+import R from "../../../core/useWorkspaceSearch/useWorkspaceSearch.js";
+import { Grid as p } from "../../../components/Grid/Grid.js";
+import { TreeView as y } from "../../../components/TreeView/TreeView.js";
+import { FileCard as se } from "../../../components/FileCard/FileCard.js";
+import { SearchBar as ce } from "../../../components/SearchBar/SearchBar.js";
+import { Dropdown as f } from "../../../components/Dropdown/Dropdown.js";
+import { Icon as _ } from "../../../components/Icon/Icon.js";
+import { LoadingScreen as ae } from "../../../components/LoadingScreen/LoadingScreen.js";
+import { EmptyScreen as ie } from "../../../components/EmptyScreen/EmptyScreen.js";
+import { findTreeNode as de } from "../../../utils/findTreeNode.js";
+const Ne = ({
+  roles: x,
+  onSelect: K,
+  multiple: P = !0,
+  className: Q,
+  defaultFolder: s,
+  showPublicFolder: I
 }) => {
   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) {
+    t: o
+  } = ne(), {
+    root: u,
+    loadContent: A
+  } = R("root", o("workspace.tree.owner"), "owner", x), {
+    root: h,
+    loadContent: V
+  } = R("root", o("workspace.tree.shared"), "shared", x), {
+    root: l,
+    loadContent: W
+  } = R("root", o("workspace.tree.protected"), "protected", x), {
+    root: w,
+    loadContent: z
+  } = R("root", o("workspace.tree.public"), "public", x), k = N(null), g = N(null), b = N(null), C = N(null), [T, X] = m(() => s === "public" ? I ? s : "protected" : s === "protected" || s === "shared" ? s : "owner"), [c, Y] = m(() => s === "public" ? I ? w : l : s === "protected" ? l : s === "shared" ? h : u), [D, B] = m(), [v, G] = m(null), [S, E] = m(["modified", "desc"]), [M, Z] = m([]), $ = j((e) => {
+    switch (e) {
       case "owner":
         return {
-          root: ownerRoot,
-          othersRef: [sharedRef, protectRef, publicRef]
+          root: u,
+          othersRef: [g, b, C]
         };
       case "shared":
         return {
-          root: sharedRoot,
-          othersRef: [ownerRef, protectRef, publicRef]
+          root: h,
+          othersRef: [k, b, C]
         };
       case "protected":
         return {
-          root: protectRoot,
-          othersRef: [ownerRef, sharedRef, publicRef]
+          root: l,
+          othersRef: [k, g, C]
         };
       case "public":
         return {
-          root: publicRoot,
-          othersRef: [ownerRef, sharedRef, protectRef]
+          root: w,
+          othersRef: [k, g, b]
         };
       default:
         throw new Error("no.root.node");
     }
-  }, [ownerRoot, sharedRoot, protectRoot, publicRoot]), loadContent = useCallback(() => {
-    switch (currentFilter) {
+  }, [u, h, l, w]), q = j(() => {
+    switch (T) {
       case "owner":
-        loadOwnerDocs(currentNode.id);
+        A(c.id);
         break;
       case "shared":
-        loadSharedDocs(currentNode.id);
+        V(c.id);
         break;
       case "protected":
-        loadProtectedDocs(currentNode.id);
+        W(c.id);
         break;
       case "public":
-        loadPublicDocs(currentNode.id);
+        z(c.id);
         break;
       default:
         throw new Error("no.way");
     }
-  }, [currentFilter, currentNode.id, loadOwnerDocs, loadProtectedDocs, loadPublicDocs, loadSharedDocs]);
-  function selectAndLoadContent(filter, nodeId) {
-    setCurrentFilter(filter);
+  }, [T, c.id, A, W, z, V]);
+  function a(e, t) {
+    X(e);
     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();
+      root: n,
+      othersRef: i
+    } = $(e), H = de(n, (U) => U.id === t);
+    H && (Y(H), i.forEach((U) => {
+      var J;
+      return (J = U.current) == null ? void 0 : J.unselectAll();
     }));
   }
-  useEffect(() => {
-    var _a;
-    let ref;
-    switch (currentFilter) {
+  L(() => {
+    var t;
+    let e;
+    switch (T) {
       case "owner":
-        ref = ownerRef;
+        e = k;
         break;
       case "shared":
-        ref = sharedRef;
+        e = g;
         break;
       case "protected":
-        ref = protectRef;
+        e = b;
         break;
       case "public":
-        ref = publicRef;
+        e = C;
         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));
+    (t = e == null ? void 0 : e.current) == null || t.select("root");
+  }, [T]), L(q, [q]), L(() => {
+    if (c.files) {
+      let e = [].concat(c.files);
+      v && (e = e.filter((n) => n.name.indexOf(v) >= 0));
+      const t = S[0] === "name" ? S[1] === "asc" ? (n, i) => O(n.name, i.name) : (n, i) => O(i.name, n.name) : (n, i) => O(i.modified, n.modified);
+      B(() => e.sort(t));
     } 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;
+      B(void 0);
+  }, [c, u, l, h, w, v, S]);
+  const F = j((e) => {
+    G(e.target.value);
+  }, [G]);
+  function O(e, t) {
+    return e ? t ? e.localeCompare(t) : 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 ee() {
+    return S[0] === "name" ? S[1] === "asc" ? o("sort.order.alpha.asc") : o("sort.order.alpha.desc") : o("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);
+  function re(e) {
+    let t = [...M];
+    P ? t.includes(e) ? t = t.filter((n) => n._id !== e._id) : t = [...t, e] : t = [e], Z(t), K(t);
   }
-  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: {
+  const te = oe("workspace flex-grow-1 gap-0", Q);
+  return /* @__PURE__ */ d(p, { className: te, children: [
+    /* @__PURE__ */ r(p.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ d("div", { style: {
       position: "sticky",
       top: 0,
       paddingTop: "1.2rem"
     }, children: [
-      /* @__PURE__ */ jsx(TreeView, { ref: ownerRef, data: ownerRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("owner", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("owner", nodeId) }),
-      /* @__PURE__ */ jsx(TreeView, { ref: sharedRef, data: sharedRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("shared", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("shared", nodeId) }),
-      /* @__PURE__ */ jsx(TreeView, { ref: protectRef, data: protectRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("protected", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("protected", nodeId) }),
-      showPublicFolder && /* @__PURE__ */ jsx(TreeView, { ref: publicRef, data: publicRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("public", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("public", nodeId) })
+      /* @__PURE__ */ r(y, { ref: k, data: u, onTreeItemSelect: (e) => a("owner", e), onTreeItemUnfold: (e) => a("owner", e) }),
+      /* @__PURE__ */ r(y, { ref: g, data: h, onTreeItemSelect: (e) => a("shared", e), onTreeItemUnfold: (e) => a("shared", e) }),
+      /* @__PURE__ */ r(y, { ref: b, data: l, onTreeItemSelect: (e) => a("protected", e), onTreeItemUnfold: (e) => a("protected", e) }),
+      I && /* @__PURE__ */ r(y, { ref: C, data: w, onTreeItemSelect: (e) => a("public", e), onTreeItemUnfold: (e) => a("public", e) })
     ] }) }),
-    /* @__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(Icon, { name: "sort-time" }), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "sort-ascending-letters" }), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
-              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "sort-descending-letters" }), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+    /* @__PURE__ */ r(p.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ d(p, { className: "flex-grow-1 gap-0", children: [
+      /* @__PURE__ */ d(p.Col, { sm: "4", md: "8", xl: "12", children: [
+        /* @__PURE__ */ r("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ r(ce, { isVariant: !0, className: "gap-16", onChange: F }) }),
+        /* @__PURE__ */ d("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
+          /* @__PURE__ */ r("small", { className: "text-muted", children: o("workspace.search.order") }),
+          /* @__PURE__ */ d(f, { children: [
+            /* @__PURE__ */ r(f.Trigger, { size: "sm", label: ee(), variant: "ghost" }),
+            /* @__PURE__ */ d(f.Menu, { children: [
+              /* @__PURE__ */ r(f.Item, { icon: /* @__PURE__ */ r(_, { name: "sort-time" }), onClick: () => E(["modified", "desc"]), children: o("sort.order.modify.desc") }),
+              /* @__PURE__ */ r(f.Item, { icon: /* @__PURE__ */ r(_, { name: "sort-ascending-letters" }), onClick: () => E(["name", "asc"]), children: o("sort.order.alpha.asc") }),
+              /* @__PURE__ */ r(f.Item, { icon: /* @__PURE__ */ r(_, { name: "sort-descending-letters" }), onClick: () => E(["name", "desc"]), children: o("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: "/assets/themes/edifice-bootstrap/images/emptyscreen/illu-trash.svg", text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+      /* @__PURE__ */ r(p.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: D ? D.length !== 0 ? /* @__PURE__ */ r("div", { className: "grid grid-workspace", children: D.map((e) => {
+        const t = M.includes(e);
+        return /* @__PURE__ */ r(se, { doc: e, isSelected: t, onClick: () => re(e) }, e._id);
+      }) }) : /* @__PURE__ */ r(ie, { imageSrc: "/assets/themes/edifice-bootstrap/images/emptyscreen/illu-trash.svg", text: o("workspace.empty.docSpace"), title: o("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ r(ae, {}) })
     ] }) })
   ] });
 };
 export {
-  Workspace as default
+  Ne as default
 };
+//# sourceMappingURL=Workspace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sources":["../../../../src/modules/multimedia/Workspace/Workspace.tsx"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nimport {\n  Role,\n  WorkspaceElement,\n  WorkspaceSearchFilter,\n} from '@edifice.io/ts-client';\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Dropdown,\n  EmptyScreen,\n  FileCard,\n  Grid,\n  Icon,\n  LoadingScreen,\n  SearchBar,\n  TreeView,\n  TreeViewHandlers,\n} from '../../../components';\nimport { useWorkspaceSearch } from '../../../core';\nimport { FolderNode } from '../../../core/useWorkspaceSearch/useWorkspaceSearch';\nimport { findTreeNode } from '../../../utils';\n\n/**\n * MediaLibrary component properties\n */\nexport interface WorkspaceProps {\n  /**\n   * Only display media elements having this role[s] (=generic file format).\n   * Set to null to display all medias.\n   */\n  roles: Role | Role[] | null;\n  /**\n   * If defined, try to auto-select the folder dedicated to this filter.\n   */\n  defaultFolder?: WorkspaceSearchFilter;\n  /**\n   * Allow selecting public documents.\n   */\n  showPublicFolder?: boolean;\n  /**\n   * Notify parent when media elements are successfully selected.\n   */\n  onSelect: (result: WorkspaceElement[]) => void;\n  /**\n   * Boolean to know if we can select 1 or many files.\n   */\n  multiple?: boolean | undefined;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst Workspace = ({\n  roles,\n  onSelect,\n  multiple = true,\n  className,\n  defaultFolder,\n  showPublicFolder,\n}: WorkspaceProps) => {\n  const { t } = useTranslation();\n\n  const { root: ownerRoot, loadContent: loadOwnerDocs } = useWorkspaceSearch(\n    'root',\n    t('workspace.tree.owner'),\n    'owner',\n    roles,\n  );\n  const { root: sharedRoot, loadContent: loadSharedDocs } = useWorkspaceSearch(\n    'root',\n    t('workspace.tree.shared'),\n    'shared',\n    roles,\n  );\n  const { root: protectRoot, loadContent: loadProtectedDocs } =\n    useWorkspaceSearch(\n      'root',\n      t('workspace.tree.protected'),\n      'protected',\n      roles,\n    );\n  const { root: publicRoot, loadContent: loadPublicDocs } = useWorkspaceSearch(\n    'root',\n    t('workspace.tree.public'),\n    'public',\n    roles,\n  );\n\n  const ownerRef = useRef<TreeViewHandlers>(null);\n  const sharedRef = useRef<TreeViewHandlers>(null);\n  const protectRef = useRef<TreeViewHandlers>(null);\n  const publicRef = useRef<TreeViewHandlers>(null);\n\n  const [currentFilter, setCurrentFilter] = useState<WorkspaceSearchFilter>(\n    () => {\n      // Determine which root folder to load at first.\n      if ('public' === defaultFolder) {\n        return showPublicFolder ? defaultFolder : 'protected';\n      }\n      if ('protected' === defaultFolder || 'shared' === defaultFolder)\n        return defaultFolder;\n      return 'owner';\n    },\n  );\n\n  const [currentNode, setCurrentNode] = useState<FolderNode>(() => {\n    // Determine which root folder to load at first.\n    if ('public' === defaultFolder) {\n      return showPublicFolder ? publicRoot : protectRoot;\n    }\n    if ('protected' === defaultFolder) return protectRoot;\n    if ('shared' === defaultFolder) return sharedRoot;\n    return ownerRoot;\n  });\n\n  const [documents, setDocuments] = useState<WorkspaceElement[] | undefined>();\n\n  const [searchTerm, setSearchTerm] = useState<string | undefined>(null!);\n\n  const [sortOrder, setSortOrder] = useState<[string, string]>([\n    'modified',\n    'desc',\n  ]);\n\n  const [selectedDocuments, setSelectedDocuments] = useState<\n    WorkspaceElement[]\n  >([]);\n\n  /**\n   * Retrieve the stateful TreeNode matching a WorkspaceSearchFilter value\n   */\n  const rootNodeFor: (filter: WorkspaceSearchFilter) => {\n    root: FolderNode;\n    othersRef: React.RefObject<TreeViewHandlers>[];\n  } = useCallback(\n    (filter: WorkspaceSearchFilter) => {\n      switch (filter) {\n        case 'owner':\n          return {\n            root: ownerRoot,\n            othersRef: [sharedRef, protectRef, publicRef],\n          };\n        case 'shared':\n          return {\n            root: sharedRoot,\n            othersRef: [ownerRef, protectRef, publicRef],\n          };\n        case 'protected':\n          return {\n            root: protectRoot,\n            othersRef: [ownerRef, sharedRef, publicRef],\n          };\n        case 'public':\n          return {\n            root: publicRoot,\n            othersRef: [ownerRef, sharedRef, protectRef],\n          };\n        default:\n          throw new Error('no.root.node');\n      }\n    },\n    [ownerRoot, sharedRoot, protectRoot, publicRoot],\n  );\n\n  /**\n   * Load current node children (folders and files)\n   */\n  const loadContent = useCallback(() => {\n    switch (currentFilter) {\n      case 'owner':\n        loadOwnerDocs(currentNode.id);\n        break;\n      case 'shared':\n        loadSharedDocs(currentNode.id);\n        break;\n      case 'protected':\n        loadProtectedDocs(currentNode.id);\n        break;\n      case 'public':\n        loadPublicDocs(currentNode.id);\n        break;\n      default:\n        throw new Error('no.way');\n    }\n  }, [\n    currentFilter,\n    currentNode.id,\n    loadOwnerDocs,\n    loadProtectedDocs,\n    loadPublicDocs,\n    loadSharedDocs,\n  ]);\n\n  function selectAndLoadContent(filter: WorkspaceSearchFilter, nodeId: string) {\n    // Apply filters and nodeId, and send a command to the node's Tree\n    setCurrentFilter(filter);\n    const { root, othersRef } = rootNodeFor(filter);\n    const targetNode = findTreeNode(root, (node) => node.id === nodeId);\n    if (targetNode) {\n      setCurrentNode(targetNode);\n      // Reset others current selection, if any\n      othersRef.forEach((otherRef) => otherRef.current?.unselectAll());\n    }\n  }\n\n  /** Select a tree node */\n  useEffect(() => {\n    let ref;\n    switch (currentFilter) {\n      case 'owner':\n        ref = ownerRef;\n        break;\n      case 'shared':\n        ref = sharedRef;\n        break;\n      case 'protected':\n        ref = protectRef;\n        break;\n      case 'public':\n        ref = publicRef;\n        break;\n      default:\n        return;\n    }\n    // Selecting a tree node here will trigger a selectAndLoadContent()\n    ref?.current?.select('root');\n  }, [currentFilter]);\n\n  /** Load content when the callback is updated. */\n  useEffect(loadContent, [loadContent]);\n\n  /** Display documents when currentNode or searchTerm or sortOrder changes */\n  useEffect(() => {\n    if (currentNode.files) {\n      let list = ([] as WorkspaceElement[]).concat(currentNode.files);\n      // Apply search terms\n      if (searchTerm) {\n        list = list.filter((f) => f.name.indexOf(searchTerm) >= 0);\n      }\n      // Apply sort order\n      const sortFunction: (a: any, b: any) => number =\n        sortOrder[0] === 'name'\n          ? sortOrder[1] === 'asc'\n            ? (a, b) => compare(a.name, b.name)\n            : (a, b) => compare(b.name, a.name)\n          : (a, b) => compare(b.modified, a.modified);\n\n      setDocuments(() => list.sort(sortFunction));\n    } else {\n      setDocuments(undefined);\n    }\n  }, [\n    currentNode,\n    ownerRoot,\n    protectRoot,\n    sharedRoot,\n    publicRoot,\n    searchTerm,\n    sortOrder,\n  ]);\n\n  const handleSearchChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setSearchTerm(e.target.value);\n    },\n    [setSearchTerm],\n  );\n\n  function compare(a: string, b: string) {\n    if (!a) return -1;\n    if (!b) return 1;\n    return a.localeCompare(b);\n  }\n\n  function getSortOrderLabel() {\n    return sortOrder[0] === 'name'\n      ? sortOrder[1] === 'asc'\n        ? t('sort.order.alpha.asc')\n        : t('sort.order.alpha.desc')\n      : t('sort.order.modify.desc');\n  }\n\n  function handleSelectDoc(doc: WorkspaceElement) {\n    let currentDocuments = [...selectedDocuments];\n    if (!multiple) {\n      currentDocuments = [doc];\n    } else if (currentDocuments.includes(doc)) {\n      currentDocuments = currentDocuments.filter(\n        (selectedDocument) => selectedDocument._id !== doc._id,\n      );\n    } else {\n      currentDocuments = [...currentDocuments, doc];\n    }\n    setSelectedDocuments(currentDocuments);\n    onSelect(currentDocuments);\n  }\n\n  const workspace = clsx('workspace flex-grow-1 gap-0', className);\n\n  return (\n    <Grid className={workspace}>\n      <Grid.Col\n        sm=\"12\"\n        md=\"3\"\n        xl=\"4\"\n        className=\"workspace-folders p-12 pt-0 gap-12\"\n      >\n        <div style={{ position: 'sticky', top: 0, paddingTop: '1.2rem' }}>\n          <TreeView\n            ref={ownerRef}\n            data={ownerRoot}\n            onTreeItemSelect={(nodeId) => selectAndLoadContent('owner', nodeId)}\n            onTreeItemUnfold={(nodeId) => selectAndLoadContent('owner', nodeId)}\n          />\n          <TreeView\n            ref={sharedRef}\n            data={sharedRoot}\n            onTreeItemSelect={(nodeId) =>\n              selectAndLoadContent('shared', nodeId)\n            }\n            onTreeItemUnfold={(nodeId) =>\n              selectAndLoadContent('shared', nodeId)\n            }\n          />\n          <TreeView\n            ref={protectRef}\n            data={protectRoot}\n            onTreeItemSelect={(nodeId) =>\n              selectAndLoadContent('protected', nodeId)\n            }\n            onTreeItemUnfold={(nodeId) =>\n              selectAndLoadContent('protected', nodeId)\n            }\n          />\n          {showPublicFolder && (\n            <TreeView\n              ref={publicRef}\n              data={publicRoot}\n              onTreeItemSelect={(nodeId) =>\n                selectAndLoadContent('public', nodeId)\n              }\n              onTreeItemUnfold={(nodeId) =>\n                selectAndLoadContent('public', nodeId)\n              }\n            />\n          )}\n        </div>\n      </Grid.Col>\n      <Grid.Col sm=\"12\" md=\"5\" xl=\"8\">\n        <Grid className=\"flex-grow-1 gap-0\">\n          <Grid.Col sm=\"4\" md=\"8\" xl=\"12\">\n            <div className=\"workspace-search px-16 py-8 \">\n              <SearchBar\n                isVariant={true}\n                className=\"gap-16\"\n                onChange={handleSearchChange}\n              />\n            </div>\n            <div className=\"d-flex align-items-center justify-content-end px-8 py-4\">\n              <small className=\"text-muted\">\n                {t('workspace.search.order')}\n              </small>\n              <Dropdown>\n                <Dropdown.Trigger\n                  size=\"sm\"\n                  label={getSortOrderLabel()}\n                  variant=\"ghost\"\n                />\n                <Dropdown.Menu>\n                  <Dropdown.Item\n                    icon={<Icon name=\"sort-time\" />}\n                    onClick={() => setSortOrder(['modified', 'desc'])}\n                  >\n                    {t('sort.order.modify.desc')}\n                  </Dropdown.Item>\n                  <Dropdown.Item\n                    icon={<Icon name=\"sort-ascending-letters\" />}\n                    onClick={() => setSortOrder(['name', 'asc'])}\n                  >\n                    {t('sort.order.alpha.asc')}\n                  </Dropdown.Item>\n                  <Dropdown.Item\n                    icon={<Icon name=\"sort-descending-letters\" />}\n                    onClick={() => setSortOrder(['name', 'desc'])}\n                  >\n                    {t('sort.order.alpha.desc')}\n                  </Dropdown.Item>\n                </Dropdown.Menu>\n              </Dropdown>\n            </div>\n          </Grid.Col>\n          <Grid.Col sm=\"4\" md=\"8\" xl=\"12\" className=\"p-8 gap-8\">\n            {!documents ? (\n              <LoadingScreen />\n            ) : documents.length !== 0 ? (\n              <div className=\"grid grid-workspace\">\n                {documents.map((doc) => {\n                  const isSelected = selectedDocuments.includes(doc);\n                  return (\n                    <FileCard\n                      key={doc._id}\n                      doc={doc}\n                      isSelected={isSelected}\n                      onClick={() => handleSelectDoc(doc)}\n                    />\n                  );\n                })}\n              </div>\n            ) : (\n              <EmptyScreen\n                imageSrc=\"/assets/themes/edifice-bootstrap/images/emptyscreen/illu-trash.svg\"\n                text={t('workspace.empty.docSpace')}\n                title={t('explorer.emptyScreen.trash.title')}\n              />\n            )}\n          </Grid.Col>\n        </Grid>\n      </Grid.Col>\n    </Grid>\n  );\n};\nexport default Workspace;\n"],"names":["Workspace","roles","onSelect","multiple","className","defaultFolder","showPublicFolder","t","useTranslation","root","ownerRoot","loadContent","loadOwnerDocs","useWorkspaceSearch","sharedRoot","loadSharedDocs","protectRoot","loadProtectedDocs","publicRoot","loadPublicDocs","ownerRef","useRef","sharedRef","protectRef","publicRef","currentFilter","setCurrentFilter","useState","currentNode","setCurrentNode","documents","setDocuments","searchTerm","setSearchTerm","sortOrder","setSortOrder","selectedDocuments","setSelectedDocuments","rootNodeFor","useCallback","filter","othersRef","Error","id","selectAndLoadContent","nodeId","targetNode","findTreeNode","node","forEach","otherRef","current","unselectAll","useEffect","ref","select","files","list","concat","f","name","indexOf","sortFunction","a","b","compare","modified","sort","undefined","handleSearchChange","e","target","value","localeCompare","getSortOrderLabel","handleSelectDoc","doc","currentDocuments","includes","selectedDocument","_id","workspace","clsx","jsxs","Grid","jsx","position","top","paddingTop","TreeView","SearchBar","Dropdown","Icon","length","map","isSelected","FileCard","EmptyScreen","LoadingScreen"],"mappings":"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"}

package/dist/multimedia.js

@@ -1,20 +1,21 @@
-import { default as default2 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default3 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default4 } from "./modules/multimedia/Linker/InternalLinker.js";
-import { default as default5 } from "./modules/multimedia/Linker/ExternalLinker.js";
-import { default as default6 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default7 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default8 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default9 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { LinkerCard } from "./modules/multimedia/LinkerCard/LinkerCard.js";
+import { default as o } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as t } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as d } from "./modules/multimedia/Linker/InternalLinker.js";
+import { default as l } from "./modules/multimedia/Linker/ExternalLinker.js";
+import { default as x } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as u } from "./modules/multimedia/Embed/Embed.js";
+import { default as n } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as L } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { LinkerCard as E } from "./modules/multimedia/LinkerCard/LinkerCard.js";
 export {
-  default6 as AudioRecorder,
-  default7 as Embed,
-  default5 as ExternalLinker,
-  default8 as ImageEditor,
-  default4 as InternalLinker,
-  LinkerCard,
-  default9 as MediaLibrary,
-  default3 as VideoRecorder,
-  default2 as Workspace
+  x as AudioRecorder,
+  u as Embed,
+  l as ExternalLinker,
+  n as ImageEditor,
+  d as InternalLinker,
+  E as LinkerCard,
+  L as MediaLibrary,
+  t as VideoRecorder,
+  o as Workspace
 };
+//# sourceMappingURL=multimedia.js.map

package/dist/multimedia.js.map

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

package/dist/portal/Header/Badge.js

@@ -1,9 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-function Badge({
-  children
+import { jsx as o } from "react/jsx-runtime";
+function e({
+  children: n
 }) {
-  return /* @__PURE__ */ jsx("span", { className: "position-absolute badge rounded-pill bg-warning", children });
+  return /* @__PURE__ */ o("span", { className: "position-absolute badge rounded-pill bg-warning", children: n });
 }
 export {
-  Badge
+  e as Badge
 };
+//# sourceMappingURL=Badge.js.map

package/dist/portal/Header/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/portal/Header/Badge.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface BadgeProps {\n  children: ReactNode;\n}\n\nexport function Badge({ children }: BadgeProps) {\n  return (\n    <span className=\"position-absolute badge rounded-pill bg-warning\">\n      {children}\n    </span>\n  );\n}\n"],"names":["Badge","children","jsx"],"mappings":";AAMO,SAASA,EAAM;AAAA,EAAEC,UAAAA;AAAqB,GAAG;AAC9C,SACG,gBAAAC,EAAA,QAAA,EAAK,WAAU,mDACbD,UAAAA,EACH,CAAA;AAEJ;"}