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

package/dist/components/TreeView/utilities/treeview.js

@@ -1 +1,177 @@
-import{FOLDER}from"@edifice.io/client";function findTreeNode(root,predicate){if(predicate(root))return root;if(Array.isArray(root.children))for(let child of root.children){let found=findTreeNode(child,predicate);if(found)return found}}function findNodeById(data,id){if(Array.isArray(data))for(let node of data){let result=findNodeById(node,id);if(result)return result}else{if(data.id===id)return data;if(data.children)for(let child of data.children){let result=findNodeById(child,id);if(result)return result}}}function addNode(node,{parentId,newFolder}){return modifyNode(node,node=>{if(node.id===parentId){let ancestors=arrayUnique([...node.folder?.ancestors||[],node.id]);return{...node,children:[...node.children||[],new TreeNodeFolderWrapper({...newFolder,ancestors})]}}else return node})}function arrayUnique(array){return array.filter((item,index)=>array.indexOf(item)===index)}function deleteNode(node,{folders}){return modifyNode(node,node=>{if(!folders.includes(node.id))return node})}var findParentNode=(parentNode,childId)=>{if(parentNode.children)for(let child of parentNode.children){if(child.id===childId)return parentNode;let foundNode=findParentNode(child,childId);if(foundNode)return foundNode}};function getAncestors(data,folderId){let findItem=findNodeById(data,folderId);return findItem?.folder?.ancestors?[...findItem?.folder.ancestors||[],folderId]:folderId===FOLDER.BIN?[FOLDER.BIN]:[FOLDER.DEFAULT]}function hasChildren(folderId,data){return data.id===folderId&&data.children?data.children.length>0:data.children?data.children.some(child=>hasChildren(folderId,child)):!1}function modifyNode(data,callback){return doModify(data,callback)||data}function doModify(current,callback,parent){let result=callback(current,parent);if(result?.children?.length){let children=[];for(let child of result?.children||[]){let res=doModify(child,callback,result);res&&children.push(res)}return{...result,children}}return result}function moveNode(node,{destinationId,folders}){let root=node;return modifyNode(node,(node,parent)=>{if(destinationId===node.id){let ancestors=arrayUnique([...node.folder?.ancestors||[],node.id]),newChildren=[...node.children||[]],childrenIds=node.children?.map(child=>child.id)||[];for(let folder of folders)if(!childrenIds.includes(folder)){let item=findNodeById(root,folder);item&&newChildren.push({...item,folder:{...item?.folder,ancestors}})}return{...node,children:newChildren}}else if(folders.includes(node.id)&&destinationId!==parent?.id)return;else return node})}var wrapTreeNode=(node,folders,parentId)=>modifyNode(node,node=>(node.id===parentId&&(node.children=folders?.map(e=>new TreeNodeFolderWrapper(e))),node));function updateNode(node,{folderId,newFolder}){return modifyNode(node,node=>node.id===folderId?new TreeNodeFolderWrapper(newFolder):node)}function findPathById(tree,nodeId){let path=[];function traverse(node,currentPath){if(node.id===nodeId)return path=currentPath.concat(node.id),!0;if(node.children){for(let child of node.children)if(traverse(child,currentPath.concat(node.id)))return!0}return!1}function startTraverse(nodes){if(Array.isArray(nodes)){for(let node of nodes)if(traverse(node,[]))break}else traverse(nodes,[])}return startTraverse(tree),path}var TreeNodeFolderWrapper=class{folder;constructor(folder){this.folder=folder,this.id=folder.id,this.name=folder.name,this.childNumber=folder.childNumber}id;name;childNumber;section=!1;children=[]};export{TreeNodeFolderWrapper,addNode,arrayUnique,deleteNode,findNodeById,findParentNode,findPathById,findTreeNode,getAncestors,hasChildren,modifyNode,moveNode,updateNode,wrapTreeNode};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { FOLDER } from "@edifice.io/client";
+function findTreeNode(root, predicate) {
+  if (predicate(root)) return root;
+  if (Array.isArray(root.children))
+    for (const child of root.children) {
+      const found = findTreeNode(child, predicate);
+      if (found) return found;
+    }
+}
+function findNodeById(data, id) {
+  if (Array.isArray(data))
+    for (const node of data) {
+      const result = findNodeById(node, id);
+      if (result)
+        return result;
+    }
+  else {
+    if (data.id === id) return data;
+    if (data.children)
+      for (const child of data.children) {
+        const result = findNodeById(child, id);
+        if (result)
+          return result;
+      }
+  }
+}
+function addNode(node, {
+  parentId,
+  newFolder
+}) {
+  return modifyNode(node, (node2) => {
+    var _a;
+    if (node2.id === parentId) {
+      const parentAncestors = [...((_a = node2.folder) == null ? void 0 : _a.ancestors) || []], ancestors = arrayUnique([...parentAncestors, node2.id]);
+      return {
+        ...node2,
+        children: [...node2.children || [], new TreeNodeFolderWrapper({
+          ...newFolder,
+          ancestors
+        })]
+      };
+    } else
+      return node2;
+  });
+}
+function arrayUnique(array) {
+  return array.filter((item, index) => array.indexOf(item) === index);
+}
+function deleteNode(node, {
+  folders
+}) {
+  return modifyNode(node, (node2) => {
+    if (!folders.includes(node2.id))
+      return node2;
+  });
+}
+const findParentNode = (parentNode, childId) => {
+  if (parentNode.children)
+    for (const child of parentNode.children) {
+      if (child.id === childId)
+        return parentNode;
+      const foundNode = findParentNode(child, childId);
+      if (foundNode)
+        return foundNode;
+    }
+};
+function getAncestors(data, folderId) {
+  var _a;
+  const findItem = findNodeById(data, folderId);
+  return (_a = findItem == null ? void 0 : findItem.folder) != null && _a.ancestors ? [...(findItem == null ? void 0 : findItem.folder.ancestors) || [], folderId] : folderId === FOLDER.BIN ? [FOLDER.BIN] : [FOLDER.DEFAULT];
+}
+function hasChildren(folderId, data) {
+  return data.id === folderId && data.children ? data.children.length > 0 : data.children ? data.children.some((child) => hasChildren(data.id, child)) : !1;
+}
+function modifyNode(data, callback) {
+  return doModify(data, callback) || data;
+}
+function doModify(current, callback, parent) {
+  var _a;
+  const result = callback(current, parent);
+  if ((_a = result == null ? void 0 : result.children) != null && _a.length) {
+    const children = [];
+    for (const child of (result == null ? void 0 : result.children) || []) {
+      const res = doModify(child, callback, result);
+      res && children.push(res);
+    }
+    return {
+      ...result,
+      children
+    };
+  }
+  return result;
+}
+function moveNode(node, {
+  destinationId,
+  folders
+}) {
+  return modifyNode(node, (node2, parent) => {
+    var _a, _b;
+    if (destinationId === node2.id) {
+      const parentAncestors = [...((_a = node2.folder) == null ? void 0 : _a.ancestors) || []], ancestors = arrayUnique([...parentAncestors, node2.id]), newChildren = [...node2.children || []], childrenIds = ((_b = node2.children) == null ? void 0 : _b.map((child) => child.id)) || [];
+      for (const folder of folders)
+        if (!childrenIds.includes(folder)) {
+          const item = findNodeById(node2, folder);
+          item && newChildren.push({
+            ...item,
+            folder: {
+              ...item == null ? void 0 : item.folder,
+              ancestors
+            }
+          });
+        }
+      return {
+        ...node2,
+        children: newChildren
+      };
+    } else return folders.includes(node2.id) && destinationId !== (parent == null ? void 0 : parent.id) ? void 0 : node2;
+  });
+}
+const wrapTreeNode = (node, folders, parentId) => modifyNode(node, (node2) => (node2.id === parentId && (node2.children = folders == null ? void 0 : folders.map((e) => new TreeNodeFolderWrapper(e))), node2));
+function updateNode(node, {
+  folderId,
+  newFolder
+}) {
+  return modifyNode(node, (node2) => node2.id === folderId ? new TreeNodeFolderWrapper(newFolder) : node2);
+}
+function findPathById(tree, nodeId) {
+  let path = [];
+  function traverse(node, currentPath) {
+    if (node.id === nodeId)
+      return path = currentPath.concat(node.id), !0;
+    if (node.children) {
+      for (const child of node.children)
+        if (traverse(child, currentPath.concat(node.id)))
+          return !0;
+    }
+    return !1;
+  }
+  function startTraverse(nodes) {
+    if (Array.isArray(nodes)) {
+      for (const node of nodes)
+        if (traverse(node, []))
+          break;
+    } else
+      traverse(nodes, []);
+  }
+  return startTraverse(tree), path;
+}
+class TreeNodeFolderWrapper {
+  constructor(folder) {
+    __publicField(this, "id");
+    __publicField(this, "name");
+    __publicField(this, "childNumber");
+    __publicField(this, "section", !1);
+    __publicField(this, "children", []);
+    this.folder = folder, this.id = folder.id, this.name = folder.name, this.childNumber = folder.childNumber;
+  }
+}
+export {
+  TreeNodeFolderWrapper,
+  addNode,
+  arrayUnique,
+  deleteNode,
+  findNodeById,
+  findParentNode,
+  findPathById,
+  findTreeNode,
+  getAncestors,
+  hasChildren,
+  modifyNode,
+  moveNode,
+  updateNode,
+  wrapTreeNode
+};

