@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.c2b57ce

package/dist/views/HierarchyList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","useRouter","useSearchParams","formatAdminURL","qs","React","Fragment","useCallback","useEffect","useMemo","useState","Gutter","useListDrawerContext","RenderCustomComponent","SearchBar","useStepNav","ViewDescription","TagIcon","useConfig","DocumentSelectionProvider","useHierarchy","useRouteTransition","useTranslation","HierarchyListHeader","HierarchyTable","TypeFilter","baseClass","HierarchyListView","props","AfterList","baseFilter","BeforeList","collectionSlug","Description","hasCreatePermission","hasCreatePermissionFromProps","hierarchyData","HierarchyIcon","viewType","router","searchParams","startRouteTransition","allowCreate","isInDrawer","undefined","config","routes","admin","adminRoute","getEntityConfig","collectionConfig","labels","i18n","t","collectionLabel","plural","setStepNav","parent","searchFromURL","get","handleSearchChange","value","currentParams","forEach","v","k","search","queryString","stringify","addQueryPrefix","newUrl","window","location","pathname","replace","currentItemTitle","breadcrumbs","length","title","ancestorBreadcrumbs","slice","baseLabel","label","_jsxs","className","_jsx","color","url","id","path","navItems","hierarchyBreadcrumbs","map","crumb","hierarchyConfig","hierarchy","parentFieldName","parentId","allowedCollections","collections","hierarchyInitialData","collectionSpecificFieldName","collectionSpecific","fieldName","parentCollectionSpecificValues","push","initialData","Object","keys","slug","relatedConfig","entries","relatedCollections","some","c","fieldValue","hasMany","typeOptions","options","typeFilterFromURL","typeFilterValues","split","selectedTypes","setSelectedTypes","opt","handleTypeFilterChange","values","allSelected","typeFilter","join","filteredChildrenData","childrenData","filteredRelatedGroups","relatedDocumentsByCollection","filter","includes","related","data","result","collectionData","docs","fromEntries","description","CustomComponent","Fallback","Actions","onChange","selectedValues","useAsTitle","onSearchChange","searchQueryParam","hierarchyLabel","relatedGroups","JSON","totalDocs","r"],"sources":["../../../src/views/HierarchyList/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { CollectionOption } from '../../elements/CreateDocumentButton/index.js'\nimport type { StepNavItem } from '../../elements/StepNav/index.js'\n\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SearchBar } from '../../elements/SearchBar/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { TagIcon } from '../../icons/Tag/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { HierarchyListHeader } from './HierarchyListHeader/index.js'\nimport { HierarchyTable } from './HierarchyTable/index.js'\nimport { TypeFilter } from './TypeFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'hierarchy-list'\n\nexport function HierarchyListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    baseFilter,\n    BeforeList,\n    collectionSlug,\n    Description,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hierarchyData,\n    HierarchyIcon,\n    viewType,\n  } = props\n\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { allowCreate, isInDrawer } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const { labels } = collectionConfig\n\n  const { i18n, t } = useTranslation()\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n  const { parent } = useHierarchy()\n\n  // Get search from URL params\n  const searchFromURL = searchParams.get('search') || ''\n\n  // Update URL when search changes (debouncing is handled by SearchFilter)\n  // This triggers a server refetch via Next.js router\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      // Build new URL with updated search param\n      const currentParams: Record<string, string> = {}\n      searchParams.forEach((v, k) => {\n        currentParams[k] = v\n      })\n\n      if (value) {\n        currentParams.search = value\n      } else {\n        delete currentParams.search\n      }\n\n      const queryString = qs.stringify(currentParams, { addQueryPrefix: true })\n      const newUrl = `${window.location.pathname}${queryString}`\n\n      if (window.location.search !== queryString) {\n        startRouteTransition(() => router.replace(newUrl))\n      }\n    },\n    [router, searchParams, startRouteTransition],\n  )\n\n  // Get current item title from breadcrumbs (last item is the current one)\n  const currentItemTitle =\n    hierarchyData?.breadcrumbs && hierarchyData.breadcrumbs.length > 0\n      ? hierarchyData.breadcrumbs[hierarchyData.breadcrumbs.length - 1].title\n      : undefined\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      // Breadcrumbs exclude the last item (current item) since it's shown in the header\n      const ancestorBreadcrumbs = hierarchyData?.breadcrumbs?.slice(0, -1) || []\n\n      const baseLabel: StepNavItem = {\n        label: (\n          <div className={`${baseClass}__step-nav-icon-label`}>\n            {HierarchyIcon || <TagIcon color=\"muted\" />}\n            {collectionLabel}\n          </div>\n        ),\n        url: parent?.id\n          ? formatAdminURL({\n              adminRoute,\n              path: `/collections/${collectionSlug}`,\n            })\n          : undefined,\n      }\n\n      let navItems = [baseLabel]\n\n      if (ancestorBreadcrumbs.length > 0) {\n        const hierarchyBreadcrumbs: StepNavItem[] = ancestorBreadcrumbs.map((crumb) => ({\n          label: crumb.title,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}?parent=${crumb.id}`,\n          }),\n        }))\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    isInDrawer,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n    currentItemTitle,\n    parent,\n    HierarchyIcon,\n  ])\n\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n  const parentId = hierarchyData?.parentId ?? null\n\n  // Build collections array for create button\n  // Filter by allowedCollections when set (from parent's collectionSpecific field)\n  const { allowedCollections } = hierarchyData || {}\n\n  const collections: CollectionOption[] = []\n\n  // Add hierarchy collection (always allowed for creating child hierarchy items)\n  // Include parent's collectionSpecific values so new folders inherit the restriction\n  const hierarchyInitialData: Record<string, unknown> = {}\n  if (parentId !== null) {\n    hierarchyInitialData[parentFieldName] = parentId\n\n    const collectionSpecificFieldName =\n      hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object'\n        ? hierarchyConfig.collectionSpecific.fieldName\n        : undefined\n    const parentCollectionSpecificValues = collectionSpecificFieldName\n      ? (parent?.[collectionSpecificFieldName] as string[] | undefined)\n      : undefined\n    if (\n      collectionSpecificFieldName &&\n      parentCollectionSpecificValues &&\n      parentCollectionSpecificValues.length > 0\n    ) {\n      hierarchyInitialData[collectionSpecificFieldName] = parentCollectionSpecificValues\n    }\n  }\n\n  collections.push({\n    collectionSlug,\n    initialData: Object.keys(hierarchyInitialData).length > 0 ? hierarchyInitialData : {},\n  })\n\n  // Add related collections (for creating documents that reference this hierarchy)\n  // Filter by allowedCollections when set\n  for (const [slug, relatedConfig] of Object.entries(hierarchyConfig?.relatedCollections || {})) {\n    // Skip if not in allowed list (when allowedCollections has restrictions)\n    // Empty array means \"no restrictions\" (folder accepts all types)\n    if (\n      allowedCollections &&\n      allowedCollections.length > 0 &&\n      !allowedCollections.some((c) => c.slug === slug)\n    ) {\n      continue\n    }\n\n    // Use array for hasMany fields, single value for hasMany: false\n    const fieldValue = relatedConfig.hasMany ? [parentId] : parentId\n\n    collections.push({\n      collectionSlug: slug,\n      initialData: parentId !== null ? { [relatedConfig.fieldName]: fieldValue } : {},\n    })\n  }\n\n  // Build type filter options from hierarchy collection + related collections\n  // Filter by allowedCollections when set\n  const typeOptions = useMemo(() => {\n    const options: { label: string; value: string }[] = []\n\n    // Add related collections (filtered by allowedCollections when set)\n    for (const [slug] of Object.entries(hierarchyConfig?.relatedCollections || {})) {\n      // Skip if not in allowed list (when allowedCollections has restrictions)\n      // Empty array means \"no restrictions\" (folder accepts all types)\n      if (\n        allowedCollections &&\n        allowedCollections.length > 0 &&\n        !allowedCollections.some((c) => c.slug === slug)\n      ) {\n        continue\n      }\n\n      const config = getEntityConfig({ collectionSlug: slug })\n      options.push({\n        label: getTranslation(config.labels?.plural, i18n),\n        value: slug,\n      })\n    }\n\n    return options\n  }, [allowedCollections, getEntityConfig, hierarchyConfig?.relatedCollections, i18n])\n\n  // Get type filter from URL params (comma-separated list)\n  const typeFilterFromURL = searchParams.get('typeFilter')\n  const typeFilterValues = typeFilterFromURL ? typeFilterFromURL.split(',') : null\n\n  // Track selected types (default: from URL or all selected)\n  const [selectedTypes, setSelectedTypes] = useState<string[]>(\n    () => typeFilterValues || typeOptions.map((opt) => opt.value),\n  )\n\n  // Update URL when type filter changes\n  const handleTypeFilterChange = useCallback(\n    (values: string[]) => {\n      setSelectedTypes(values)\n\n      // Build new URL with updated typeFilter param\n      const currentParams: Record<string, string> = {}\n      searchParams.forEach((v, k) => {\n        currentParams[k] = v\n      })\n\n      // Only add typeFilter if not all types are selected\n      const allSelected = values.length === typeOptions.length\n      if (!allSelected && values.length > 0) {\n        currentParams.typeFilter = values.join(',')\n      } else {\n        delete currentParams.typeFilter\n      }\n\n      const queryString = qs.stringify(currentParams, { addQueryPrefix: true })\n      const newUrl = `${window.location.pathname}${queryString}`\n\n      if (window.location.search !== queryString) {\n        startRouteTransition(() => router.replace(newUrl))\n      }\n    },\n    [router, searchParams, startRouteTransition, typeOptions.length],\n  )\n\n  // Filter children based on selected types (client-side for immediate feedback)\n  // Server already filters, but this handles the hierarchy collection toggle\n  const filteredChildrenData = useMemo(() => {\n    if (!hierarchyData?.childrenData) {\n      return undefined\n    }\n    return hierarchyData.childrenData\n  }, [hierarchyData?.childrenData])\n\n  // Filter related groups based on selected types\n  const filteredRelatedGroups = useMemo(() => {\n    return Object.entries(hierarchyData?.relatedDocumentsByCollection || {})\n      .filter(([slug]) => selectedTypes.includes(slug))\n      .map(([slug, related]) => ({\n        collectionSlug: slug,\n        data: related.result,\n        hasMany: related.hasMany,\n        label: related.label,\n      }))\n  }, [hierarchyData?.relatedDocumentsByCollection, selectedTypes])\n\n  const collectionData = hierarchyData\n    ? {\n        [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n        ...Object.fromEntries(\n          Object.entries(hierarchyData.relatedDocumentsByCollection || {}).map(\n            ([slug, related]) => [slug, { docs: related.result.docs }],\n          ),\n        ),\n      }\n    : {}\n\n  return (\n    <Fragment>\n      <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n        {BeforeList}\n        <DocumentSelectionProvider collectionData={collectionData}>\n          <Gutter className={`${baseClass}__wrap`}>\n            <HierarchyListHeader\n              collectionConfig={collectionConfig}\n              collections={collections}\n              currentItemTitle={currentItemTitle}\n              Description={\n                <React.Fragment>\n                  {hierarchyData.allowedCollections &&\n                    hierarchyData.allowedCollections.length > 0 && (\n                      <div className={`${baseClass}__allowed-types`}>\n                        {t('general:accepts')}:{' '}\n                        {hierarchyData.allowedCollections.map((c) => c.label).join(', ')}\n                      </div>\n                    )}\n                  {Description || collectionConfig?.admin?.description ? (\n                    <div className={`${baseClass}__sub-header`}>\n                      <RenderCustomComponent\n                        CustomComponent={Description}\n                        Fallback={\n                          <ViewDescription\n                            collectionSlug={collectionSlug}\n                            description={collectionConfig?.admin?.description}\n                          />\n                        }\n                      />\n                    </div>\n                  ) : null}\n                </React.Fragment>\n              }\n              hasCreatePermission={hasCreatePermission}\n              HierarchyIcon={HierarchyIcon}\n              i18n={i18n}\n              viewType={viewType}\n            />\n\n            <div className={`${baseClass}__controls`}>\n              <SearchBar\n                Actions={[\n                  <TypeFilter\n                    i18n={i18n}\n                    key={`type-filter-${hierarchyData.parent ? hierarchyData.parent.id : 'root'}`}\n                    onChange={handleTypeFilterChange}\n                    options={typeOptions}\n                    selectedValues={selectedTypes}\n                  />,\n                ]}\n                label={t('general:searchBy', {\n                  label: getTranslation(collectionConfig?.admin?.useAsTitle || 'id', i18n),\n                })}\n                onSearchChange={handleSearchChange}\n                searchQueryParam={searchFromURL}\n              />\n            </div>\n\n            <HierarchyTable\n              baseFilter={baseFilter}\n              childrenData={filteredChildrenData}\n              collections={collections}\n              collectionSlug={collectionSlug}\n              hasCreatePermission={hasCreatePermission}\n              HierarchyIcon={HierarchyIcon}\n              hierarchyLabel={collectionLabel}\n              key={`${collectionSlug}-${parentId}-${searchFromURL}-${JSON.stringify(baseFilter)}-${filteredChildrenData?.totalDocs}-${Object.entries(\n                hierarchyData?.relatedDocumentsByCollection || {},\n              )\n                .map(([slug, r]) => `${slug}:${r.result.totalDocs}`)\n                .join(',')}`}\n              parentFieldName={parentFieldName}\n              parentId={parentId}\n              relatedGroups={filteredRelatedGroups}\n              search={searchFromURL}\n              useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n            />\n          </Gutter>\n        </DocumentSelectionProvider>\n        {AfterList}\n      </div>\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SAASC,SAAS,EAAEC,eAAe,QAAQ;AAC3C,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAK3E,SAASC,MAAM,QAAQ;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,SAAS,QAAQ;AAC1B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,kBAAkBC,KAA0B;EAC1D,MAAM;IACJC,SAAS;IACTC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,mBAAA,EAAqBC,4BAA4B;IACjDC,aAAa;IACbC,aAAa;IACbC;EAAQ,CACT,GAAGV,KAAA;EAEJ,MAAMW,MAAA,GAAStC,SAAA;EACf,MAAMuC,YAAA,GAAetC,eAAA;EACrB,MAAM;IAAEuC;EAAoB,CAAE,GAAGpB,kBAAA;EAEjC,MAAM;IAAEqB,WAAW;IAAEC;EAAU,CAAE,GAAG/B,oBAAA;EAEpC,MAAMsB,mBAAA,GACJQ,WAAA,KAAgBE,SAAA,GACZF,WAAA,IAAeP,4BAAA,GACfA,4BAAA;EAEN,MAAM;IACJU,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,KAAA,EAAOC;MAAU;IAAE,CAC9B;IACDC;EAAe,CAChB,GAAG/B,SAAA;EAEJ,MAAMgC,gBAAA,GAAmBD,eAAA,CAAgB;IAAEjB;EAAe;EAC1D,MAAM;IAAEmB;EAAM,CAAE,GAAGD,gBAAA;EAEnB,MAAM;IAAEE,IAAI;IAAEC;EAAC,CAAE,GAAG/B,cAAA;EACpB,MAAMgC,eAAA,GAAkBtD,cAAA,CAAemD,MAAA,EAAQI,MAAA,EAAQH,IAAA;EAEvD,MAAM;IAAEI;EAAU,CAAE,GAAGzC,UAAA;EACvB,MAAM;IAAE0C;EAAM,CAAE,GAAGrC,YAAA;EAEnB;EACA,MAAMsC,aAAA,GAAgBlB,YAAA,CAAamB,GAAG,CAAC,aAAa;EAEpD;EACA;EACA,MAAMC,kBAAA,GAAqBrD,WAAA,CACxBsD,KAAA;IACC;IACA,MAAMC,aAAA,GAAwC,CAAC;IAC/CtB,YAAA,CAAauB,OAAO,CAAC,CAACC,CAAA,EAAGC,CAAA;MACvBH,aAAa,CAACG,CAAA,CAAE,GAAGD,CAAA;IACrB;IAEA,IAAIH,KAAA,EAAO;MACTC,aAAA,CAAcI,MAAM,GAAGL,KAAA;IACzB,OAAO;MACL,OAAOC,aAAA,CAAcI,MAAM;IAC7B;IAEA,MAAMC,WAAA,GAAc/D,EAAA,CAAGgE,SAAS,CAACN,aAAA,EAAe;MAAEO,cAAA,EAAgB;IAAK;IACvE,MAAMC,MAAA,GAAS,GAAGC,MAAA,CAAOC,QAAQ,CAACC,QAAQ,GAAGN,WAAA,EAAa;IAE1D,IAAII,MAAA,CAAOC,QAAQ,CAACN,MAAM,KAAKC,WAAA,EAAa;MAC1C1B,oBAAA,CAAqB,MAAMF,MAAA,CAAOmC,OAAO,CAACJ,MAAA;IAC5C;EACF,GACA,CAAC/B,MAAA,EAAQC,YAAA,EAAcC,oBAAA,CAAqB;EAG9C;EACA,MAAMkC,gBAAA,GACJvC,aAAA,EAAewC,WAAA,IAAexC,aAAA,CAAcwC,WAAW,CAACC,MAAM,GAAG,IAC7DzC,aAAA,CAAcwC,WAAW,CAACxC,aAAA,CAAcwC,WAAW,CAACC,MAAM,GAAG,EAAE,CAACC,KAAK,GACrElC,SAAA;EAENpC,SAAA,CAAU;IACR,IAAI,CAACmC,UAAA,EAAY;MACf;MACA,MAAMoC,mBAAA,GAAsB3C,aAAA,EAAewC,WAAA,EAAaI,KAAA,CAAM,GAAG,CAAC,MAAM,EAAE;MAE1E,MAAMC,SAAA,GAAyB;QAC7BC,KAAA,eACEC,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG1D,SAAA,uBAAgC;qBAChDW,aAAA,iBAAiBgD,IAAA,CAACpE,OAAA;YAAQqE,KAAA,EAAM;cAChChC,eAAA;;QAGLiC,GAAA,EAAK9B,MAAA,EAAQ+B,EAAA,GACTrF,cAAA,CAAe;UACb6C,UAAA;UACAyC,IAAA,EAAM,gBAAgBzD,cAAA;QACxB,KACAY;MACN;MAEA,IAAI8C,QAAA,GAAW,CAACT,SAAA,CAAU;MAE1B,IAAIF,mBAAA,CAAoBF,MAAM,GAAG,GAAG;QAClC,MAAMc,oBAAA,GAAsCZ,mBAAA,CAAoBa,GAAG,CAAEC,KAAA,KAAW;UAC9EX,KAAA,EAAOW,KAAA,CAAMf,KAAK;UAClBS,GAAA,EAAKpF,cAAA,CAAe;YAClB6C,UAAA;YACAyC,IAAA,EAAM,gBAAgBzD,cAAA,WAAyB6D,KAAA,CAAML,EAAE;UACzD;QACF;QACAE,QAAA,GAAW,C,GAAIA,QAAA,E,GAAaC,oBAAA,CAAqB;MACnD;MAEAnC,UAAA,CAAWkC,QAAA;IACb;EACF,GAAG,CACD1C,UAAA,EACAQ,UAAA,EACAb,UAAA,EACAX,cAAA,EACAI,aAAA,EACAkB,eAAA,EACAqB,gBAAA,EACAlB,MAAA,EACApB,aAAA,CACD;EAED,MAAMyD,eAAA,GACJ5C,gBAAA,EAAkB6C,SAAA,IAAa,OAAO7C,gBAAA,CAAiB6C,SAAS,KAAK,WACjE7C,gBAAA,CAAiB6C,SAAS,GAC1BnD,SAAA;EACN,MAAMoD,eAAA,GAAkBF,eAAA,EAAiBE,eAAA;EACzC,MAAMC,QAAA,GAAW7D,aAAA,EAAe6D,QAAA,IAAY;EAE5C;EACA;EACA,MAAM;IAAEC;EAAkB,CAAE,GAAG9D,aAAA,IAAiB,CAAC;EAEjD,MAAM+D,WAAA,GAAkC,EAAE;EAE1C;EACA;EACA,MAAMC,oBAAA,GAAgD,CAAC;EACvD,IAAIH,QAAA,KAAa,MAAM;IACrBG,oBAAoB,CAACJ,eAAA,CAAgB,GAAGC,QAAA;IAExC,MAAMI,2BAAA,GACJP,eAAA,EAAiBQ,kBAAA,IAAsB,OAAOR,eAAA,CAAgBQ,kBAAkB,KAAK,WACjFR,eAAA,CAAgBQ,kBAAkB,CAACC,SAAS,GAC5C3D,SAAA;IACN,MAAM4D,8BAAA,GAAiCH,2BAAA,GAClC5C,MAAA,GAAS4C,2BAAA,CAA4B,GACtCzD,SAAA;IACJ,IACEyD,2BAAA,IACAG,8BAAA,IACAA,8BAAA,CAA+B3B,MAAM,GAAG,GACxC;MACAuB,oBAAoB,CAACC,2BAAA,CAA4B,GAAGG,8BAAA;IACtD;EACF;EAEAL,WAAA,CAAYM,IAAI,CAAC;IACfzE,cAAA;IACA0E,WAAA,EAAaC,MAAA,CAAOC,IAAI,CAACR,oBAAA,EAAsBvB,MAAM,GAAG,IAAIuB,oBAAA,GAAuB,CAAC;EACtF;EAEA;EACA;EACA,KAAK,MAAM,CAACS,IAAA,EAAMC,aAAA,CAAc,IAAIH,MAAA,CAAOI,OAAO,CAACjB,eAAA,EAAiBkB,kBAAA,IAAsB,CAAC,IAAI;IAC7F;IACA;IACA,IACEd,kBAAA,IACAA,kBAAA,CAAmBrB,MAAM,GAAG,KAC5B,CAACqB,kBAAA,CAAmBe,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEL,IAAI,KAAKA,IAAA,GAC3C;MACA;IACF;IAEA;IACA,MAAMM,UAAA,GAAaL,aAAA,CAAcM,OAAO,GAAG,CAACnB,QAAA,CAAS,GAAGA,QAAA;IAExDE,WAAA,CAAYM,IAAI,CAAC;MACfzE,cAAA,EAAgB6E,IAAA;MAChBH,WAAA,EAAaT,QAAA,KAAa,OAAO;QAAE,CAACa,aAAA,CAAcP,SAAS,GAAGY;MAAW,IAAI,CAAC;IAChF;EACF;EAEA;EACA;EACA,MAAME,WAAA,GAAc5G,OAAA,CAAQ;IAC1B,MAAM6G,OAAA,GAA8C,EAAE;IAEtD;IACA,KAAK,MAAM,CAACT,MAAA,CAAK,IAAIF,MAAA,CAAOI,OAAO,CAACjB,eAAA,EAAiBkB,kBAAA,IAAsB,CAAC,IAAI;MAC9E;MACA;MACA,IACEd,kBAAA,IACAA,kBAAA,CAAmBrB,MAAM,GAAG,KAC5B,CAACqB,kBAAA,CAAmBe,IAAI,CAAEC,GAAA,IAAMA,GAAA,CAAEL,IAAI,KAAKA,MAAA,GAC3C;QACA;MACF;MAEA,MAAMhE,MAAA,GAASI,eAAA,CAAgB;QAAEjB,cAAA,EAAgB6E;MAAK;MACtDS,OAAA,CAAQb,IAAI,CAAC;QACXvB,KAAA,EAAOlF,cAAA,CAAe6C,MAAA,CAAOM,MAAM,EAAEI,MAAA,EAAQH,IAAA;QAC7CS,KAAA,EAAOgD;MACT;IACF;IAEA,OAAOS,OAAA;EACT,GAAG,CAACpB,kBAAA,EAAoBjD,eAAA,EAAiB6C,eAAA,EAAiBkB,kBAAA,EAAoB5D,IAAA,CAAK;EAEnF;EACA,MAAMmE,iBAAA,GAAoB/E,YAAA,CAAamB,GAAG,CAAC;EAC3C,MAAM6D,gBAAA,GAAmBD,iBAAA,GAAoBA,iBAAA,CAAkBE,KAAK,CAAC,OAAO;EAE5E;EACA,MAAM,CAACC,aAAA,EAAeC,gBAAA,CAAiB,GAAGjH,QAAA,CACxC,MAAM8G,gBAAA,IAAoBH,WAAA,CAAYzB,GAAG,CAAEgC,GAAA,IAAQA,GAAA,CAAI/D,KAAK;EAG9D;EACA,MAAMgE,sBAAA,GAAyBtH,WAAA,CAC5BuH,MAAA;IACCH,gBAAA,CAAiBG,MAAA;IAEjB;IACA,MAAMhE,eAAA,GAAwC,CAAC;IAC/CtB,YAAA,CAAauB,OAAO,CAAC,CAACC,GAAA,EAAGC,GAAA;MACvBH,eAAa,CAACG,GAAA,CAAE,GAAGD,GAAA;IACrB;IAEA;IACA,MAAM+D,WAAA,GAAcD,MAAA,CAAOjD,MAAM,KAAKwC,WAAA,CAAYxC,MAAM;IACxD,IAAI,CAACkD,WAAA,IAAeD,MAAA,CAAOjD,MAAM,GAAG,GAAG;MACrCf,eAAA,CAAckE,UAAU,GAAGF,MAAA,CAAOG,IAAI,CAAC;IACzC,OAAO;MACL,OAAOnE,eAAA,CAAckE,UAAU;IACjC;IAEA,MAAM7D,aAAA,GAAc/D,EAAA,CAAGgE,SAAS,CAACN,eAAA,EAAe;MAAEO,cAAA,EAAgB;IAAK;IACvE,MAAMC,QAAA,GAAS,GAAGC,MAAA,CAAOC,QAAQ,CAACC,QAAQ,GAAGN,aAAA,EAAa;IAE1D,IAAII,MAAA,CAAOC,QAAQ,CAACN,MAAM,KAAKC,aAAA,EAAa;MAC1C1B,oBAAA,CAAqB,MAAMF,MAAA,CAAOmC,OAAO,CAACJ,QAAA;IAC5C;EACF,GACA,CAAC/B,MAAA,EAAQC,YAAA,EAAcC,oBAAA,EAAsB4E,WAAA,CAAYxC,MAAM,CAAC;EAGlE;EACA;EACA,MAAMqD,oBAAA,GAAuBzH,OAAA,CAAQ;IACnC,IAAI,CAAC2B,aAAA,EAAe+F,YAAA,EAAc;MAChC,OAAOvF,SAAA;IACT;IACA,OAAOR,aAAA,CAAc+F,YAAY;EACnC,GAAG,CAAC/F,aAAA,EAAe+F,YAAA,CAAa;EAEhC;EACA,MAAMC,qBAAA,GAAwB3H,OAAA,CAAQ;IACpC,OAAOkG,MAAA,CAAOI,OAAO,CAAC3E,aAAA,EAAeiG,4BAAA,IAAgC,CAAC,GACnEC,MAAM,CAAC,CAAC,CAACzB,MAAA,CAAK,KAAKa,aAAA,CAAca,QAAQ,CAAC1B,MAAA,GAC1CjB,GAAG,CAAC,CAAC,CAACiB,MAAA,EAAM2B,OAAA,CAAQ,MAAM;MACzBxG,cAAA,EAAgB6E,MAAA;MAChB4B,IAAA,EAAMD,OAAA,CAAQE,MAAM;MACpBtB,OAAA,EAASoB,OAAA,CAAQpB,OAAO;MACxBlC,KAAA,EAAOsD,OAAA,CAAQtD;IACjB;EACJ,GAAG,CAAC9C,aAAA,EAAeiG,4BAAA,EAA8BX,aAAA,CAAc;EAE/D,MAAMiB,cAAA,GAAiBvG,aAAA,GACnB;IACE,CAACJ,cAAA,GAAiB;MAAE4G,IAAA,EAAMxG,aAAA,CAAc+F,YAAY,CAACS;IAAK;IAC1D,GAAGjC,MAAA,CAAOkC,WAAW,CACnBlC,MAAA,CAAOI,OAAO,CAAC3E,aAAA,CAAciG,4BAA4B,IAAI,CAAC,GAAGzC,GAAG,CAClE,CAAC,CAACiB,MAAA,EAAM2B,SAAA,CAAQ,KAAK,CAAC3B,MAAA,EAAM;MAAE+B,IAAA,EAAMJ,SAAA,CAAQE,MAAM,CAACE;IAAK,EAAE;EAGhE,IACA,CAAC;EAEL,oBACEvD,IAAA,CAAC/E,QAAA;cACC,aAAA6E,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG1D,SAAA,IAAaA,SAAA,KAAcM,cAAA,EAAgB;iBAC3DD,UAAA,E,aACDsD,IAAA,CAAClE,yBAAA;QAA0BwH,cAAA,EAAgBA,cAAA;kBACzC,aAAAxD,KAAA,CAACxE,MAAA;UAAOyE,SAAA,EAAW,GAAG1D,SAAA,QAAiB;kCACrC2D,IAAA,CAAC9D,mBAAA;YACC2B,gBAAA,EAAkBA,gBAAA;YAClBiD,WAAA,EAAaA,WAAA;YACbxB,gBAAA,EAAkBA,gBAAA;YAClB1C,WAAA,eACEkD,KAAA,CAAC9E,KAAA,CAAMC,QAAQ;yBACZ8B,aAAA,CAAc8D,kBAAkB,IAC/B9D,aAAA,CAAc8D,kBAAkB,CAACrB,MAAM,GAAG,kBACxCM,KAAA,CAAC;gBAAIC,SAAA,EAAW,GAAG1D,SAAA,iBAA0B;2BAC1C2B,CAAA,CAAE,oBAAmB,KAAE,KACvBjB,aAAA,CAAc8D,kBAAkB,CAACN,GAAG,CAAEsB,GAAA,IAAMA,GAAA,CAAEhC,KAAK,EAAE+C,IAAI,CAAC;kBAGhEhG,WAAA,IAAeiB,gBAAA,EAAkBH,KAAA,EAAO+F,WAAA,gBACvCzD,IAAA,CAAC;gBAAID,SAAA,EAAW,GAAG1D,SAAA,cAAuB;0BACxC,aAAA2D,IAAA,CAACxE,qBAAA;kBACCkI,eAAA,EAAiB9G,WAAA;kBACjB+G,QAAA,eACE3D,IAAA,CAACrE,eAAA;oBACCgB,cAAA,EAAgBA,cAAA;oBAChB8G,WAAA,EAAa5F,gBAAA,EAAkBH,KAAA,EAAO+F;;;mBAK5C;;YAGR5G,mBAAA,EAAqBA,mBAAA;YACrBG,aAAA,EAAeA,aAAA;YACfe,IAAA,EAAMA,IAAA;YACNd,QAAA,EAAUA;2BAGZ+C,IAAA,CAAC;YAAID,SAAA,EAAW,GAAG1D,SAAA,YAAqB;sBACtC,aAAA2D,IAAA,CAACvE,SAAA;cACCmI,OAAA,EAAS,C,aACP5D,IAAA,CAAC5D,UAAA;gBACC2B,IAAA,EAAMA,IAAA;gBAEN8F,QAAA,EAAUrB,sBAAA;gBACVP,OAAA,EAASD,WAAA;gBACT8B,cAAA,EAAgBzB;iBAHX,eAAetF,aAAA,CAAcqB,MAAM,GAAGrB,aAAA,CAAcqB,MAAM,CAAC+B,EAAE,GAAG,QAAQ,EAKhF;cACDN,KAAA,EAAO7B,CAAA,CAAE,oBAAoB;gBAC3B6B,KAAA,EAAOlF,cAAA,CAAekD,gBAAA,EAAkBH,KAAA,EAAOqG,UAAA,IAAc,MAAMhG,IAAA;cACrE;cACAiG,cAAA,EAAgBzF,kBAAA;cAChB0F,gBAAA,EAAkB5F;;2BAItB2B,IAAA,CAAC7D,cAAA;YACCM,UAAA,EAAYA,UAAA;YACZqG,YAAA,EAAcD,oBAAA;YACd/B,WAAA,EAAaA,WAAA;YACbnE,cAAA,EAAgBA,cAAA;YAChBE,mBAAA,EAAqBA,mBAAA;YACrBG,aAAA,EAAeA,aAAA;YACfkH,cAAA,EAAgBjG,eAAA;YAMhB0C,eAAA,EAAiBA,eAAA;YACjBC,QAAA,EAAUA,QAAA;YACVuD,aAAA,EAAepB,qBAAA;YACflE,MAAA,EAAQR,aAAA;YACR0F,UAAA,EAAYlG,gBAAA,EAAkBH,KAAA,EAAOqG,UAAA,IAAc;aAT9C,GAAGpH,cAAA,IAAkBiE,QAAA,IAAYvC,aAAA,IAAiB+F,IAAA,CAAKrF,SAAS,CAACtC,UAAA,KAAeoG,oBAAA,EAAsBwB,SAAA,IAAa/C,MAAA,CAAOI,OAAO,CACpI3E,aAAA,EAAeiG,4BAAA,IAAgC,CAAC,GAE/CzC,GAAG,CAAC,CAAC,CAACiB,MAAA,EAAM8C,CAAA,CAAE,KAAK,GAAG9C,MAAA,IAAQ8C,CAAA,CAAEjB,MAAM,CAACgB,SAAS,EAAE,EAClDzB,IAAI,CAAC,MAAM;;UASnBpG,SAAA;;;AAIT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","Fragment","useCallback","useEffect","useMemo","useState","CreateDocumentButton","ListControlsBar","useListDrawerContext","RenderCustomComponent","SearchBar","useStepNav","ViewDescription","useConfig","DocumentSelectionProvider","useHierarchy","useRouteCache","useRouter","useSearchParams","useRouteTransition","useTranslation","HierarchyListHeader","HierarchyTable","TypeFilter","baseClass","HierarchyListView","props","AfterList","baseFilter","BeforeList","collectionSlug","Description","hasCreatePermission","hasCreatePermissionFromProps","hierarchyData","HierarchyIcon","viewType","router","searchParams","startRouteTransition","allowCreate","isInDrawer","undefined","config","routes","admin","adminRoute","getEntityConfig","collectionConfig","labels","hierarchyConfig","hierarchy","parentFieldName","i18n","t","collectionLabel","plural","setStepNav","parent","refreshTree","clearRouteCache","handleSave","searchFromURL","get","handleSearchChange","value","currentParams","forEach","v","k","search","queryString","stringify","addQueryPrefix","newUrl","window","location","pathname","replace","currentItemTitle","breadcrumbs","length","title","ancestorBreadcrumbs","slice","baseLabel","label","url","path","navItems","queryParam","hierarchyBreadcrumbs","map","crumb","id","parentId","allowedCollections","collections","hierarchyInitialData","collectionSpecificFieldName","collectionSpecific","fieldName","parentCollectionSpecificValues","push","initialData","Object","keys","slug","relatedConfig","entries","relatedCollections","some","c","fieldValue","hasMany","typeOptions","options","typeFilterFromURL","typeFilterValues","split","selectedTypes","setSelectedTypes","opt","handleTypeFilterChange","values","allSelected","typeFilter","join","filteredChildrenData","childrenData","filteredRelatedGroups","relatedDocumentsByCollection","filter","includes","related","data","result","collectionData","docs","fromEntries","_jsx","_jsxs","className","description","CustomComponent","Fallback","useAsTitle","onSearchChange","searchQueryParam","onChange","selectedValues","buttonStyle","drawerSlug","onSave","hierarchyLabel","relatedGroups","JSON","totalDocs","r"],"sources":["../../../src/views/HierarchyList/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { CollectionOption } from '../../elements/CreateDocumentButton/index.js'\nimport type { StepNavItem } from '../../elements/StepNav/index.js'\n\nimport { CreateDocumentButton } from '../../elements/CreateDocumentButton/index.js'\nimport { ListControlsBar } from '../../elements/ListControlsBar/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SearchBar } from '../../elements/SearchBar/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { HierarchyListHeader } from './HierarchyListHeader/index.js'\nimport { HierarchyTable } from './HierarchyTable/index.js'\nimport { TypeFilter } from './TypeFilter/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-list'\n\nexport function HierarchyListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    baseFilter,\n    BeforeList,\n    collectionSlug,\n    Description,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hierarchyData,\n    HierarchyIcon,\n    viewType,\n  } = props\n\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { allowCreate, isInDrawer } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const { labels } = collectionConfig\n\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n\n  const { i18n, t } = useTranslation()\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n  const { parent, refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n\n  // Callback for when a new document is created\n  const handleSave = useCallback(() => {\n    clearRouteCache()\n    refreshTree(collectionSlug)\n  }, [clearRouteCache, collectionSlug, refreshTree])\n\n  // Get search from URL params\n  const searchFromURL = searchParams.get('search') || ''\n\n  // Update URL when search changes (debouncing is handled by SearchFilter)\n  // This triggers a server refetch via Next.js router\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      // Build new URL with updated search param\n      const currentParams: Record<string, string> = {}\n      searchParams.forEach((v, k) => {\n        currentParams[k] = v\n      })\n\n      if (value) {\n        currentParams.search = value\n      } else {\n        delete currentParams.search\n      }\n\n      const queryString = qs.stringify(currentParams, { addQueryPrefix: true })\n      const newUrl = `${window.location.pathname}${queryString}`\n\n      if (window.location.search !== queryString) {\n        startRouteTransition(() => router.replace(newUrl))\n      }\n    },\n    [router, searchParams, startRouteTransition],\n  )\n\n  // Get current item title from breadcrumbs (last item is the current one)\n  const currentItemTitle =\n    hierarchyData?.breadcrumbs && hierarchyData.breadcrumbs.length > 0\n      ? hierarchyData.breadcrumbs[hierarchyData.breadcrumbs.length - 1].title\n      : undefined\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      // Breadcrumbs exclude the last item (current item) since it's shown in the header\n      const ancestorBreadcrumbs = hierarchyData?.breadcrumbs?.slice(0, -1) || []\n\n      const baseLabel: StepNavItem = {\n        label: collectionLabel,\n        url: formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}`,\n        }),\n      }\n\n      let navItems = [baseLabel]\n\n      if (ancestorBreadcrumbs.length > 0) {\n        const queryParam = parentFieldName || 'parent'\n        const hierarchyBreadcrumbs: StepNavItem[] = ancestorBreadcrumbs.map((crumb) => ({\n          label: crumb.title,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`,\n          }),\n        }))\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    isInDrawer,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n    parentFieldName,\n  ])\n\n  const parentId = hierarchyData?.parentId ?? null\n\n  // Build collections array for create button\n  // Filter by allowedCollections when set (from parent's collectionSpecific field)\n  const { allowedCollections } = hierarchyData || {}\n\n  const collections: CollectionOption[] = []\n\n  // Add hierarchy collection (always allowed for creating child hierarchy items)\n  // Include parent's collectionSpecific values so new folders inherit the restriction\n  const hierarchyInitialData: Record<string, unknown> = {}\n  if (parentId !== null) {\n    hierarchyInitialData[parentFieldName] = parentId\n\n    const collectionSpecificFieldName =\n      hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object'\n        ? hierarchyConfig.collectionSpecific.fieldName\n        : undefined\n    const parentCollectionSpecificValues = collectionSpecificFieldName\n      ? (parent?.[collectionSpecificFieldName] as string[] | undefined)\n      : undefined\n    if (\n      collectionSpecificFieldName &&\n      parentCollectionSpecificValues &&\n      parentCollectionSpecificValues.length > 0\n    ) {\n      hierarchyInitialData[collectionSpecificFieldName] = parentCollectionSpecificValues\n    }\n  }\n\n  collections.push({\n    collectionSlug,\n    initialData: Object.keys(hierarchyInitialData).length > 0 ? hierarchyInitialData : {},\n  })\n\n  // Add related collections (for creating documents that reference this hierarchy)\n  // Filter by allowedCollections when set\n  for (const [slug, relatedConfig] of Object.entries(hierarchyConfig?.relatedCollections || {})) {\n    // Skip if not in allowed list (when allowedCollections has restrictions)\n    // Empty array means \"no restrictions\" (folder accepts all types)\n    if (\n      allowedCollections &&\n      allowedCollections.length > 0 &&\n      !allowedCollections.some((c) => c.slug === slug)\n    ) {\n      continue\n    }\n\n    // Use array for hasMany fields, single value for hasMany: false\n    const fieldValue = relatedConfig.hasMany ? [parentId] : parentId\n\n    collections.push({\n      collectionSlug: slug,\n      initialData: parentId !== null ? { [relatedConfig.fieldName]: fieldValue } : {},\n    })\n  }\n\n  // Build type filter options from hierarchy collection + related collections\n  // Filter by allowedCollections when set\n  const typeOptions = useMemo(() => {\n    const options: { label: string; value: string }[] = []\n\n    // Add related collections (filtered by allowedCollections when set)\n    for (const [slug] of Object.entries(hierarchyConfig?.relatedCollections || {})) {\n      // Skip if not in allowed list (when allowedCollections has restrictions)\n      // Empty array means \"no restrictions\" (folder accepts all types)\n      if (\n        allowedCollections &&\n        allowedCollections.length > 0 &&\n        !allowedCollections.some((c) => c.slug === slug)\n      ) {\n        continue\n      }\n\n      const config = getEntityConfig({ collectionSlug: slug })\n      options.push({\n        label: getTranslation(config.labels?.plural, i18n),\n        value: slug,\n      })\n    }\n\n    return options\n  }, [allowedCollections, getEntityConfig, hierarchyConfig?.relatedCollections, i18n])\n\n  // Get type filter from URL params (comma-separated list)\n  const typeFilterFromURL = searchParams.get('typeFilter')\n  const typeFilterValues = typeFilterFromURL ? typeFilterFromURL.split(',') : null\n\n  // Track selected types (default: from URL or all selected)\n  const [selectedTypes, setSelectedTypes] = useState<string[]>(\n    () => typeFilterValues || typeOptions.map((opt) => opt.value),\n  )\n\n  // Update URL when type filter changes\n  const handleTypeFilterChange = useCallback(\n    (values: string[]) => {\n      setSelectedTypes(values)\n\n      // Build new URL with updated typeFilter param\n      const currentParams: Record<string, string> = {}\n      searchParams.forEach((v, k) => {\n        currentParams[k] = v\n      })\n\n      // Only add typeFilter if not all types are selected\n      const allSelected = values.length === typeOptions.length\n      if (!allSelected && values.length > 0) {\n        currentParams.typeFilter = values.join(',')\n      } else {\n        delete currentParams.typeFilter\n      }\n\n      const queryString = qs.stringify(currentParams, { addQueryPrefix: true })\n      const newUrl = `${window.location.pathname}${queryString}`\n\n      if (window.location.search !== queryString) {\n        startRouteTransition(() => router.replace(newUrl))\n      }\n    },\n    [router, searchParams, startRouteTransition, typeOptions.length],\n  )\n\n  // Filter children based on selected types (client-side for immediate feedback)\n  // Server already filters, but this handles the hierarchy collection toggle\n  const filteredChildrenData = useMemo(() => {\n    if (!hierarchyData?.childrenData) {\n      return undefined\n    }\n    return hierarchyData.childrenData\n  }, [hierarchyData?.childrenData])\n\n  // Filter related groups based on selected types\n  const filteredRelatedGroups = useMemo(() => {\n    return Object.entries(hierarchyData?.relatedDocumentsByCollection || {})\n      .filter(([slug]) => selectedTypes.includes(slug))\n      .map(([slug, related]) => ({\n        collectionSlug: slug,\n        data: related.result,\n        fieldName: related.fieldName,\n        hasMany: related.hasMany,\n        label: related.label,\n      }))\n  }, [hierarchyData?.relatedDocumentsByCollection, selectedTypes])\n\n  const collectionData = hierarchyData\n    ? {\n        [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n        ...Object.fromEntries(\n          Object.entries(hierarchyData.relatedDocumentsByCollection || {}).map(\n            ([slug, related]) => [slug, { docs: related.result.docs }],\n          ),\n        ),\n      }\n    : {}\n\n  return (\n    <Fragment>\n      <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n        {BeforeList}\n        <DocumentSelectionProvider collectionData={collectionData}>\n          <div className={`${baseClass}__wrap`}>\n            <HierarchyListHeader\n              collectionConfig={collectionConfig}\n              currentItemTitle={currentItemTitle}\n              Description={\n                <React.Fragment>\n                  {hierarchyData.allowedCollections &&\n                    hierarchyData.allowedCollections.length > 0 && (\n                      <div className={`${baseClass}__allowed-types`}>\n                        {t('general:accepts')}:{' '}\n                        {hierarchyData.allowedCollections.map((c) => c.label).join(', ')}\n                      </div>\n                    )}\n                  {Description || collectionConfig?.admin?.description ? (\n                    <div className={`${baseClass}__sub-header`}>\n                      <RenderCustomComponent\n                        CustomComponent={Description}\n                        Fallback={\n                          <ViewDescription\n                            collectionSlug={collectionSlug}\n                            description={collectionConfig?.admin?.description}\n                          />\n                        }\n                      />\n                    </div>\n                  ) : null}\n                </React.Fragment>\n              }\n              HierarchyIcon={HierarchyIcon}\n              i18n={i18n}\n              viewType={viewType}\n            />\n\n            <ListControlsBar className={`${baseClass}__controls`}>\n              <div className={`${baseClass}__controls-left`}>\n                <SearchBar\n                  label={t('general:searchBy', {\n                    label: getTranslation(collectionConfig?.admin?.useAsTitle || 'id', i18n),\n                  })}\n                  onSearchChange={handleSearchChange}\n                  searchQueryParam={searchFromURL}\n                />\n                <TypeFilter\n                  i18n={i18n}\n                  key={`type-filter-${hierarchyData.parent ? hierarchyData.parent.id : 'root'}`}\n                  onChange={handleTypeFilterChange}\n                  options={typeOptions}\n                  selectedValues={selectedTypes}\n                />\n              </div>\n              {hasCreatePermission && collections.length > 0 && (\n                <CreateDocumentButton\n                  buttonStyle=\"primary\"\n                  collections={collections}\n                  drawerSlug={`hierarchy-create-${collectionSlug}`}\n                  onSave={handleSave}\n                />\n              )}\n            </ListControlsBar>\n\n            <HierarchyTable\n              baseFilter={baseFilter}\n              childrenData={filteredChildrenData}\n              collections={collections}\n              collectionSlug={collectionSlug}\n              hasCreatePermission={hasCreatePermission}\n              HierarchyIcon={HierarchyIcon}\n              hierarchyLabel={collectionLabel}\n              key={`${collectionSlug}-${parentId}-${searchFromURL}-${JSON.stringify(baseFilter)}-${filteredChildrenData?.totalDocs}-${Object.entries(\n                hierarchyData?.relatedDocumentsByCollection || {},\n              )\n                .map(([slug, r]) => `${slug}:${r.result.totalDocs}`)\n                .join(',')}`}\n              parentFieldName={parentFieldName}\n              parentId={parentId}\n              relatedGroups={filteredRelatedGroups}\n              search={searchFromURL}\n              useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n            />\n          </div>\n        </DocumentSelectionProvider>\n        {AfterList}\n      </div>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/GroupByHeader/index.css

@@ -0,0 +1 @@
+/* GroupByHeader styles are handled by TableSection */

package/dist/views/List/GroupByHeader/index.d.ts

@@ -1,6 +1,5 @@
 import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
-import './index.scss';
 export declare const GroupByHeader: React.FC<{
     collectionConfig?: ClientCollectionConfig;
     groupByFieldPath: string;

package/dist/views/List/GroupByHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/GroupByHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB,CAkBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/GroupByHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB,CAaA,CAAA"}

package/dist/views/List/GroupByHeader/index.js

@@ -1,30 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ListSelection } from '../ListSelection/index.js';
-import './index.scss';
-const baseClass = 'group-by-header';
 export const GroupByHeader = ({
   collectionConfig,
   groupByFieldPath,
   groupByValue,
   heading
 }) => {
-  return /*#__PURE__*/_jsxs("header", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsx("h4", {
-      className: `${baseClass}__heading`,
-      "data-group-id": groupByValue,
-      children: heading
-    }), /*#__PURE__*/_jsx(ListSelection, {
-      collectionConfig: collectionConfig,
-      label: heading,
-      modalPrefix: groupByValue,
-      where: {
-        [groupByFieldPath]: {
-          equals: groupByValue
-        }
+  return /*#__PURE__*/_jsx(ListSelection, {
+    collectionConfig: collectionConfig,
+    label: heading,
+    modalPrefix: groupByValue,
+    where: {
+      [groupByFieldPath]: {
+        equals: groupByValue
       }
-    })]
+    }
   });
 };
 //# sourceMappingURL=index.js.map

package/dist/views/List/GroupByHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ListSelection","baseClass","GroupByHeader","collectionConfig","groupByFieldPath","groupByValue","heading","_jsxs","className","_jsx","label","modalPrefix","where","equals"],"sources":["../../../../src/views/List/GroupByHeader/index.tsx"],"sourcesContent":["import type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst baseClass = 'group-by-header'\n\nexport const GroupByHeader: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  groupByFieldPath: string\n  groupByValue: string\n  heading: string\n}> = ({ collectionConfig, groupByFieldPath, groupByValue, heading }) => {\n  return (\n    <header className={baseClass}>\n      <h4 className={`${baseClass}__heading`} data-group-id={groupByValue}>\n        {heading}\n      </h4>\n      <ListSelection\n        collectionConfig={collectionConfig}\n        label={heading}\n        modalPrefix={groupByValue}\n        where={{\n          [groupByFieldPath]: {\n            equals: groupByValue,\n          },\n        }}\n      />\n    </header>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAKRA,CAAC;EAAEC,gBAAgB;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC;AAAO,CAAE;EACjE,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAWP,SAAA;4BACjBQ,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAGP,SAAA,WAAoB;MAAE,iBAAeI,YAAA;gBACpDC;qBAEHG,IAAA,CAACT,aAAA;MACCG,gBAAA,EAAkBA,gBAAA;MAClBO,KAAA,EAAOJ,OAAA;MACPK,WAAA,EAAaN,YAAA;MACbO,KAAA,EAAO;QACL,CAACR,gBAAA,GAAmB;UAClBS,MAAA,EAAQR;QACV;MACF;;;AAIR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ListSelection","GroupByHeader","collectionConfig","groupByFieldPath","groupByValue","heading","_jsx","label","modalPrefix","where","equals"],"sources":["../../../../src/views/List/GroupByHeader/index.tsx"],"sourcesContent":["import type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ListSelection } from '../ListSelection/index.js'\n\nexport const GroupByHeader: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  groupByFieldPath: string\n  groupByValue: string\n  heading: string\n}> = ({ collectionConfig, groupByFieldPath, groupByValue, heading }) => {\n  return (\n    <ListSelection\n      collectionConfig={collectionConfig}\n      label={heading}\n      modalPrefix={groupByValue}\n      where={{\n        [groupByFieldPath]: {\n          equals: groupByValue,\n        },\n      }}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,aAAA,GAKRA,CAAC;EAAEC,gBAAgB;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC;AAAO,CAAE;EACjE,oBACEC,IAAA,CAACN,aAAA;IACCE,gBAAA,EAAkBA,gBAAA;IAClBK,KAAA,EAAOF,OAAA;IACPG,WAAA,EAAaJ,YAAA;IACbK,KAAA,EAAO;MACL,CAACN,gBAAA,GAAmB;QAClBO,MAAA,EAAQN;MACV;IACF;;AAGN","ignoreList":[]}

package/dist/views/List/ListHeader/index.css

@@ -0,0 +1,30 @@
+@layer payload-default {
+  .list-drawer__header {
+    margin-top: var(--spacer-6);
+    width: 100%;
+  }
+
+  .list-drawer__select-collection-wrap {
+    margin-top: var(--spacer-3);
+  }
+
+  @media (max-width: 768px) {
+    .list-drawer__header {
+      margin-top: var(--spacer-5);
+    }
+
+    .list-drawer .collection-list__header {
+      margin-bottom: var(--spacer-2);
+    }
+
+    .list-drawer__select-collection-wrap {
+      margin-top: var(--spacer-2);
+    }
+  }
+
+  .drawer .list-drawer__header {
+    margin-top: 0;
+    padding: var(--spacer-2-5);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+  }
+}

package/dist/views/List/ListHeader/index.d.ts

@@ -1,7 +1,7 @@
 import type { I18nClient, TFunction } from '@payloadcms/translations';
 import type { ClientCollectionConfig, ViewTypes } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export type ListHeaderProps = {
     Actions?: React.ReactNode[];
     className?: string;

package/dist/views/List/ListHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,uEAAuE;IACvE,CAAC,CAAC,EAAE,SAAS,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6G1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,uEAAuE;IACvE,CAAC,CAAC,EAAE,SAAS,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkG1D,CAAA"}

package/dist/views/List/ListHeader/index.js

@@ -7,11 +7,11 @@ import { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js';
 import { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js';
 import { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js';
 import { ListHeader } from '../../../elements/ListHeader/index.js';
-import { ListBulkUploadButton, ListCreateNewButton, ListEmptyTrashButton } from '../../../elements/ListHeader/TitleActions/index.js';
+import { ListBulkUploadButton, ListEmptyTrashButton } from '../../../elements/ListHeader/TitleActions/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useListQuery } from '../../../providers/ListQuery/index.js';
 import { ListSelection } from '../ListSelection/index.js';
-import './index.scss';
+import './index.css';
 const drawerBaseClass = 'list-drawer';
 export const CollectionListHeader = ({
   className,
@@ -46,13 +46,14 @@ export const CollectionListHeader = ({
   } = useListQuery();
   if (isInDrawer) {
     return /*#__PURE__*/_jsx(ListHeader, {
-      Actions: [/*#__PURE__*/_jsx(CloseModalButton, {
-        className: `${drawerBaseClass}__header-close`,
-        slug: drawerSlug
-      }, "close-button")],
+      Actions: [],
       AfterListHeaderContent: /*#__PURE__*/_jsxs(_Fragment, {
         children: [Description, /*#__PURE__*/_jsx(DrawerRelationshipSelect, {})]
       }),
+      BeforeTitle: /*#__PURE__*/_jsx(CloseModalButton, {
+        className: `${drawerBaseClass}__header-close`,
+        slug: drawerSlug
+      }),
       className: `${drawerBaseClass}__header`,
       title: getTranslation(getEntityConfig({
         collectionSlug: selectedOption.value
@@ -80,11 +81,7 @@ export const CollectionListHeader = ({
     AfterListHeaderContent: Description,
     className: className,
     title: getTranslation(collectionConfig?.labels?.plural, i18n),
-    TitleActions: [hasCreatePermission && !isTrashRoute && /*#__PURE__*/_jsx(ListCreateNewButton, {
-      collectionConfig: collectionConfig,
-      hasCreatePermission: hasCreatePermission,
-      newDocumentURL: newDocumentURL
-    }, "list-header-create-new-doc"), hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
+    TitleActions: [hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
       collectionSlug: collectionConfig.slug,
       hasCreatePermission: hasCreatePermission,
       isBulkUploadEnabled: isBulkUploadEnabled,

package/dist/views/List/ListHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","useListDrawerContext","DrawerRelationshipSelect","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","ListCreateNewButton","ListEmptyTrashButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","Description","disableBulkDelete","disableBulkEdit","hasCreatePermission","hasDeletePermission","hasTrashPermission","i18n","isBulkUploadEnabled","isTrashEnabled","newDocumentURL","onBulkUploadSuccess","openBulkUpload","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","_jsx","Actions","slug","AfterListHeaderContent","_jsxs","_Fragment","title","collectionSlug","value","labels","plural","TitleActions","filter","Boolean","label","showSelectAllAcrossPages"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient, TFunction } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport {\n  ListBulkUploadButton,\n  ListCreateNewButton,\n  ListEmptyTrashButton,\n} from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  hasTrashPermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  isTrashEnabled?: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  /** @deprecated This prop will be removed in the next major version.\n   *\n   * Opening of the bulk upload modal is handled internally.\n   *\n   * Prefer `onBulkUploadSuccess` usage to handle the success of the bulk upload.\n   */\n  openBulkUpload: () => void\n  smallBreak: boolean\n  /** @deprecated This prop will be removed in the next major version. */\n  t?: TFunction\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  hasCreatePermission,\n  hasDeletePermission,\n  hasTrashPermission,\n  i18n,\n  isBulkUploadEnabled,\n  isTrashEnabled,\n  newDocumentURL,\n  onBulkUploadSuccess,\n  openBulkUpload,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[\n          <CloseModalButton\n            className={`${drawerBaseClass}__header-close`}\n            key=\"close-button\"\n            slug={drawerSlug}\n          />,\n        ]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            hasDeletePermission={hasDeletePermission}\n            hasTrashPermission={hasTrashPermission}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={getTranslation(collectionConfig?.labels?.plural, i18n)}\n      TitleActions={[\n        hasCreatePermission && !isTrashRoute && (\n          <ListCreateNewButton\n            collectionConfig={collectionConfig}\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-header-create-new-doc\"\n            newDocumentURL={newDocumentURL}\n          />\n        ),\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n            openBulkUpload={openBulkUpload}\n          />\n        ),\n        hasDeletePermission && isTrashEnabled && viewType === 'trash' && (\n          <ListEmptyTrashButton\n            collectionConfig={collectionConfig}\n            hasDeletePermission={hasDeletePermission}\n            key=\"list-header-empty-trash\"\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","useListDrawerContext","DrawerRelationshipSelect","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","ListEmptyTrashButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","Description","disableBulkDelete","disableBulkEdit","hasCreatePermission","hasDeletePermission","hasTrashPermission","i18n","isBulkUploadEnabled","isTrashEnabled","newDocumentURL","onBulkUploadSuccess","openBulkUpload","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","_jsx","Actions","AfterListHeaderContent","_jsxs","_Fragment","BeforeTitle","slug","title","collectionSlug","value","labels","plural","TitleActions","filter","Boolean","label","showSelectAllAcrossPages"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient, TFunction } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport {\n  ListBulkUploadButton,\n  ListEmptyTrashButton,\n} from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.css'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  hasTrashPermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  isTrashEnabled?: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  /** @deprecated This prop will be removed in the next major version.\n   *\n   * Opening of the bulk upload modal is handled internally.\n   *\n   * Prefer `onBulkUploadSuccess` usage to handle the success of the bulk upload.\n   */\n  openBulkUpload: () => void\n  smallBreak: boolean\n  /** @deprecated This prop will be removed in the next major version. */\n  t?: TFunction\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  hasCreatePermission,\n  hasDeletePermission,\n  hasTrashPermission,\n  i18n,\n  isBulkUploadEnabled,\n  isTrashEnabled,\n  newDocumentURL,\n  onBulkUploadSuccess,\n  openBulkUpload,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        BeforeTitle={\n          <CloseModalButton className={`${drawerBaseClass}__header-close`} slug={drawerSlug} />\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            hasDeletePermission={hasDeletePermission}\n            hasTrashPermission={hasTrashPermission}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={getTranslation(collectionConfig?.labels?.plural, i18n)}\n      TitleActions={[\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n            openBulkUpload={openBulkUpload}\n          />\n        ),\n        hasDeletePermission && isTrashEnabled && viewType === 'trash' && (\n          <ListEmptyTrashButton\n            collectionConfig={collectionConfig}\n            hasDeletePermission={hasDeletePermission}\n            key=\"list-header-empty-trash\"\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/index.css

@@ -0,0 +1,119 @@
+@layer payload-default {
+  .collection-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .collection-list .list-header a {
+    text-decoration: none;
+  }
+
+  .collection-list__sub-header {
+    flex-basis: 100%;
+    padding-top: var(--spacer-3);
+  }
+
+  .collection-list .table table {
+    width: 100%;
+    overflow: auto;
+  }
+
+  .collection-list .table table [class^='cell']:not(.cell--linked) > p,
+  .collection-list .table table [class^='cell']:not(.cell--linked) > span,
+  .collection-list .table table [class^='cell']:not(.cell--linked) > a {
+    line-clamp: 4;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+    overflow: hidden;
+    display: -webkit-box;
+    max-width: 100vw;
+  }
+
+  .collection-list .table table #heading-_select,
+  .collection-list .table table .cell-_select {
+    min-width: unset;
+  }
+
+  .collection-list .table table #heading-_dragHandle,
+  .collection-list .table table .cell-_dragHandle {
+    width: var(--spacer-4);
+    min-width: 0;
+  }
+
+  .collection-list__list-selection {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 10;
+    box-shadow: var(--elevation-400-menu-panel);
+    border-radius: var(--radius-large);
+    padding: var(--spacer-1) var(--spacer-3);
+    margin: var(--spacer-4) var(--gutter-h);
+  }
+
+  .collection-list__list-selection-actions {
+    display: flex;
+    gap: var(--spacer-2);
+  }
+
+  .collection-list__shimmer {
+    margin-top: var(--spacer-5);
+    width: 100%;
+  }
+
+  .collection-list__shimmer > div {
+    margin-top: var(--spacer-2);
+  }
+
+  @media (max-width: 1024px) {
+    .collection-list {
+      margin-top: var(--spacer-2);
+      padding-bottom: 0;
+    }
+
+    .collection-list__header {
+      gap: var(--spacer-2-5);
+    }
+
+    .collection-list__sub-header {
+      margin-top: 0;
+    }
+
+    .collection-list__search-input {
+      margin: 0;
+    }
+
+    /* on mobile, extend the table all the way to the viewport edges */
+    /* this is to visually indicate overflowing content */
+    .collection-list .table {
+      display: flex;
+      flex-direction: column;
+      max-width: unset;
+      position: relative;
+    }
+
+    .collection-list .table::after {
+      content: '';
+      height: var(--stroke-width-small);
+      padding-right: var(--gutter-h);
+    }
+  }
+
+  @media (max-width: 768px) {
+    .collection-list {
+      margin-bottom: var(--spacing-view-bottom);
+    }
+
+    .collection-list__list-selection {
+      position: static;
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      box-shadow: none;
+      border-radius: 0;
+    }
+  }
+}

package/dist/views/List/index.d.ts

@@ -1,5 +1,5 @@
 import type { ListViewClientProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare function DefaultListView(props: ListViewClientProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AA4BlD,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBA+TzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AA2BlD,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAwTzD"}