@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.c2b57ce

package/dist/elements/Hierarchy/MoveMany/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.scss';
+export declare const baseClass = "move-many";
+type MoveManyProps = {
+    /** Current parent ID - drawer will open expanded to this location */
+    currentParentID?: null | number | string;
+    /** The hierarchy collection slug (e.g., 'folders') */
+    hierarchySlug: string;
+    /** Icon to display in the hierarchy drawer */
+    Icon?: React.ReactNode;
+    /** When multiple MoveMany components are rendered on the page, this will differentiate them */
+    modalPrefix?: string;
+    /** Callback after successful move */
+    onSuccess?: () => void;
+    /** Selections grouped by collection slug */
+    selections: Record<string, {
+        ids: (number | string)[];
+    }>;
+};
+export declare function MoveMany({ currentParentID, hierarchySlug, Icon, modalPrefix, onSuccess, selections, }: MoveManyProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Hierarchy/MoveMany/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAc7D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG;IACnB,qEAAqE;IACrE,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;KAAE,CAAC,CAAA;CACzD,CAAA;AAeD,wBAAgB,QAAQ,CAAC,EACvB,eAAe,EACf,aAAa,EACb,IAAI,EACJ,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,aAAa,qBA4Qf"}

package/dist/elements/Hierarchy/MoveMany/index.js

@@ -0,0 +1,278 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback, useMemo, useState } from 'react';
+import { toast } from 'sonner';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentSelection } from '../../../providers/DocumentSelection/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { requests } from '../../../utilities/api.js';
+import { ConfirmationModal } from '../../ConfirmationModal/index.js';
+import { ListSelectionButton } from '../../ListSelection/index.js';
+import { Translation } from '../../Translation/index.js';
+import { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js';
+import './index.scss';
+export const baseClass = 'move-many';
+/**
+ * Gets the parent field name from the hierarchy config.
+ */
+function getParentFieldName(hierarchyConfig) {
+  const config = hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object' ? hierarchyConfig.hierarchy : undefined;
+  return config?.parentFieldName;
+}
+export function MoveMany({
+  currentParentID,
+  hierarchySlug,
+  Icon,
+  modalPrefix,
+  onSuccess,
+  selections
+}) {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    openModal
+  } = useModal();
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      }
+    }
+  } = useConfig();
+  const {
+    getSelectionsWithMetadata
+  } = useDocumentSelection();
+  const [destination, setDestination] = useState(null);
+  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`;
+  // Compute required collections from selection metadata
+  // For related items: add their collection slug
+  // For folders: add their allowedCollections values
+  const requiredCollections = useMemo(() => {
+    const selectionsWithMeta = getSelectionsWithMetadata();
+    const required = new Set();
+    for (const [collectionSlug, {
+      selections: items
+    }] of Object.entries(selectionsWithMeta)) {
+      if (collectionSlug === hierarchySlug) {
+        // For folders, add their allowedCollections to required set
+        for (const {
+          metadata
+        } of items) {
+          if (metadata.allowedCollections) {
+            for (const slug of metadata.allowedCollections) {
+              required.add(slug);
+            }
+          }
+        }
+      } else {
+        // For related items, add their collection slug
+        required.add(collectionSlug);
+      }
+    }
+    return required.size > 0 ? Array.from(required) : undefined;
+  }, [getSelectionsWithMetadata, hierarchySlug]);
+  // Folders being moved cannot be selected as destination (can't move into themselves)
+  const disabledIds = useMemo(() => {
+    const parentIds = selections[hierarchySlug]?.ids;
+    return parentIds?.length ? new Set(parentIds) : undefined;
+  }, [selections, hierarchySlug]);
+  const [HierarchyDrawer,, {
+    closeDrawer,
+    openDrawer
+  }] = useHierarchyDrawer({
+    disabledIds,
+    filterByCollection: requiredCollections,
+    hierarchyCollectionSlug: hierarchySlug,
+    Icon
+  });
+  // Calculate total count and label
+  const {
+    count,
+    label
+  } = useMemo(() => {
+    let totalCount = 0;
+    const labels = [];
+    for (const [collectionSlug_0, {
+      ids
+    }] of Object.entries(selections)) {
+      const config = collections.find(c => c.slug === collectionSlug_0);
+      if (config && ids.length > 0) {
+        totalCount += ids.length;
+        const collectionLabel = getTranslation(ids.length > 1 ? config.labels.plural : config.labels.singular, i18n);
+        labels.push(collectionLabel);
+      }
+    }
+    return {
+      count: totalCount,
+      label: labels.join(', ')
+    };
+  }, [selections, collections, i18n]);
+  const hierarchyCollectionConfig = collections.find(c_0 => c_0.slug === hierarchySlug);
+  const parentFieldName = getParentFieldName(hierarchyCollectionConfig);
+  // Check if hierarchy has a valid parentFieldName
+  const canMove = parentFieldName !== undefined;
+  const handleDrawerSave = useCallback(({
+    selections: selectionsMap
+  }) => {
+    if (selectionsMap.size === 0) {
+      return;
+    }
+    const firstSelection = selectionsMap.values().next().value;
+    const destinationId = firstSelection?.id;
+    const destinationTitle = firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId);
+    setDestination({
+      id: destinationId,
+      title: destinationTitle
+    });
+    openModal(confirmMoveDrawerSlug);
+  }, [openModal, confirmMoveDrawerSlug]);
+  const handleMoveToRoot = useCallback(() => {
+    setDestination({
+      id: null,
+      title: t('hierarchy:noParent')
+    });
+    openModal(confirmMoveDrawerSlug);
+  }, [openModal, confirmMoveDrawerSlug, t]);
+  const handleConfirmMove = useCallback(async () => {
+    if (destination === null) {
+      return;
+    }
+    let totalMoved = 0;
+    let hasErrors = false;
+    try {
+      for (const [collectionSlug_1, {
+        ids: ids_0
+      }] of Object.entries(selections)) {
+        if (ids_0.length === 0) {
+          continue;
+        }
+        const queryString = qs.stringify({
+          locale,
+          where: {
+            id: {
+              in: ids_0
+            }
+          }
+        }, {
+          addQueryPrefix: true
+        });
+        const url = formatAdminURL({
+          apiRoute: api,
+          path: `/${collectionSlug_1}${queryString}`
+        });
+        const response = await requests.patch(url, {
+          body: JSON.stringify({
+            [parentFieldName]: destination.id
+          }),
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/json',
+            credentials: 'include'
+          }
+        });
+        const json = await response.json();
+        if (response.status >= 400) {
+          hasErrors = true;
+          if (json?.errors?.length > 0) {
+            toast.error(json.message || t('error:unknown'), {
+              description: json.errors.map(error => error.message).join('\n')
+            });
+          } else {
+            toast.error(json?.message || t('error:unknown'));
+          }
+          continue;
+        }
+        const movedCount = json?.docs?.length || 0;
+        totalMoved += movedCount;
+        if (json?.errors?.length > 0) {
+          hasErrors = true;
+          toast.error(json.message, {
+            description: json.errors.map(error_0 => error_0.message).join('\n')
+          });
+        }
+      }
+      if (totalMoved > 0) {
+        const successKey = destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo';
+        toast.success(t(successKey, {
+          destination: destination.title,
+          title: label
+        }));
+      }
+      if (!hasErrors || totalMoved > 0) {
+        closeDrawer();
+        onSuccess?.();
+      }
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setDestination(null);
+    }
+  }, [closeDrawer, destination, selections, parentFieldName, locale, api, i18n, t, label, onSuccess]);
+  if (count === 0 || !canMove) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
+      "aria-label": t('general:move'),
+      className: `${baseClass}__toggle`,
+      onClick: openDrawer,
+      children: t('general:move')
+    }), /*#__PURE__*/_jsx(HierarchyDrawer, {
+      hasMany: false,
+      initialSelections: currentParentID ? [currentParentID] : null,
+      onMoveToRoot: handleMoveToRoot,
+      onSave: handleDrawerSave,
+      showMoveToRoot: true
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsx("p", {
+        children: destination?.id === null ? /*#__PURE__*/_jsx(Translation, {
+          elements: {
+            '1': ({
+              children
+            }) => /*#__PURE__*/_jsx("strong", {
+              children: children
+            })
+          },
+          i18nKey: "hierarchy:moveItemsToRootConfirmation",
+          t: t,
+          variables: {
+            count,
+            label
+          }
+        }) : /*#__PURE__*/_jsx(Translation, {
+          elements: {
+            '1': ({
+              children: children_0
+            }) => /*#__PURE__*/_jsx("strong", {
+              children: children_0
+            })
+          },
+          i18nKey: "general:moveConfirm",
+          t: t,
+          variables: {
+            count,
+            destination: destination?.title || '',
+            label
+          }
+        })
+      }),
+      confirmingLabel: t('general:moving'),
+      heading: t('general:confirmMove'),
+      modalSlug: confirmMoveDrawerSlug,
+      onConfirm: handleConfirmMove
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/Hierarchy/MoveMany/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","ListSelectionButton","Translation","useHierarchyDrawer","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","code","locale","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyDrawer","closeDrawer","openDrawer","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../Drawer/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js'\nimport './index.scss'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - drawer will open expanded to this location */\n  currentParentID?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy drawer */\n  Icon?: React.ReactNode\n  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyDrawer, , { closeDrawer, openDrawer }] = useHierarchyDrawer({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeDrawer()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [\n    closeDrawer,\n    destination,\n    selections,\n    parentFieldName,\n    locale,\n    api,\n    i18n,\n    t,\n    label,\n    onSuccess,\n  ])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openDrawer}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyDrawer\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/MoveMany/index.scss

@@ -0,0 +1,7 @@
+@use '../../../scss/queries.scss' as *;
+
+.move-many {
+  &__toggle {
+    // Inherits from ListSelectionButton
+  }
+}

package/dist/elements/Hierarchy/Search/HierarchySearchInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type HierarchySearchInputProps = {
+    onChange: (value: string) => void;
+    onClear: () => void;
+    onSearch: (value: string) => void;
+    placeholder?: string;
+    value: string;
+};
+export declare const HierarchySearchInput: React.FC<HierarchySearchInputProps>;
+export {};
+//# sourceMappingURL=HierarchySearchInput.d.ts.map

package/dist/elements/Hierarchy/Search/HierarchySearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchInput.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAQ1C,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwDpE,CAAA"}

package/dist/elements/Hierarchy/Search/HierarchySearchInput.js

@@ -0,0 +1,95 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { SearchIcon } from '../../../icons/Search/index.js';
+import { XIcon } from '../../../icons/X/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const baseClass = 'hierarchy-search-input';
+export const HierarchySearchInput = t0 => {
+  const $ = _c(15);
+  const {
+    onChange,
+    onClear,
+    onSearch,
+    placeholder,
+    value
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== onChange) {
+    t1 = e => {
+      onChange(e.target.value);
+    };
+    $[0] = onChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const handleChange = t1;
+  let t2;
+  if ($[2] !== onSearch || $[3] !== value) {
+    t2 = e_0 => {
+      if (e_0.key === "Enter" && value.length > 0) {
+        onSearch(value);
+      }
+    };
+    $[2] = onSearch;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const handleKeyDown = t2;
+  let t3;
+  if ($[5] !== onClear) {
+    t3 = () => {
+      onClear();
+    };
+    $[5] = onClear;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const handleClear = t3;
+  const hasValue = value.length > 0;
+  let t4;
+  if ($[7] !== handleChange || $[8] !== handleClear || $[9] !== handleKeyDown || $[10] !== hasValue || $[11] !== placeholder || $[12] !== t || $[13] !== value) {
+    t4 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx("div", {
+        className: `${baseClass}__icon-container`,
+        children: _jsx(SearchIcon, {})
+      }), _jsx("input", {
+        "aria-label": placeholder,
+        className: `${baseClass}__input`,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        placeholder,
+        type: "text",
+        value
+      }), hasValue && _jsx("button", {
+        "aria-label": t("general:clear"),
+        className: `${baseClass}__clear`,
+        onClick: handleClear,
+        type: "button",
+        children: _jsx(XIcon, {})
+      })]
+    });
+    $[7] = handleChange;
+    $[8] = handleClear;
+    $[9] = handleKeyDown;
+    $[10] = hasValue;
+    $[11] = placeholder;
+    $[12] = t;
+    $[13] = value;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
+};
+//# sourceMappingURL=HierarchySearchInput.js.map

package/dist/elements/Hierarchy/Search/HierarchySearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchInput.js","names":["c","_c","React","useCallback","SearchIcon","XIcon","useTranslation","baseClass","HierarchySearchInput","t0","$","onChange","onClear","onSearch","placeholder","value","t","t1","e","target","handleChange","t2","e_0","key","length","handleKeyDown","t3","handleClear","hasValue","t4","_jsxs","className","children","_jsx","onKeyDown","type","onClick"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchInput.tsx"],"sourcesContent":["'use client'\n\nimport type { ChangeEvent, KeyboardEvent } from 'react'\n\nimport React, { useCallback } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'hierarchy-search-input'\n\ntype HierarchySearchInputProps = {\n  onChange: (value: string) => void\n  onClear: () => void\n  onSearch: (value: string) => void\n  placeholder?: string\n  value: string\n}\n\nexport const HierarchySearchInput: React.FC<HierarchySearchInputProps> = ({\n  onChange,\n  onClear,\n  onSearch,\n  placeholder,\n  value,\n}) => {\n  const { t } = useTranslation()\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange(e.target.value)\n    },\n    [onChange],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && value.length > 0) {\n        onSearch(value)\n      }\n    },\n    [value, onSearch],\n  )\n\n  const handleClear = useCallback(() => {\n    onClear()\n  }, [onClear])\n\n  const hasValue = value.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__icon-container`}>\n        <SearchIcon />\n      </div>\n      <input\n        aria-label={placeholder}\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        type=\"text\"\n        value={value}\n      />\n      {hasValue && (\n        <button\n          aria-label={t('general:clear')}\n          className={`${baseClass}__clear`}\n          onClick={handleClear}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,oBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAN,EAMzE;EACC;IAAAO;EAAA,IAAcV,cAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA;IAEZM,EAAA,GAAAC,CAAA;MACEP,QAAA,CAASO,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAA;IACzBL,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAHF,MAAAU,YAAA,GAAqBH,EAIT;EAAA,IAAAI,EAAA;EAAA,IAAAX,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAK,KAAA;IAIVM,EAAA,GAAAC,GAAA;MAAA,IACMJ,GAAA,CAAAK,GAAA,KAAU,WAAWR,KAAA,CAAAS,MAAA,IAAe;QACtCX,QAAA,CAASE,KAAA;MAAA;IAAA;IAEbL,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAK,KAAA;IAAAL,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALF,MAAAe,aAAA,GAAsBJ,EAMH;EAAA,IAAAK,EAAA;EAAA,IAAAhB,CAAA,QAAAE,OAAA;IAGac,EAAA,GAAAA,CAAA;MAC9Bd,OAAA;IAAA;IACFF,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFA,MAAAiB,WAAA,GAAoBD,EAER;EAEZ,MAAAE,QAAA,GAAiBb,KAAA,CAAAS,MAAA,IAAe;EAAA,IAAAK,EAAA;EAAA,IAAAnB,CAAA,QAAAU,YAAA,IAAAV,CAAA,QAAAiB,WAAA,IAAAjB,CAAA,QAAAe,aAAA,IAAAf,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAI,WAAA,IAAAJ,CAAA,SAAAM,CAAA,IAAAN,CAAA,SAAAK,KAAA;IAG9Bc,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAxB,SAAA,kBAA8B;QAAAyB,QAAA,EAC5CC,IAAA,CAAA7B,UAAA,IAAC;MAAA,C,GAEH6B,IAAA,CAAC;QAAA,cACanB,WAAA;QAAAiB,SAAA,EACD,GAAAxB,SAAA,SAAqB;QAAAI,QAAA,EACtBS,YAAA;QAAAc,SAAA,EACCT,aAAA;QAAAX,WAAA;QAAAqB,IAAA,EAEN;QAAApB;MAAA,C,GAGNa,QAAA,IACCK,IAAA,CAAC;QAAA,cACajB,CAAA,CAAE;QAAAe,SAAA,EACH,GAAAxB,SAAA,SAAqB;QAAA6B,OAAA,EACvBT,WAAA;QAAAQ,IAAA,EACJ;QAAAH,QAAA,EAELC,IAAA,CAAA5B,KAAA,IAAC;MAAA,C;;;;;;;;;;;;;SApBPwB,E;CAyBJ","ignoreList":[]}

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type HierarchySearchResultItemProps = {
+    id: number | string;
+    onClick: ({ id }: {
+        id: number | string;
+    }) => void;
+    path: string;
+    title: string;
+    truncateSegments?: number;
+};
+export declare const HierarchySearchResultItem: React.FC<HierarchySearchResultItemProps>;
+export {};
+//# sourceMappingURL=HierarchySearchResultItem.d.ts.map

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResultItem.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResultItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,KAAK,8BAA8B,GAAG;IACpC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA+C9E,CAAA"}

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.js

