@edifice.io/react 2.5.15-develop-enabling.20260326100838 → 2.5.15-develop-pedago.20260327124327

package/dist/components/AddAttachments/AddAttachments.d.ts

@@ -1,8 +1,11 @@
 import { Attachment } from './models/attachment';
+export type SingleAttachmentType = Attachment;
+export { useFileToAttachment } from './hooks/useFileToAttachment';
 export interface AddAttachmentsProps {
     attachments: Attachment[];
-    onFilesSelected: (files: File[]) => void;
-    onRemoveAttachment: (attachmentId: string) => void;
+    onChange?: (attachments: Attachment[]) => void;
+    onFilesSelected?: (files: File[]) => void;
+    onRemoveAttachment?: (attachmentId: string) => void;
     editMode?: boolean;
     isMutating?: boolean;
     onCopyToWorkspace?: (attachments: Attachment[], folderId: string) => Promise<boolean>;
@@ -12,7 +15,7 @@ export interface AddAttachmentsProps {
     downloadAllUrl?: string;
 }
 export declare const AddAttachments: {
-    ({ attachments, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ attachments, onChange, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export default AddAttachments;

package/dist/components/AddAttachments/AddAttachments.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { useRef, useState, useEffect } from "react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconDelete from "../../modules/icons/components/IconDelete.js";
 import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
@@ -8,22 +8,13 @@ import SvgIconFolderAdd from "../../modules/icons/components/IconFolderAdd.js";
 import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
 import { AddAttachmentToWorkspaceModal } from "./components/AddAttachmentToWorkspaceModal.js";
 import { SingleAttachment } from "./components/SingleAttachment.js";
+import { useFileToAttachment } from "./hooks/useFileToAttachment.js";
 import Flex from "../Flex/Flex.js";
 import IconButton from "../Button/IconButton.js";
 import Button from "../Button/Button.js";
-function fileToAttachment(file) {
-  return {
-    id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
-    charset: "UTF-8",
-    contentTransferEncoding: "binary",
-    contentType: file.type || "application/octet-stream",
-    filename: file.name,
-    name: file.name,
-    size: file.size
-  };
-}
 const AddAttachments = ({
   attachments,
+  onChange,
   onFilesSelected,
   onRemoveAttachment,
   editMode = !1,
@@ -34,10 +25,8 @@ const AddAttachments = ({
 }) => {
   const {
     t
-  } = useTranslation(), inputRef = useRef(null), [optimisticAttachments, setOptimisticAttachments] = useState([]), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0), prevAttachmentsLengthRef = useRef(attachments.length), displayedAttachments = [...attachments, ...optimisticAttachments];
-  if (useEffect(() => {
-    attachments.length > prevAttachmentsLengthRef.current && setOptimisticAttachments([]), prevAttachmentsLengthRef.current = attachments.length;
-  }, [attachments.length]), !editMode && !displayedAttachments.length) return null;
+  } = useTranslation(), inputRef = useRef(null), fileToAttachment = useFileToAttachment(), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0);
+  if (!editMode && !attachments.length) return null;
   const resetInputValue = () => {
     inputRef.current && (inputRef.current.value = "");
   }, handleAttachClick = () => {
@@ -46,36 +35,34 @@ const AddAttachments = ({
   }, handleFileChange = (event) => {
     const files = Array.from(event.target.files ?? []);
     if (files.length > 0) {
-      onFilesSelected(files);
-      const newOptimistic = files.map(fileToAttachment);
-      setOptimisticAttachments((prev) => [...prev, ...newOptimistic]);
+      const newAttachments = files.map(fileToAttachment);
+      onChange == null || onChange([...attachments, ...newAttachments]), onFilesSelected == null || onFilesSelected(files);
     }
     resetInputValue();
   }, handleDetachAllClick = () => {
-    setOptimisticAttachments([]), attachments.forEach((attachment) => {
-      onRemoveAttachment(attachment.id);
-    }), resetInputValue();
+    onChange == null || onChange([]), attachments.forEach((a) => onRemoveAttachment == null ? void 0 : onRemoveAttachment(a.id)), resetInputValue();
   }, handleDetachClick = (attachmentId) => {
-    optimisticAttachments.some((attachment) => attachment.id === attachmentId) ? setOptimisticAttachments((prev) => prev.filter((attachment) => attachment.id !== attachmentId)) : onRemoveAttachment(attachmentId), resetInputValue();
+    const next = attachments.filter((a) => a.id !== attachmentId);
+    onChange == null || onChange(next), onRemoveAttachment == null || onRemoveAttachment(attachmentId), resetInputValue();
   }, handleCopyToWorkspace = (attachments2) => {
     setAttachmentsToAddToWorkspace(attachments2);
   }, className = clsx("bg-gray-200 rounded px-12 py-8 message-attachments align-self-start gap-8 d-flex flex-column mw-100", {
     "border add-attachments-edit mx-16": editMode
   });
   return /* @__PURE__ */ jsxs("div", { className, "data-drag-handle": !0, children: [
-    !!displayedAttachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!attachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", justify: "between", className: "border-bottom", children: [
         /* @__PURE__ */ jsx("span", { className: "caption fw-bold my-8", children: t("attachments") }),
-        displayedAttachments.length > 1 && /* @__PURE__ */ jsxs("div", { children: [
-          onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.all.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: () => handleCopyToWorkspace(displayedAttachments), variant: "ghost" }),
+        attachments.length > 1 && /* @__PURE__ */ jsxs("div", { children: [
+          onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.all.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: () => handleCopyToWorkspace(attachments), variant: "ghost" }),
           downloadAllUrl && /* @__PURE__ */ jsx("a", { href: downloadAllUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.all.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
           editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.all.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: handleDetachAllClick, disabled: isMutating })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("ul", { className: "d-flex gap-8 flex-column list-unstyled m-0", children: displayedAttachments.map((attachment) => /* @__PURE__ */ jsx("li", { className: "mw-100", children: /* @__PURE__ */ jsx(SingleAttachment, { attachment, editMode, onDelete: handleDetachClick, onCopyToWorkspace: onCopyToWorkspace ? (attachment2) => handleCopyToWorkspace([attachment2]) : void 0, getDownloadUrl, disabled: isMutating }) }, attachment.id)) })
+      /* @__PURE__ */ jsx("ul", { className: "d-flex gap-8 flex-column list-unstyled m-0", children: attachments.map((attachment) => /* @__PURE__ */ jsx("li", { className: "mw-100", children: /* @__PURE__ */ jsx(SingleAttachment, { attachment, editMode, onDelete: handleDetachClick, onCopyToWorkspace: onCopyToWorkspace ? (attachment2) => handleCopyToWorkspace([attachment2]) : void 0, getDownloadUrl, disabled: isMutating }) }, `${attachment.id}-${attachment.name}`)) })
     ] }),
     editMode && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "secondary", variant: "ghost", isLoading: isMutating, onClick: handleAttachClick, disabled: isMutating, className: "align-self-start", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), children: t("add.attachment") }),
+      /* @__PURE__ */ jsx(Button, { color: "secondary", variant: "ghost", isLoading: isMutating, onClick: handleAttachClick, disabled: isMutating, className: "align-self-start", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), "data-testid": "common-add-attachments-button-add-attachment", children: t("add.attachment") }),
       /* @__PURE__ */ jsx("input", { ref: inputRef, multiple: !0, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleFileChange, hidden: !0 })
     ] }),
     onCopyToWorkspace && !!attachmentsToAddToWorkspace && /* @__PURE__ */ jsx(AddAttachmentToWorkspaceModal, { isOpen: !0, onModalClose: () => setAttachmentsToAddToWorkspace(void 0), attachments: attachmentsToAddToWorkspace, onCopyToWorkspace })
@@ -83,5 +70,6 @@ const AddAttachments = ({
 };
 export {
   AddAttachments,
-  AddAttachments as default
+  AddAttachments as default,
+  useFileToAttachment
 };

package/dist/components/AddAttachments/hooks/useFileToAttachment.d.ts

@@ -0,0 +1,3 @@
+import { Attachment } from '../models/attachment';
+/** Convertit un File en Attachment (id unique généré). Exposé pour les apps qui utilisent AddAttachments. */
+export declare function useFileToAttachment(): (file: File) => Attachment;

package/dist/components/AddAttachments/hooks/useFileToAttachment.js

@@ -0,0 +1,16 @@
+import { useCallback } from "react";
+function useFileToAttachment() {
+  return useCallback((file) => ({
+    id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    charset: "UTF-8",
+    contentTransferEncoding: "binary",
+    contentType: file.type || "application/octet-stream",
+    filename: file.name,
+    name: file.name,
+    size: file.size,
+    file
+  }), []);
+}
+export {
+  useFileToAttachment
+};

package/dist/components/AddAttachments/models/attachment.d.ts

@@ -6,4 +6,5 @@ export type Attachment = {
     filename: string;
     name: string;
     size: number;
+    file: File;
 };

package/dist/components/Card/Card.js

@@ -39,7 +39,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx(Card.Header, {}),
     typeof children == "function" ? children(appCode) : children
   ] }) });
