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

package/dist/modules/modals/ShareModal/ShareBookmarkLine.js

@@ -1 +1,55 @@
-import SvgIconBookmark from"../../icons/components/IconBookmark.js";import SvgIconClose from"../../icons/components/IconClose.js";import SvgIconRafterDown from"../../icons/components/IconRafterDown.js";import SvgIconUsers from"../../icons/components/IconUsers.js";import Button from"../../../components/Button/Button.js";import IconButton from"../../../components/Button/IconButton.js";import Checkbox from"../../../components/Checkbox/Checkbox.js";import{useShareRightDisabled}from"./hooks/useShareRightDisabled.js";import{useShareRightVisible}from"./hooks/useShareRightVisible.js";import{hasRight}from"./utils/hasRight.js";import{showShareRightLine}from"./utils/showShareRightLine.js";import Avatar from"../../../components/Avatar/Avatar.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ShareBookmarkLine=({shareRights,showBookmark,toggleBookmark,shareRightActions,toggleRight,onDeleteRow})=>{let{t}=useTranslation(),{isShareRightDisabled}=useShareRightDisabled(),{isShareRightVisible}=useShareRightVisible();return shareRights?.rights.map(shareRight=>{let selectedAvatar={user:jsx(Avatar,{alt:t(`explorer.modal.share.avatar.shared.alt`),size:`xs`,src:shareRight.avatarUrl,variant:`circle`}),group:jsx(`div`,{className:`avatar-xs bg-primary-200 justify-content-center d-flex rounded-circle`,children:jsx(SvgIconUsers,{width:16})}),sharebookmark:jsx(SvgIconBookmark,{})}[shareRight.type]||null,isTypeBookmark=shareRight.type===`sharebookmark`,isTypeUser=shareRight.type===`user`,isDisabled=isShareRightDisabled(shareRight,shareRights);return isShareRightVisible(shareRight,shareRights)?showShareRightLine(shareRight,showBookmark)&&jsxs(`tr`,{className:shareRight.isBookmarkMember?`bg-light`:``,children:[jsx(`td`,{children:selectedAvatar}),jsx(`td`,{children:jsxs(`div`,{className:`d-flex`,children:[isTypeBookmark&&jsx(Button,{color:`tertiary`,rightIcon:jsx(SvgIconRafterDown,{title:t(`show`),className:`w-16 min-w-0`,style:{transition:`rotate 0.2s ease-out`,rotate:showBookmark?`-180deg`:`0deg`}}),type:`button`,variant:`ghost`,className:`fw-normal ps-0`,onClick:toggleBookmark,children:shareRight.displayName}),!isTypeBookmark&&shareRight.displayName,isTypeUser&&` (${t(shareRight.profile||``)})`]})}),shareRightActions.map(shareRightAction=>jsx(`td`,{style:{width:`80px`},className:`text-center text-white`,children:jsx(Checkbox,{checked:hasRight(shareRight,shareRightAction),onChange:()=>toggleRight(shareRight,shareRightAction.id),disabled:isDisabled,"data-testid":`share-right-${shareRightAction.id}-checkbox`})},shareRightAction.displayName)),jsx(`td`,{children:!shareRight.isBookmarkMember&&!isDisabled&&jsx(IconButton,{"data-testid":`share-right-close-button`,"aria-label":t(`close`),color:`tertiary`,icon:jsx(SvgIconClose,{}),type:`button`,variant:`ghost`,title:t(`close`),onClick:()=>onDeleteRow(shareRight)})})]},shareRight.id):null})};export{ShareBookmarkLine};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconBookmark from "../../icons/components/IconBookmark.js";
+import SvgIconClose from "../../icons/components/IconClose.js";
+import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
+import SvgIconUsers from "../../icons/components/IconUsers.js";
+import { useShareRightDisabled } from "./hooks/useShareRightDisabled.js";
+import { useShareRightVisible } from "./hooks/useShareRightVisible.js";
+import { hasRight } from "./utils/hasRight.js";
+import { showShareRightLine } from "./utils/showShareRightLine.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
+import Button from "../../../components/Button/Button.js";
+import Checkbox from "../../../components/Checkbox/Checkbox.js";
+import IconButton from "../../../components/Button/IconButton.js";
+const ShareBookmarkLine = ({
+  shareRights,
+  showBookmark,
+  toggleBookmark,
+  shareRightActions,
+  toggleRight,
+  onDeleteRow
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    isShareRightDisabled
+  } = useShareRightDisabled(), {
+    isShareRightVisible
+  } = useShareRightVisible();
+  return shareRights == null ? void 0 : shareRights.rights.map((shareRight) => {
+    const selectedAvatar = {
+      user: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.shared.alt"), size: "xs", src: shareRight.avatarUrl, variant: "circle" }),
+      group: /* @__PURE__ */ jsx("div", { className: "avatar-xs bg-primary-200 justify-content-center d-flex rounded-circle", children: /* @__PURE__ */ jsx(SvgIconUsers, { width: 16 }) }),
+      sharebookmark: /* @__PURE__ */ jsx(SvgIconBookmark, {})
+    }[shareRight.type] || null, isTypeBookmark = shareRight.type === "sharebookmark", isTypeUser = shareRight.type === "user", isDisabled = isShareRightDisabled(shareRight, shareRights);
+    return isShareRightVisible(shareRight, shareRights) ? showShareRightLine(shareRight, showBookmark) && /* @__PURE__ */ jsxs("tr", { className: shareRight.isBookmarkMember ? "bg-light" : "", children: [
+      /* @__PURE__ */ jsx("td", { children: selectedAvatar }),
+      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "d-flex", children: [
+        isTypeBookmark && /* @__PURE__ */ jsx(Button, { color: "tertiary", rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
+          transition: "rotate 0.2s ease-out",
+          rotate: showBookmark ? "-180deg" : "0deg"
+        } }), type: "button", variant: "ghost", className: "fw-normal ps-0", onClick: toggleBookmark, children: shareRight.displayName }),
+        !isTypeBookmark && shareRight.displayName,
+        isTypeUser && ` (${t(shareRight.profile || "")})`
+      ] }) }),
+      shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
+        width: "80px"
+      }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: hasRight(shareRight, shareRightAction), onChange: () => toggleRight(shareRight, shareRightAction.id), disabled: isDisabled, "data-testid": `share-right-${shareRightAction.id}-checkbox` }) }, shareRightAction.displayName)),
+      /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && !isDisabled && /* @__PURE__ */ jsx(IconButton, { "data-testid": "share-right-close-button", "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
+    ] }, shareRight.id) : null;
+  });
+};
+export {
+  ShareBookmarkLine
+};