@@ -0,0 +1,88 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+const baseClass = 'hierarchy-search-result-item';
+export const HierarchySearchResultItem = t0 => {
+  const $ = _c(11);
+  const {
+    id,
+    onClick,
+    path,
+    title,
+    truncateSegments: t1
+  } = t0;
+  const truncateSegments = t1 === undefined ? 3 : t1;
+  let t2;
+  if ($[0] !== id || $[1] !== onClick) {
+    t2 = () => {
+      onClick({
+        id
+      });
+    };
+    $[0] = id;
+    $[1] = onClick;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const handleClick = t2;
+  let t3;
+  if ($[3] !== id || $[4] !== onClick) {
+    t3 = e => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick({
+          id
+        });
+      }
+    };
+    $[3] = id;
+    $[4] = onClick;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const handleKeyDown = t3;
+  let t4;
+  bb0: {
+    if (!path) {
+      t4 = "";
+      break bb0;
+    }
+    const segments = path.split(" / ");
+    if (segments.length <= truncateSegments) {
+      t4 = path;
+      break bb0;
+    }
+    t4 = "... / " + segments.slice(-truncateSegments).join(" / ");
+  }
+  const truncatedPath = t4;
+  let t5;
+  if ($[6] !== handleClick || $[7] !== handleKeyDown || $[8] !== title || $[9] !== truncatedPath) {
+    t5 = _jsxs("div", {
+      className: baseClass,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx("div", {
+        className: `${baseClass}__title`,
+        children: title
+      }), truncatedPath && _jsx("div", {
+        className: `${baseClass}__path`,
+        children: truncatedPath
+      })]
+    });
+    $[6] = handleClick;
+    $[7] = handleKeyDown;
+    $[8] = title;
+    $[9] = truncatedPath;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+};
+//# sourceMappingURL=HierarchySearchResultItem.js.map

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResultItem.js","names":["c","_c","React","useCallback","useMemo","baseClass","HierarchySearchResultItem","t0","$","id","onClick","path","title","truncateSegments","t1","undefined","t2","handleClick","t3","e","key","preventDefault","handleKeyDown","t4","bb0","segments","split","length","slice","join","truncatedPath","t5","_jsxs","className","onKeyDown","role","tabIndex","children","_jsx"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResultItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nconst baseClass = 'hierarchy-search-result-item'\n\ntype HierarchySearchResultItemProps = {\n  id: number | string\n  onClick: ({ id }: { id: number | string }) => void\n  path: string\n  title: string\n  truncateSegments?: number\n}\n\nexport const HierarchySearchResultItem: React.FC<HierarchySearchResultItemProps> = ({\n  id,\n  onClick,\n  path,\n  title,\n  truncateSegments = 3,\n}) => {\n  const handleClick = useCallback(() => {\n    onClick({ id })\n  }, [id, onClick])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onClick({ id })\n      }\n    },\n    [id, onClick],\n  )\n\n  const truncatedPath = useMemo(() => {\n    if (!path) {\n      return ''\n    }\n\n    const segments = path.split(' / ')\n\n    if (segments.length <= truncateSegments) {\n      return path\n    }\n\n    return '... / ' + segments.slice(-truncateSegments).join(' / ')\n  }, [path, truncateSegments])\n\n  return (\n    <div\n      className={baseClass}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__title`}>{title}</div>\n      {truncatedPath && <div className={`${baseClass}__path`}>{truncatedPath}</div>}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,yBAAA,GAAsEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,EAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,gBAAA,EAAAC;EAAA,IAAAP,EAMnF;EADC,MAAAM,gBAAA,GAAAC,EAAoB,KAAAC,SAAA,OAApBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAEYM,EAAA,GAAAA,CAAA;MAC9BN,OAAA;QAAAD;MAAA,CAAa;IAAA;IACfD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA,MAAAS,WAAA,GAAoBD,EAEJ;EAAA,IAAAE,EAAA;EAAA,IAAAV,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAGdQ,EAAA,GAAAC,CAAA;MAAA,IACMA,CAAA,CAAAC,GAAA,KAAU,WAAWD,CAAA,CAAAC,GAAA,KAAU;QACjCD,CAAA,CAAAE,cAAA,CAAgB;QAChBX,OAAA;UAAAD;QAAA,CAAa;MAAA;IAAA;IAEjBD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANF,MAAAc,aAAA,GAAsBJ,EAOP;EAAA,IAAAK,EAAA;EAAAC,GAAA;IAAA,KAIRb,IAAA;MACHY,EAAA,GAAO;MAAA,MAAAC,GAAA;IAAA;IAGT,MAAAC,QAAA,GAAiBd,IAAA,CAAAe,KAAA,CAAW;IAAA,IAExBD,QAAA,CAAAE,MAAA,IAAmBd,gBAAA;MACrBU,EAAA,GAAOZ,IAAA;MAAA,MAAAa,GAAA;IAAA;IAGTD,EAAA,GAAO,WAAWE,QAAA,CAAAG,KAAA,EAAgBf,gBAAA,EAAAgB,IAAA,CAAuB;EAAA;EAX3D,MAAAC,aAAA,GAAsBP,EAYK;EAAA,IAAAQ,EAAA;EAAA,IAAAvB,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAc,aAAA,IAAAd,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAsB,aAAA;IAGzBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAA5B,SAAA;MAAAK,OAAA,EAEUO,WAAA;MAAAiB,SAAA,EACEZ,aAAA;MAAAa,IAAA,EACN;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAA5B,SAAA,SAAqB;QAAAgC,QAAA,EAAGzB;MAAA,C,GACvCkB,aAAA,IAAiBQ,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAA5B,SAAA,QAAoB;QAAAgC,QAAA,EAAGP;MAAA,C;;;;;;;;;;SAR3DC,E;CAWJ","ignoreList":[]}

package/dist/elements/Hierarchy/Search/HierarchySearchResults.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SearchResult } from './types.js';
+type HierarchySearchResultsProps = {
+    hasNextPage: boolean;
+    isLoading: boolean;
+    onLoadMore: () => void;
+    onSelect: ({ id }: {
+        id: number | string;
+    }) => void;
+    query: string;
+    results: SearchResult[];
+    titleField: string;
+    totalDocs: number;
+};
+export declare const HierarchySearchResults: React.FC<HierarchySearchResultsProps>;
+export {};
+//# sourceMappingURL=HierarchySearchResults.d.ts.map

package/dist/elements/Hierarchy/Search/HierarchySearchResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResults.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAQ9C,KAAK,2BAA2B,GAAG;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwCxE,CAAA"}