@edifice.io/react 2.0.0-develop-rc.3

package/dist/modules/modals/ResourceModal/hooks/useSlug.js

@@ -0,0 +1,41 @@
+import { useState, useId, useEffect } from "react";
+import { hash } from "ohash";
+import { useTranslation } from "react-i18next";
+import slugify from "react-slugify";
+import useToast from "../../../../hooks/useToast/useToast.js";
+const useSlug = ({
+  watch,
+  setValue,
+  selectedResource
+}) => {
+  const [slug, setSlug] = useState(""), [isPublic, setIsPublic] = useState((selectedResource == null ? void 0 : selectedResource.public) || !1), uniqueId = useId(), resourceName = watch("title"), {
+    t
+  } = useTranslation(), toast = useToast();
+  useEffect(() => {
+    if (isPublic) {
+      let slug2 = "";
+      selectedResource ? slug2 = selectedResource.slug ? selectedResource.slug : `${hash({
+        foo: `${resourceName}${uniqueId}`
+      })}-${slugify(resourceName)}` : slug2 = `${hash({
+        foo: `${resourceName}${uniqueId}`
+      })}-${slugify(resourceName)}`, setValue("formSlug", slug2), setSlug(slug2);
+    }
+  }, [isPublic, resourceName]);
+  function onPublicChange(value) {
+    setIsPublic(value);
+  }
+  function onCopyToClipBoard(pathname) {
+    navigator.clipboard.writeText(`${window.location.origin}${pathname || window.location.pathname}/pub/${slug}`), toast.success(t("explorer.copy.clipboard"));
+  }
+  return {
+    slug,
+    uniqueId,
+    isPublic,
+    resourceName,
+    onPublicChange,
+    onCopyToClipBoard
+  };
+};
+export {
+  useSlug
+};

package/dist/modules/modals/ResourceModal/hooks/useThumb.d.ts

@@ -0,0 +1,11 @@
+import { IResource } from 'edifice-ts-client';
+interface UseThumbProps {
+    isUpdating: boolean;
+    selectedResource?: IResource;
+}
+export declare const useThumb: ({ isUpdating, selectedResource }: UseThumbProps) => {
+    thumbnail: string | Blob | File;
+    handleDeleteImage: () => void;
+    handleUploadImage: (file: File | string) => void;
+};
+export {};

package/dist/modules/modals/ResourceModal/hooks/useThumb.js

@@ -0,0 +1,17 @@
+import { useState, useEffect } from "react";
+const useThumb = ({
+  isUpdating,
+  selectedResource
+}) => {
+  const [thumbnail, setThumbnail] = useState(isUpdating && (selectedResource == null ? void 0 : selectedResource.thumbnail) || "");
+  return useEffect(() => {
+    setThumbnail((selectedResource == null ? void 0 : selectedResource.thumbnail) || "");
+  }, [selectedResource]), {
+    thumbnail,
+    handleDeleteImage: () => setThumbnail(""),
+    handleUploadImage: (file) => setThumbnail(file)
+  };
+};
+export {
+  useThumb
+};

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.d.ts

@@ -0,0 +1,7 @@
+import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
+import { UpdateParameters, UpdateResult } from 'edifice-ts-client';
+declare const useUpdateMutation: ({ application, options, }: {
+    application: string;
+    options?: UseMutationOptions<UpdateResult, Error, UpdateParameters, unknown> | undefined;
+}) => UseMutationResult<UpdateResult, Error, UpdateParameters>;
+export default useUpdateMutation;

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.js

@@ -0,0 +1,12 @@
+import { useMutation } from "@tanstack/react-query";
+import { odeServices } from "edifice-ts-client";
+const useUpdateMutation = ({
+  application,
+  options
+}) => useMutation({
+  mutationFn: async (params) => await odeServices.resource(application).update(params),
+  ...options
+}), useUpdateMutation$1 = useUpdateMutation;
+export {
+  useUpdateMutation$1 as default
+};

package/dist/modules/modals/ResourceModal/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ResourceModal } from './ResourceModal';
+export { default as useUpdateMutation } from './hooks/useUpdateMutation';
+export { default as BlogPublic } from './apps/BlogPublic';