package/dist/modules/modals/ShareModal/ShareModal.js

@@ -1 +1,40 @@
-import Button from"../../../components/Button/Button.js";import Alert from"../../../components/Alert/Alert.js";import ShareResources from"./ShareResources.js";import Modal from"../../../components/Modal/Modal.js";import{useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{createPortal}from"react-dom";function ShareResourceModal({isOpen,shareOptions,shareResource,children,onSuccess,onCancel}){let refShareResources=useRef(null),handleShare=()=>{refShareResources.current?.handleShare()},[isSaving,setIsSaving]=useState(!1),{t}=useTranslation();return createPortal(jsxs(Modal,{id:`share_modal`,size:`lg`,isOpen,onModalClose:onCancel,children:[jsx(Modal.Header,{onModalClose:onCancel,children:t(`share.title`)}),jsxs(Modal.Body,{children:[jsx(Alert,{type:`info`,className:`mb-16`,children:t(`explorer.modal.share.alert.community`)}),jsx(ShareResources,{shareOptions,shareResource,ref:refShareResources,onSuccess,onSubmit:isSaving=>{setIsSaving(isSaving)},classNameSearchInput:`flex-fill`}),children]}),jsxs(Modal.Footer,{children:[jsx(Button,{type:`button`,color:`tertiary`,variant:`ghost`,onClick:onCancel,disabled:isSaving,children:t(`explorer.cancel`)}),jsx(Button,{type:`button`,color:`primary`,variant:`filled`,isLoading:isSaving,onClick:handleShare,disabled:isSaving,children:t(`share`)})]})]}),document.getElementById(`portal`)||document.body)}export{ShareResourceModal as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import ShareResources from "./ShareResources.js";
+import Modal from "../../../components/Modal/Modal.js";
+import Alert from "../../../components/Alert/Alert.js";
+import Button from "../../../components/Button/Button.js";
+function ShareResourceModal({
+  isOpen,
+  shareOptions,
+  shareResource,
+  children,
+  onSuccess,
+  onCancel
+}) {
+  const refShareResources = useRef(null), handleShare = () => {
+    var _a;
+    (_a = refShareResources.current) == null || _a.handleShare();
+  }, [isSaving, setIsSaving] = useState(!1), {
+    t
+  } = useTranslation(), onSaving = (isSaving2) => {
+    setIsSaving(isSaving2);
+  };
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "share_modal", size: "lg", isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("share.title") }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-16", children: t("explorer.modal.share.alert.community") }),
+      /* @__PURE__ */ jsx(ShareResources, { shareOptions, shareResource, ref: refShareResources, onSuccess, onSubmit: onSaving, classNameSearchInput: "flex-fill" }),
+      children
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, disabled: isSaving, children: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: isSaving, onClick: handleShare, disabled: isSaving, children: t("share") })
+    ] })
+  ] }), document.getElementById("portal") || document.body);
+}
+export {
+  ShareResourceModal as default
+};