package/dist/components/UserRightsList/SaveBookmark.js

@@ -1 +1,29 @@
-import SvgIconSave from"../../modules/icons/components/IconSave.js";import Button from"../Button/Button.js";import FormControl from"../Form/FormControl.js";import{useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var SaveBookmark=({onSave})=>{let[bookmarkName,setBookmarkName]=useState(``),[isSaving,setIsSaving]=useState(!1),{t}=useTranslation();return jsx(`div`,{className:`mt-16`,children:jsxs(FormControl,{id:`bookmarkName`,className:`d-flex flex-wrap align-items-center gap-16`,children:[jsx(`div`,{className:`flex-fill`,children:jsx(FormControl.Input,{"data-testid":`common-save-bookmark-name-input`,value:bookmarkName,onChange:e=>{setBookmarkName(e.target.value)},placeholder:t(`explorer.modal.share.sharebookmark.placeholder`),size:`sm`,type:`text`})}),jsx(Button,{"data-testid":`common-save-bookmark-save-button`,color:`primary`,variant:`ghost`,disabled:bookmarkName.length===0||isSaving,leftIcon:jsx(SvgIconSave,{}),onClick:async()=>{setIsSaving(!0);try{await onSave(bookmarkName),setBookmarkName(``)}finally{setIsSaving(!1)}},className:`text-nowrap`,isLoading:isSaving,children:t(`explorer.modal.share.sharebookmark.save`)})]})})};export{SaveBookmark};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconSave from "../../modules/icons/components/IconSave.js";
+import FormControl from "../Form/FormControl.js";
+import Button from "../Button/Button.js";
+const SaveBookmark = ({
+  onSave
+}) => {
+  const [bookmarkName, setBookmarkName] = useState(""), [isSaving, setIsSaving] = useState(!1), {
+    t
+  } = useTranslation(), handleBookmarkNameChange = (e) => {
+    setBookmarkName(e.target.value);
+  }, handleSaveClick = async () => {
+    setIsSaving(!0);
+    try {
+      await onSave(bookmarkName), setBookmarkName("");
+    } finally {
+      setIsSaving(!1);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "mt-16", children: /* @__PURE__ */ jsxs(FormControl, { id: "bookmarkName", className: "d-flex flex-wrap align-items-center gap-16", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-fill", children: /* @__PURE__ */ jsx(FormControl.Input, { "data-testid": "common-save-bookmark-name-input", value: bookmarkName, onChange: handleBookmarkNameChange, placeholder: t("explorer.modal.share.sharebookmark.placeholder"), size: "sm", type: "text" }) }),
+    /* @__PURE__ */ jsx(Button, { "data-testid": "common-save-bookmark-save-button", color: "primary", variant: "ghost", disabled: bookmarkName.length === 0 || isSaving, leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), onClick: handleSaveClick, className: "text-nowrap", isLoading: isSaving, children: t("explorer.modal.share.sharebookmark.save") })
+  ] }) });
+};
+export {
+  SaveBookmark
+};