package/dist/modules/modals/ShareModal/ShareBookmark.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+import { BookmarkProps } from './hooks/useShareBookmark';
+export declare const ShareBookmark: ({ bookmark, refBookmark, onBookmarkChange, onSave, }: {
+    bookmark: BookmarkProps;
+    refBookmark: Ref<HTMLInputElement>;
+    onBookmarkChange: () => void;
+    onSave: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import FormControl from "../../../components/Form/FormControl.js";
+import Button from "../../../components/Button/Button.js";
+import { Icon } from "../../../components/Icon/Icon.js";
+const ShareBookmark = ({
+  bookmark,
+  refBookmark,
+  onBookmarkChange,
+  onSave
+}) => {
+  const {
+    t
+  } = useTranslation();
+  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, { ref: refBookmark, onChange: onBookmarkChange, placeholder: t("explorer.modal.share.sharebookmark.placeholder"), size: "sm", type: "text" }, bookmark.id) }),
+    /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "ghost", disabled: bookmark.name.length === 0, leftIcon: /* @__PURE__ */ jsx(Icon, { name: "save" }), onClick: onSave, className: "text-nowrap", children: t("explorer.modal.share.sharebookmark.save") })
+  ] }) });
+};
+export {
+  ShareBookmark
+};

package/dist/modules/modals/ShareModal/ShareBookmarkLine.d.ts