package/dist/modules/modals/ShareModal/ShareResources.js

@@ -1 +1,149 @@
-import SvgIconBookmark from"../../icons/components/IconBookmark.js";import SvgIconInfoCircle from"../../icons/components/IconInfoCircle.js";import SvgIconRafterDown from"../../icons/components/IconRafterDown.js";import Button from"../../../components/Button/Button.js";import useDirectory from"../../../hooks/useDirectory/useDirectory.js";import Checkbox from"../../../components/Checkbox/Checkbox.js";import{ShareBookmark}from"./ShareBookmark.js";import{ShareBookmarkLine}from"./ShareBookmarkLine.js";import{useSearch}from"./hooks/useSearch.js";import useShare from"./hooks/useShare.js";import{useShareBookmark}from"./hooks/useShareBookmark.js";import Tooltip from"../../../components/Tooltip/Tooltip.js";import Avatar from"../../../components/Avatar/Avatar.js";import Heading from"../../../components/Heading/Heading.js";import Combobox from"../../../components/Combobox/Combobox.js";import LoadingScreen from"../../../components/LoadingScreen/LoadingScreen.js";import VisuallyHidden from"../../../components/VisuallyHidden/VisuallyHidden.js";import{forwardRef,useEffect,useImperativeHandle,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ShareResources=forwardRef(({shareOptions,shareResource,onSuccess=()=>{},onChange=()=>{},onSubmit=()=>{},classNameSearchInput=`col-6`},ref)=>{let{resourceId,resourceCreatorId,resourceCreatorDisplayName,resourceRights,filteredActions,shareUrls,defaultActions=[{id:`read`,displayName:`read`},{id:`comment`,displayName:`comment`}]}=shareOptions,[isLoading,setIsLoading]=useState(!0),[isSavingBookmark,setIsSavingBookmark]=useState(!1),{state:{isSharing,shareRights,shareRightActions},dispatch:shareDispatch,myAvatar,currentIsAuthor,toggleRight,handleShare,handleDeleteRow,isDirty}=useShare({resourceId,resourceCreatorId,resourceRights,shareResource,setIsLoading,onSuccess,filteredActions,shareUrls}),{state:{searchResults,searchInputValue},showSearchAdmlHint,showSearchLoading,showSearchNoResults,getSearchMinLength,handleSearchInputChange,handleSearchResultsChange}=useSearch({resourceId,resourceCreatorId,shareRights,shareDispatch,urlResourceRights:shareUrls?.getResourceRights,defaultActions}),{refBookmark,showBookmark,handleBookmarkChange,toggleBookmark,bookmark,handleOnSave,showBookmarkInput,toggleBookmarkInput}=useShareBookmark({shareRights,shareDispatch}),handleOnSaveBookmark=()=>(setIsSavingBookmark(!0),handleOnSave().then(()=>{setIsSavingBookmark(!1)})),{getAvatarURL}=useDirectory();useImperativeHandle(ref,()=>({handleShare}),[handleShare]),useEffect(()=>{onChange(shareRights.rights,isDirty)},[isDirty,shareRights.rights,onChange]),useEffect(()=>{onSubmit(isSavingBookmark||isSharing)},[isSavingBookmark,isSharing,onSubmit]);let{t}=useTranslation(),userIsAuthor=currentIsAuthor(),searchPlaceholder=showSearchAdmlHint()?t(`explorer.search.adml.hint`):t(`explorer.modal.share.search.placeholder`);return jsxs(`div`,{children:[jsxs(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16 d-flex align-items-center`,children:[jsx(`div`,{className:`me-8`,children:t(`explorer.modal.share.search`)}),jsx(Tooltip,{message:`Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.`,placement:`top`,children:jsx(SvgIconInfoCircle,{className:`c-pointer`,height:`18`})})]}),jsx(`div`,{className:`row mb-16`,children:jsx(`div`,{className:classNameSearchInput,children:jsx(Combobox,{value:searchInputValue,placeholder:searchPlaceholder,isLoading:showSearchLoading(),noResult:showSearchNoResults(),options:searchResults,searchMinLength:getSearchMinLength(),onSearchInputChange:handleSearchInputChange,onSearchResultsChange:handleSearchResultsChange})})}),jsx(`div`,{className:`table-responsive`,children:isLoading?jsx(LoadingScreen,{}):jsxs(`table`,{className:`table border align-middle mb-0 rounded-3`,children:[jsx(`thead`,{className:`bg-blue-200`,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`)})}),shareRightActions.map(shareRightAction=>jsx(`th`,{scope:`col`,className:`text-center text-gray-800`,children:t(shareRightAction.displayName)},shareRightAction.displayName)),jsx(`th`,{scope:`col`,children:jsx(VisuallyHidden,{children:t(`close`)})})]})}),jsxs(`tbody`,{children:[jsxs(`tr`,{children:[jsx(`th`,{scope:`row`,children:jsx(Avatar,{alt:t(`explorer.modal.share.avatar.me.alt`),size:`xs`,src:userIsAuthor?myAvatar:getAvatarURL(resourceCreatorId,`user`),variant:`circle`})}),jsx(`td`,{children:userIsAuthor?t(`share.me`):resourceCreatorDisplayName??t(`share.author`)}),shareRightActions.map(shareRightAction=>jsx(`td`,{style:{width:`80px`},className:`text-center text-white`,children:jsx(Checkbox,{checked:!0,disabled:!0})},shareRightAction.displayName)),jsx(`td`,{})]}),jsx(ShareBookmarkLine,{showBookmark,shareRightActions,shareRights,onDeleteRow:handleDeleteRow,toggleRight,toggleBookmark})]})]})}),jsxs(`div`,{className:`mt-16`,children:[jsx(Button,{"data-testid":`share-bookmark-show-button`,color:`tertiary`,leftIcon:jsx(SvgIconBookmark,{}),rightIcon:jsx(SvgIconRafterDown,{title:t(`show`),className:`w-16 min-w-0`,style:{transition:`rotate 0.2s ease-out`,rotate:showBookmarkInput?`-180deg`:`0deg`}}),type:`button`,variant:`ghost`,className:`fw-normal text-start`,onClick:()=>toggleBookmarkInput(!showBookmarkInput),children:t(`share.save.sharebookmark`)}),showBookmarkInput&&jsx(ShareBookmark,{refBookmark,bookmark,onBookmarkChange:handleBookmarkChange,onSave:handleOnSaveBookmark})]})]})});export{ShareResources as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconBookmark from "../../icons/components/IconBookmark.js";
+import SvgIconInfoCircle from "../../icons/components/IconInfoCircle.js";
+import SvgIconRafterDown from "../../icons/components/IconRafterDown.js";
+import { ShareBookmark } from "./ShareBookmark.js";
+import { ShareBookmarkLine } from "./ShareBookmarkLine.js";
+import { useSearch } from "./hooks/useSearch.js";
+import useShare from "./hooks/useShare.js";
+import { useShareBookmark } from "./hooks/useShareBookmark.js";
+import useDirectory from "../../../hooks/useDirectory/useDirectory.js";
+import Heading from "../../../components/Heading/Heading.js";
+import Tooltip from "../../../components/Tooltip/Tooltip.js";
+import Combobox from "../../../components/Combobox/Combobox.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import VisuallyHidden from "../../../components/VisuallyHidden/VisuallyHidden.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
+import Checkbox from "../../../components/Checkbox/Checkbox.js";
+import Button from "../../../components/Button/Button.js";
+const ShareResources = /* @__PURE__ */ forwardRef(({
+  shareOptions,
+  shareResource,
+  onSuccess = () => {
+  },
+  onChange = () => {
+  },
+  onSubmit = () => {
+  },
+  classNameSearchInput = "col-6"
+}, ref) => {
+  const {
+    resourceId,
+    resourceCreatorId,
+    resourceCreatorDisplayName,
+    resourceRights,
+    filteredActions,
+    shareUrls,
+    defaultActions = [{
+      id: "read",
+      displayName: "read"
+    }, {
+      id: "comment",
+      displayName: "comment"
+    }]
+  } = shareOptions, [isLoading, setIsLoading] = useState(!0), [isSavingBookmark, setIsSavingBookmark] = useState(!1), {
+    state: {
+      isSharing,
+      shareRights,
+      shareRightActions
+    },
+    dispatch: shareDispatch,
+    myAvatar,
+    currentIsAuthor,
+    toggleRight,
+    handleShare,
+    handleDeleteRow,
+    isDirty
+  } = useShare({
+    resourceId,
+    resourceCreatorId,
+    resourceRights,
+    shareResource,
+    setIsLoading,
+    onSuccess,
+    filteredActions,
+    shareUrls
+  }), {
+    state: {
+      searchResults,
+      searchInputValue
+    },
+    showSearchAdmlHint,
+    showSearchLoading,
+    showSearchNoResults,
+    getSearchMinLength,
+    handleSearchInputChange,
+    handleSearchResultsChange
+  } = useSearch({
+    resourceId,
+    resourceCreatorId,
+    shareRights,
+    shareDispatch,
+    urlResourceRights: shareUrls == null ? void 0 : shareUrls.getResourceRights,
+    defaultActions
+  }), {
+    refBookmark,
+    showBookmark,
+    handleBookmarkChange,
+    toggleBookmark,
+    bookmark,
+    handleOnSave,
+    showBookmarkInput,
+    toggleBookmarkInput
+  } = useShareBookmark({
+    shareRights,
+    shareDispatch
+  }), handleOnSaveBookmark = () => (setIsSavingBookmark(!0), handleOnSave().then(() => {
+    setIsSavingBookmark(!1);
+  })), {
+    getAvatarURL
+  } = useDirectory();
+  useImperativeHandle(ref, () => ({
+    handleShare
+  }), [handleShare]), useEffect(() => {
+    onChange(shareRights.rights, isDirty);
+  }, [isDirty, shareRights.rights, onChange]), useEffect(() => {
+    onSubmit(isSavingBookmark || isSharing);
+  }, [isSavingBookmark, isSharing, onSubmit]);
+  const {
+    t
+  } = useTranslation(), userIsAuthor = currentIsAuthor(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(Heading, { headingStyle: "h4", level: "h3", className: "mb-16 d-flex align-items-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "me-8", children: t("explorer.modal.share.search") }),
+      /* @__PURE__ */ jsx(Tooltip, { message: "Vos favoris de partage s’affichent en priorité dans votre liste lorsque vous recherchez un groupe ou une personne, vous pouvez les retrouver dans l’annuaire.", placement: "top", children: /* @__PURE__ */ jsx(SvgIconInfoCircle, { className: "c-pointer", height: "18" }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "row mb-16", children: /* @__PURE__ */ jsx("div", { className: classNameSearchInput, children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0 rounded-3", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-blue-200", 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") }) }),
+        shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("th", { scope: "col", className: "text-center text-gray-800", children: t(shareRightAction.displayName) }, shareRightAction.displayName)),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { scope: "row", children: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.me.alt"), size: "xs", src: userIsAuthor ? myAvatar : getAvatarURL(resourceCreatorId, "user"), variant: "circle" }) }),
+          /* @__PURE__ */ jsx("td", { children: userIsAuthor ? t("share.me") : resourceCreatorDisplayName ?? t("share.author") }),
+          shareRightActions.map((shareRightAction) => /* @__PURE__ */ jsx("td", { style: {
+            width: "80px"
+          }, className: "text-center text-white", children: /* @__PURE__ */ jsx(Checkbox, { checked: !0, disabled: !0 }) }, shareRightAction.displayName)),
+          /* @__PURE__ */ jsx("td", {})
+        ] }),
+        /* @__PURE__ */ jsx(ShareBookmarkLine, { showBookmark, shareRightActions, shareRights, onDeleteRow: handleDeleteRow, toggleRight, toggleBookmark })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-16", children: [
+      /* @__PURE__ */ jsx(Button, { "data-testid": "share-bookmark-show-button", color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconBookmark, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
+        transition: "rotate 0.2s ease-out",
+        rotate: showBookmarkInput ? "-180deg" : "0deg"
+      } }), type: "button", variant: "ghost", className: "fw-normal text-start", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
+      showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSaveBookmark })
+    ] })
+  ] });
+});
+export {
+  ShareResources as default
+};