-}), Card = Object.assign(Root, {
+}), Card = /* @__PURE__ */ Object.assign(Root, {
   Title: CardTitle,
   Text: CardText,
   Image: CardImage,

package/dist/components/Combobox/Combobox.js

@@ -53,7 +53,7 @@ const ComboboxComponent = /* @__PURE__ */ forwardRef(({
     }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length, onFocus, onBlur, inputRef }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-menu", children: renderContent() })
   ] });
-}), Combobox = Object.assign(ComboboxComponent, {
+}), Combobox = /* @__PURE__ */ Object.assign(ComboboxComponent, {
   Trigger: ComboboxTrigger
 });
 export {

package/dist/components/Dropdown/Dropdown.js

@@ -67,7 +67,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   return useEffect(() => {
     onToggle == null || onToggle(visible);
   }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
-}), Dropdown = Object.assign(Root, {
+}), Dropdown = /* @__PURE__ */ Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
   Item: DropdownItem,

package/dist/components/Form/FormControl.js

@@ -22,7 +22,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     status
   }), [id, isOptional, isReadOnly, isRequired, status]);
   return /* @__PURE__ */ jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsx("div", { ref, className, ...restProps, children }) });
-}), FormControl = Object.assign(Root, {
+}), FormControl = /* @__PURE__ */ Object.assign(Root, {
   Label,
   Input,
   Text: FormText

package/dist/components/Layout/components/WidgetApps.js

@@ -14,7 +14,7 @@ const WidgetAppsFooter = () => {
   } = useTranslation(), getAppName = (data) => data.prefix && data.prefix.length > 1 ? t(data.prefix.substring(1)) : t(data.displayName) || "";
   return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
     !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
-    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
   ] });
 };
 export {

package/dist/components/Modal/Modal.js

@@ -62,7 +62,7 @@ const Root = /* @__PURE__ */ forwardRef(({
       opacity: 0.65
     } })
   ] })) });