@@ -0,0 +1,9 @@
+import { ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareRightWithVisibles } from 'edifice-ts-client';
+export declare const ShareBookmarkLine: ({ shareRights, showBookmark, toggleBookmark, shareRightActions, toggleRight, onDeleteRow, }: {
+    shareRights: ShareRightWithVisibles;
+    shareRightActions: ShareRightAction[];
+    showBookmark: boolean;
+    toggleRight: (shareRight: ShareRight, actionName: ShareRightActionDisplayName) => void;
+    toggleBookmark: () => void;
+    onDeleteRow: (shareRight: ShareRight) => void;
+}) => (false | import("react/jsx-runtime").JSX.Element)[];

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

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { hasRight } from "./utils/hasRight.js";
+import { showShareRightLine } from "./utils/showShareRightLine.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
+import { Icon } from "../../../components/Icon/Icon.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();
+  return shareRights == null ? void 0 : shareRights.rights.map((shareRight) => showShareRightLine(shareRight, showBookmark) && /* @__PURE__ */ jsxs("tr", { className: shareRight.isBookmarkMember ? "bg-light" : "", children: [
+    /* @__PURE__ */ jsxs("td", { children: [
+      shareRight.type !== "sharebookmark" && /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.shared.alt"), size: "xs", src: shareRight.avatarUrl, variant: "circle" }),
+      shareRight.type === "sharebookmark" && /* @__PURE__ */ jsx(Icon, { name: "bookmark" })
+    ] }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "d-flex", children: [
+      shareRight.type === "sharebookmark" && /* @__PURE__ */ jsx(Button, { color: "tertiary", rightIcon: /* @__PURE__ */ jsx(Icon, { name: "rafter-down", 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 }),
+      shareRight.type !== "sharebookmark" && shareRight.displayName,
+      shareRight.type === "user" && ` (${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) }) }, shareRightAction.displayName)),
+    /* @__PURE__ */ jsx("td", { children: !shareRight.isBookmarkMember && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(Icon, { name: "close" }), type: "button", variant: "ghost", title: t("close"), onClick: () => onDeleteRow(shareRight) }) })
+  ] }, shareRight.id));
+};
+export {
+  ShareBookmarkLine
+};

package/dist/modules/modals/ShareModal/ShareModal.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
+import { ID, PutShareResponse, RightStringified, ShareRight } from 'edifice-ts-client';
+export type ShareOptions = {
+    resourceId: ID;
+    resourceRights: RightStringified[];
+    resourceCreatorId: string;
+};
+export type ShareResourceMutation = UseMutationResult<PutShareResponse, unknown, {
+    resourceId: string;
+    rights: ShareRight[];
+}, unknown>;
+interface ShareResourceModalProps {
+    /** Handle open/close state */
+    isOpen: boolean;
+    /**
+     * Expect resourceId,
+     * new rights array (replace shared array),
+     * creatorId
+     * of a resource */
+    shareOptions: ShareOptions;
+    /**
+     * Use the `shareResource` props when you need to do Optimistic UI
+     * otherwise ShareModal handles everything
+     * Must use React Query */
+    shareResource?: ShareResourceMutation;
+    /**
+     * To pass any specific app related component (e.g: Blog)
+     */
+    children?: ReactNode;
+    /**
+     * onSuccess callback when a resource is successfully shared
+     */
+    onSuccess: () => void;
+    /**
+     * onCancel handler to close ShareModal
+     */
+    onCancel: () => void;
+}
+export default function ShareResourceModal({ isOpen, shareOptions, shareResource, children, onSuccess, onCancel, }: ShareResourceModalProps): import('react').ReactPortal;
+export {};

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

@@ -0,0 +1,128 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+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 Combobox from "../../../components/Combobox/Combobox.js";
+import Modal from "../../../components/Modal/Modal.js";
+import Heading from "../../../components/Heading/Heading.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";
+import { Icon } from "../../../components/Icon/Icon.js";
+import Tooltip from "../../../components/Tooltip/Tooltip.js";
+function ShareResourceModal({
+  isOpen,
+  shareOptions,
+  shareResource,
+  children,
+  onSuccess,
+  onCancel
+}) {
+  const {
+    resourceId,
+    resourceCreatorId,
+    resourceRights
+  } = shareOptions, [isLoading, setIsLoading] = useState(!0), {
+    state: {
+      isSharing,
+      shareRights,
+      shareRightActions
+    },
+    dispatch: shareDispatch,
+    myAvatar,
+    currentIsAuthor,
+    handleShare,
+    toggleRight,
+    handleDeleteRow
+  } = useShare({
+    resourceId,
+    resourceCreatorId,
+    resourceRights,
+    shareResource,
+    setIsLoading,
+    onSuccess
+  }), {
+    state: {
+      searchResults,
+      searchInputValue
+    },
+    showSearchAdmlHint,
+    showSearchLoading,
+    showSearchNoResults,
+    getSearchMinLength,
+    handleSearchInputChange,
+    handleSearchResultsChange
+  } = useSearch({
+    resourceId,
+    resourceCreatorId,
+    shareRights,
+    shareDispatch
+  }), {
+    refBookmark,
+    showBookmark,
+    handleBookmarkChange,
+    toggleBookmark,
+    bookmark,
+    handleOnSave,
+    showBookmarkInput,
+    toggleBookmarkInput
+  } = useShareBookmark({
+    shareRights,
+    shareDispatch
+  }), {
+    t
+  } = useTranslation(), searchPlaceholder = showSearchAdmlHint() ? t("explorer.search.adml.hint") : t("explorer.modal.share.search.placeholder");
+  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(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("explorer.modal.share.usersWithAccess") }),
+      /* @__PURE__ */ jsx("div", { className: "table-responsive", children: isLoading ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsxs("table", { className: "table border align-middle mb-0", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-secondary", 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-white", children: t(shareRightAction.displayName) }, shareRightAction.displayName)),
+          /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("close") }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs("tbody", { children: [
+          currentIsAuthor() && /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { scope: "row", children: /* @__PURE__ */ jsx(Avatar, { alt: t("explorer.modal.share.avatar.me.alt"), size: "xs", src: myAvatar, variant: "circle" }) }),
+            /* @__PURE__ */ jsx("td", { children: t("share.me") }),
+            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, { color: "tertiary", leftIcon: /* @__PURE__ */ jsx(Icon, { name: "bookmark" }), rightIcon: /* @__PURE__ */ jsx(Icon, { name: "rafter-down", className: "w-16 min-w-0", style: {
+          transition: "rotate 0.2s ease-out",
+          rotate: showBookmarkInput ? "-180deg" : "0deg"
+        } }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
+        showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSave })
+      ] }),
+      /* @__PURE__ */ jsx("hr", {}),
+      /* @__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(Icon, { name: "info-circle", className: "c-pointer", size: "18" }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "row", children: /* @__PURE__ */ jsx("div", { className: "col-10", children: /* @__PURE__ */ jsx(Combobox, { value: searchInputValue, placeholder: searchPlaceholder, isLoading: showSearchLoading(), noResult: showSearchNoResults(), options: searchResults, searchMinLength: getSearchMinLength(), onSearchInputChange: handleSearchInputChange, onSearchResultsChange: handleSearchResultsChange }) }) }),
+      children
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onCancel, children: t("explorer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", isLoading: isSharing, onClick: handleShare, disabled: isSharing, children: t("share") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  ShareResourceModal as default
+};

package/dist/modules/modals/ShareModal/apps/ShareBlog.d.ts

@@ -0,0 +1,8 @@
+import { UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
+import { ID, UpdateParameters, UpdateResult } from 'edifice-ts-client';
+export type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;
+export interface ShareBlogProps {
+    resourceId: ID;
+    updateResource?: UseMutationResult<UpdateResult, unknown, UpdateParameters, unknown>;
+}
+export default function ShareBlog({ resourceId, updateResource, }: ShareBlogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,42 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { odeServices } from "edifice-ts-client";
+import { useTranslation } from "react-i18next";
+import useResource from "../../../../core/useResource/useResource.js";
+import Radio from "../../../../components/Radio/Radio.js";
+import { useOdeClient } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
+import Heading from "../../../../components/Heading/Heading.js";
+function ShareBlog({
+  resourceId,
+  updateResource
+}) {
+  const {
+    appCode
+  } = useOdeClient(), {
+    t
+  } = useTranslation(appCode), resource = useResource("blog", resourceId), publishType = resource && resource["publish-type"], [radioPublicationValue, setRadioPublicationValue] = useState(publishType ?? "RESTRAINT"), handleRadioPublicationChange = async (event) => {
+    const value = event.target.value;
+    (async () => {
+      const 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.d.ts

@@ -0,0 +1,24 @@
+import { ChangeEvent, Dispatch } from 'react';
+import { ShareRightWithVisibles, ShareSubject } from 'edifice-ts-client';
+import { OptionListItemType } from '../../../../components';
+import { ShareOptions } from '../ShareModal';
+import { ShareAction } from './useShare';
+export declare const useSearch: ({ resourceId, resourceCreatorId, shareRights, shareDispatch, }: {
+    resourceId: ShareOptions['resourceCreatorId'];
+    resourceCreatorId: ShareOptions['resourceCreatorId'];
+    shareRights: ShareRightWithVisibles;
+    shareDispatch: Dispatch<ShareAction>;
+}) => {
+    state: {
+        searchInputValue: string;
+        searchResults: OptionListItemType[];
+        searchAPIResults: ShareSubject[];
+        isSearching: boolean;
+    };
+    showSearchAdmlHint: () => boolean;
+    showSearchLoading: () => boolean;
+    showSearchNoResults: () => boolean;
+    getSearchMinLength: () => number;
+    handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleSearchResultsChange: (model: Array<string | number>) => Promise<void>;
+};

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

@@ -0,0 +1,178 @@
+import { jsx } from "react/jsx-runtime";
+import { useReducer, useEffect } from "react";
+import { odeServices } from "edifice-ts-client";
+import { useTranslation } from "react-i18next";
+import useDebounce from "../../../../hooks/useDebounce/useDebounce.js";
+import useIsAdml from "../../../../core/useIsAdml/useIsAdml.js";
+import { useOdeClient } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
+import { Icon } from "../../../../components/Icon/Icon.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 defaultActions = [{
+  id: "read",
+  displayName: "read"
+}, {
+  id: "comment",
+  displayName: "comment"
+}], useSearch = ({
+  resourceId,
+  resourceCreatorId,
+  shareRights,
+  shareDispatch
+}) => {
+  const [state, dispatch] = useReducer(reducer, initialState), debouncedSearchInputValue = useDebounce(state.searchInputValue, 500), {
+    isAdml
+  } = useIsAdml(), {
+    appCode
+  } = useOdeClient(), {
+    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);
+        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(Icon, { name: "bookmark" }) : 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: [{
+              id: "read",
+              displayName: "read"
+            }, {
+              id: "comment",
+              displayName: "comment"
+            }]
+          }];
+        shareDispatch({
+          type: "updateShareRights",
+          payload: {
+            ...shareRights,
+            rights: [...shareRights.rights, ...rightsToAdd]
+          }
+        }), dispatch({
+          type: "updateSearchResult",
+          payload: state.searchResults.filter((result) => result.value !== model[0])
+        });
+      }
+    }
+  };
+};
+export {
+  useSearch
+};