package/dist/modules/modals/ShareModal/apps/ShareBlog.js

@@ -1 +1,43 @@
-import{useEdificeClient}from"../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useResource from"../../../../hooks/useResource/useResource.js";import Radio from"../../../../components/Radio/Radio.js";import Heading from"../../../../components/Heading/Heading.js";import{useEffect,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";function ShareBlog({resourceId,updateResource}){let{appCode}=useEdificeClient(),{t}=useTranslation(appCode),resource=useResource(`blog`,resourceId),publishType=resource&&resource[`publish-type`],[radioPublicationValue,setRadioPublicationValue]=useState(publishType??`RESTRAINT`);useEffect(()=>{publishType&&setRadioPublicationValue(publishType)},[publishType]);let handleRadioPublicationChange=async event=>{let value=event.target.value,params={description:resource.description||``,entId:resource.assetId,name:resource.name,public:!!resource.public,slug:resource.slug||``,thumbnail:resource.thumbnail,trashed:resource.trashed,"publish-type":value};updateResource?await updateResource.mutateAsync(params):await odeServices.resource(`blog`).update(params),setRadioPublicationValue(value)};return jsxs(Fragment$1,{children:[jsx(`hr`,{}),jsx(Heading,{headingStyle:`h4`,level:`h3`,className:`mb-16`,children:t(`explorer.publication.steps`)}),jsx(Radio,{label:t(`explorer.immediat.publication`),id:`publication-now`,name:`publication`,value:`IMMEDIATE`,model:radioPublicationValue,checked:radioPublicationValue===`IMMEDIATE`,onChange:handleRadioPublicationChange}),jsx(Radio,{label:t(`explorer.validate.publication`),id:`publication-validate`,name:`publication`,value:`RESTRAINT`,checked:radioPublicationValue===`RESTRAINT`,model:radioPublicationValue,onChange:handleRadioPublicationChange})]})}export{ShareBlog as default};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useResource from "../../../../hooks/useResource/useResource.js";
+import Heading from "../../../../components/Heading/Heading.js";
+import Radio from "../../../../components/Radio/Radio.js";
+function ShareBlog({
+  resourceId,
+  updateResource
+}) {
+  const {
+    appCode
+  } = useEdificeClient(), {
+    t
+  } = useTranslation(appCode), resource = useResource("blog", resourceId), publishType = resource && resource["publish-type"], [radioPublicationValue, setRadioPublicationValue] = useState(publishType ?? "RESTRAINT");
+  useEffect(() => {
+    publishType && setRadioPublicationValue(publishType);
+  }, [publishType]);
+  const handleRadioPublicationChange = async (event) => {
+    const value = event.target.value, params = {
+      description: resource.description || "",
+      entId: resource.assetId,
+      name: resource.name,
+      public: !!resource.public,
+      slug: resource.slug || "",
+      thumbnail: resource.thumbnail,
+      trashed: resource.trashed,
+      "publish-type": value
+    };
+    updateResource ? await updateResource.mutateAsync(params) : await odeServices.resource("blog").update(params), setRadioPublicationValue(value);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("hr", {}),
+    /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.publication.steps") }),
+    /* @__PURE__ */ jsx(Radio, { label: t("explorer.immediat.publication"), id: "publication-now", name: "publication", value: "IMMEDIATE", model: radioPublicationValue, checked: radioPublicationValue === "IMMEDIATE", onChange: handleRadioPublicationChange }),
+    /* @__PURE__ */ jsx(Radio, { label: t("explorer.validate.publication"), id: "publication-validate", name: "publication", value: "RESTRAINT", checked: radioPublicationValue === "RESTRAINT", model: radioPublicationValue, onChange: handleRadioPublicationChange })
+  ] });
+}
+export {
+  ShareBlog as default
+};