package/dist/components/UserRightsList/UserRightsBookmarkRow.js

@@ -1 +1,30 @@
-import SvgIconBookmark from"../../modules/icons/components/IconBookmark.js";import SvgIconClose from"../../modules/icons/components/IconClose.js";import SvgIconRafterDown from"../../modules/icons/components/IconRafterDown.js";import Button from"../Button/Button.js";import IconButton from"../Button/IconButton.js";import Checkbox from"../Checkbox/Checkbox.js";import{getRotateTransitionStyle}from"../../utilities/rotate-transition-style/get-rotate-transition-style.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var UserRightsBookmarkRow=({bookmark,resourceRights,isReadOnly,onToggleRight,onDelete,onToggleExpand})=>{let{t}=useTranslation();return jsxs(`tr`,{"data-testid":`user-rights-list-bookmark-row`,children:[jsx(`td`,{children:jsx(SvgIconBookmark,{})}),jsx(`td`,{children:jsx(Button,{color:`tertiary`,variant:`ghost`,className:`fw-normal ps-0`,"aria-expanded":bookmark.isExpanded,rightIcon:jsx(SvgIconRafterDown,{title:bookmark.isExpanded?t(`hide`):t(`show`),className:`w-16 min-w-0`,style:getRotateTransitionStyle(bookmark.isExpanded)}),onClick:()=>onToggleExpand(bookmark.id),children:bookmark.name})}),Object.entries(resourceRights).map(([rightName,rightDef])=>jsx(`td`,{children:jsx(Checkbox,{checked:bookmark.permission.includes(rightName),onChange:()=>onToggleRight(bookmark.id,rightName),disabled:isReadOnly||rightDef.isReadOnlyCheckbox,"aria-label":`${bookmark.name} - ${rightName}`,"data-testid":`user-rights-list-bookmark-${rightName}-checkbox`})},rightName)),jsx(`td`,{children:!isReadOnly&&jsx(IconButton,{"data-testid":`user-rights-list-bookmark-close-button`,color:`tertiary`,onClick:()=>onDelete(bookmark.id),icon:jsx(SvgIconClose,{}),title:`${t(`close`)} ${bookmark.name}`,variant:`ghost`})})]})};export{UserRightsBookmarkRow as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconBookmark from "../../modules/icons/components/IconBookmark.js";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import SvgIconRafterDown from "../../modules/icons/components/IconRafterDown.js";
+import Button from "../Button/Button.js";
+import Checkbox from "../Checkbox/Checkbox.js";
+import IconButton from "../Button/IconButton.js";
+import { getRotateTransitionStyle } from "../../utilities/rotate-transition-style/get-rotate-transition-style.js";
+const UserRightsBookmarkRow = ({
+  bookmark,
+  resourceRights,
+  isReadOnly,
+  onToggleRight,
+  onDelete,
+  onToggleExpand
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs("tr", { "data-testid": "user-rights-list-bookmark-row", children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(SvgIconBookmark, {}) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", className: "fw-normal ps-0", "aria-expanded": bookmark.isExpanded, rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: bookmark.isExpanded ? t("hide") : t("show"), className: "w-16 min-w-0", style: getRotateTransitionStyle(bookmark.isExpanded) }), onClick: () => onToggleExpand(bookmark.id), children: bookmark.name }) }),
+    Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Checkbox, { checked: bookmark.permission.includes(rightName), onChange: () => onToggleRight(bookmark.id, rightName), disabled: isReadOnly || rightDef.isReadOnlyCheckbox, "aria-label": `${bookmark.name} - ${rightName}`, "data-testid": `user-rights-list-bookmark-${rightName}-checkbox` }) }, rightName)),
+    /* @__PURE__ */ jsx("td", { children: !isReadOnly && /* @__PURE__ */ jsx(IconButton, { "data-testid": "user-rights-list-bookmark-close-button", color: "tertiary", onClick: () => onDelete(bookmark.id), icon: /* @__PURE__ */ jsx(SvgIconClose, {}), title: `${t("close")} ${bookmark.name}`, variant: "ghost" }) })
+  ] });
+};
+export {
+  UserRightsBookmarkRow as default
+};

package/dist/components/UserRightsList/UserRightsItem.js

