@payloadcms/ui 3.80.0-internal.21e9c47 → 3.80.0-internal.8d9ec7c

package/dist/elements/PublishButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","hasAutosaveEnabled","hasLocalizeStatusEnabled","hasScheduledPublishEnabled","qs","React","useCallback","useEffect","useState","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","traverseForLocalizedFields","PopupList","ScheduleDrawer","PublishButton","label","labelProp","id","collectionSlug","globalSlug","hasPublishedDoc","hasPublishPermission","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","uploadStatus","config","getEntityConfig","submit","modified","editDepth","code","localeCode","isModalOpen","toggleModal","drawerSlug","localization","routes","api","i18n","t","entityConfig","useMemo","hasNewerVersions","canPublish","scheduledPublishEnabled","hasAutosave","canSchedulePublish","Boolean","hasLocalizedFields","setHasLocalizedFields","hasLocalizedField","fields","isSpecificLocalePublishEnabled","operation","disabled","saveDraft","params","stringify","depth","draft","locale","addQueryPrefix","action","method","apiRoute","path","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","localizeStatusEnabled","publish","publishAllLocales","result","publishSpecificLocale","pathSegment","isDefaultPublishAll","defaultLocalePublishOption","activeLocale","locales","find","activeLocaleLabel","_jsxs","Fragment","_jsx","buttonId","enableSubMenu","onClick","size","SubMenuPopupContent","close","ButtonGroup","Button","undefined","type","defaultType","schedulePublishConfig","versions","drafts","schedulePublish","slug"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasLocalizeStatusEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { PopupList } from '../Popup/index.js'\nimport { ScheduleDrawer } from './ScheduleDrawer/index.js'\n\nexport function PublishButton({\n  label: labelProp,\n}: { label?: string } & PublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n    uploadStatus,\n  } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const { code: localeCode } = useLocale()\n  const { isModalOpen, toggleModal } = useModal()\n\n  const drawerSlug = `schedule-publish-${id}`\n\n  const {\n    localization,\n    routes: { api },\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  const canPublish =\n    hasPublishPermission &&\n    (modified || hasNewerVersions || !hasPublishedDoc) &&\n    uploadStatus !== 'uploading'\n\n  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig)\n\n  // If autosave is enabled the modified will always be true so only conditionally check on modified state\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const canSchedulePublish = Boolean(\n    scheduledPublishEnabled &&\n      hasPublishPermission &&\n      (globalSlug || (collectionSlug && id)) &&\n      (hasAutosave || !modified),\n  )\n\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission\n\n  const operation = useOperation()\n\n  const disabled = operation === 'update' && !modified\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        draft: true,\n        'fallback-locale': 'null',\n        locale: localeCode,\n      },\n      { addQueryPrefix: true },\n    )\n\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}${id ? `/${id}` : ''}${params}`,\n      })\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}${params}`,\n      })\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [disabled, localeCode, collectionSlug, globalSlug, submit, api, id])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && hasAutosave) {\n      void saveDraft()\n    }\n  })\n\n  const localizeStatusEnabled = hasLocalizeStatusEnabled(entityConfig)\n\n  const publish = useCallback(async () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        locale: localeCode,\n        ...(localizeStatusEnabled && { publishAllLocales: true }),\n      },\n      { addQueryPrefix: true },\n    )\n\n    const action = formatAdminURL({\n      apiRoute: api,\n      path: `${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`\n      }${params}` as `/${string}`,\n    })\n\n    const result = await submit({\n      action,\n      overrides: {\n        _status: 'published',\n      },\n    })\n\n    if (result) {\n      setUnpublishedVersionCount(0)\n      setMostRecentVersionIsAutosaved(false)\n      setHasPublishedDoc(true)\n    }\n  }, [\n    localeCode,\n    localizeStatusEnabled,\n    api,\n    collectionSlug,\n    globalSlug,\n    id,\n    setHasPublishedDoc,\n    submit,\n    setUnpublishedVersionCount,\n    uploadStatus,\n    setMostRecentVersionIsAutosaved,\n  ])\n\n  const publishSpecificLocale = useCallback(\n    async (locale) => {\n      if (uploadStatus === 'uploading') {\n        return\n      }\n\n      const params = qs.stringify(\n        {\n          depth: 0,\n          locale,\n          publishSpecificLocale: locale,\n        },\n        { addQueryPrefix: true },\n      )\n\n      const pathSegment = globalSlug\n        ? `/globals/${globalSlug}`\n        : `/${collectionSlug}${id ? `/${id}` : ''}`\n      const action = formatAdminURL({\n        apiRoute: api,\n        path: `${pathSegment}${params}` as `/${string}`,\n      })\n\n      const result = await submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n\n      if (result) {\n        setHasPublishedDoc(true)\n      }\n    },\n    [api, collectionSlug, globalSlug, id, setHasPublishedDoc, submit, uploadStatus],\n  )\n\n  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'\n  const isDefaultPublishAll =\n    !isSpecificLocalePublishEnabled ||\n    (localization && localization?.defaultLocalePublishOption !== 'active')\n\n  const activeLocale =\n    localization &&\n    localization?.locales.find((locale) =>\n      typeof locale === 'string' ? locale === localeCode : locale.code === localeCode,\n    )\n\n  const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n)\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <FormSubmit\n        buttonId=\"action-save\"\n        disabled={!canPublish}\n        enableSubMenu={canSchedulePublish}\n        onClick={isDefaultPublishAll ? publish : () => publishSpecificLocale(activeLocale.code)}\n        size=\"medium\"\n        SubMenuPopupContent={\n          isSpecificLocalePublishEnabled || canSchedulePublish\n            ? ({ close }) => {\n                return (\n                  <React.Fragment>\n                    {canSchedulePublish && (\n                      <PopupList.ButtonGroup key=\"schedule-publish\">\n                        <PopupList.Button\n                          id=\"schedule-publish\"\n                          onClick={() => [toggleModal(drawerSlug), close()]}\n                        >\n                          {t('version:schedulePublish')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                    {isSpecificLocalePublishEnabled && (\n                      <PopupList.ButtonGroup>\n                        <PopupList.Button\n                          id=\"publish-locale\"\n                          onClick={\n                            isDefaultPublishAll\n                              ? () => publishSpecificLocale(activeLocale.code)\n                              : publish\n                          }\n                        >\n                          {isDefaultPublishAll\n                            ? t('version:publishIn', { locale: activeLocaleLabel })\n                            : t('version:publishAllLocales')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                  </React.Fragment>\n                )\n              }\n            : undefined\n        }\n        type=\"button\"\n      >\n        {!isDefaultPublishAll ? t('version:publishIn', { locale: activeLocaleLabel }) : label}\n      </FormSubmit>\n      {canSchedulePublish && isModalOpen(drawerSlug) && (\n        <ScheduleDrawer\n          defaultType={!hasNewerVersions ? 'unpublish' : 'publish'}\n          schedulePublishConfig={\n            scheduledPublishEnabled &&\n            typeof entityConfig.versions.drafts.schedulePublish === 'object'\n              ? entityConfig.versions.drafts.schedulePublish\n              : undefined\n          }\n          slug={drawerSlug}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","hasAutosaveEnabled","hasLocalizeStatusEnabled","hasScheduledPublishEnabled","qs","React","useCallback","useEffect","useState","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","traverseForLocalizedFields","PopupList","ScheduleDrawer","PublishButton","label","labelProp","id","collectionSlug","globalSlug","hasPublishedDoc","hasPublishPermission","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","uploadStatus","config","getEntityConfig","submit","modified","editDepth","code","localeCode","isModalOpen","toggleModal","drawerSlug","localization","routes","api","i18n","t","entityConfig","useMemo","hasNewerVersions","canPublish","scheduledPublishEnabled","hasAutosave","canSchedulePublish","Boolean","hasLocalizedFields","setHasLocalizedFields","hasLocalizedField","fields","isSpecificLocalePublishEnabled","operation","disabled","saveDraft","params","stringify","depth","draft","locale","addQueryPrefix","action","method","apiRoute","path","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","localizeStatusEnabled","publish","publishAllLocales","result","publishSpecificLocale","pathSegment","isDefaultPublishAll","defaultLocalePublishOption","activeLocale","locales","find","activeLocaleLabel","_jsxs","Fragment","_jsx","buttonId","enableSubMenu","onClick","size","SubMenuPopupContent","close","ButtonGroup","Button","undefined","type","defaultType","schedulePublishConfig","versions","drafts","schedulePublish","slug"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasLocalizeStatusEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { PopupList } from '../Popup/index.js'\nimport { ScheduleDrawer } from './ScheduleDrawer/index.js'\n\nexport function PublishButton({\n  label: labelProp,\n}: { label?: string } & PublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n    uploadStatus,\n  } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const { code: localeCode } = useLocale()\n  const { isModalOpen, toggleModal } = useModal()\n\n  const drawerSlug = `schedule-publish-${id}`\n\n  const {\n    localization,\n    routes: { api },\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  const canPublish =\n    hasPublishPermission &&\n    (modified || hasNewerVersions || !hasPublishedDoc) &&\n    uploadStatus !== 'uploading'\n\n  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig)\n\n  // If autosave is enabled the modified will always be true so only conditionally check on modified state\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const canSchedulePublish = Boolean(\n    scheduledPublishEnabled &&\n      hasPublishPermission &&\n      (globalSlug || (collectionSlug && id)) &&\n      (hasAutosave || !modified),\n  )\n\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission\n\n  const operation = useOperation()\n\n  const disabled = operation === 'update' && !modified\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        draft: true,\n        'fallback-locale': 'null',\n        locale: localeCode,\n      },\n      { addQueryPrefix: true },\n    )\n\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}${id ? `/${id}` : ''}${params}`,\n      })\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}${params}`,\n      })\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [disabled, localeCode, collectionSlug, globalSlug, submit, api, id])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && hasAutosave) {\n      void saveDraft()\n    }\n  })\n\n  const localizeStatusEnabled = hasLocalizeStatusEnabled(entityConfig)\n\n  const publish = useCallback(async () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        locale: localeCode,\n        ...(localizeStatusEnabled && { publishAllLocales: true }),\n      },\n      { addQueryPrefix: true },\n    )\n\n    const action = formatAdminURL({\n      apiRoute: api,\n      path: `${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`\n      }${params}` as `/${string}`,\n    })\n\n    const result = await submit({\n      action,\n      overrides: {\n        _status: 'published',\n      },\n    })\n\n    if (result) {\n      setUnpublishedVersionCount(0)\n      setMostRecentVersionIsAutosaved(false)\n      setHasPublishedDoc(true)\n    }\n  }, [\n    localeCode,\n    localizeStatusEnabled,\n    api,\n    collectionSlug,\n    globalSlug,\n    id,\n    setHasPublishedDoc,\n    submit,\n    setUnpublishedVersionCount,\n    uploadStatus,\n    setMostRecentVersionIsAutosaved,\n  ])\n\n  const publishSpecificLocale = useCallback(\n    async (locale) => {\n      if (uploadStatus === 'uploading') {\n        return\n      }\n\n      const params = qs.stringify(\n        {\n          depth: 0,\n          locale,\n          publishSpecificLocale: locale,\n        },\n        { addQueryPrefix: true },\n      )\n\n      const pathSegment = globalSlug\n        ? `/globals/${globalSlug}`\n        : `/${collectionSlug}${id ? `/${id}` : ''}`\n      const action = formatAdminURL({\n        apiRoute: api,\n        path: `${pathSegment}${params}` as `/${string}`,\n      })\n\n      const result = await submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n\n      if (result) {\n        setUnpublishedVersionCount(0)\n        setMostRecentVersionIsAutosaved(false)\n        setHasPublishedDoc(true)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      submit,\n      uploadStatus,\n    ],\n  )\n\n  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'\n  const isDefaultPublishAll =\n    !isSpecificLocalePublishEnabled ||\n    (localization && localization?.defaultLocalePublishOption !== 'active')\n\n  const activeLocale =\n    localization &&\n    localization?.locales.find((locale) =>\n      typeof locale === 'string' ? locale === localeCode : locale.code === localeCode,\n    )\n\n  const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n)\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <FormSubmit\n        buttonId=\"action-save\"\n        disabled={!canPublish}\n        enableSubMenu={canSchedulePublish}\n        onClick={isDefaultPublishAll ? publish : () => publishSpecificLocale(activeLocale.code)}\n        size=\"medium\"\n        SubMenuPopupContent={\n          isSpecificLocalePublishEnabled || canSchedulePublish\n            ? ({ close }) => {\n                return (\n                  <React.Fragment>\n                    {canSchedulePublish && (\n                      <PopupList.ButtonGroup key=\"schedule-publish\">\n                        <PopupList.Button\n                          id=\"schedule-publish\"\n                          onClick={() => [toggleModal(drawerSlug), close()]}\n                        >\n                          {t('version:schedulePublish')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                    {isSpecificLocalePublishEnabled && (\n                      <PopupList.ButtonGroup>\n                        <PopupList.Button\n                          id=\"publish-locale\"\n                          onClick={\n                            isDefaultPublishAll\n                              ? () => publishSpecificLocale(activeLocale.code)\n                              : publish\n                          }\n                        >\n                          {isDefaultPublishAll\n                            ? t('version:publishIn', { locale: activeLocaleLabel })\n                            : t('version:publishAllLocales')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                  </React.Fragment>\n                )\n              }\n            : undefined\n        }\n        type=\"button\"\n      >\n        {!isDefaultPublishAll ? t('version:publishIn', { locale: activeLocaleLabel }) : label}\n      </FormSubmit>\n      {canSchedulePublish && isModalOpen(drawerSlug) && (\n        <ScheduleDrawer\n          defaultType={!hasNewerVersions ? 'unpublish' : 'publish'}\n          schedulePublishConfig={\n            scheduledPublishEnabled &&\n            typeof entityConfig.versions.drafts.schedulePublish === 'object'\n              ? entityConfig.versions.drafts.schedulePublish\n              : undefined\n          }\n          slug={drawerSlug}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Toasts/fieldErrors.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+export declare function createErrorsFromMessage(message: string): {
+    errors?: string[];
+    message: string;
+};
 export declare function FieldErrorsToast({ errorMessage }: {
     errorMessage: any;
 }): React.JSX.Element;