package/dist/modules/modals/ShareModal/hooks/useSearch.js

@@ -1 +1,174 @@
-import SvgIconBookmark from"../../../icons/components/IconBookmark.js";import{useEdificeClient}from"../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useIsAdml from"../../../../hooks/useIsAdml/useIsAdml.js";import{useEffect,useReducer}from"react";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{useDebounce}from"@uidotdev/usehooks";var initialState={searchInputValue:``,searchResults:[],searchAPIResults:[],isSearching:!1};function reducer(state,action){switch(action.type){case`onChange`:return{...state,searchInputValue:action.payload};case`isSearching`:return{...state,isSearching:action.payload};case`addResult`:return{...state,searchResults:action.payload};case`addApiResult`:return{...state,searchAPIResults:action.payload};case`updateSearchResult`:return{...state,searchResults:action.payload};case`emptyResult`:return{...state,searchResults:action.payload};default:throw Error(`Unhandled action type`)}}var useSearch=({resourceId,resourceCreatorId,shareRights,shareDispatch,urlResourceRights,defaultActions=[{id:`read`,displayName:`read`},{id:`comment`,displayName:`comment`}]})=>{let[state,dispatch]=useReducer(reducer,initialState),debouncedSearchInputValue=useDebounce(state.searchInputValue,500),{isAdml}=useIsAdml(),{appCode}=useEdificeClient(),{t}=useTranslation();useEffect(()=>{search(debouncedSearchInputValue)},[debouncedSearchInputValue]);let handleSearchInputChange=event=>{let value=event.target.value;dispatch({type:`onChange`,payload:value})},search=async debouncedSearchInputValue=>{if(resourceId){if(dispatch({type:`isSearching`,payload:!0}),!isAdml&&debouncedSearchInputValue.length>=1||isAdml&&debouncedSearchInputValue.length>=3){let resSearchShareSubjects=await odeServices.share().searchShareSubjects(appCode,resourceId,debouncedSearchInputValue,urlResourceRights);dispatch({type:`addApiResult`,payload:resSearchShareSubjects}),dispatch({type:`addResult`,payload:resSearchShareSubjects.filter(right=>!shareRights.rights.find(shareRight=>shareRight.id===right.id)).filter(right=>!(right.type===`user`&&right.id===resourceCreatorId)).map(searchResult=>{let label=searchResult.displayName;return searchResult.type===`user`&&searchResult.profile?label=`${label} (${t(searchResult.profile)})`:searchResult.type===`group`&&searchResult.structureName&&(label=`${label} (${searchResult.structureName})`),{value:searchResult.id,label,icon:searchResult.type===`sharebookmark`?jsx(SvgIconBookmark,{}):null}})})}else dispatch({type:`emptyResult`,payload:[]}),Promise.resolve();dispatch({type:`isSearching`,payload:!1})}};return{state,showSearchAdmlHint:()=>isAdml&&state.searchInputValue.length<3,showSearchLoading:()=>state.isSearching,showSearchNoResults:()=>!state.isSearching&&!isAdml&&debouncedSearchInputValue.length>0&&state.searchResults.length===0||!state.isSearching&&isAdml&&debouncedSearchInputValue.length>3&&state.searchResults.length===0,getSearchMinLength:()=>isAdml?3:1,handleSearchInputChange,handleSearchResultsChange:async model=>{let shareSubject=state.searchAPIResults.find(searchAPIResult=>searchAPIResult.id===model[0]);if(shareSubject){let rightsToAdd=[];if(shareSubject.type===`sharebookmark`){let bookmarkRes=await odeServices.directory().getBookMarkById(shareSubject.id);rightsToAdd.push({...bookmarkRes,type:`sharebookmark`,avatarUrl:``,directoryUrl:``,actions:defaultActions}),bookmarkRes?.users.filter(user=>!shareRights.rights.find(right=>right.id===user.id)).forEach(user=>{rightsToAdd.push({...user,type:`user`,avatarUrl:``,directoryUrl:``,actions:defaultActions,isBookmarkMember:!0})}),bookmarkRes.groups.filter(group=>!shareRights.rights.find(right=>right.id===group.id)).forEach(group=>{rightsToAdd.push({...group,type:`group`,avatarUrl:``,directoryUrl:``,actions:defaultActions,isBookmarkMember:!0})})}else rightsToAdd=[{...shareSubject,actions:defaultActions}];shareDispatch({type:`updateShareRights`,payload:{...shareRights,rights:[...shareRights.rights,...rightsToAdd]}}),dispatch({type:`updateSearchResult`,payload:state.searchResults.filter(result=>result.value!==model[0])})}}}};export{useSearch};
+import { jsx } from "react/jsx-runtime";
+import { useReducer, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useDebounce } from "@uidotdev/usehooks";
+import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import SvgIconBookmark from "../../../icons/components/IconBookmark.js";
+import useIsAdml from "../../../../hooks/useIsAdml/useIsAdml.js";
+const initialState = {
+  searchInputValue: "",
+  searchResults: [],
+  searchAPIResults: [],
+  isSearching: !1
+};
+function reducer(state, action) {
+  switch (action.type) {
+    case "onChange":
+      return {
+        ...state,
+        searchInputValue: action.payload
+      };
+    case "isSearching":
+      return {
+        ...state,
+        isSearching: action.payload
+      };
+    case "addResult":
+      return {
+        ...state,
+        searchResults: action.payload
+      };
+    case "addApiResult":
+      return {
+        ...state,
+        searchAPIResults: action.payload
+      };
+    case "updateSearchResult":
+      return {
+        ...state,
+        searchResults: action.payload
+      };
+    case "emptyResult":
+      return {
+        ...state,
+        searchResults: action.payload
+      };
+    default:
+      throw new Error("Unhandled action type");
+  }
+}
+const useSearch = ({
+  resourceId,
+  resourceCreatorId,
+  shareRights,
+  shareDispatch,
+  urlResourceRights,
+  defaultActions = [{
+    id: "read",
+    displayName: "read"
+  }, {
+    id: "comment",
+    displayName: "comment"
+  }]
+}) => {
+  const [state, dispatch] = useReducer(reducer, initialState), debouncedSearchInputValue = useDebounce(state.searchInputValue, 500), {
+    isAdml
+  } = useIsAdml(), {
+    appCode
+  } = useEdificeClient(), {
+    t
+  } = useTranslation();
+  useEffect(() => {
+    search(debouncedSearchInputValue);
+  }, [debouncedSearchInputValue]);
+  const handleSearchInputChange = (event) => {
+    const value = event.target.value;
+    dispatch({
+      type: "onChange",
+      payload: value
+    });
+  }, search = async (debouncedSearchInputValue2) => {
+    if (resourceId) {
+      if (dispatch({
+        type: "isSearching",
+        payload: !0
+      }), !isAdml && debouncedSearchInputValue2.length >= 1 || isAdml && debouncedSearchInputValue2.length >= 3) {
+        const resSearchShareSubjects = await odeServices.share().searchShareSubjects(appCode, resourceId, debouncedSearchInputValue2, urlResourceRights);
+        dispatch({
+          type: "addApiResult",
+          payload: resSearchShareSubjects
+        });
+        const adaptedResults = resSearchShareSubjects.filter((right) => !shareRights.rights.find((shareRight) => shareRight.id === right.id)).filter((right) => !(right.type === "user" && right.id === resourceCreatorId)).map((searchResult) => {
+          let label = searchResult.displayName;
+          return searchResult.type === "user" && searchResult.profile ? label = `${label} (${t(searchResult.profile)})` : searchResult.type === "group" && searchResult.structureName && (label = `${label} (${searchResult.structureName})`), {
+            value: searchResult.id,
+            label,
+            icon: searchResult.type === "sharebookmark" ? /* @__PURE__ */ jsx(SvgIconBookmark, {}) : null
+          };
+        });
+        dispatch({
+          type: "addResult",
+          payload: adaptedResults
+        });
+      } else
+        dispatch({
+          type: "emptyResult",
+          payload: []
+        }), Promise.resolve();
+      dispatch({
+        type: "isSearching",
+        payload: !1
+      });
+    }
+  };
+  return {
+    state,
+    showSearchAdmlHint: () => isAdml && state.searchInputValue.length < 3,
+    showSearchLoading: () => state.isSearching,
+    showSearchNoResults: () => !state.isSearching && !isAdml && debouncedSearchInputValue.length > 0 && state.searchResults.length === 0 || !state.isSearching && isAdml && debouncedSearchInputValue.length > 3 && state.searchResults.length === 0,
+    getSearchMinLength: () => isAdml ? 3 : 1,
+    handleSearchInputChange,
+    handleSearchResultsChange: async (model) => {
+      const shareSubject = state.searchAPIResults.find((searchAPIResult) => searchAPIResult.id === model[0]);
+      if (shareSubject) {
+        let rightsToAdd = [];
+        if (shareSubject.type === "sharebookmark") {
+          const bookmarkRes = await odeServices.directory().getBookMarkById(shareSubject.id);
+          rightsToAdd.push({
+            ...bookmarkRes,
+            type: "sharebookmark",
+            avatarUrl: "",
+            directoryUrl: "",
+            actions: defaultActions
+          }), bookmarkRes == null || bookmarkRes.users.filter((user) => !shareRights.rights.find((right) => right.id === user.id)).forEach((user) => {
+            rightsToAdd.push({
+              ...user,
+              type: "user",
+              avatarUrl: "",
+              directoryUrl: "",
+              actions: defaultActions,
+              isBookmarkMember: !0
+            });
+          }), bookmarkRes.groups.filter((group) => !shareRights.rights.find((right) => right.id === group.id)).forEach((group) => {
+            rightsToAdd.push({
+              ...group,
+              type: "group",
+              avatarUrl: "",
+              directoryUrl: "",
+              actions: defaultActions,
+              isBookmarkMember: !0
+            });
+          });
+        } else
+          rightsToAdd = [{
+            ...shareSubject,
+            actions: defaultActions
+          }];
+        shareDispatch({
+          type: "updateShareRights",
+          payload: {
+            ...shareRights,
+            rights: [...shareRights.rights, ...rightsToAdd]
+          }
+        }), dispatch({
+          type: "updateSearchResult",
+          payload: state.searchResults.filter((result) => result.value !== model[0])
+        });
+      }
+    }
+  };
+};
+export {
+  useSearch
+};