@@ -1 +1,36 @@
-import SvgIconClose from"../../modules/icons/components/IconClose.js";import IconButton from"../Button/IconButton.js";import useDirectory from"../../hooks/useDirectory/useDirectory.js";import Checkbox from"../Checkbox/Checkbox.js";import Avatar from"../Avatar/Avatar.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var UserRightsItem=({item,resourceRights,isReadOnly,isDeletable=!0,rowClassName,bookmarkName,onChange,onDeleteItem})=>{let{getAvatarURL}=useDirectory(),{t}=useTranslation(),handleChange=rightName=>{onChange?.(item,rightName)},handleDeleteItem=()=>{onDeleteItem?.(item)};return jsxs(`tr`,{"data-testid":`user-rights-list-item-row`,className:rowClassName,"aria-label":bookmarkName?`${item.displayName} - ${bookmarkName}`:void 0,children:[jsx(`td`,{children:jsx(Avatar,{src:getAvatarURL(item.recipientId,item.recipientType),size:`xs`,alt:item.displayName,variant:`circle`})}),jsx(`td`,{children:item.displayName}),Object.entries(resourceRights).map(([rightName,rightDef])=>jsx(`td`,{"data-testid":`user-rights-list-item-${rightName}-checkbox`,children:jsx(Checkbox,{checked:item.permission.includes(rightName),onChange:isReadOnly||rightDef.isReadOnlyCheckbox?void 0:()=>handleChange(rightName),disabled:isReadOnly||rightDef.isReadOnlyCheckbox,"aria-label":`${item.displayName} - ${rightName}`})},rightName)),jsx(`td`,{children:!isReadOnly&&isDeletable&&jsx(IconButton,{"data-testid":`user-rights-list-close-button`,color:`tertiary`,onClick:()=>handleDeleteItem(),icon:jsx(SvgIconClose,{}),title:`${t(`close`)} ${item.displayName}`,variant:`ghost`,type:`button`})})]})};export{UserRightsItem as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import useDirectory from "../../hooks/useDirectory/useDirectory.js";
+import Avatar from "../Avatar/Avatar.js";
+import Checkbox from "../Checkbox/Checkbox.js";
+import IconButton from "../Button/IconButton.js";
+const UserRightsItem = ({
+  item,
+  resourceRights,
+  isReadOnly,
+  isDeletable = !0,
+  rowClassName,
+  bookmarkName,
+  onChange,
+  onDeleteItem
+}) => {
+  const {
+    getAvatarURL
+  } = useDirectory(), {
+    t
+  } = useTranslation(), handleChange = (rightName) => {
+    onChange == null || onChange(item, rightName);
+  }, handleDeleteItem = () => {
+    onDeleteItem == null || onDeleteItem(item);
+  };
+  return /* @__PURE__ */ jsxs("tr", { "data-testid": "user-rights-list-item-row", className: rowClassName, "aria-label": bookmarkName ? `${item.displayName} - ${bookmarkName}` : void 0, children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Avatar, { src: getAvatarURL(item.recipientId, item.recipientType), size: "xs", alt: item.displayName, variant: "circle" }) }),
+    /* @__PURE__ */ jsx("td", { children: item.displayName }),
+    Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("td", { "data-testid": `user-rights-list-item-${rightName}-checkbox`, children: /* @__PURE__ */ jsx(Checkbox, { checked: item.permission.includes(rightName), onChange: isReadOnly || rightDef.isReadOnlyCheckbox ? void 0 : () => handleChange(rightName), disabled: isReadOnly || rightDef.isReadOnlyCheckbox, "aria-label": `${item.displayName} - ${rightName}` }) }, rightName)),
+    /* @__PURE__ */ jsx("td", { children: !isReadOnly && isDeletable && /* @__PURE__ */ jsx(IconButton, { "data-testid": "user-rights-list-close-button", color: "tertiary", onClick: () => handleDeleteItem(), icon: /* @__PURE__ */ jsx(SvgIconClose, {}), title: `${t("close")} ${item.displayName}`, variant: "ghost", type: "button" }) })
+  ] });
+};
+export {
+  UserRightsItem as default
+};

package/dist/components/UserRightsList/UserRightsList.js