package/dist/elements/Toasts/fieldErrors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldErrors.d.ts","sourceRoot":"","sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwDzB,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE;;CAAA,qBAmBhD"}
+{"version":3,"file":"fieldErrors.d.ts","sourceRoot":"","sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG;IACxD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAwBA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE;;CAAA,qBAmBhD"}

package/dist/elements/Toasts/fieldErrors.js

@@ -25,8 +25,10 @@ function groupSimilarErrors(items) {
   }
   return result;
 }
-function createErrorsFromMessage(message) {
-  const [intro, errorsString] = message.split(':');
+export function createErrorsFromMessage(message) {
+  const colonIndex = message.indexOf(':');
+  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message;
+  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined;
   if (!errorsString) {
     return {
       message: intro

package/dist/elements/Toasts/fieldErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldErrors.js","names":["c","_c","React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","intro","errorsString","errors","map","error","replaceAll","trim","FieldErrorsToast","t0","$","errorMessage","t1","t2","useState","t3","_jsxs","children","Array","isArray","_jsx","_temp","index"],"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const [intro, errorsString] = message.split(':')\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,mBAAmBC,KAAe;EACzC,MAAMC,MAAA,GAAmB,EAAE;EAE3B,KAAK,MAAMC,IAAA,IAAQF,KAAA,EAAO;IACxB,IAAIE,IAAA,EAAM;MACR,MAAMC,KAAA,GAAQD,IAAA,CAAKE,KAAK,CAAC;MACzB,IAAIC,QAAA,GAAW;MAEf;MACA,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIL,MAAA,CAAOM,MAAM,EAAED,CAAA,IAAK;QACtC,IAAIL,MAAM,CAACK,CAAA,CAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;UAClCF,MAAA,CAAOQ,MAAM,CAACH,CAAA,GAAI,GAAG,GAAGJ,IAAA;UACxBG,QAAA,GAAW;UACX;QACF;MACF;MAEA;MACA,IAAI,CAACA,QAAA,EAAU;QACbJ,MAAA,CAAOS,IAAI,CAACR,IAAA;MACd;IACF;EACF;EAEA,OAAOD,MAAA;AACT;AAEA,SAASU,wBAAwBC,OAAe;EAI9C,MAAM,CAACC,KAAA,EAAOC,YAAA,CAAa,GAAGF,OAAA,CAAQR,KAAK,CAAC;EAE5C,IAAI,CAACU,YAAA,EAAc;IACjB,OAAO;MACLF,OAAA,EAASC;IACX;EACF;EAEA,MAAME,MAAA,GAASD,YAAA,CAAaV,KAAK,CAAC,KAAKY,GAAG,CAAEC,KAAA,IAAUA,KAAA,CAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;EAEzF,IAAIJ,MAAA,CAAOR,MAAM,KAAK,GAAG;IACvB,OAAO;MACLQ,MAAA;MACAH,OAAA,EAAS,GAAGC,KAAA;IACd;EACF;EAEA,OAAO;IACLE,MAAA,EAAQhB,kBAAA,CAAmBgB,MAAA;IAC3BH,OAAA,EAAS,GAAGC,KAAA,KAAUE,MAAA,CAAOR,MAAM;EACrC;AACF;AAEA,OAAO,SAAAa,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EAA0B;IAAA0B;EAAA,IAAAF,EAAgB;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IACFC,EAAA,GAAAA,CAAA,KAAMb,uBAAA,CAAwBY,YAAA;IAAAD,CAAA,MAAAC,YAAA;IAAAD,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAA3E,OAAAG,EAAA,IAA8B3B,KAAA,CAAA4B,QAAA,CAAeF,EAA8B;EAApE;IAAAT,MAAA;IAAAH;EAAA,IAAAa,EAAmB;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAP,MAAA,IAAAO,CAAA,QAAAV,OAAA;IAGxBe,EAAA,GAAAC,KAAA,CAAC;MAAAC,QAAA,GACEjB,OAAA,EACAkB,KAAA,CAAAC,OAAA,CAAchB,MAAA,KAAWA,MAAA,CAAAR,MAAA,IAAgB,GACxCQ,MAAA,CAAAR,MAAA,MAAkB,GAChByB,IAAA,CAAC;QAAA,eAAiB;QAAAH,QAAA,EAAed,MAAM;MAAA,C,IAEvCiB,IAAA,CAAC;QAAA,eAAe;QAAAH,QAAA,EACbd,MAAA,CAAAC,GAAA,CAAAiB,KAED;MAAA,C,QAGF;IAAA,C;;;;;;;SAZNN,E;;AAJG,SAAAM,MAAAhB,KAAA,EAAAiB,KAAA;EAAA,OAYcF,IAAA,CAAC;IAAAH,QAAA,EAAgBZ;EAAA,GAARiB,KAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"fieldErrors.js","names":["c","_c","React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","colonIndex","indexOf","intro","slice","errorsString","undefined","errors","map","error","replaceAll","trim","FieldErrorsToast","t0","$","errorMessage","t1","t2","useState","t3","_jsxs","children","Array","isArray","_jsx","_temp","index"],"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nexport function createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const colonIndex = message.indexOf(':')\n  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message\n  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Toasts/fieldErrors.spec.js

@@ -0,0 +1,46 @@
+import { describe, expect, it } from 'vitest';
+import { createErrorsFromMessage } from './fieldErrors.js';
+describe('createErrorsFromMessage', () => {
+  it('should return the full message when there is no colon', () => {
+    const result = createErrorsFromMessage('Something went wrong');
+    expect(result).toEqual({
+      message: 'Something went wrong'
+    });
+  });
+  it('should split a single field error after the colon', () => {
+    const result = createErrorsFromMessage('Validation failed: email');
+    expect(result).toEqual({
+      errors: ['email'],
+      message: 'Validation failed: '
+    });
+  });
+  it('should split multiple comma-separated field errors after the colon', () => {
+    const result = createErrorsFromMessage('The following fields are invalid: email, name');
+    expect(result).toEqual({
+      errors: ['email', 'name'],
+      message: 'The following fields are invalid (2):'
+    });
+  });
+  it('should preserve the full message when it contains multiple colons', () => {
+    const result = createErrorsFromMessage('With: multiple: colons');
+    expect(result).toEqual({
+      errors: ['multiple: colons'],
+      message: 'With: '
+    });
+  });
+  it('should replace " > " with " → " in error paths', () => {
+    const result = createErrorsFromMessage('Invalid: parent > child');
+    expect(result).toEqual({
+      errors: ['parent → child'],
+      message: 'Invalid: '
+    });
+  });
+  it('should group similar errors and count them', () => {
+    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other');
+    expect(result).toEqual({
+      errors: ['blocks → 0', 'blocks → 1', 'other'],
+      message: 'Invalid (3):'
+    });
+  });
+});
+//# sourceMappingURL=fieldErrors.spec.js.map

package/dist/elements/Toasts/fieldErrors.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldErrors.spec.js","names":["describe","expect","it","createErrorsFromMessage","result","toEqual","message","errors"],"sources":["../../../src/elements/Toasts/fieldErrors.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { createErrorsFromMessage } from './fieldErrors.js'\n\ndescribe('createErrorsFromMessage', () => {\n  it('should return the full message when there is no colon', () => {\n    const result = createErrorsFromMessage('Something went wrong')\n\n    expect(result).toEqual({ message: 'Something went wrong' })\n  })\n\n  it('should split a single field error after the colon', () => {\n    const result = createErrorsFromMessage('Validation failed: email')\n\n    expect(result).toEqual({ errors: ['email'], message: 'Validation failed: ' })\n  })\n\n  it('should split multiple comma-separated field errors after the colon', () => {\n    const result = createErrorsFromMessage('The following fields are invalid: email, name')\n\n    expect(result).toEqual({\n      errors: ['email', 'name'],\n      message: 'The following fields are invalid (2):',\n    })\n  })\n\n  it('should preserve the full message when it contains multiple colons', () => {\n    const result = createErrorsFromMessage('With: multiple: colons')\n\n    expect(result).toEqual({ errors: ['multiple: colons'], message: 'With: ' })\n  })\n\n  it('should replace \" > \" with \" → \" in error paths', () => {\n    const result = createErrorsFromMessage('Invalid: parent > child')\n\n    expect(result).toEqual({ errors: ['parent → child'], message: 'Invalid: ' })\n  })\n\n  it('should group similar errors and count them', () => {\n    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other')\n\n    expect(result).toEqual({\n      errors: ['blocks → 0', 'blocks → 1', 'other'],\n      message: 'Invalid (3):',\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,uBAAuB,QAAQ;AAExCH,QAAA,CAAS,2BAA2B;EAClCE,EAAA,CAAG,yDAAyD;IAC1D,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEC,OAAA,EAAS;IAAuB;EAC3D;EAEAJ,EAAA,CAAG,qDAAqD;IACtD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,QAAQ;MAAED,OAAA,EAAS;IAAsB;EAC7E;EAEAJ,EAAA,CAAG,sEAAsE;IACvE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,SAAS,OAAO;MACzBD,OAAA,EAAS;IACX;EACF;EAEAJ,EAAA,CAAG,qEAAqE;IACtE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,mBAAmB;MAAED,OAAA,EAAS;IAAS;EAC3E;EAEAJ,EAAA,CAAG,kDAAkD;IACnD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,iBAAiB;MAAED,OAAA,EAAS;IAAY;EAC5E;EAEAJ,EAAA,CAAG,8CAA8C;IAC/C,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,cAAc,cAAc,QAAQ;MAC7CD,OAAA,EAAS;IACX;EACF;AACF","ignoreList":[]}

package/dist/elements/Tree/TreeNode/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TreeNodeProps } from '../types.js';
 import './index.scss';
-export declare const TreeNode: ({ allPossibleTypeValues, cache, collectionSlug, depth, expandedNodes, filterByCollections, limit, node, onSelect, onToggle, parentFieldName, selected, selectedNodeId, typeFieldName, useAsTitle, }: TreeNodeProps) => React.JSX.Element;
+export declare const TreeNode: ({ allPossibleTypeValues, baseFilter, cache, collectionSlug, depth, expandedNodes, filterByCollections, limit, node, onSelect, onToggle, parentFieldName, selected, selectedNodeId, typeFieldName, useAsTitle, }: TreeNodeProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Tree/TreeNode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Tree/TreeNode/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAQhD,OAAO,cAAc,CAAA;AAqBrB,eAAO,MAAM,QAAQ,wMAgBlB,aAAa,sBA8Lf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Tree/TreeNode/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAQhD,OAAO,cAAc,CAAA;AAqBrB,eAAO,MAAM,QAAQ,oNAiBlB,aAAa,sBAgMf,CAAA"}

package/dist/elements/Tree/TreeNode/index.js

@@ -25,6 +25,7 @@ const getDocumentTitle = (doc, useAsTitle) => {
 };
 export const TreeNode = ({
   allPossibleTypeValues,
+  baseFilter,
   cache,
   collectionSlug,
   depth = 0,
@@ -56,6 +57,7 @@ export const TreeNode = ({
     totalDocs
   } = useChildren({
     allPossibleTypeValues,
+    baseFilter,
     cache,
     collectionSlug,
     enabled: expanded,
@@ -185,6 +187,7 @@ export const TreeNode = ({
           const childTitle = getDocumentTitle(child, useAsTitle);
           return /*#__PURE__*/_jsx(TreeNode, {
             allPossibleTypeValues: allPossibleTypeValues,
+            baseFilter: baseFilter,
             cache: cache,
             collectionSlug: collectionSlug,
             depth: depth + 1,

package/dist/elements/Tree/TreeNode/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useRef","Spinner","ChevronIcon","useTranslation","LoadMore","useFocusableItem","useTreeFocus","useChildren","DEFAULT_TREE_LIMIT","baseClass","getDocumentTitle","doc","useAsTitle","docId","id","idStr","String","value","TreeNode","allPossibleTypeValues","cache","collectionSlug","depth","expandedNodes","filterByCollections","limit","node","onSelect","onToggle","parentFieldName","selected","selectedNodeId","typeFieldName","t","expanded","has","nodeRef","setFocusedId","children","hasMore","isLoading","loadMore","loadMoreFromHook","totalDocs","enabled","parentId","handleLoadMore","newDocs","length","firstNewDoc","handleFocus","isFocused","tabIndex","type","ref","useEffect","current","document","activeElement","focus","hasChildren","handleToggleClick","e","stopPropagation","handleSelectClick","handleKeyDown","key","preventDefault","_jsxs","undefined","className","onFocus","onKeyDown","role","style","filter","Boolean","join","_jsx","onClick","onMouseDown","direction","title","loadingText","size","_Fragment","map","child","childData","childId","childTitle","currentCount","onLoadMore"],"sources":["../../../../src/elements/Tree/TreeNode/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport type { TreeNodeProps } from '../types.js'\n\nimport { Spinner } from '../../../elements/Spinner/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { LoadMore } from '../LoadMore/index.js'\nimport { useFocusableItem, useTreeFocus } from '../TreeFocusContext.js'\nimport { useChildren } from '../useChildren.js'\nimport './index.scss'\n\nconst DEFAULT_TREE_LIMIT = 10\n\nconst baseClass = 'tree-node'\n\nconst getDocumentTitle = (doc: Record<string, unknown>, useAsTitle: string | undefined): string => {\n  const docId: number | string = doc.id as number | string\n  const idStr = typeof docId === 'number' ? String(docId) : docId\n\n  if (!useAsTitle) {\n    return idStr\n  }\n\n  const value = doc[useAsTitle]\n  if (value && (typeof value === 'string' || typeof value === 'number')) {\n    return String(value)\n  }\n  return idStr\n}\n\nexport const TreeNode = ({\n  allPossibleTypeValues,\n  cache,\n  collectionSlug,\n  depth = 0,\n  expandedNodes,\n  filterByCollections,\n  limit = DEFAULT_TREE_LIMIT,\n  node,\n  onSelect,\n  onToggle,\n  parentFieldName,\n  selected,\n  selectedNodeId,\n  typeFieldName,\n  useAsTitle,\n}: TreeNodeProps) => {\n  const { t } = useTranslation()\n  const expanded = expandedNodes.has(node.id)\n  const nodeRef = useRef<HTMLDivElement>(null)\n  const { setFocusedId } = useTreeFocus()\n\n  const {\n    children,\n    hasMore,\n    isLoading,\n    loadMore: loadMoreFromHook,\n    totalDocs,\n  } = useChildren({\n    allPossibleTypeValues,\n    cache,\n    collectionSlug,\n    enabled: expanded,\n    filterByCollections,\n    limit,\n    parentFieldName,\n    parentId: node.id,\n    typeFieldName,\n    useAsTitle,\n  })\n\n  const handleLoadMore = React.useCallback(async () => {\n    const newDocs = await loadMoreFromHook()\n\n    if (newDocs && newDocs.length > 0) {\n      const firstNewDoc = newDocs[0]\n      const docId: number | string = (firstNewDoc as { id: number | string }).id\n      setFocusedId(`node-${docId}`)\n    }\n  }, [loadMoreFromHook, setFocusedId])\n\n  const { handleFocus, isFocused, tabIndex } = useFocusableItem({\n    id: `node-${node.id}`,\n    type: 'node',\n    ref: nodeRef,\n  })\n\n  // When focusedId points to this node, actually call .focus()\n  React.useEffect(() => {\n    if (isFocused && nodeRef.current && document.activeElement !== nodeRef.current) {\n      nodeRef.current.focus()\n    }\n  }, [isFocused])\n\n  // Determine if node has children:\n  // - If explicitly set in data, use that\n  // - If expanded and loaded, check the actual children\n  // - Otherwise, assume it might have children (show chevron until proven otherwise)\n  const hasChildren =\n    node.hasChildren === true || (expanded && children !== null ? children.length > 0 : true)\n\n  const handleToggleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      onToggle({ id: node.id })\n    },\n    [node.id, onToggle],\n  )\n\n  const handleSelectClick = useCallback(() => {\n    onSelect?.({ id: node.id })\n  }, [node.id, onSelect])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case ' ':\n        case 'Enter':\n          e.preventDefault()\n          e.stopPropagation()\n          handleSelectClick()\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          e.stopPropagation()\n          if (hasChildren && expanded) {\n            onToggle({ id: node.id })\n          }\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          e.stopPropagation()\n          if (hasChildren && !expanded) {\n            onToggle({ id: node.id })\n          }\n          break\n      }\n    },\n    [hasChildren, expanded, handleSelectClick, onToggle, node.id],\n  )\n\n  return (\n    <div\n      aria-expanded={hasChildren ? expanded : undefined}\n      aria-level={depth + 1}\n      aria-selected={selected}\n      className={baseClass}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      ref={nodeRef}\n      role=\"treeitem\"\n      style={{ '--tree-depth': depth } as React.CSSProperties}\n      tabIndex={tabIndex}\n    >\n      <div\n        className={[`${baseClass}__content`, selected && `${baseClass}__content--selected`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__indicator`} />\n        {hasChildren ? (\n          <button\n            aria-label={expanded ? t('general:collapse') : t('general:open')}\n            className={`${baseClass}__toggle`}\n            onClick={handleToggleClick}\n            onMouseDown={(e) => e.preventDefault()}\n            tabIndex={-1}\n            type=\"button\"\n          >\n            <ChevronIcon direction={expanded ? 'down' : 'right'} />\n          </button>\n        ) : (\n          <div className={`${baseClass}__toggle-spacer`} />\n        )}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- keyboard handled by parent */}\n        <span\n          className={`${baseClass}__title`}\n          onClick={handleSelectClick}\n          onMouseDown={(e) => e.preventDefault()}\n          title={node.title}\n        >\n          {node.title}\n        </span>\n        {isLoading && expanded && (\n          <span className={`${baseClass}__loading`}>\n            <Spinner loadingText={null} size=\"small\" />\n          </span>\n        )}\n      </div>\n\n      {expanded && children && children.length > 0 && (\n        <>\n          <div className={`${baseClass}__children`} role=\"group\">\n            {children.map((child) => {\n              const childData = child as { id: number | string }\n              const childId = childData.id\n              const childTitle = getDocumentTitle(child, useAsTitle)\n              return (\n                <TreeNode\n                  allPossibleTypeValues={allPossibleTypeValues}\n                  cache={cache}\n                  collectionSlug={collectionSlug}\n                  depth={depth + 1}\n                  expandedNodes={expandedNodes}\n                  filterByCollections={filterByCollections}\n                  key={String(childId)}\n                  limit={limit}\n                  node={{\n                    id: childId,\n                    hasChildren: true,\n                    title: childTitle,\n                  }}\n                  onSelect={onSelect}\n                  onToggle={onToggle}\n                  parentFieldName={parentFieldName}\n                  selected={String(childId) === String(selectedNodeId)}\n                  selectedNodeId={selectedNodeId}\n                  typeFieldName={typeFieldName}\n                  useAsTitle={useAsTitle}\n                />\n              )\n            })}\n          </div>\n          {hasMore && (\n            <LoadMore\n              currentCount={children.length}\n              depth={depth + 1}\n              id={`load-more-${node.id}`}\n              onLoadMore={handleLoadMore}\n              totalDocs={totalDocs}\n            />\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useRef","Spinner","ChevronIcon","useTranslation","LoadMore","useFocusableItem","useTreeFocus","useChildren","DEFAULT_TREE_LIMIT","baseClass","getDocumentTitle","doc","useAsTitle","docId","id","idStr","String","value","TreeNode","allPossibleTypeValues","baseFilter","cache","collectionSlug","depth","expandedNodes","filterByCollections","limit","node","onSelect","onToggle","parentFieldName","selected","selectedNodeId","typeFieldName","t","expanded","has","nodeRef","setFocusedId","children","hasMore","isLoading","loadMore","loadMoreFromHook","totalDocs","enabled","parentId","handleLoadMore","newDocs","length","firstNewDoc","handleFocus","isFocused","tabIndex","type","ref","useEffect","current","document","activeElement","focus","hasChildren","handleToggleClick","e","stopPropagation","handleSelectClick","handleKeyDown","key","preventDefault","_jsxs","undefined","className","onFocus","onKeyDown","role","style","filter","Boolean","join","_jsx","onClick","onMouseDown","direction","title","loadingText","size","_Fragment","map","child","childData","childId","childTitle","currentCount","onLoadMore"],"sources":["../../../../src/elements/Tree/TreeNode/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport type { TreeNodeProps } from '../types.js'\n\nimport { Spinner } from '../../../elements/Spinner/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { LoadMore } from '../LoadMore/index.js'\nimport { useFocusableItem, useTreeFocus } from '../TreeFocusContext.js'\nimport { useChildren } from '../useChildren.js'\nimport './index.scss'\n\nconst DEFAULT_TREE_LIMIT = 10\n\nconst baseClass = 'tree-node'\n\nconst getDocumentTitle = (doc: Record<string, unknown>, useAsTitle: string | undefined): string => {\n  const docId: number | string = doc.id as number | string\n  const idStr = typeof docId === 'number' ? String(docId) : docId\n\n  if (!useAsTitle) {\n    return idStr\n  }\n\n  const value = doc[useAsTitle]\n  if (value && (typeof value === 'string' || typeof value === 'number')) {\n    return String(value)\n  }\n  return idStr\n}\n\nexport const TreeNode = ({\n  allPossibleTypeValues,\n  baseFilter,\n  cache,\n  collectionSlug,\n  depth = 0,\n  expandedNodes,\n  filterByCollections,\n  limit = DEFAULT_TREE_LIMIT,\n  node,\n  onSelect,\n  onToggle,\n  parentFieldName,\n  selected,\n  selectedNodeId,\n  typeFieldName,\n  useAsTitle,\n}: TreeNodeProps) => {\n  const { t } = useTranslation()\n  const expanded = expandedNodes.has(node.id)\n  const nodeRef = useRef<HTMLDivElement>(null)\n  const { setFocusedId } = useTreeFocus()\n\n  const {\n    children,\n    hasMore,\n    isLoading,\n    loadMore: loadMoreFromHook,\n    totalDocs,\n  } = useChildren({\n    allPossibleTypeValues,\n    baseFilter,\n    cache,\n    collectionSlug,\n    enabled: expanded,\n    filterByCollections,\n    limit,\n    parentFieldName,\n    parentId: node.id,\n    typeFieldName,\n    useAsTitle,\n  })\n\n  const handleLoadMore = React.useCallback(async () => {\n    const newDocs = await loadMoreFromHook()\n\n    if (newDocs && newDocs.length > 0) {\n      const firstNewDoc = newDocs[0]\n      const docId: number | string = (firstNewDoc as { id: number | string }).id\n      setFocusedId(`node-${docId}`)\n    }\n  }, [loadMoreFromHook, setFocusedId])\n\n  const { handleFocus, isFocused, tabIndex } = useFocusableItem({\n    id: `node-${node.id}`,\n    type: 'node',\n    ref: nodeRef,\n  })\n\n  // When focusedId points to this node, actually call .focus()\n  React.useEffect(() => {\n    if (isFocused && nodeRef.current && document.activeElement !== nodeRef.current) {\n      nodeRef.current.focus()\n    }\n  }, [isFocused])\n\n  // Determine if node has children:\n  // - If explicitly set in data, use that\n  // - If expanded and loaded, check the actual children\n  // - Otherwise, assume it might have children (show chevron until proven otherwise)\n  const hasChildren =\n    node.hasChildren === true || (expanded && children !== null ? children.length > 0 : true)\n\n  const handleToggleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      onToggle({ id: node.id })\n    },\n    [node.id, onToggle],\n  )\n\n  const handleSelectClick = useCallback(() => {\n    onSelect?.({ id: node.id })\n  }, [node.id, onSelect])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case ' ':\n        case 'Enter':\n          e.preventDefault()\n          e.stopPropagation()\n          handleSelectClick()\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          e.stopPropagation()\n          if (hasChildren && expanded) {\n            onToggle({ id: node.id })\n          }\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          e.stopPropagation()\n          if (hasChildren && !expanded) {\n            onToggle({ id: node.id })\n          }\n          break\n      }\n    },\n    [hasChildren, expanded, handleSelectClick, onToggle, node.id],\n  )\n\n  return (\n    <div\n      aria-expanded={hasChildren ? expanded : undefined}\n      aria-level={depth + 1}\n      aria-selected={selected}\n      className={baseClass}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      ref={nodeRef}\n      role=\"treeitem\"\n      style={{ '--tree-depth': depth } as React.CSSProperties}\n      tabIndex={tabIndex}\n    >\n      <div\n        className={[`${baseClass}__content`, selected && `${baseClass}__content--selected`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__indicator`} />\n        {hasChildren ? (\n          <button\n            aria-label={expanded ? t('general:collapse') : t('general:open')}\n            className={`${baseClass}__toggle`}\n            onClick={handleToggleClick}\n            onMouseDown={(e) => e.preventDefault()}\n            tabIndex={-1}\n            type=\"button\"\n          >\n            <ChevronIcon direction={expanded ? 'down' : 'right'} />\n          </button>\n        ) : (\n          <div className={`${baseClass}__toggle-spacer`} />\n        )}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- keyboard handled by parent */}\n        <span\n          className={`${baseClass}__title`}\n          onClick={handleSelectClick}\n          onMouseDown={(e) => e.preventDefault()}\n          title={node.title}\n        >\n          {node.title}\n        </span>\n        {isLoading && expanded && (\n          <span className={`${baseClass}__loading`}>\n            <Spinner loadingText={null} size=\"small\" />\n          </span>\n        )}\n      </div>\n\n      {expanded && children && children.length > 0 && (\n        <>\n          <div className={`${baseClass}__children`} role=\"group\">\n            {children.map((child) => {\n              const childData = child as { id: number | string }\n              const childId = childData.id\n              const childTitle = getDocumentTitle(child, useAsTitle)\n              return (\n                <TreeNode\n                  allPossibleTypeValues={allPossibleTypeValues}\n                  baseFilter={baseFilter}\n                  cache={cache}\n                  collectionSlug={collectionSlug}\n                  depth={depth + 1}\n                  expandedNodes={expandedNodes}\n                  filterByCollections={filterByCollections}\n                  key={String(childId)}\n                  limit={limit}\n                  node={{\n                    id: childId,\n                    hasChildren: true,\n                    title: childTitle,\n                  }}\n                  onSelect={onSelect}\n                  onToggle={onToggle}\n                  parentFieldName={parentFieldName}\n                  selected={String(childId) === String(selectedNodeId)}\n                  selectedNodeId={selectedNodeId}\n                  typeFieldName={typeFieldName}\n                  useAsTitle={useAsTitle}\n                />\n              )\n            })}\n          </div>\n          {hasMore && (\n            <LoadMore\n              currentCount={children.length}\n              depth={depth + 1}\n              id={`load-more-${node.id}`}\n              onLoadMore={handleLoadMore}\n              totalDocs={totalDocs}\n            />\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,WAAW,EAAEC,MAAM,QAAQ;AAI3C,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,EAAEC,YAAY,QAAQ;AAC/C,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,kBAAA,GAAqB;AAE3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,GAAmBA,CAACC,GAAA,EAA8BC,UAAA;EACtD,MAAMC,KAAA,GAAyBF,GAAA,CAAIG,EAAE;EACrC,MAAMC,KAAA,GAAQ,OAAOF,KAAA,KAAU,WAAWG,MAAA,CAAOH,KAAA,IAASA,KAAA;EAE1D,IAAI,CAACD,UAAA,EAAY;IACf,OAAOG,KAAA;EACT;EAEA,MAAME,KAAA,GAAQN,GAAG,CAACC,UAAA,CAAW;EAC7B,IAAIK,KAAA,KAAU,OAAOA,KAAA,KAAU,YAAY,OAAOA,KAAA,KAAU,QAAO,GAAI;IACrE,OAAOD,MAAA,CAAOC,KAAA;EAChB;EACA,OAAOF,KAAA;AACT;AAEA,OAAO,MAAMG,QAAA,GAAWA,CAAC;EACvBC,qBAAqB;EACrBC,UAAU;EACVC,KAAK;EACLC,cAAc;EACdC,KAAA,GAAQ,CAAC;EACTC,aAAa;EACbC,mBAAmB;EACnBC,KAAA,GAAQlB,kBAAkB;EAC1BmB,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,eAAe;EACfC,QAAQ;EACRC,cAAc;EACdC,aAAa;EACbrB;AAAU,CACI;EACd,MAAM;IAAEsB;EAAC,CAAE,GAAG/B,cAAA;EACd,MAAMgC,QAAA,GAAWX,aAAA,CAAcY,GAAG,CAACT,IAAA,CAAKb,EAAE;EAC1C,MAAMuB,OAAA,GAAUrC,MAAA,CAAuB;EACvC,MAAM;IAAEsC;EAAY,CAAE,GAAGhC,YAAA;EAEzB,MAAM;IACJiC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,QAAA,EAAUC,gBAAgB;IAC1BC;EAAS,CACV,GAAGrC,WAAA,CAAY;IACdY,qBAAA;IACAC,UAAA;IACAC,KAAA;IACAC,cAAA;IACAuB,OAAA,EAASV,QAAA;IACTV,mBAAA;IACAC,KAAA;IACAI,eAAA;IACAgB,QAAA,EAAUnB,IAAA,CAAKb,EAAE;IACjBmB,aAAA;IACArB;EACF;EAEA,MAAMmC,cAAA,GAAiBjD,KAAA,CAAMC,WAAW,CAAC;IACvC,MAAMiD,OAAA,GAAU,MAAML,gBAAA;IAEtB,IAAIK,OAAA,IAAWA,OAAA,CAAQC,MAAM,GAAG,GAAG;MACjC,MAAMC,WAAA,GAAcF,OAAO,CAAC,EAAE;MAC9B,MAAMnC,KAAA,GAAyBqC,WAAC,CAAwCpC,EAAE;MAC1EwB,YAAA,CAAa,QAAQzB,KAAA,EAAO;IAC9B;EACF,GAAG,CAAC8B,gBAAA,EAAkBL,YAAA,CAAa;EAEnC,MAAM;IAAEa,WAAW;IAAEC,SAAS;IAAEC;EAAQ,CAAE,GAAGhD,gBAAA,CAAiB;IAC5DS,EAAA,EAAI,QAAQa,IAAA,CAAKb,EAAE,EAAE;IACrBwC,IAAA,EAAM;IACNC,GAAA,EAAKlB;EACP;EAEA;EACAvC,KAAA,CAAM0D,SAAS,CAAC;IACd,IAAIJ,SAAA,IAAaf,OAAA,CAAQoB,OAAO,IAAIC,QAAA,CAASC,aAAa,KAAKtB,OAAA,CAAQoB,OAAO,EAAE;MAC9EpB,OAAA,CAAQoB,OAAO,CAACG,KAAK;IACvB;EACF,GAAG,CAACR,SAAA,CAAU;EAEd;EACA;EACA;EACA;EACA,MAAMS,WAAA,GACJlC,IAAA,CAAKkC,WAAW,KAAK,SAAS1B,QAAA,IAAYI,QAAA,KAAa,OAAOA,QAAA,CAASU,MAAM,GAAG,IAAI,IAAG;EAEzF,MAAMa,iBAAA,GAAoB/D,WAAA,CACvBgE,CAAA;IACCA,CAAA,CAAEC,eAAe;IACjBnC,QAAA,CAAS;MAAEf,EAAA,EAAIa,IAAA,CAAKb;IAAG;EACzB,GACA,CAACa,IAAA,CAAKb,EAAE,EAAEe,QAAA,CAAS;EAGrB,MAAMoC,iBAAA,GAAoBlE,WAAA,CAAY;IACpC6B,QAAA,GAAW;MAAEd,EAAA,EAAIa,IAAA,CAAKb;IAAG;EAC3B,GAAG,CAACa,IAAA,CAAKb,EAAE,EAAEc,QAAA,CAAS;EAEtB,MAAMsC,aAAA,GAAgBnE,WAAA,CACnBgE,GAAA;IACC,QAAQA,GAAA,CAAEI,GAAG;MACX,KAAK;MACL,KAAK;QACHJ,GAAA,CAAEK,cAAc;QAChBL,GAAA,CAAEC,eAAe;QACjBC,iBAAA;QACA;MACF,KAAK;QACHF,GAAA,CAAEK,cAAc;QAChBL,GAAA,CAAEC,eAAe;QACjB,IAAIH,WAAA,IAAe1B,QAAA,EAAU;UAC3BN,QAAA,CAAS;YAAEf,EAAA,EAAIa,IAAA,CAAKb;UAAG;QACzB;QACA;MACF,KAAK;QACHiD,GAAA,CAAEK,cAAc;QAChBL,GAAA,CAAEC,eAAe;QACjB,IAAIH,WAAA,IAAe,CAAC1B,QAAA,EAAU;UAC5BN,QAAA,CAAS;YAAEf,EAAA,EAAIa,IAAA,CAAKb;UAAG;QACzB;QACA;IACJ;EACF,GACA,CAAC+C,WAAA,EAAa1B,QAAA,EAAU8B,iBAAA,EAAmBpC,QAAA,EAAUF,IAAA,CAAKb,EAAE,CAAC;EAG/D,oBACEuD,KAAA,CAAC;IACC,iBAAeR,WAAA,GAAc1B,QAAA,GAAWmC,SAAA;IACxC,cAAY/C,KAAA,GAAQ;IACpB,iBAAeQ,QAAA;IACfwC,SAAA,EAAW9D,SAAA;IACX+D,OAAA,EAASrB,WAAA;IACTsB,SAAA,EAAWP,aAAA;IACXX,GAAA,EAAKlB,OAAA;IACLqC,IAAA,EAAK;IACLC,KAAA,EAAO;MAAE,gBAAgBpD;IAAM;IAC/B8B,QAAA,EAAUA,QAAA;4BAEVgB,KAAA,CAAC;MACCE,SAAA,EAAW,CAAC,GAAG9D,SAAA,WAAoB,EAAEsB,QAAA,IAAY,GAAGtB,SAAA,qBAA8B,CAAC,CAChFmE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;8BAERC,IAAA,CAAC;QAAIR,SAAA,EAAW,GAAG9D,SAAA;UAClBoD,WAAA,gBACCkB,IAAA,CAAC;QACC,cAAY5C,QAAA,GAAWD,CAAA,CAAE,sBAAsBA,CAAA,CAAE;QACjDqC,SAAA,EAAW,GAAG9D,SAAA,UAAmB;QACjCuE,OAAA,EAASlB,iBAAA;QACTmB,WAAA,EAAclB,GAAA,IAAMA,GAAA,CAAEK,cAAc;QACpCf,QAAA,EAAU,CAAC;QACXC,IAAA,EAAK;kBAEL,aAAAyB,IAAA,CAAC7E,WAAA;UAAYgF,SAAA,EAAW/C,QAAA,GAAW,SAAS;;wBAG9C4C,IAAA,CAAC;QAAIR,SAAA,EAAW,GAAG9D,SAAA;uBAGrBsE,IAAA,CAAC;QACCR,SAAA,EAAW,GAAG9D,SAAA,SAAkB;QAChCuE,OAAA,EAASf,iBAAA;QACTgB,WAAA,EAAclB,GAAA,IAAMA,GAAA,CAAEK,cAAc;QACpCe,KAAA,EAAOxD,IAAA,CAAKwD,KAAK;kBAEhBxD,IAAA,CAAKwD;UAEP1C,SAAA,IAAaN,QAAA,iBACZ4C,IAAA,CAAC;QAAKR,SAAA,EAAW,GAAG9D,SAAA,WAAoB;kBACtC,aAAAsE,IAAA,CAAC9E,OAAA;UAAQmF,WAAA,EAAa;UAAMC,IAAA,EAAK;;;QAKtClD,QAAA,IAAYI,QAAA,IAAYA,QAAA,CAASU,MAAM,GAAG,kBACzCoB,KAAA,CAAAiB,SAAA;8BACEP,IAAA,CAAC;QAAIR,SAAA,EAAW,GAAG9D,SAAA,YAAqB;QAAEiE,IAAA,EAAK;kBAC5CnC,QAAA,CAASgD,GAAG,CAAEC,KAAA;UACb,MAAMC,SAAA,GAAYD,KAAA;UAClB,MAAME,OAAA,GAAUD,SAAA,CAAU3E,EAAE;UAC5B,MAAM6E,UAAA,GAAajF,gBAAA,CAAiB8E,KAAA,EAAO5E,UAAA;UAC3C,oBACEmE,IAAA,CAAC7D,QAAA;YACCC,qBAAA,EAAuBA,qBAAA;YACvBC,UAAA,EAAYA,UAAA;YACZC,KAAA,EAAOA,KAAA;YACPC,cAAA,EAAgBA,cAAA;YAChBC,KAAA,EAAOA,KAAA,GAAQ;YACfC,aAAA,EAAeA,aAAA;YACfC,mBAAA,EAAqBA,mBAAA;YAErBC,KAAA,EAAOA,KAAA;YACPC,IAAA,EAAM;cACJb,EAAA,EAAI4E,OAAA;cACJ7B,WAAA,EAAa;cACbsB,KAAA,EAAOQ;YACT;YACA/D,QAAA,EAAUA,QAAA;YACVC,QAAA,EAAUA,QAAA;YACVC,eAAA,EAAiBA,eAAA;YACjBC,QAAA,EAAUf,MAAA,CAAO0E,OAAA,MAAa1E,MAAA,CAAOgB,cAAA;YACrCA,cAAA,EAAgBA,cAAA;YAChBC,aAAA,EAAeA,aAAA;YACfrB,UAAA,EAAYA;aAbPI,MAAA,CAAO0E,OAAA;QAgBlB;UAEDlD,OAAA,iBACCuC,IAAA,CAAC3E,QAAA;QACCwF,YAAA,EAAcrD,QAAA,CAASU,MAAM;QAC7B1B,KAAA,EAAOA,KAAA,GAAQ;QACfT,EAAA,EAAI,aAAaa,IAAA,CAAKb,EAAE,EAAE;QAC1B+E,UAAA,EAAY9C,cAAA;QACZH,SAAA,EAAWA;;;;AAOzB","ignoreList":[]}

package/dist/elements/Tree/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Tree/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAA;AASzD,OAAO,cAAc,CAAA;AAkQrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Tree/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAgC,SAAS,EAAE,MAAM,YAAY,CAAA;AASzE,OAAO,cAAc,CAAA;AA8QrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMpC,CAAA"}

package/dist/elements/Tree/index.js

@@ -30,6 +30,7 @@ const getDocumentTitle = (doc, useAsTitle) => {
 };
 const TreeInner = ({
   allPossibleTypeValues,
+  baseFilter,
   collectionSlug,
   expandedNodes,
   filterByCollections,
@@ -58,51 +59,60 @@ const TreeInner = ({
   const createDrawerSlug = `tree-create-${useId()}`;
   // Pre-populate cache with initialData SYNCHRONOUSLY (before first render)
   // This ensures expanded children find their data immediately without client-side fetch
-  const childrenCache = useRef(useMemo(() => {
-    const cache = new Map();
-    if (initialData && initialData.docs.length > 0) {
-      // Group docs by parent to populate cache
-      const docsByParent = new Map();
-      for (const doc of initialData.docs) {
-        const parentId = doc[parentFieldName] || 'null';
-        const parentKey = String(parentId);
-        if (!docsByParent.has(parentKey)) {
-          docsByParent.set(parentKey, []);
-        }
-        const parentDocs = docsByParent.get(parentKey);
-        if (parentDocs) {
-          parentDocs.push(doc);
-        }
+  const childrenCache = useRef(new Map());
+  // Track previous baseFilter to clear cache when tenant changes
+  // Use JSON string comparison since baseFilter is an object
+  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : '';
+  const prevBaseFilterKeyRef = useRef(baseFilterKey);
+  if (prevBaseFilterKeyRef.current !== baseFilterKey) {
+    prevBaseFilterKeyRef.current = baseFilterKey;
+    childrenCache.current.clear();
+  }
+  // Populate cache from initialData
+  useMemo(() => {
+    if (!initialData || initialData.docs.length === 0) {
+      return;
+    }
+    // Group docs by parent to populate cache
+    const docsByParent = new Map();
+    for (const doc of initialData.docs) {
+      const parentId = doc[parentFieldName] || 'null';
+      const parentKey = String(parentId);
+      if (!docsByParent.has(parentKey)) {
+        docsByParent.set(parentKey, []);
       }
-      // Populate cache with grouped docs and metadata from server
-      const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : '';
-      for (const [parentKey_0, docs] of docsByParent) {
-        const cacheKey = `${collectionSlug}-${parentKey_0}-${filterKey}`;
-        const parentMeta = initialData.loadedParents[parentKey_0];
-        if (parentMeta) {
-          // Calculate page number based on loaded count
-          // If server loaded multiple pages to find a selected node, loadedCount > treeLimit
-          const loadedCount = parentMeta.loadedCount ?? docs.length;
-          const currentPage = Math.ceil(loadedCount / treeLimit) || 1;
-          cache.set(cacheKey, {
-            children: docs,
-            hasMore: parentMeta.hasMore,
-            page: currentPage,
-            totalDocs: parentMeta.totalDocs
-          });
-        } else {
-          // Shouldn't happen, but fallback to conservative estimate
-          cache.set(cacheKey, {
-            children: docs,
-            hasMore: false,
-            page: 1,
-            totalDocs: docs.length
-          });
-        }
+      const parentDocs = docsByParent.get(parentKey);
+      if (parentDocs) {
+        parentDocs.push(doc);
+      }
+    }
+    // Populate cache with grouped docs and metadata from server
+    const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : '';
+    for (const [parentKey_0, docs] of docsByParent) {
+      const cacheKey = `${collectionSlug}-${parentKey_0}-${filterKey}`;
+      const parentMeta = initialData.loadedParents[parentKey_0];
+      if (parentMeta) {
+        // Calculate page number based on loaded count
+        // If server loaded multiple pages to find a selected node, loadedCount > treeLimit
+        const loadedCount = parentMeta.loadedCount ?? docs.length;
+        const currentPage = Math.ceil(loadedCount / treeLimit) || 1;
+        childrenCache.current.set(cacheKey, {
+          children: docs,
+          hasMore: parentMeta.hasMore,
+          page: currentPage,
+          totalDocs: parentMeta.totalDocs
+        });
+      } else {
+        // Shouldn't happen, but fallback to conservative estimate
+        childrenCache.current.set(cacheKey, {
+          children: docs,
+          hasMore: false,
+          page: 1,
+          totalDocs: docs.length
+        });
       }
     }
-    return cache;
-  }, [initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit]));
+  }, [initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit]);
   const treeRef = useRef(null);
   // Fetch root nodes (items with no parent)
   const {
@@ -114,6 +124,7 @@ const TreeInner = ({
     totalDocs
   } = useChildren({
     allPossibleTypeValues,
+    baseFilter,
     cache: childrenCache,
     collectionSlug,
     enabled: true,
@@ -220,6 +231,7 @@ const TreeInner = ({
       const isSelected = nodeIdStr === String(selectedNodeId);
       return /*#__PURE__*/_jsx(TreeNode, {
         allPossibleTypeValues: allPossibleTypeValues,
+        baseFilter: baseFilter,
         cache: childrenCache,
         collectionSlug: collectionSlug,
         depth: 0,

package/dist/elements/Tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","useRouter","React","useId","useMemo","useRef","CreateDocumentButton","DelayedSpinner","TagIcon","useConfig","useTranslation","LoadMore","TreeFocusProvider","useTreeFocus","TreeNode","useChildren","baseClass","DEFAULT_TREE_LIMIT","getDocumentTitle","doc","useAsTitle","docId","id","idStr","String","value","TreeInner","allPossibleTypeValues","collectionSlug","expandedNodes","filterByCollections","icon","initialData","onNodeClick","parentFieldName","selectedNodeId","showAllOption","toggleNode","treeLimit","typeFieldName","moveFocus","router","i18n","t","getEntityConfig","createDrawerSlug","childrenCache","cache","Map","docs","length","docsByParent","parentId","parentKey","has","set","parentDocs","get","push","filterKey","slice","sort","join","cacheKey","parentMeta","loadedParents","loadedCount","currentPage","Math","ceil","children","hasMore","page","totalDocs","treeRef","rootNodes","isLoading","loadMore","loadMoreFromHook","refresh","enabled","limit","handleLoadMore","useCallback","handleNodeClick","_jsx","className","collectionLabel","buttonStyle","collections","drawerSlug","label","labels","singular","onSave","handleTreeKeyDown","e","key","preventDefault","isAllSelected","handleAllClick","_jsxs","onKeyDown","ref","role","tabIndex","onClick","color","plural","map","node","nodeId","nodeIdStr","nodeTitle","isSelected","depth","hasChildren","title","onSelect","onToggle","selected","currentCount","onLoadMore","Tree","props"],"sources":["../../../src/elements/Tree/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useId, useMemo, useRef } from 'react'\n\nimport type { TreeDocument, TreeProps } from './types.js'\n\nimport { CreateDocumentButton } from '../../elements/CreateDocumentButton/index.js'\nimport { DelayedSpinner } from '../../elements/DelayedSpinner/index.js'\nimport { TagIcon } from '../../icons/Tag/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { LoadMore } from './LoadMore/index.js'\nimport { TreeFocusProvider, useTreeFocus } from './TreeFocusContext.js'\nimport './index.scss'\nimport { TreeNode } from './TreeNode/index.js'\nimport { useChildren } from './useChildren.js'\n\nconst baseClass = 'tree'\nconst DEFAULT_TREE_LIMIT = 10\n\nconst getDocumentTitle = (doc: TreeDocument, useAsTitle: string | undefined): string => {\n  const docId: number | string = doc.id\n  const idStr = typeof docId === 'number' ? String(docId) : docId\n\n  if (!useAsTitle) {\n    return idStr\n  }\n\n  const value = doc[useAsTitle]\n  if (value && (typeof value === 'string' || typeof value === 'number')) {\n    return String(value)\n  }\n  return idStr\n}\n\nconst TreeInner: React.FC<TreeProps> = ({\n  allPossibleTypeValues,\n  collectionSlug,\n  expandedNodes,\n  filterByCollections,\n  icon,\n  initialData,\n  onNodeClick,\n  parentFieldName,\n  selectedNodeId,\n  showAllOption = true,\n  toggleNode,\n  treeLimit = DEFAULT_TREE_LIMIT,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const { moveFocus } = useTreeFocus()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const createDrawerSlug = `tree-create-${useId()}`\n\n  // Pre-populate cache with initialData SYNCHRONOUSLY (before first render)\n  // This ensures expanded children find their data immediately without client-side fetch\n  const childrenCache = useRef(\n    useMemo(() => {\n      const cache = new Map()\n\n      if (initialData && initialData.docs.length > 0) {\n        // Group docs by parent to populate cache\n        const docsByParent = new Map<string, TreeDocument[]>()\n\n        for (const doc of initialData.docs) {\n          const parentId = doc[parentFieldName] || 'null'\n          const parentKey = String(parentId)\n\n          if (!docsByParent.has(parentKey)) {\n            docsByParent.set(parentKey, [])\n          }\n          const parentDocs = docsByParent.get(parentKey)\n          if (parentDocs) {\n            parentDocs.push(doc)\n          }\n        }\n\n        // Populate cache with grouped docs and metadata from server\n        const filterKey = filterByCollections?.length\n          ? filterByCollections.slice().sort().join(',')\n          : ''\n        for (const [parentKey, docs] of docsByParent) {\n          const cacheKey = `${collectionSlug}-${parentKey}-${filterKey}`\n          const parentMeta = initialData.loadedParents[parentKey]\n\n          if (parentMeta) {\n            // Calculate page number based on loaded count\n            // If server loaded multiple pages to find a selected node, loadedCount > treeLimit\n            const loadedCount = parentMeta.loadedCount ?? docs.length\n            const currentPage = Math.ceil(loadedCount / treeLimit) || 1\n\n            cache.set(cacheKey, {\n              children: docs,\n              hasMore: parentMeta.hasMore,\n              page: currentPage,\n              totalDocs: parentMeta.totalDocs,\n            })\n          } else {\n            // Shouldn't happen, but fallback to conservative estimate\n            cache.set(cacheKey, {\n              children: docs,\n              hasMore: false,\n              page: 1,\n              totalDocs: docs.length,\n            })\n          }\n        }\n      }\n\n      return cache\n    }, [initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit]),\n  )\n  const treeRef = useRef<HTMLDivElement>(null)\n\n  // Fetch root nodes (items with no parent)\n  const {\n    children: rootNodes,\n    hasMore,\n    isLoading,\n    loadMore: loadMoreFromHook,\n    refresh,\n    totalDocs,\n  } = useChildren({\n    allPossibleTypeValues,\n    cache: childrenCache,\n    collectionSlug,\n    enabled: true,\n    filterByCollections,\n    initialData,\n    limit: treeLimit,\n    parentFieldName,\n    parentId: 'null', // Special value to query for null parent\n    typeFieldName,\n    useAsTitle,\n  })\n\n  // Wrap loadMore - focusedId stays the same, tabindex handles the rest\n  const handleLoadMore = React.useCallback(async () => {\n    await loadMoreFromHook()\n  }, [loadMoreFromHook])\n\n  const handleNodeClick = ({ id }: { id: number | string }) => {\n    if (onNodeClick) {\n      onNodeClick({ id })\n    }\n  }\n\n  // Show loading state with delay to prevent flash\n  if (isLoading && !rootNodes) {\n    return (\n      <div className={baseClass}>\n        <DelayedSpinner baseClass={baseClass} isLoading={true} />\n      </div>\n    )\n  }\n\n  // Show empty state after loading completes\n  if (!rootNodes || rootNodes.length === 0) {\n    const collectionLabel = getEntityConfig({ collectionSlug })\n    return (\n      <div className={baseClass}>\n        <CreateDocumentButton\n          buttonStyle=\"primary\"\n          collections={[{ collectionSlug }]}\n          drawerSlug={createDrawerSlug}\n          label={t('general:createNewLabel', {\n            label: getTranslation(collectionLabel.labels.singular, i18n),\n          })}\n          onSave={async () => {\n            await refresh()\n            router.refresh()\n          }}\n        />\n      </div>\n    )\n  }\n\n  const handleTreeKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      moveFocus('down')\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      moveFocus('up')\n    }\n  }\n\n  const isAllSelected = selectedNodeId === null\n\n  const handleAllClick = () => {\n    if (onNodeClick) {\n      onNodeClick({ id: null })\n    }\n  }\n\n  return (\n    <div\n      className={baseClass}\n      onKeyDown={handleTreeKeyDown}\n      ref={treeRef}\n      role=\"tree\"\n      tabIndex={-1}\n    >\n      {showAllOption && (\n        <div\n          aria-selected={isAllSelected}\n          className={`${baseClass}__all-option${isAllSelected ? ` ${baseClass}__all-option--selected` : ''}`}\n          onClick={handleAllClick}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              handleAllClick()\n            }\n          }}\n          role=\"treeitem\"\n          tabIndex={0}\n        >\n          {icon || <TagIcon color=\"muted\" />}\n          <span>\n            {t('general:all')}{' '}\n            {getTranslation(getEntityConfig({ collectionSlug })?.labels?.plural, i18n)}\n          </span>\n        </div>\n      )}\n      {rootNodes.map((node) => {\n        const nodeId: number | string = node.id\n        const nodeIdStr = typeof nodeId === 'number' ? String(nodeId) : nodeId\n        const nodeTitle = getDocumentTitle(node, useAsTitle)\n        const isSelected = nodeIdStr === String(selectedNodeId)\n\n        return (\n          <TreeNode\n            allPossibleTypeValues={allPossibleTypeValues}\n            cache={childrenCache}\n            collectionSlug={collectionSlug}\n            depth={0}\n            expandedNodes={expandedNodes}\n            filterByCollections={filterByCollections}\n            key={nodeIdStr}\n            limit={treeLimit}\n            node={{\n              id: nodeId,\n              hasChildren: true,\n              title: nodeTitle,\n            }}\n            onSelect={handleNodeClick}\n            onToggle={toggleNode}\n            parentFieldName={parentFieldName}\n            selected={isSelected}\n            selectedNodeId={selectedNodeId}\n            typeFieldName={typeFieldName}\n            useAsTitle={useAsTitle}\n          />\n        )\n      })}\n      {hasMore && (\n        <LoadMore\n          currentCount={rootNodes.length}\n          depth={0}\n          id=\"load-more-root\"\n          onLoadMore={handleLoadMore}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const Tree: React.FC<TreeProps> = (props) => {\n  return (\n    <TreeFocusProvider>\n      <TreeInner {...props} />\n    </TreeFocusProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","useRouter","React","useId","useMemo","useRef","CreateDocumentButton","DelayedSpinner","TagIcon","useConfig","useTranslation","LoadMore","TreeFocusProvider","useTreeFocus","TreeNode","useChildren","baseClass","DEFAULT_TREE_LIMIT","getDocumentTitle","doc","useAsTitle","docId","id","idStr","String","value","TreeInner","allPossibleTypeValues","baseFilter","collectionSlug","expandedNodes","filterByCollections","icon","initialData","onNodeClick","parentFieldName","selectedNodeId","showAllOption","toggleNode","treeLimit","typeFieldName","moveFocus","router","i18n","t","getEntityConfig","createDrawerSlug","childrenCache","Map","baseFilterKey","JSON","stringify","prevBaseFilterKeyRef","current","clear","docs","length","docsByParent","parentId","parentKey","has","set","parentDocs","get","push","filterKey","slice","sort","join","cacheKey","parentMeta","loadedParents","loadedCount","currentPage","Math","ceil","children","hasMore","page","totalDocs","treeRef","rootNodes","isLoading","loadMore","loadMoreFromHook","refresh","cache","enabled","limit","handleLoadMore","useCallback","handleNodeClick","_jsx","className","collectionLabel","buttonStyle","collections","drawerSlug","label","labels","singular","onSave","handleTreeKeyDown","e","key","preventDefault","isAllSelected","handleAllClick","_jsxs","onKeyDown","ref","role","tabIndex","onClick","color","plural","map","node","nodeId","nodeIdStr","nodeTitle","isSelected","depth","hasChildren","title","onSelect","onToggle","selected","currentCount","onLoadMore","Tree","props"],"sources":["../../../src/elements/Tree/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useId, useMemo, useRef } from 'react'\n\nimport type { CachedChildren, TreeDocument, TreeProps } from './types.js'\n\nimport { CreateDocumentButton } from '../../elements/CreateDocumentButton/index.js'\nimport { DelayedSpinner } from '../../elements/DelayedSpinner/index.js'\nimport { TagIcon } from '../../icons/Tag/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { LoadMore } from './LoadMore/index.js'\nimport { TreeFocusProvider, useTreeFocus } from './TreeFocusContext.js'\nimport './index.scss'\nimport { TreeNode } from './TreeNode/index.js'\nimport { useChildren } from './useChildren.js'\n\nconst baseClass = 'tree'\nconst DEFAULT_TREE_LIMIT = 10\n\nconst getDocumentTitle = (doc: TreeDocument, useAsTitle: string | undefined): string => {\n  const docId: number | string = doc.id\n  const idStr = typeof docId === 'number' ? String(docId) : docId\n\n  if (!useAsTitle) {\n    return idStr\n  }\n\n  const value = doc[useAsTitle]\n  if (value && (typeof value === 'string' || typeof value === 'number')) {\n    return String(value)\n  }\n  return idStr\n}\n\nconst TreeInner: React.FC<TreeProps> = ({\n  allPossibleTypeValues,\n  baseFilter,\n  collectionSlug,\n  expandedNodes,\n  filterByCollections,\n  icon,\n  initialData,\n  onNodeClick,\n  parentFieldName,\n  selectedNodeId,\n  showAllOption = true,\n  toggleNode,\n  treeLimit = DEFAULT_TREE_LIMIT,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const { moveFocus } = useTreeFocus()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const createDrawerSlug = `tree-create-${useId()}`\n\n  // Pre-populate cache with initialData SYNCHRONOUSLY (before first render)\n  // This ensures expanded children find their data immediately without client-side fetch\n  const childrenCache = useRef<Map<string, CachedChildren>>(new Map())\n\n  // Track previous baseFilter to clear cache when tenant changes\n  // Use JSON string comparison since baseFilter is an object\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n\n  const prevBaseFilterKeyRef = useRef(baseFilterKey)\n  if (prevBaseFilterKeyRef.current !== baseFilterKey) {\n    prevBaseFilterKeyRef.current = baseFilterKey\n    childrenCache.current.clear()\n  }\n\n  // Populate cache from initialData\n  useMemo(() => {\n    if (!initialData || initialData.docs.length === 0) {\n      return\n    }\n\n    // Group docs by parent to populate cache\n    const docsByParent = new Map<string, TreeDocument[]>()\n\n    for (const doc of initialData.docs) {\n      const parentId = doc[parentFieldName] || 'null'\n      const parentKey = String(parentId)\n\n      if (!docsByParent.has(parentKey)) {\n        docsByParent.set(parentKey, [])\n      }\n      const parentDocs = docsByParent.get(parentKey)\n      if (parentDocs) {\n        parentDocs.push(doc)\n      }\n    }\n\n    // Populate cache with grouped docs and metadata from server\n    const filterKey = filterByCollections?.length\n      ? filterByCollections.slice().sort().join(',')\n      : ''\n    for (const [parentKey, docs] of docsByParent) {\n      const cacheKey = `${collectionSlug}-${parentKey}-${filterKey}`\n      const parentMeta = initialData.loadedParents[parentKey]\n\n      if (parentMeta) {\n        // Calculate page number based on loaded count\n        // If server loaded multiple pages to find a selected node, loadedCount > treeLimit\n        const loadedCount = parentMeta.loadedCount ?? docs.length\n        const currentPage = Math.ceil(loadedCount / treeLimit) || 1\n\n        childrenCache.current.set(cacheKey, {\n          children: docs,\n          hasMore: parentMeta.hasMore,\n          page: currentPage,\n          totalDocs: parentMeta.totalDocs,\n        })\n      } else {\n        // Shouldn't happen, but fallback to conservative estimate\n        childrenCache.current.set(cacheKey, {\n          children: docs,\n          hasMore: false,\n          page: 1,\n          totalDocs: docs.length,\n        })\n      }\n    }\n  }, [initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit])\n  const treeRef = useRef<HTMLDivElement>(null)\n\n  // Fetch root nodes (items with no parent)\n  const {\n    children: rootNodes,\n    hasMore,\n    isLoading,\n    loadMore: loadMoreFromHook,\n    refresh,\n    totalDocs,\n  } = useChildren({\n    allPossibleTypeValues,\n    baseFilter,\n    cache: childrenCache,\n    collectionSlug,\n    enabled: true,\n    filterByCollections,\n    initialData,\n    limit: treeLimit,\n    parentFieldName,\n    parentId: 'null', // Special value to query for null parent\n    typeFieldName,\n    useAsTitle,\n  })\n\n  // Wrap loadMore - focusedId stays the same, tabindex handles the rest\n  const handleLoadMore = React.useCallback(async () => {\n    await loadMoreFromHook()\n  }, [loadMoreFromHook])\n\n  const handleNodeClick = ({ id }: { id: number | string }) => {\n    if (onNodeClick) {\n      onNodeClick({ id })\n    }\n  }\n\n  // Show loading state with delay to prevent flash\n  if (isLoading && !rootNodes) {\n    return (\n      <div className={baseClass}>\n        <DelayedSpinner baseClass={baseClass} isLoading={true} />\n      </div>\n    )\n  }\n\n  // Show empty state after loading completes\n  if (!rootNodes || rootNodes.length === 0) {\n    const collectionLabel = getEntityConfig({ collectionSlug })\n    return (\n      <div className={baseClass}>\n        <CreateDocumentButton\n          buttonStyle=\"primary\"\n          collections={[{ collectionSlug }]}\n          drawerSlug={createDrawerSlug}\n          label={t('general:createNewLabel', {\n            label: getTranslation(collectionLabel.labels.singular, i18n),\n          })}\n          onSave={async () => {\n            await refresh()\n            router.refresh()\n          }}\n        />\n      </div>\n    )\n  }\n\n  const handleTreeKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      moveFocus('down')\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      moveFocus('up')\n    }\n  }\n\n  const isAllSelected = selectedNodeId === null\n\n  const handleAllClick = () => {\n    if (onNodeClick) {\n      onNodeClick({ id: null })\n    }\n  }\n\n  return (\n    <div\n      className={baseClass}\n      onKeyDown={handleTreeKeyDown}\n      ref={treeRef}\n      role=\"tree\"\n      tabIndex={-1}\n    >\n      {showAllOption && (\n        <div\n          aria-selected={isAllSelected}\n          className={`${baseClass}__all-option${isAllSelected ? ` ${baseClass}__all-option--selected` : ''}`}\n          onClick={handleAllClick}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              handleAllClick()\n            }\n          }}\n          role=\"treeitem\"\n          tabIndex={0}\n        >\n          {icon || <TagIcon color=\"muted\" />}\n          <span>\n            {t('general:all')}{' '}\n            {getTranslation(getEntityConfig({ collectionSlug })?.labels?.plural, i18n)}\n          </span>\n        </div>\n      )}\n      {rootNodes.map((node) => {\n        const nodeId: number | string = node.id\n        const nodeIdStr = typeof nodeId === 'number' ? String(nodeId) : nodeId\n        const nodeTitle = getDocumentTitle(node, useAsTitle)\n        const isSelected = nodeIdStr === String(selectedNodeId)\n\n        return (\n          <TreeNode\n            allPossibleTypeValues={allPossibleTypeValues}\n            baseFilter={baseFilter}\n            cache={childrenCache}\n            collectionSlug={collectionSlug}\n            depth={0}\n            expandedNodes={expandedNodes}\n            filterByCollections={filterByCollections}\n            key={nodeIdStr}\n            limit={treeLimit}\n            node={{\n              id: nodeId,\n              hasChildren: true,\n              title: nodeTitle,\n            }}\n            onSelect={handleNodeClick}\n            onToggle={toggleNode}\n            parentFieldName={parentFieldName}\n            selected={isSelected}\n            selectedNodeId={selectedNodeId}\n            typeFieldName={typeFieldName}\n            useAsTitle={useAsTitle}\n          />\n        )\n      })}\n      {hasMore && (\n        <LoadMore\n          currentCount={rootNodes.length}\n          depth={0}\n          id=\"load-more-root\"\n          onLoadMore={handleLoadMore}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const Tree: React.FC<TreeProps> = (props) => {\n  return (\n    <TreeFocusProvider>\n      <TreeInner {...props} />\n    </TreeFocusProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Tree/types.d.ts

@@ -1,3 +1,4 @@
+import type { Where } from 'payload';
 import type { MutableRefObject, ReactNode } from 'react';
 export type TreeDocument = {
     [key: string]: unknown;
@@ -25,6 +26,7 @@ export type TreeInitialData = {
 };
 export type TreeProps = {
     allPossibleTypeValues?: string[];
+    baseFilter?: null | Where;
     collectionSlug: string;
     expandedNodes: Set<number | string>;
     filterByCollections?: string[];
@@ -45,6 +47,7 @@ export type TreeProps = {
 };
 export type TreeNodeProps = {
     allPossibleTypeValues?: string[];
+    baseFilter?: null | Where;
     cache: TreeCache;
     collectionSlug: string;
     depth: number;

package/dist/elements/Tree/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Tree/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Tree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,OAAO,CAAA;IACpB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;AAErE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC7F,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACnC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,IAAI,GAAG,eAAe,CAAA;IACpC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC9D,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACnC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

package/dist/elements/Tree/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Tree/types.ts"],"sourcesContent":["import type { MutableRefObject, ReactNode } from 'react'\n\nexport type TreeDocument = {\n  [key: string]: unknown\n  id: number | string\n}\n\nexport type TreeNodeData = {\n  hasChildren: boolean\n  id: number | string\n  title: string\n}\n\nexport type CachedChildren = {\n  children: TreeDocument[]\n  hasMore: boolean\n  page: number\n  totalDocs: number\n}\n\nexport type TreeCache = MutableRefObject<Map<string, CachedChildren>>\n\nexport type TreeInitialData = {\n  docs: TreeDocument[]\n  loadedParents: Record<string, { hasMore: boolean; loadedCount?: number; totalDocs: number }>\n}\n\nexport type TreeProps = {\n  allPossibleTypeValues?: string[]\n  collectionSlug: string\n  expandedNodes: Set<number | string>\n  filterByCollections?: string[]\n  icon?: ReactNode\n  initialData?: null | TreeInitialData\n  onNodeClick?: ({ id }: { id: null | number | string }) => void\n  parentFieldName: string\n  selectedNodeId?: null | number | string\n  showAllOption?: boolean\n  toggleNode: ({ id }: { id: number | string }) => void\n  treeLimit?: number\n  typeFieldName?: string\n  useAsTitle?: string\n}\n\nexport type TreeNodeProps = {\n  allPossibleTypeValues?: string[]\n  cache: TreeCache\n  collectionSlug: string\n  depth: number\n  expandedNodes: Set<number | string>\n  filterByCollections?: string[]\n  limit: number\n  node: TreeNodeData\n  onSelect?: ({ id }: { id: number | string }) => void\n  onToggle: ({ id }: { id: number | string }) => void\n  parentFieldName: string\n  selected?: boolean\n  selectedNodeId?: number | string\n  typeFieldName?: null | string\n  useAsTitle?: string\n}\n"],"mappings":"AA4CA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Tree/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type { MutableRefObject, ReactNode } from 'react'\n\nexport type TreeDocument = {\n  [key: string]: unknown\n  id: number | string\n}\n\nexport type TreeNodeData = {\n  hasChildren: boolean\n  id: number | string\n  title: string\n}\n\nexport type CachedChildren = {\n  children: TreeDocument[]\n  hasMore: boolean\n  page: number\n  totalDocs: number\n}\n\nexport type TreeCache = MutableRefObject<Map<string, CachedChildren>>\n\nexport type TreeInitialData = {\n  docs: TreeDocument[]\n  loadedParents: Record<string, { hasMore: boolean; loadedCount?: number; totalDocs: number }>\n}\n\nexport type TreeProps = {\n  allPossibleTypeValues?: string[]\n  baseFilter?: null | Where\n  collectionSlug: string\n  expandedNodes: Set<number | string>\n  filterByCollections?: string[]\n  icon?: ReactNode\n  initialData?: null | TreeInitialData\n  onNodeClick?: ({ id }: { id: null | number | string }) => void\n  parentFieldName: string\n  selectedNodeId?: null | number | string\n  showAllOption?: boolean\n  toggleNode: ({ id }: { id: number | string }) => void\n  treeLimit?: number\n  typeFieldName?: string\n  useAsTitle?: string\n}\n\nexport type TreeNodeProps = {\n  allPossibleTypeValues?: string[]\n  baseFilter?: null | Where\n  cache: TreeCache\n  collectionSlug: string\n  depth: number\n  expandedNodes: Set<number | string>\n  filterByCollections?: string[]\n  limit: number\n  node: TreeNodeData\n  onSelect?: ({ id }: { id: number | string }) => void\n  onToggle: ({ id }: { id: number | string }) => void\n  parentFieldName: string\n  selected?: boolean\n  selectedNodeId?: number | string\n  typeFieldName?: null | string\n  useAsTitle?: string\n}\n"],"mappings":"AA8CA","ignoreList":[]}

package/dist/elements/Tree/useChildren.d.ts

@@ -1,6 +1,9 @@
+import type { Where } from 'payload';
 import type { TreeCache, TreeDocument, TreeInitialData } from './types.js';
 type UseChildrenArgs = {
     allPossibleTypeValues?: string[];
+    /** Base filter to apply to all queries (e.g., tenant filter) */
+    baseFilter?: null | Where;
     cache?: TreeCache;
     collectionSlug: string;
     enabled?: boolean;
@@ -20,6 +23,6 @@ type UseChildrenReturn = {
     refresh: () => Promise<TreeDocument[]>;
     totalDocs: number;
 };
-export declare const useChildren: ({ allPossibleTypeValues, cache, collectionSlug, enabled, filterByCollections, initialData, limit, parentFieldName, parentId, typeFieldName, useAsTitle, }: UseChildrenArgs) => UseChildrenReturn;
+export declare const useChildren: ({ allPossibleTypeValues, baseFilter, cache, collectionSlug, enabled, filterByCollections, initialData, limit, parentFieldName, parentId, typeFieldName, useAsTitle, }: UseChildrenArgs) => UseChildrenReturn;
 export {};
 //# sourceMappingURL=useChildren.d.ts.map