@payloadcms/ui 3.84.1 → 4.0.0-internal.d28e9fb

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

@@ -0,0 +1,144 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback, useState } from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { HierarchySearchInput } from './HierarchySearchInput.js';
+import { HierarchySearchResults } from './HierarchySearchResults.js';
+import { useHierarchySearch } from './useHierarchySearch.js';
+import './index.css';
+const baseClass = 'hierarchy-search';
+export const HierarchySearch = t0 => {
+  const $ = _c(13);
+  const {
+    collectionSlug,
+    collectionSpecificOptions,
+    isActive,
+    onActiveChange,
+    onFilterChange,
+    onSelect,
+    selectedFilters
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getEntityConfig
+  } = useConfig();
+  const [inputValue, setInputValue] = useState("");
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const titleField = collectionConfig?.admin?.useAsTitle || "id";
+  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n);
+  const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === "object" ? collectionConfig.hierarchy : null;
+  const {
+    clearResults,
+    hasNextPage,
+    isLoading,
+    loadMore,
+    results,
+    search,
+    totalDocs
+  } = useHierarchySearch({
+    collectionSlug,
+    parentFieldName: hierarchyConfig?.parentFieldName,
+    titleField,
+    titlePathField: hierarchyConfig?.titlePathFieldName
+  });
+  let t1;
+  if ($[0] !== onActiveChange || $[1] !== search) {
+    t1 = async query => {
+      await search(query);
+      onActiveChange(true);
+    };
+    $[0] = onActiveChange;
+    $[1] = search;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handleSearch = t1;
+  let t2;
+  if ($[3] !== clearResults || $[4] !== onActiveChange) {
+    t2 = () => {
+      setInputValue("");
+      clearResults();
+      onActiveChange(false);
+    };
+    $[3] = clearResults;
+    $[4] = onActiveChange;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const handleClear = t2;
+  let t3;
+  if ($[6] !== clearResults || $[7] !== isActive || $[8] !== onActiveChange) {
+    t3 = value => {
+      setInputValue(value);
+      if (!value && isActive) {
+        clearResults();
+        onActiveChange(false);
+      }
+    };
+    $[6] = clearResults;
+    $[7] = isActive;
+    $[8] = onActiveChange;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const handleInputChange = t3;
+  let t4;
+  if ($[10] !== handleClear || $[11] !== onSelect) {
+    t4 = t5 => {
+      const {
+        id
+      } = t5;
+      onSelect({
+        id
+      });
+      handleClear();
+    };
+    $[10] = handleClear;
+    $[11] = onSelect;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const handleSelect = t4;
+  return _jsxs("div", {
+    className: baseClass,
+    children: [_jsx(HierarchySearchInput, {
+      collectionSpecificOptions,
+      onChange: handleInputChange,
+      onClear: handleClear,
+      onFilterChange,
+      onSearch: handleSearch,
+      placeholder: t("hierarchy:searchLabel", {
+        label: collectionLabel
+      }),
+      selectedFilters,
+      value: inputValue
+    }), isActive && _jsx(HierarchySearchResults, {
+      hasNextPage,
+      isLoading,
+      onLoadMore: loadMore,
+      onSelect: handleSelect,
+      query: inputValue,
+      results,
+      titleField,
+      totalDocs
+    })]
+  });
+};
+export { HierarchySearchInput } from './HierarchySearchInput.js';
+export { HierarchySearchResultItem } from './HierarchySearchResultItem.js';
+export { HierarchySearchResults } from './HierarchySearchResults.js';
+export { useHierarchySearch } from './useHierarchySearch.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","useConfig","useTranslation","HierarchySearchInput","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","collectionSpecificOptions","isActive","onActiveChange","onFilterChange","onSelect","selectedFilters","i18n","t","getEntityConfig","inputValue","setInputValue","collectionConfig","titleField","admin","useAsTitle","collectionLabel","labels","plural","hierarchyConfig","hierarchy","clearResults","hasNextPage","isLoading","loadMore","results","search","totalDocs","parentFieldName","titlePathField","titlePathFieldName","t1","query","handleSearch","t2","handleClear","t3","value","handleInputChange","t4","t5","id","handleSelect","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","onLoadMore","HierarchySearchResultItem"],"sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchySearchProps } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { HierarchySearchInput } from './HierarchySearchInput.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  collectionSpecificOptions,\n  isActive,\n  onActiveChange,\n  onFilterChange,\n  onSelect,\n  selectedFilters,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : null\n\n  const { clearResults, hasNextPage, isLoading, loadMore, results, search, totalDocs } =\n    useHierarchySearch({\n      collectionSlug,\n      parentFieldName: hierarchyConfig?.parentFieldName,\n      titleField,\n      titlePathField: hierarchyConfig?.titlePathFieldName,\n    })\n\n  const handleSearch = useCallback(\n    async (query: string) => {\n      await search(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  return (\n    <div className={baseClass}>\n      <HierarchySearchInput\n        collectionSpecificOptions={collectionSpecificOptions}\n        onChange={handleInputChange}\n        onClear={handleClear}\n        onFilterChange={onFilterChange}\n        onSearch={handleSearch}\n        placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n        selectedFilters={selectedFilters}\n        value={inputValue}\n      />\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchInput } from './HierarchySearchInput.js'\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+export type SearchResult = {
+    [key: string]: unknown;
+    _h_titlePath?: string;
+    id: number | string;
+    path: string;
+};
+export type HierarchySearchProps = {
+    collectionSlug: string;
+    collectionSpecificOptions?: {
+        label: string;
+        value: string;
+    }[];
+    isActive: boolean;
+    onActiveChange: (isActive: boolean) => void;
+    onFilterChange?: (values: string[]) => void;
+    onSelect: ({ id }: {
+        id: number | string;
+    }) => void;
+    selectedFilters?: string[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"sourcesContent":["export type SearchResult = {\n  [key: string]: unknown\n  _h_titlePath?: string\n  id: number | string\n  path: string\n}\n\nexport type HierarchySearchProps = {\n  collectionSlug: string\n  collectionSpecificOptions?: { label: string; value: string }[]\n  isActive: boolean\n  onActiveChange: (isActive: boolean) => void\n  onFilterChange?: (values: string[]) => void\n  onSelect: ({ id }: { id: number | string }) => void\n  selectedFilters?: string[]\n}\n"],"mappings":"AAOA","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+import type { SearchResult } from './types.js';
+type UseHierarchySearchArgs = {
+    collectionSlug: string;
+    limit?: number;
+    parentFieldName?: string;
+    titleField: string;
+    titlePathField?: string;
+};
+type UseHierarchySearchReturn = {
+    clearResults: () => void;
+    hasNextPage: boolean;
+    isLoading: boolean;
+    loadMore: () => Promise<void>;
+    results: SearchResult[];
+    search: (query: string) => Promise<void>;
+    totalDocs: number;
+};
+export declare const useHierarchySearch: ({ collectionSlug, limit, parentFieldName, titleField, titlePathField, }: UseHierarchySearchArgs) => UseHierarchySearchReturn;
+export {};
+//# sourceMappingURL=useHierarchySearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchySearch.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,4EAM5B,sBAAsB,KAAG,wBAmH3B,CAAA"}

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

@@ -0,0 +1,122 @@
+'use client';
+
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import { useCallback, useState } from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+export const useHierarchySearch = ({
+  collectionSlug,
+  limit = 15,
+  parentFieldName = 'parent',
+  titleField,
+  titlePathField = '_h_titlePath'
+}) => {
+  const [results, setResults] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [hasNextPage, setHasNextPage] = useState(false);
+  const [totalDocs, setTotalDocs] = useState(0);
+  const [page, setPage] = useState(1);
+  const [currentQuery, setCurrentQuery] = useState('');
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const fetchResults = useCallback(async ({
+    append,
+    pageToFetch,
+    query
+  }) => {
+    setIsLoading(true);
+    try {
+      const queryString = qs.stringify({
+        computeHierarchyPaths: true,
+        limit,
+        locale,
+        page: pageToFetch,
+        select: {
+          [parentFieldName]: true,
+          [titleField]: true,
+          [titlePathField]: true
+        },
+        where: {
+          [titleField]: {
+            contains: query
+          }
+        }
+      }, {
+        addQueryPrefix: true
+      });
+      const url = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}${queryString}`,
+        serverURL
+      });
+      const response = await fetch(url, {
+        credentials: 'include'
+      });
+      if (!response.ok) {
+        throw new Error('Search failed');
+      }
+      const data = await response.json();
+      const docs = (data.docs || []).map(doc => ({
+        ...doc,
+        path: doc[titlePathField] || ''
+      }));
+      setResults(append ? prev => [...prev, ...docs] : docs);
+      setHasNextPage(data.hasNextPage || false);
+      setTotalDocs(data.totalDocs || 0);
+      setPage(pageToFetch);
+      setCurrentQuery(query);
+    } catch {
+      if (!append) {
+        setResults([]);
+        setHasNextPage(false);
+        setTotalDocs(0);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  }, [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField]);
+  const search = useCallback(async query_0 => {
+    await fetchResults({
+      append: false,
+      pageToFetch: 1,
+      query: query_0
+    });
+  }, [fetchResults]);
+  const loadMore = useCallback(async () => {
+    if (isLoading || !hasNextPage || !currentQuery) {
+      return;
+    }
+    await fetchResults({
+      append: true,
+      pageToFetch: page + 1,
+      query: currentQuery
+    });
+  }, [isLoading, hasNextPage, currentQuery, page, fetchResults]);
+  const clearResults = useCallback(() => {
+    setResults([]);
+    setHasNextPage(false);
+    setTotalDocs(0);
+    setPage(1);
+    setCurrentQuery('');
+  }, []);
+  return {
+    clearResults,
+    hasNextPage,
+    isLoading,
+    loadMore,
+    results,
+    search,
+    totalDocs
+  };
+};
+//# sourceMappingURL=useHierarchySearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchySearch.js","names":["formatAdminURL","qs","useCallback","useState","useConfig","useLocale","useHierarchySearch","collectionSlug","limit","parentFieldName","titleField","titlePathField","results","setResults","isLoading","setIsLoading","hasNextPage","setHasNextPage","totalDocs","setTotalDocs","page","setPage","currentQuery","setCurrentQuery","config","routes","api","serverURL","code","locale","fetchResults","append","pageToFetch","query","queryString","stringify","computeHierarchyPaths","select","where","contains","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","docs","map","doc","prev","search","loadMore","clearResults"],"sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useState } from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\n\ntype UseHierarchySearchArgs = {\n  collectionSlug: string\n  limit?: number\n  parentFieldName?: string\n  titleField: string\n  titlePathField?: string\n}\n\ntype UseHierarchySearchReturn = {\n  clearResults: () => void\n  hasNextPage: boolean\n  isLoading: boolean\n  loadMore: () => Promise<void>\n  results: SearchResult[]\n  search: (query: string) => Promise<void>\n  totalDocs: number\n}\n\nexport const useHierarchySearch = ({\n  collectionSlug,\n  limit = 15,\n  parentFieldName = 'parent',\n  titleField,\n  titlePathField = '_h_titlePath',\n}: UseHierarchySearchArgs): UseHierarchySearchReturn => {\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasNextPage, setHasNextPage] = useState(false)\n  const [totalDocs, setTotalDocs] = useState(0)\n  const [page, setPage] = useState(1)\n  const [currentQuery, setCurrentQuery] = useState('')\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n\n  const fetchResults = useCallback(\n    async ({\n      append,\n      pageToFetch,\n      query,\n    }: {\n      append: boolean\n      pageToFetch: number\n      query: string\n    }) => {\n      setIsLoading(true)\n\n      try {\n        const queryString = qs.stringify(\n          {\n            computeHierarchyPaths: true,\n            limit,\n            locale,\n            page: pageToFetch,\n            select: {\n              [parentFieldName]: true,\n              [titleField]: true,\n              [titlePathField]: true,\n            },\n            where: {\n              [titleField]: { contains: query },\n            },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Search failed')\n        }\n\n        const data = await response.json()\n        const docs: SearchResult[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n          ...doc,\n          path: doc[titlePathField] || '',\n        }))\n\n        setResults(append ? (prev) => [...prev, ...docs] : docs)\n        setHasNextPage(data.hasNextPage || false)\n        setTotalDocs(data.totalDocs || 0)\n        setPage(pageToFetch)\n        setCurrentQuery(query)\n      } catch {\n        if (!append) {\n          setResults([])\n          setHasNextPage(false)\n          setTotalDocs(0)\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField],\n  )\n\n  const search = useCallback(\n    async (query: string) => {\n      await fetchResults({ append: false, pageToFetch: 1, query })\n    },\n    [fetchResults],\n  )\n\n  const loadMore = useCallback(async () => {\n    if (isLoading || !hasNextPage || !currentQuery) {\n      return\n    }\n\n    await fetchResults({ append: true, pageToFetch: page + 1, query: currentQuery })\n  }, [isLoading, hasNextPage, currentQuery, page, fetchResults])\n\n  const clearResults = useCallback(() => {\n    setResults([])\n    setHasNextPage(false)\n    setTotalDocs(0)\n    setPage(1)\n    setCurrentQuery('')\n  }, [])\n\n  return {\n    clearResults,\n    hasNextPage,\n    isLoading,\n    loadMore,\n    results,\n    search,\n    totalDocs,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.d.ts

@@ -0,0 +1,21 @@
+import type { SidebarTabClientProps } from 'payload';
+import React from 'react';
+import type { HierarchyInitialData } from './types.js';
+export declare const HierarchySidebarTab: React.FC<{
+    baseFilter?: Record<string, unknown>;
+    collectionSpecificOptions?: {
+        label: string;
+        value: string;
+    }[];
+    hierarchyCollectionSlug: string;
+    icon?: React.ReactNode;
+    initialData?: HierarchyInitialData | null;
+    initialExpandedNodes?: (number | string)[];
+    initialSelectedFilters?: string[];
+    parentFieldName?: string;
+    selectedNodeId?: null | string;
+    treeLimit?: number;
+    typeFieldName?: string;
+    useAsTitle?: string;
+} & SidebarTabClientProps>;
+//# sourceMappingURL=HierarchySidebarTab.d.ts.map

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAUtD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACxC;IACE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,qBAAqB,CA+G1B,CAAA"}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js

@@ -0,0 +1,194 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import { formatAdminURL } from 'payload/shared';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useHierarchy } from '../../../providers/Hierarchy/index.js';
+import { useRouteTransition } from '../../../providers/RouteTransition/index.js';
+import { useSidebarTabs } from '../../../providers/SidebarTabs/index.js';
+import { HydrateHierarchyProvider } from '../HydrateProvider/index.js';
+import { HierarchySearch } from '../Search/index.js';
+import { HierarchyTree } from './index.js';
+export const HierarchySidebarTab = t0 => {
+  const $ = _c(39);
+  const {
+    baseFilter,
+    collectionSpecificOptions,
+    hierarchyCollectionSlug,
+    icon,
+    initialData,
+    initialExpandedNodes,
+    initialSelectedFilters,
+    parentFieldName,
+    selectedNodeId: selectedNodeIdFromServer,
+    treeLimit,
+    typeFieldName,
+    useAsTitle
+  } = t0;
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const [isSearchActive, setIsSearchActive] = useState(false);
+  let t3;
+  if ($[0] !== initialSelectedFilters) {
+    t3 = initialSelectedFilters ?? [];
+    $[0] = initialSelectedFilters;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const [selectedFilters, setSelectedFiltersLocal] = useState(t3);
+  const {
+    setSelectedFilters: setSelectedFiltersContext,
+    treeRefreshKeys
+  } = useHierarchy();
+  const sidebarTabs = useSidebarTabs();
+  const tabSlug = `hierarchy-${hierarchyCollectionSlug}`;
+  let t4;
+  if ($[2] !== hierarchyCollectionSlug || $[3] !== treeRefreshKeys) {
+    t4 = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0;
+    $[2] = hierarchyCollectionSlug;
+    $[3] = treeRefreshKeys;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const treeRefreshKey = t4;
+  const prevTreeRefreshKeyRef = useRef(treeRefreshKey);
+  let t5;
+  let t6;
+  if ($[5] !== sidebarTabs || $[6] !== tabSlug || $[7] !== treeRefreshKey) {
+    t5 = () => {
+      if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {
+        prevTreeRefreshKeyRef.current = treeRefreshKey;
+        sidebarTabs?.reloadTabContent(tabSlug);
+      }
+    };
+    t6 = [treeRefreshKey, sidebarTabs, tabSlug];
+    $[5] = sidebarTabs;
+    $[6] = tabSlug;
+    $[7] = treeRefreshKey;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t5 = $[8];
+    t6 = $[9];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[10] !== adminRoute || $[11] !== baseFilter || $[12] !== collectionSpecificOptions || $[13] !== hierarchyCollectionSlug || $[14] !== icon || $[15] !== initialData || $[16] !== initialExpandedNodes || $[17] !== initialSelectedFilters || $[18] !== isSearchActive || $[19] !== parentFieldName || $[20] !== router || $[21] !== searchParams || $[22] !== selectedFilters || $[23] !== selectedNodeIdFromServer || $[24] !== setSelectedFiltersContext || $[25] !== sidebarTabs?.activeTabSlug || $[26] !== startRouteTransition || $[27] !== tabSlug || $[28] !== treeLimit || $[29] !== typeFieldName || $[30] !== useAsTitle) {
+    const parentParam = searchParams.get("parent");
+    const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
+    const selectedNodeId = isActiveTab ? parentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
+    const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : "";
+    let t8;
+    if ($[32] !== setSelectedFiltersContext) {
+      t8 = filters => {
+        setSelectedFiltersLocal(filters);
+        setSelectedFiltersContext(filters);
+      };
+      $[32] = setSelectedFiltersContext;
+      $[33] = t8;
+    } else {
+      t8 = $[33];
+    }
+    const handleFilterChange = t8;
+    let t9;
+    if ($[34] !== adminRoute || $[35] !== hierarchyCollectionSlug || $[36] !== router || $[37] !== startRouteTransition) {
+      t9 = t10 => {
+        const {
+          id
+        } = t10;
+        const url = formatAdminURL({
+          adminRoute,
+          path: `/collections/${hierarchyCollectionSlug}/hierarchy?parent=${id}`
+        });
+        startRouteTransition(() => {
+          router.push(url);
+          router.refresh();
+        });
+      };
+      $[34] = adminRoute;
+      $[35] = hierarchyCollectionSlug;
+      $[36] = router;
+      $[37] = startRouteTransition;
+      $[38] = t9;
+    } else {
+      t9 = $[38];
+    }
+    const handleNavigateToParent = t9;
+    t7 = _jsxs(_Fragment, {
+      children: [_jsx(HydrateHierarchyProvider, {
+        baseFilter,
+        collectionSlug: hierarchyCollectionSlug,
+        expandedNodes: initialExpandedNodes,
+        parentFieldName,
+        selectedFilters: initialSelectedFilters,
+        treeData: initialData,
+        treeLimit,
+        typeFieldName
+      }), _jsxs("div", {
+        className: "hierarchy-sidebar-tab",
+        children: [_jsx(HierarchySearch, {
+          collectionSlug: hierarchyCollectionSlug,
+          collectionSpecificOptions,
+          isActive: isSearchActive,
+          onActiveChange: setIsSearchActive,
+          onFilterChange: handleFilterChange,
+          onSelect: handleNavigateToParent,
+          selectedFilters
+        }), !isSearchActive && _jsx(HierarchyTree, {
+          baseFilter,
+          collectionSlug: hierarchyCollectionSlug,
+          filterByCollections: selectedFilters.length > 0 ? selectedFilters : undefined,
+          icon,
+          initialData,
+          initialExpandedNodes,
+          onNodeClick: handleNavigateToParent,
+          selectedNodeId,
+          useAsTitle
+        }, `${hierarchyCollectionSlug}-${baseFilterKey}`)]
+      })]
+    });
+    $[10] = adminRoute;
+    $[11] = baseFilter;
+    $[12] = collectionSpecificOptions;
+    $[13] = hierarchyCollectionSlug;
+    $[14] = icon;
+    $[15] = initialData;
+    $[16] = initialExpandedNodes;
+    $[17] = initialSelectedFilters;
+    $[18] = isSearchActive;
+    $[19] = parentFieldName;
+    $[20] = router;
+    $[21] = searchParams;
+    $[22] = selectedFilters;
+    $[23] = selectedNodeIdFromServer;
+    $[24] = setSelectedFiltersContext;
+    $[25] = sidebarTabs?.activeTabSlug;
+    $[26] = startRouteTransition;
+    $[27] = tabSlug;
+    $[28] = treeLimit;
+    $[29] = typeFieldName;
+    $[30] = useAsTitle;
+    $[31] = t7;
+  } else {
+    t7 = $[31];
+  }
+  return t7;
+};
+//# sourceMappingURL=HierarchySidebarTab.js.map

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.js","names":["c","_c","useRouter","useSearchParams","formatAdminURL","React","useCallback","useEffect","useRef","useState","useConfig","useHierarchy","useRouteTransition","useSidebarTabs","HydrateHierarchyProvider","HierarchySearch","HierarchyTree","HierarchySidebarTab","t0","$","baseFilter","collectionSpecificOptions","hierarchyCollectionSlug","icon","initialData","initialExpandedNodes","initialSelectedFilters","parentFieldName","selectedNodeId","selectedNodeIdFromServer","treeLimit","typeFieldName","useAsTitle","router","searchParams","startRouteTransition","config","t1","routes","t2","admin","adminRoute","isSearchActive","setIsSearchActive","t3","selectedFilters","setSelectedFiltersLocal","setSelectedFilters","setSelectedFiltersContext","treeRefreshKeys","sidebarTabs","tabSlug","t4","get","treeRefreshKey","prevTreeRefreshKeyRef","t5","t6","current","reloadTabContent","t7","activeTabSlug","parentParam","isActiveTab","undefined","baseFilterKey","JSON","stringify","t8","filters","handleFilterChange","t9","t10","id","url","path","push","refresh","handleNavigateToParent","_jsxs","_Fragment","children","_jsx","collectionSlug","expandedNodes","treeData","className","isActive","onActiveChange","onFilterChange","onSelect","filterByCollections","length","onNodeClick"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"sourcesContent":["'use client'\n\nimport type { SidebarTabClientProps } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { HierarchyInitialData } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useSidebarTabs } from '../../../providers/SidebarTabs/index.js'\nimport { HydrateHierarchyProvider } from '../HydrateProvider/index.js'\nimport { HierarchySearch } from '../Search/index.js'\nimport { HierarchyTree } from './index.js'\n\nexport const HierarchySidebarTab: React.FC<\n  {\n    baseFilter?: Record<string, unknown>\n    collectionSpecificOptions?: { label: string; value: string }[]\n    hierarchyCollectionSlug: string\n    icon?: React.ReactNode\n    initialData?: HierarchyInitialData | null\n    initialExpandedNodes?: (number | string)[]\n    initialSelectedFilters?: string[]\n    parentFieldName?: string\n    selectedNodeId?: null | string\n    treeLimit?: number\n    typeFieldName?: string\n    useAsTitle?: string\n  } & SidebarTabClientProps\n> = ({\n  baseFilter,\n  collectionSpecificOptions,\n  hierarchyCollectionSlug,\n  icon,\n  initialData,\n  initialExpandedNodes,\n  initialSelectedFilters,\n  parentFieldName,\n  selectedNodeId: selectedNodeIdFromServer,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n  const [isSearchActive, setIsSearchActive] = useState(false)\n  const [selectedFilters, setSelectedFiltersLocal] = useState<string[]>(\n    initialSelectedFilters ?? [],\n  )\n  const { setSelectedFilters: setSelectedFiltersContext, treeRefreshKeys } = useHierarchy()\n  const sidebarTabs = useSidebarTabs()\n\n  // When refreshTree(slug) is called from the list view (e.g. after mutations), reload this tab.\n  // Always reload regardless of active state so inactive tabs are fresh when switched to.\n  const tabSlug = `hierarchy-${hierarchyCollectionSlug}`\n  const treeRefreshKey = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0\n  const prevTreeRefreshKeyRef = useRef(treeRefreshKey)\n  useEffect(() => {\n    if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {\n      prevTreeRefreshKeyRef.current = treeRefreshKey\n      sidebarTabs?.reloadTabContent(tabSlug)\n    }\n  }, [treeRefreshKey, sidebarTabs, tabSlug])\n\n  // Only highlight selected node when this tab is active\n  const parentParam = searchParams.get('parent')\n  const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug\n  const selectedNodeId = isActiveTab\n    ? (parentParam ?? selectedNodeIdFromServer ?? undefined)\n    : undefined\n\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n\n  const handleFilterChange = useCallback(\n    (filters: string[]) => {\n      setSelectedFiltersLocal(filters)\n      setSelectedFiltersContext(filters)\n    },\n    [setSelectedFiltersContext],\n  )\n\n  const handleNavigateToParent = useCallback(\n    ({ id }: { id: number | string }) => {\n      const url = formatAdminURL({\n        adminRoute,\n        path: `/collections/${hierarchyCollectionSlug}/hierarchy?parent=${id}`,\n      })\n      startRouteTransition(() => {\n        router.push(url)\n        router.refresh()\n      })\n    },\n    [adminRoute, hierarchyCollectionSlug, router, startRouteTransition],\n  )\n  return (\n    <>\n      <HydrateHierarchyProvider\n        baseFilter={baseFilter}\n        collectionSlug={hierarchyCollectionSlug}\n        expandedNodes={initialExpandedNodes}\n        parentFieldName={parentFieldName}\n        selectedFilters={initialSelectedFilters}\n        treeData={initialData}\n        treeLimit={treeLimit}\n        typeFieldName={typeFieldName}\n      />\n      <div className=\"hierarchy-sidebar-tab\">\n        <HierarchySearch\n          collectionSlug={hierarchyCollectionSlug}\n          collectionSpecificOptions={collectionSpecificOptions}\n          isActive={isSearchActive}\n          onActiveChange={setIsSearchActive}\n          onFilterChange={handleFilterChange}\n          onSelect={handleNavigateToParent}\n          selectedFilters={selectedFilters}\n        />\n        {!isSearchActive && (\n          <HierarchyTree\n            baseFilter={baseFilter}\n            collectionSlug={hierarchyCollectionSlug}\n            filterByCollections={selectedFilters.length > 0 ? selectedFilters : undefined}\n            icon={icon}\n            initialData={initialData}\n            initialExpandedNodes={initialExpandedNodes}\n            key={`${hierarchyCollectionSlug}-${baseFilterKey}`}\n            onNodeClick={handleNavigateToParent}\n            selectedNodeId={selectedNodeId}\n            useAsTitle={useAsTitle}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.server.d.ts

@@ -0,0 +1,7 @@
+import type { SidebarTabServerProps } from 'payload';
+import React from 'react';
+export type HierarchySidebarTabServerProps = {
+    hierarchyCollectionSlug: string;
+} & SidebarTabServerProps;
+export declare const HierarchySidebarTabServer: React.FC<HierarchySidebarTabServerProps>;
+//# sourceMappingURL=HierarchySidebarTab.server.d.ts.map

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAS,MAAM,SAAS,CAAA;AAK3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,uBAAuB,EAAE,MAAM,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAyL9E,CAAA"}