@@ -1 +1,94 @@
-import SvgIconBookmark from"../../modules/icons/components/IconBookmark.js";import SvgIconRafterDown from"../../modules/icons/components/IconRafterDown.js";import Button from"../Button/Button.js";import{useEdificeClient}from"../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import{getRotateTransitionStyle}from"../../utilities/rotate-transition-style/get-rotate-transition-style.js";import LoadingScreen from"../LoadingScreen/LoadingScreen.js";import VisuallyHidden from"../VisuallyHidden/VisuallyHidden.js";import{createRightsHelpers}from"./helpers/rightsHelpers.js";import{useBookmarkEntries}from"./hooks/useBookmarkEntries.js";import{useSharingItems}from"./hooks/useSharingItems.js";import{SaveBookmark}from"./SaveBookmark.js";import{isBookmarkInput}from"./types/types.js";import UserRightsBookmarkRow from"./UserRightsBookmarkRow.js";import UserRightsItem from"./UserRightsItem.js";import{Fragment,forwardRef,useImperativeHandle,useMemo,useRef,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var UserRightsList=forwardRef(({resourceRights,isReadOnly=!0,isLoading=!1,ownerId,isCreating=!1,initialSharings=[],onChange,onAddItems,onDeleteItems,onSaveBookmark},ref)=>{let[showBookmarkInput,setBookmarkInput]=useState(!1),tableRef=useRef(null),{t}=useTranslation(),{user}=useEdificeClient(),{applyRight,toggleRight,getOwnerItem}=useMemo(()=>createRightsHelpers(resourceRights),[resourceRights]),ownerItem=getOwnerItem(ownerId,user,isCreating),sharingItems=useSharingItems({initialSharings,toggleRight,applyRight,onChange,onAddItems,onDeleteItems}),itemsByRecipientId=useMemo(()=>new Map(sharingItems.items.map(item=>[item.recipientId,item])),[sharingItems.items]),bookmarks=useBookmarkEntries({resourceRights,existingRecipientIds:useMemo(()=>new Set(itemsByRecipientId.keys()),[itemsByRecipientId]),toggleRight,addItems:sharingItems.addItems,deleteItemsByIds:sharingItems.deleteItemsByIds,applyRightToIds:sharingItems.applyRightToIds}),regularItems=useMemo(()=>sharingItems.items.filter(item=>!bookmarks.bookmarkUserIds.has(item.recipientId)),[sharingItems.items,bookmarks.bookmarkUserIds]),focusTable=()=>{tableRef.current?.focus()},handleAddItem=item=>{isBookmarkInput(item)?bookmarks.addBookmark(item):sharingItems.addItem(item)},handleDeleteItem=item=>{sharingItems.deleteItem(item),focusTable()},handleDeleteBookmark=bookmarkId=>{bookmarks.deleteBookmark(bookmarkId),focusTable()},handleOnSaveBookmark=bookmarkName=>onSaveBookmark?onSaveBookmark(bookmarkName,sharingItems.items):Promise.resolve(),toggleBookmarkInput=()=>{setBookmarkInput(prev=>!prev)};return useImperativeHandle(ref,()=>({addItem:handleAddItem})),jsx(`div`,{className:`user-rights-list`,children:isLoading?jsx(LoadingScreen,{}):jsxs(Fragment$1,{children:[jsx(`div`,{className:`table-responsive`,children:jsxs(`table`,{ref:tableRef,tabIndex:-1,className:`table border align-middle`,children:[jsx(`thead`,{children:jsxs(`tr`,{children:[jsx(`th`,{scope:`col`,className:`w-32`,children:jsx(VisuallyHidden,{children:t(`explorer.modal.share.avatar.shared.alt`)})}),jsx(`th`,{scope:`col`,children:jsx(VisuallyHidden,{children:t(`explorer.modal.share.search.placeholder`)})}),Object.entries(resourceRights).map(([rightName,rightDef])=>jsx(`th`,{children:rightDef.displayName??rightName},rightName)),!isReadOnly&&jsx(`th`,{scope:`col`,children:jsx(VisuallyHidden,{children:t(`close`)})})]})}),jsxs(`tbody`,{children:[jsx(UserRightsItem,{item:ownerItem,resourceRights,isReadOnly:!0},ownerItem?.recipientId),bookmarks.bookmarkEntries.map(bookmark=>jsxs(Fragment,{children:[jsx(UserRightsBookmarkRow,{bookmark,resourceRights,isReadOnly,onToggleRight:bookmarks.toggleBookmarkRight,onDelete:handleDeleteBookmark,onToggleExpand:bookmarks.toggleExpand}),bookmark.isExpanded&&bookmark.userIds.map(userId=>{let item=itemsByRecipientId.get(userId);return item?jsx(UserRightsItem,{item,resourceRights,isReadOnly,isDeletable:!1,rowClassName:`bg-light`,bookmarkName:bookmark.name,onChange:sharingItems.changeRight},item.recipientId):null})]},bookmark.id)),regularItems.map(item=>jsx(UserRightsItem,{item,resourceRights,isReadOnly:isReadOnly||ownerItem?.recipientId===item.recipientId,onChange:sharingItems.changeRight,onDeleteItem:handleDeleteItem},item.recipientId))]})]})}),onSaveBookmark&&jsxs(`div`,{className:`mt-16`,children:[jsx(Button,{"data-testid":`common-user-rights-list-share-bookmark-show-button`,color:`tertiary`,leftIcon:jsx(SvgIconBookmark,{}),rightIcon:jsx(SvgIconRafterDown,{title:t(`show`),className:`w-16 min-w-0`,style:getRotateTransitionStyle(showBookmarkInput)}),type:`button`,variant:`ghost`,className:`fw-normal`,onClick:()=>toggleBookmarkInput(),children:t(`share.save.sharebookmark`)}),showBookmarkInput&&jsx(SaveBookmark,{onSave:handleOnSaveBookmark})]})]})})});export{UserRightsList};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useMemo, useImperativeHandle, Fragment as Fragment$1 } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconBookmark from "../../modules/icons/components/IconBookmark.js";
+import SvgIconRafterDown from "../../modules/icons/components/IconRafterDown.js";
+import { createRightsHelpers } from "./helpers/rightsHelpers.js";
+import { useBookmarkEntries } from "./hooks/useBookmarkEntries.js";
+import { useSharingItems } from "./hooks/useSharingItems.js";
+import { SaveBookmark } from "./SaveBookmark.js";
+import { isBookmarkInput } from "./types/types.js";
+import UserRightsBookmarkRow from "./UserRightsBookmarkRow.js";
+import UserRightsItem from "./UserRightsItem.js";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
+import VisuallyHidden from "../VisuallyHidden/VisuallyHidden.js";
+import Button from "../Button/Button.js";
+import { getRotateTransitionStyle } from "../../utilities/rotate-transition-style/get-rotate-transition-style.js";
+const UserRightsList = /* @__PURE__ */ forwardRef(({
+  resourceRights,
+  isReadOnly = !0,
+  isLoading = !1,
+  ownerId,
+  isCreating = !1,
+  initialSharings = [],
+  onChange,
+  onAddItems,
+  onDeleteItems,
+  onSaveBookmark
+}, ref) => {
+  const [showBookmarkInput, setBookmarkInput] = useState(!1), tableRef = useRef(null), {
+    t
+  } = useTranslation(), {
+    user
+  } = useEdificeClient(), {
+    applyRight,
+    toggleRight,
+    getOwnerItem
+  } = useMemo(() => createRightsHelpers(resourceRights), [resourceRights]), ownerItem = getOwnerItem(ownerId, user, isCreating), sharingItems = useSharingItems({
+    initialSharings,
+    toggleRight,
+    applyRight,
+    onChange,
+    onAddItems,
+    onDeleteItems
+  }), itemsByRecipientId = useMemo(() => new Map(sharingItems.items.map((item) => [item.recipientId, item])), [sharingItems.items]), existingRecipientIds = useMemo(() => new Set(itemsByRecipientId.keys()), [itemsByRecipientId]), bookmarks = useBookmarkEntries({
+    resourceRights,
+    existingRecipientIds,
+    toggleRight,
+    addItems: sharingItems.addItems,
+    deleteItemsByIds: sharingItems.deleteItemsByIds,
+    applyRightToIds: sharingItems.applyRightToIds
+  }), regularItems = useMemo(() => sharingItems.items.filter((item) => !bookmarks.bookmarkUserIds.has(item.recipientId)), [sharingItems.items, bookmarks.bookmarkUserIds]), focusTable = () => {
+    var _a;
+    (_a = tableRef.current) == null || _a.focus();
+  }, handleAddItem = (item) => {
+    isBookmarkInput(item) ? bookmarks.addBookmark(item) : sharingItems.addItem(item);
+  }, handleDeleteItem = (item) => {
+    sharingItems.deleteItem(item), focusTable();
+  }, handleDeleteBookmark = (bookmarkId) => {
+    bookmarks.deleteBookmark(bookmarkId), focusTable();
+  }, handleOnSaveBookmark = (bookmarkName) => onSaveBookmark ? onSaveBookmark(bookmarkName, sharingItems.items) : Promise.resolve(), toggleBookmarkInput = () => {
+    setBookmarkInput((prev) => !prev);
+  };
+  return useImperativeHandle(ref, () => ({
+    addItem: handleAddItem
+  })), /* @__PURE__ */ jsx("div", { className: "user-rights-list", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "table-responsive", children: /* @__PURE__ */ jsxs("table", { ref: tableRef, tabIndex: -1, className: "table border align-middle", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "w-32", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.avatar.shared.alt") }) }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("explorer.modal.share.search.placeholder") }) }),
+        Object.entries(resourceRights).map(([rightName, rightDef]) => /* @__PURE__ */ jsx("th", { children: rightDef.displayName ?? rightName }, rightName)),
+        !isReadOnly && /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        /* @__PURE__ */ jsx(UserRightsItem, { item: ownerItem, resourceRights, isReadOnly: !0 }, ownerItem == null ? void 0 : ownerItem.recipientId),
+        bookmarks.bookmarkEntries.map((bookmark) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(UserRightsBookmarkRow, { bookmark, resourceRights, isReadOnly, onToggleRight: bookmarks.toggleBookmarkRight, onDelete: handleDeleteBookmark, onToggleExpand: bookmarks.toggleExpand }),
+          bookmark.isExpanded && bookmark.userIds.map((userId) => {
+            const item = itemsByRecipientId.get(userId);
+            return item ? /* @__PURE__ */ jsx(UserRightsItem, { item, resourceRights, isReadOnly, isDeletable: !1, rowClassName: "bg-light", bookmarkName: bookmark.name, onChange: sharingItems.changeRight }, item.recipientId) : null;
+          })
+        ] }, bookmark.id)),
+        regularItems.map((item) => /* @__PURE__ */ jsx(UserRightsItem, { item, resourceRights, isReadOnly: isReadOnly || (ownerItem == null ? void 0 : ownerItem.recipientId) === item.recipientId, onChange: sharingItems.changeRight, onDeleteItem: handleDeleteItem }, item.recipientId))
+      ] })
+    ] }) }),
+    onSaveBookmark && /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
+      /* @__PURE__ */ jsx(Button, { "data-testid": "common-user-rights-list-share-bookmark-show-button", color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconBookmark, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: getRotateTransitionStyle(showBookmarkInput) }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(), children: t("share.save.sharebookmark") }),
+      showBookmarkInput && /* @__PURE__ */ jsx(SaveBookmark, { onSave: handleOnSaveBookmark })
+    ] })
+  ] }) });
+});
+export {
+  UserRightsList
+};