-}), Modal = Object.assign(Root, {
+}), Modal = /* @__PURE__ */ Object.assign(Root, {
   Header: ModalHeader,
   Subtitle: ModalSubtitle,
   Body: ModalBody,

package/dist/components/PreventPropagation/PreventPropagation.js

@@ -3,7 +3,7 @@ const Root = ({
   children
 }) => /* @__PURE__ */ jsx("div", { onClick: (e) => {
   e.stopPropagation();
-}, children }), PreventPropagation = Object.assign(Root, {});
+}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
 export {
   PreventPropagation as default
 };

package/dist/components/PromotionCard/PromotionCard.js

@@ -17,7 +17,7 @@ const Root = ({
     borderColor,
     backgroundColor
   }, children });
-}, PromotionCard = Object.assign(Root, {
+}, PromotionCard = /* @__PURE__ */ Object.assign(Root, {
   Header: PromotionCardHeader,
   Body: PromotionCardBody,
   Icon: PromotionCardIcon,

package/dist/components/SearchBar/SearchBar.d.ts

@@ -3,7 +3,7 @@ import { Size } from '../../types';
 /**
  * Base props shared by both SearchBar variants
  */
-interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
     /**
      * String or template literal key for i18next translation
      */
@@ -67,7 +67,7 @@ type DynamicSearchBar = {
 /**
  * Props for the SearchBar component
  */
-type Props = DefaultSearchBar | DynamicSearchBar;
+export type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
 /**
  * SearchBar component to handle dynamic or static search input

package/dist/components/Table/components/Table.js

@@ -13,7 +13,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   overflowY: "auto"
 } : {}, children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", style: {
   overflow: maxHeight ? "visible" : "hidden"
-}, children }) })), Table = Object.assign(Root, {
+}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

package/dist/components/Tree/components/SortableTree.js

@@ -11,6 +11,7 @@ import SvgIconRafterRight from "../../../modules/icons/components/IconRafterRigh
 import { useTree } from "../hooks/useTree.js";
 import { useTreeSortable } from "../hooks/useTreeSortable.js";
 import { flattenNodes } from "../utilities/tree-sortable.js";
+import { getRotateTransitionStyle } from "../../../utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { mergeRefs } from "../../../utilities/refs/ref.js";
 const SortableTree = ({
   nodes,
@@ -113,9 +114,9 @@ const SortableTree = ({
     ...style,
     marginLeft: spaceGestion()
   }, ...listeners, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: treeItemClasses.action, children: [
-    node.haveChilds && /* @__PURE__ */ jsx("div", { tabIndex: 0, role: "button", onClick: () => onToggleNode == null ? void 0 : onToggleNode(node.id), onKeyDown: handleItemToggleKeyDown, "aria-label": t("foldUnfold"), children: /* @__PURE__ */ jsx(SvgIconRafterRight, { width: 16, style: {
-      transform: expanded ? "rotate(90deg)" : ""
-    } }) }),
+    node.haveChilds && /* @__PURE__ */ jsx("div", { tabIndex: 0, role: "button", onClick: () => onToggleNode == null ? void 0 : onToggleNode(node.id), onKeyDown: handleItemToggleKeyDown, "aria-label": t("foldUnfold"), children: /* @__PURE__ */ jsx(SvgIconRafterRight, { width: 16, style: getRotateTransitionStyle(expanded, {
+      degrees: 90
+    }) }) }),
     node.children && showIcon ? /* @__PURE__ */ jsx(SvgIconFolder, { title: "folder", width: 20, height: 20 }) : null,
     /* @__PURE__ */ jsx("div", { tabIndex: 0, role: "button", className: treeItemClasses.button, onClick: () => onTreeItemClick(node.id), onKeyDown: handleItemKeyDown, children: renderNode ? renderNode({
       node,

package/dist/components/Tree/components/Tree.js

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import SvgIconFolder from "../../../modules/icons/components/IconFolder.js";
 import SvgIconRafterRight from "../../../modules/icons/components/IconRafterRight.js";
 import { useTree } from "../hooks/useTree.js";
+import { getRotateTransitionStyle } from "../../../utilities/rotate-transition-style/get-rotate-transition-style.js";
 const Tree = ({
   nodes,
   selectedNodeId: externalSelectedNodeId,
@@ -66,9 +67,9 @@ const Tree = ({
   };
   return /* @__PURE__ */ createElement("li", { ...restProps, ref, key: node.id, id: `treeitem-${node.id}`, role: "treeitem", "aria-selected": selected, "aria-expanded": expanded }, /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: treeItemClasses.action, children: [
-      node.children && node.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: treeItemClasses.arrow, tabIndex: 0, role: "button", onClick: () => onToggleNode == null ? void 0 : onToggleNode(node.id), onKeyDown: handleItemToggleKeyDown, "aria-label": t("foldUnfold"), children: /* @__PURE__ */ jsx(SvgIconRafterRight, { width: 16, style: {
-        transform: expanded ? "rotate(90deg)" : ""
-      } }) }) : /* @__PURE__ */ jsx("div", { className: "py-8 invisible" }),
+      node.children && node.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: treeItemClasses.arrow, tabIndex: 0, role: "button", onClick: () => onToggleNode == null ? void 0 : onToggleNode(node.id), onKeyDown: handleItemToggleKeyDown, "aria-label": t("foldUnfold"), children: /* @__PURE__ */ jsx(SvgIconRafterRight, { width: 16, style: getRotateTransitionStyle(expanded, {
+        degrees: 90
+      }) }) }) : /* @__PURE__ */ jsx("div", { className: "py-8 invisible" }),
       node.children && showIcon ? /* @__PURE__ */ jsx(SvgIconFolder, { title: "folder", width: 20, height: 20 }) : null,
       /* @__PURE__ */ jsx("div", { tabIndex: 0, role: "button", className: treeItemClasses.button, onClick: () => onTreeItemClick(node.id), onKeyDown: handleItemKeyDown, children: renderNode ? renderNode({
         node,

package/dist/components/UserRightsList/SaveBookmark.d.ts

@@ -0,0 +1,5 @@
+interface SaveBookmarkProps {
+    onSave: (bookmarkName: string) => Promise<void>;
+}
+export declare const SaveBookmark: ({ onSave }: SaveBookmarkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/UserRightsList/SaveBookmark.js

@@ -0,0 +1,29 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import { BookmarkState, ResourceRightName, ResourceRights } from './types/types';
+interface UserRightsBookmarkRowProps {
+    bookmark: BookmarkState;
+    resourceRights: ResourceRights;
+    isReadOnly: boolean;
+    onToggleRight: (bookmarkId: string, rightName: ResourceRightName) => void;
+    onDelete: (bookmarkId: string) => void;
+    onToggleExpand: (bookmarkId: string) => void;
+}
+declare const UserRightsBookmarkRow: ({ bookmark, resourceRights, isReadOnly, onToggleRight, onDelete, onToggleExpand, }: UserRightsBookmarkRowProps) => import("react/jsx-runtime").JSX.Element;
+export default UserRightsBookmarkRow;

package/dist/components/UserRightsList/UserRightsBookmarkRow.js

@@ -0,0 +1,30 @@
+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]) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Checkbox, { checked: bookmark.permission.includes(rightName), onChange: () => onToggleRight(bookmark.id, rightName), disabled: isReadOnly, "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.d.ts

@@ -0,0 +1,13 @@
+import { ResourceRightName, ResourceRights, SharingItem } from './types/types';
+interface UserRightsItemProps {
+    item: SharingItem;
+    resourceRights: ResourceRights;
+    isReadOnly: boolean;
+    isDeletable?: boolean;
+    rowClassName?: string;
+    bookmarkName?: string;
+    onChange?: (item: SharingItem, rightName: ResourceRightName) => void;
+    onDeleteItem?: (item: SharingItem) => void;
+}
+declare const UserRightsItem: ({ item, resourceRights, isReadOnly, isDeletable, rowClassName, bookmarkName, onChange, onDeleteItem, }: UserRightsItemProps) => import("react/jsx-runtime").JSX.Element;
+export default UserRightsItem;

package/dist/components/UserRightsList/UserRightsItem.js

@@ -0,0 +1,36 @@
+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]) => /* @__PURE__ */ jsx("td", { "data-testid": `user-rights-list-item-${rightName}-checkbox`, children: /* @__PURE__ */ jsx(Checkbox, { checked: item.permission.includes(rightName), onChange: () => handleChange(rightName), disabled: isReadOnly, "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.d.ts

@@ -0,0 +1,19 @@
+import { SharingItem } from '../../types';
+import { BookmarkInput, ResourceRights } from './types/types';
+interface UserRightsListProps {
+    resourceRights: ResourceRights;
+    isReadOnly: boolean;
+    isLoading: boolean;
+    ownerId: string;
+    isCreating: boolean;
+    initialSharings?: SharingItem[];
+    onChange: (value: SharingItem[]) => void;
+    onAddItems: (value: SharingItem[]) => void;
+    onDeleteItems: (value: SharingItem[]) => void;
+    onSaveBookmark?: (bookmarkName: string, items: SharingItem[]) => Promise<void>;
+}
+export interface UserRightsListRef {
+    addItem: (item: SharingItem | BookmarkInput) => void;
+}
+export declare const UserRightsList: import('react').ForwardRefExoticComponent<UserRightsListProps & import('react').RefAttributes<UserRightsListRef>>;
+export {};

package/dist/components/UserRightsList/UserRightsList.js

@@ -0,0 +1,94 @@
+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 LoadingScreen from "../LoadingScreen/LoadingScreen.js";
+import VisuallyHidden from "../VisuallyHidden/VisuallyHidden.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";
+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]) => /* @__PURE__ */ jsx("th", { children: 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.d.ts

@@ -0,0 +1,9 @@
+import { IUserInfo } from '@edifice.io/client';
+import { SharingItem } from '../../../types';
+import { ResourceRightName, ResourceRights } from '../types/types';
+export declare const createRightsHelpers: (resourceRights: ResourceRights) => {
+    applyRight: (item: SharingItem, rightName: ResourceRightName, add: boolean) => SharingItem;
+    toggleRight: (item: SharingItem, rightName: ResourceRightName) => SharingItem;
+    createOwnerItem: (user: IUserInfo) => SharingItem;
+    getOwnerItem: (ownerId: string, user: IUserInfo | undefined, isCreating: boolean) => SharingItem;
+};