package/dist/components/UserRightsList/helpers/rightsHelpers.js

@@ -1 +1,53 @@
-var createRightsHelpers=resourceRights=>{let getOwnerItem=(ownerId,user,isCreating)=>{if(!ownerId&&user&&isCreating||user&&ownerId===user.userId)return createOwnerItem(user);if(!ownerId)throw Error(`Owner ID or user is required`);return{recipientId:ownerId,recipientType:`user`,displayName:`owner`,permission:Object.keys(resourceRights)}},createOwnerItem=user=>({recipientId:user.userId??``,recipientType:`user`,displayName:user.username,permission:Object.keys(resourceRights)}),applyRight=(item,rightName,add)=>{let{requires,excludes}=resourceRights[rightName],newPermission;if(add)newPermission=[...new Set([...item.permission.filter(perm=>!excludes.includes(perm)),...requires,rightName])];else{let toRemove=new Set([rightName]),changed=!0;for(;changed;){changed=!1;for(let[name,definition]of Object.entries(resourceRights))!toRemove.has(name)&&definition.requires.some(required=>toRemove.has(required))&&(toRemove.add(name),changed=!0)}newPermission=item.permission.filter(perm=>!toRemove.has(perm))}return{...item,permission:newPermission}};return{applyRight,toggleRight:(item,rightName)=>applyRight(item,rightName,!item.permission.includes(rightName)),createOwnerItem,getOwnerItem}};export{createRightsHelpers};
+const createRightsHelpers = (resourceRights) => {
+  const getOwnerItem = (ownerId, user, isCreating) => {
+    if (!ownerId && user && isCreating || user && ownerId === user.userId)
+      return createOwnerItem(user);
+    if (!ownerId)
+      throw new Error("Owner ID or user is required");
+    return {
+      recipientId: ownerId,
+      recipientType: "user",
+      displayName: "owner",
+      permission: Object.keys(resourceRights)
+    };
+  }, createOwnerItem = (user) => ({
+    recipientId: user.userId ?? "",
+    recipientType: "user",
+    displayName: user.username,
+    permission: Object.keys(resourceRights)
+  }), applyRight = (item, rightName, add) => {
+    const {
+      requires,
+      excludes
+    } = resourceRights[rightName];
+    let newPermission;
+    if (add)
+      newPermission = [.../* @__PURE__ */ new Set([...item.permission.filter((perm) => !excludes.includes(perm)), ...requires, rightName])];
+    else {
+      const toRemove = /* @__PURE__ */ new Set([rightName]);
+      let changed = !0;
+      for (; changed; ) {
+        changed = !1;
+        for (const [name, definition] of Object.entries(resourceRights))
+          !toRemove.has(name) && definition.requires.some((required) => toRemove.has(required)) && (toRemove.add(name), changed = !0);
+      }
+      newPermission = item.permission.filter((perm) => !toRemove.has(perm));
+    }
+    return {
+      ...item,
+      permission: newPermission
+    };
+  };
+  return {
+    applyRight,
+    toggleRight: (item, rightName) => {
+      const hasRight = item.permission.includes(rightName);
+      return applyRight(item, rightName, !hasRight);
+    },
+    createOwnerItem,
+    getOwnerItem
+  };
+};
+export {
+  createRightsHelpers
+};

package/dist/components/UserRightsList/hooks/useBookmarkEntries.js

@@ -1 +1,58 @@
-import{useMemo,useState}from"react";var useBookmarkEntries=({resourceRights,existingRecipientIds,toggleRight,addItems,deleteItemsByIds,applyRightToIds})=>{let[bookmarkEntries,setBookmarkEntries]=useState([]),bookmarkUserIds=useMemo(()=>new Set(bookmarkEntries.flatMap(entry=>entry.userIds)),[bookmarkEntries]),getDefaultPermissions=()=>Object.entries(resourceRights).filter(([,definition])=>definition.default).map(([name])=>name);return{bookmarkEntries,bookmarkUserIds,addBookmark:bookmark=>{if(bookmarkEntries.some(entry=>entry.id===bookmark.id))return;let defaultPermissions=getDefaultPermissions(),newBookmarkUsers=bookmark.users.filter(bookmarkUser=>!existingRecipientIds.has(bookmarkUser.id)),newUsers=newBookmarkUsers.map(bookmarkUser=>({recipientId:bookmarkUser.id,recipientType:`user`,displayName:bookmarkUser.displayName,permission:[...defaultPermissions]})),bookmarkState={id:bookmark.id,name:bookmark.name,permission:[...defaultPermissions],userIds:newBookmarkUsers.map(bookmarkUser=>bookmarkUser.id),isExpanded:!1};setBookmarkEntries(prev=>[...prev,bookmarkState]),addItems(newUsers)},deleteBookmark:bookmarkId=>{let bookmark=bookmarkEntries.find(entry=>entry.id===bookmarkId);bookmark&&(setBookmarkEntries(prev=>prev.filter(entry=>entry.id!==bookmarkId)),deleteItemsByIds(new Set(bookmark.userIds)))},toggleBookmarkRight:(bookmarkId,rightName)=>{let bookmark=bookmarkEntries.find(entry=>entry.id===bookmarkId);if(!bookmark)return;let shouldAdd=!bookmark.permission.includes(rightName),toggledBookmark=toggleRight({recipientId:bookmark.id,recipientType:`bookmark`,displayName:bookmark.name,permission:bookmark.permission},rightName);setBookmarkEntries(prev=>prev.map(entry=>entry.id===bookmarkId?{...entry,permission:toggledBookmark.permission}:entry)),applyRightToIds(new Set(bookmark.userIds),rightName,shouldAdd)},toggleExpand:bookmarkId=>{setBookmarkEntries(prev=>prev.map(entry=>entry.id===bookmarkId?{...entry,isExpanded:!entry.isExpanded}:entry))}}};export{useBookmarkEntries};
+import { useState, useMemo } from "react";
+const useBookmarkEntries = ({
+  resourceRights,
+  existingRecipientIds,
+  toggleRight,
+  addItems,
+  deleteItemsByIds,
+  applyRightToIds
+}) => {
+  const [bookmarkEntries, setBookmarkEntries] = useState([]), bookmarkUserIds = useMemo(() => new Set(bookmarkEntries.flatMap((entry) => entry.userIds)), [bookmarkEntries]), getDefaultPermissions = () => Object.entries(resourceRights).filter(([, definition]) => definition.default).map(([name]) => name);
+  return {
+    bookmarkEntries,
+    bookmarkUserIds,
+    addBookmark: (bookmark) => {
+      if (bookmarkEntries.some((entry) => entry.id === bookmark.id)) return;
+      const defaultPermissions = getDefaultPermissions(), newBookmarkUsers = bookmark.users.filter((bookmarkUser) => !existingRecipientIds.has(bookmarkUser.id)), newUsers = newBookmarkUsers.map((bookmarkUser) => ({
+        recipientId: bookmarkUser.id,
+        recipientType: "user",
+        displayName: bookmarkUser.displayName,
+        permission: [...defaultPermissions]
+      })), bookmarkState = {
+        id: bookmark.id,
+        name: bookmark.name,
+        permission: [...defaultPermissions],
+        userIds: newBookmarkUsers.map((bookmarkUser) => bookmarkUser.id),
+        isExpanded: !1
+      };
+      setBookmarkEntries((prev) => [...prev, bookmarkState]), addItems(newUsers);
+    },
+    deleteBookmark: (bookmarkId) => {
+      const bookmark = bookmarkEntries.find((entry) => entry.id === bookmarkId);
+      bookmark && (setBookmarkEntries((prev) => prev.filter((entry) => entry.id !== bookmarkId)), deleteItemsByIds(new Set(bookmark.userIds)));
+    },
+    toggleBookmarkRight: (bookmarkId, rightName) => {
+      const bookmark = bookmarkEntries.find((entry) => entry.id === bookmarkId);
+      if (!bookmark) return;
+      const shouldAdd = !bookmark.permission.includes(rightName), bookmarkAsSharingItem = {
+        recipientId: bookmark.id,
+        recipientType: "bookmark",
+        displayName: bookmark.name,
+        permission: bookmark.permission
+      }, toggledBookmark = toggleRight(bookmarkAsSharingItem, rightName);
+      setBookmarkEntries((prev) => prev.map((entry) => entry.id === bookmarkId ? {
+        ...entry,
+        permission: toggledBookmark.permission
+      } : entry)), applyRightToIds(new Set(bookmark.userIds), rightName, shouldAdd);
+    },
+    toggleExpand: (bookmarkId) => {
+      setBookmarkEntries((prev) => prev.map((entry) => entry.id === bookmarkId ? {
+        ...entry,
+        isExpanded: !entry.isExpanded
+      } : entry));
+    }
+  };
+};
+export {
+  useBookmarkEntries
+};

package/dist/components/UserRightsList/hooks/useSharingItems.js

@@ -1 +1,57 @@
-import{useState}from"react";var useSharingItems=({initialSharings,toggleRight,applyRight,onChange,onAddItems,onDeleteItems})=>{let[items,setItems]=useState(initialSharings??[]);return{items,addItem:item=>{setItems(prev=>{if(new Set(prev.map(sharing=>sharing.recipientId)).has(item.recipientId))return prev;let nextItems=[...prev,item];return onChange(nextItems),onAddItems([item]),nextItems})},addItems:newItems=>{setItems(prev=>{let existingIds=new Set(prev.map(sharing=>sharing.recipientId)),uniqueItems=newItems.filter(newItem=>!existingIds.has(newItem.recipientId));if(uniqueItems.length===0)return prev;let nextItems=[...prev,...uniqueItems];return onChange(nextItems),onAddItems(uniqueItems),nextItems})},deleteItem:item=>{setItems(prev=>{let nextItems=prev.filter(sharing=>sharing.recipientId!==item.recipientId);return nextItems.length===prev.length?prev:(onChange(nextItems),onDeleteItems([item]),nextItems)})},deleteItemsByIds:ids=>{setItems(prev=>{let nextItems=prev.filter(sharing=>!ids.has(sharing.recipientId)),removedItems=prev.filter(sharing=>ids.has(sharing.recipientId));return onChange(nextItems),onDeleteItems(removedItems),nextItems})},changeRight:(item,rightName)=>{let updatedItem=toggleRight(item,rightName);setItems(prevItems=>{let nextItems=prevItems.map(prevItem=>prevItem.recipientId===item.recipientId?updatedItem:prevItem);return onChange(nextItems),nextItems})},applyRightToIds:(ids,rightName,shouldAdd)=>{setItems(prev=>{let nextItems=prev.map(sharing=>ids.has(sharing.recipientId)?applyRight(sharing,rightName,shouldAdd):sharing);return onChange(nextItems),nextItems})}}};export{useSharingItems};
+import { useState } from "react";
+const useSharingItems = ({
+  initialSharings,
+  toggleRight,
+  applyRight,
+  onChange,
+  onAddItems,
+  onDeleteItems
+}) => {
+  const [items, setItems] = useState(initialSharings ?? []);
+  return {
+    items,
+    addItem: (item) => {
+      setItems((prev) => {
+        if (new Set(prev.map((sharing) => sharing.recipientId)).has(item.recipientId)) return prev;
+        const nextItems = [...prev, item];
+        return onChange(nextItems), onAddItems([item]), nextItems;
+      });
+    },
+    addItems: (newItems) => {
+      setItems((prev) => {
+        const existingIds = new Set(prev.map((sharing) => sharing.recipientId)), uniqueItems = newItems.filter((newItem) => !existingIds.has(newItem.recipientId));
+        if (uniqueItems.length === 0) return prev;
+        const nextItems = [...prev, ...uniqueItems];
+        return onChange(nextItems), onAddItems(uniqueItems), nextItems;
+      });
+    },
+    deleteItem: (item) => {
+      setItems((prev) => {
+        const nextItems = prev.filter((sharing) => sharing.recipientId !== item.recipientId);
+        return nextItems.length === prev.length ? prev : (onChange(nextItems), onDeleteItems([item]), nextItems);
+      });
+    },
+    deleteItemsByIds: (ids) => {
+      setItems((prev) => {
+        const nextItems = prev.filter((sharing) => !ids.has(sharing.recipientId)), removedItems = prev.filter((sharing) => ids.has(sharing.recipientId));
+        return onChange(nextItems), onDeleteItems(removedItems), nextItems;
+      });
+    },
+    changeRight: (item, rightName) => {
+      const updatedItem = toggleRight(item, rightName);
+      setItems((prevItems) => {
+        const nextItems = prevItems.map((prevItem) => prevItem.recipientId === item.recipientId ? updatedItem : prevItem);
+        return onChange(nextItems), nextItems;
+      });
+    },
+    applyRightToIds: (ids, rightName, shouldAdd) => {
+      setItems((prev) => {
+        const nextItems = prev.map((sharing) => ids.has(sharing.recipientId) ? applyRight(sharing, rightName, shouldAdd) : sharing);
+        return onChange(nextItems), nextItems;
+      });
+    }
+  };
+};
+export {
+  useSharingItems
+};

package/dist/components/UserRightsList/types/types.js

@@ -1 +1,6 @@
-function isBookmarkInput(item){return`users`in item&&Array.isArray(item.users)}export{isBookmarkInput};
+function isBookmarkInput(item) {
+  return "users" in item && Array.isArray(item.users);
+}
+export {
+  isBookmarkInput
+};