@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

package/dist/elements/EditMany/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","SelectAllStatus","useSelection","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","parseSearchParams","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","selectedFields","setSelectedFields","permissions","user","closeModal","config","routes","api","apiRoute","serverURL","getFormState","count","getQueryParams","selectAll","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","clearRouteCache","collectionPermissions","collections","slug","searchParams","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","queryWithSearch","collectionConfig","search","get","onSuccess","replace","stringify","page","AllAvailable","undefined","addQueryPrefix","onFieldSelect","dispatchFields","selected","type","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","label","length","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere, unflatten } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../FieldSelect/index.js'\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport { baseClass, type EditManyProps } from './index.js'\nimport './index.scss'\nimport '../../forms/RenderFields/index.scss'\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\nexport const EditManyDrawerContent: React.FC<\n  {\n    drawerSlug: string\n    selectedFields: FieldOption[]\n    setSelectedFields: (fields: FieldOption[]) => void\n  } & EditManyProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    selectedFields,\n    setSelectedFields,\n  } = props\n\n  const { permissions, user } = useAuth()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const queryString = useMemo(() => {\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    return getQueryParams(queryWithSearch)\n  }, [collection, searchParams, getQueryParams])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n    closeModal(drawerSlug)\n  }\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'UPDATE_MANY',\n        formState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection.slug, collectionPermissions, setSelectedFields],\n  )\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <OperationContext value=\"update\">\n        <div className={`${baseClass}__main`}>\n          <div className={`${baseClass}__header`}>\n            <h2 className={`${baseClass}__header__title`}>\n              {t('general:editingLabel', {\n                count,\n                label: getTranslation(count > 1 ? plural : singular, i18n),\n              })}\n            </h2>\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header__close`}\n              id={`close-drawer__${drawerSlug}`}\n              onClick={() => closeModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <Form\n            className={`${baseClass}__form`}\n            isInitializing={isInitializing}\n            onChange={[onChange]}\n            onSuccess={onSuccess}\n          >\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n            {selectedFields.length === 0 ? null : (\n              <div className=\"render-fields\">\n                {selectedFields.map((option, i) => {\n                  const {\n                    value: { field, fieldPermissions, path },\n                  } = option\n\n                  return (\n                    <RenderField\n                      clientFieldConfig={field}\n                      indexPath=\"\"\n                      key={`${path}-${i}`}\n                      parentPath=\"\"\n                      parentSchemaPath=\"\"\n                      path={path}\n                      permissions={fieldPermissions}\n                    />\n                  )\n                })}\n              </div>\n            )}\n            <div className={`${baseClass}__sidebar-wrap`}>\n              <div className={`${baseClass}__sidebar`}>\n                <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                  <div className={`${baseClass}__document-actions`}>\n                    {collection?.versions?.drafts ? (\n                      <React.Fragment>\n                        <SaveDraftButton\n                          action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`}\n                          disabled={selectedFields.length === 0}\n                        />\n                        <PublishButton\n                          action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`}\n                          disabled={selectedFields.length === 0}\n                        />\n                      </React.Fragment>\n                    ) : (\n                      <Submit\n                        action={`${serverURL}${apiRoute}/${collection.slug}${queryString}`}\n                        disabled={selectedFields.length === 0}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,EAAEC,eAAe,QAAQ;AAC3C,SAASC,uBAAuB,EAAEC,SAAS,QAAQ;AACnD,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAMjE,SAASC,OAAO,QAAQ;AACxB,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,EAAEC,cAAc,QAAQ;AAC/C,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAA4B;AAC9C,OAAO;AACP,OAAO;AAEP,MAAMC,MAAA,GAGDC,EAAA;EAAA,MAAAC,CAAA,GAAAlC,EAAA;EAAC;IAAAmC,MAAA;IAAAC;EAAA,IAAAH,EAAoB;EACxB;IAAAI;EAAA,IAAmBxB,OAAA;EACnB;IAAAyB;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAL,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAG,MAAA;IAEWE,EAAA,GAAAA,CAAA;MAClBF,MAAA;QAAAF,MAAA;QAAAK,MAAA,EAEK;QAAAC,cAAA;MAAA,CAEV;IAAA;IACFP,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANA,MAAAQ,IAAA,GAAaH,EAMM;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,CAAA;IAGjBK,EAAA,GAAAC,IAAA,CAAA5B,UAAA;MAAA6B,SAAA,EAAuB,GAAAd,SAAA,QAAoB;MAAAK,QAAA;MAAAU,OAAA,EAA+BJ,IAAA;MAAAK,QAAA,EACvET,CAAA,CAAE;IAAA,C;;;;;;;;SADLK,E;CAIJ;AAEA,MAAMK,aAAA,GAGDf,EAAA;EAAA,MAAAC,CAAA,GAAAlC,EAAA;EAAC;IAAAmC,MAAA;IAAAC;EAAA,IAAAH,EAAoB;EACxB;IAAAI;EAAA,IAAmBxB,OAAA;EACnB;IAAAyB;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAL,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAG,MAAA;IAEWE,EAAA,GAAAA,CAAA;MAClBF,MAAA;QAAAF,MAAA;QAAAK,MAAA,EAEK;QAAAS,SAAA;UAAAC,OAAA,EAEG;QAAA;QAAAT,cAAA;MAAA,CAGb;IAAA;IACFP,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EATA,MAAAQ,IAAA,GAAaH,EASM;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,CAAA;IAGjBK,EAAA,GAAAC,IAAA,CAAA5B,UAAA;MAAA6B,SAAA,EAAuB,GAAAd,SAAA,WAAuB;MAAAK,QAAA;MAAAU,OAAA,EAA+BJ,IAAA;MAAAK,QAAA,EAC1ET,CAAA,CAAE;IAAA,C;;;;;;;;SADLK,E;CAIJ;AAEA,MAAMQ,eAAA,GAGDlB,EAAA;EAAA,MAAAC,CAAA,GAAAlC,EAAA;EAAC;IAAAmC,MAAA;IAAAC;EAAA,IAAAH,EAAoB;EACxB;IAAAI;EAAA,IAAmBxB,OAAA;EACnB;IAAAyB;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAL,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAG,MAAA;IAEWE,EAAA,GAAAA,CAAA;MAClBF,MAAA;QAAAF,MAAA;QAAAK,MAAA,EAEK;QAAAS,SAAA;UAAAC,OAAA,EAEG;QAAA;QAAAT,cAAA;MAAA,CAGb;IAAA;IACFP,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EATA,MAAAQ,IAAA,GAAaH,EASM;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAI,CAAA;IAGjBK,EAAA,GAAAC,IAAA,CAAA5B,UAAA;MAAAoC,WAAA,EACc;MAAAP,SAAA,EACD,GAAAd,SAAA,SAAqB;MAAAK,QAAA;MAAAU,OAAA,EAEvBJ,IAAA;MAAAK,QAAA,EAERT,CAAA,CAAE;IAAA,C;;;;;;;;SANLK,E;CASJ;AAEA,OAAO,MAAMU,qBAAA,GAMRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,MAAM;MAAEC,MAAA,EAAQ;QAAEC,MAAM;QAAEC;MAAQ;IAAE,CAAE,GAAG,CAAC,CAAC;IACzDJ,UAAU;IACVK,UAAU;IACVC,cAAc;IACdC;EAAiB,CAClB,GAAGR,KAAA;EAEJ,MAAM;IAAES,WAAW;IAAEC;EAAI,CAAE,GAAG9C,OAAA;EAE9B,MAAM;IAAE+C;EAAU,CAAE,GAAGhE,QAAA;EAEvB,MAAM;IACJiE,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,GAAA,EAAKC;MAAQ,CAAE;MACzBC;IAAS;EACV,CACF,GAAGnD,SAAA;EAEJ,MAAM;IAAEoD;EAAY,CAAE,GAAG9C,kBAAA;EAEzB,MAAM;IAAE+C,KAAK;IAAEC,cAAc;IAAEC;EAAS,CAAE,GAAGlD,YAAA;EAC7C,MAAM;IAAEmD,IAAI;IAAErC;EAAC,CAAE,GAAGZ,cAAA;EAEpB,MAAM,CAACkD,cAAA,EAAgBC,iBAAA,CAAkB,GAAGjE,QAAA,CAAS;EAErD,MAAMkE,MAAA,GAAS3E,SAAA;EACf,MAAM4E,iBAAA,GAAoBvE,KAAA,CAAMwE,MAAM,CAAkB;EACxD,MAAM;IAAEC;EAAe,CAAE,GAAG3D,aAAA;EAC5B,MAAM4D,qBAAA,GAAwBnB,WAAA,EAAaoB,WAAA,GAAc5B,UAAA,CAAW6B,IAAI,CAAC;EACzE,MAAMC,YAAA,GAAejF,eAAA;EAErB,MAAMkF,MAAA,GAAS3E,OAAA,CAAoB;IACjC,OAAOL,SAAA,CACLuD,cAAA,CAAe0B,MAAM,CAAC,CAACC,GAAA,EAAKC,MAAA;MAC1BD,GAAG,CAACC,MAAA,CAAOC,KAAK,CAACC,IAAI,CAAC,GAAG;MACzB,OAAOH,GAAA;IACT,GAAG,CAAC;EAER,GAAG,CAAC3B,cAAA,CAAe;EAEnB,MAAM+B,QAAA,GAAqCnF,WAAA,CACzC,OAAO;IAAEoF,SAAA,EAAWC,aAAa;IAAEC;EAAS,CAAE;IAC5C,MAAMC,UAAA,GAAapE,cAAA,CAAemD,iBAAA;IAElC,MAAM;MAAEkB;IAAK,CAAE,GAAG,MAAM1B,YAAA,CAAa;MACnC2B,cAAA,EAAgB3C,UAAA,CAAW6B,IAAI;MAC/Be,cAAA,EAAgBjB,qBAAA;MAChBkB,cAAA,EAAgB;MAChBP,SAAA,EAAWC,aAAA;MACXO,SAAA,EAAW;MACXC,UAAA,EAAY/C,UAAA,CAAW6B,IAAI;MAC3BE,MAAA;MACAiB,MAAA,EAAQP,UAAA,CAAWO,MAAM;MACzB9D,cAAA,EAAgB,CAACsD;IACnB;IAEAhB,iBAAA,CAAkByB,OAAO,GAAG;IAE5B,OAAOP,KAAA;EACT,GACA,CAAC1B,YAAA,EAAchB,UAAA,EAAY2B,qBAAA,EAAuBI,MAAA,CAAO;EAG3D5E,SAAA,CAAU;IACR,MAAM+F,cAAA,GAAiB1B,iBAAA,CAAkByB,OAAO;IAEhD,OAAO;MACL7E,cAAA,CAAe8E,cAAA;IACjB;EACF,GAAG,EAAE;EAEL,MAAMC,WAAA,GAAc/F,OAAA,CAAQ;IAC1B,MAAMgG,eAAA,GAAkBtG,uBAAA,CAAwB;MAC9CuG,gBAAA,EAAkBrD,UAAA;MAClBsD,MAAA,EAAQxB,YAAA,CAAayB,GAAG,CAAC;IAC3B;IAEA,OAAOrC,cAAA,CAAekC,eAAA;EACxB,GAAG,CAACpD,UAAA,EAAY8B,YAAA,EAAcZ,cAAA,CAAe;EAE7C,MAAMsC,SAAA,GAAYA,CAAA;IAChBjC,MAAA,CAAOkC,OAAO,CACZzG,EAAA,CAAG0G,SAAS,CACV;MACE,GAAGpF,iBAAA,CAAkBwD,YAAA,CAAa;MAClC6B,IAAA,EAAMxC,SAAA,KAAcnD,eAAA,CAAgB4F,YAAY,GAAG,MAAMC;IAC3D,GACA;MAAEC,cAAA,EAAgB;IAAK;IAG3BpC,eAAA,GAAkB;IAAA;IAClBhB,UAAA,CAAWL,UAAA;EACb;EAEA,MAAM0D,aAAA,GAAgB7G,WAAA,CACpB,OAAO;IAAE8G,cAAc;IAAE1B,SAAS;IAAE2B;EAAQ,CAAE;IAC5C3C,iBAAA,CAAkB;IAElBf,iBAAA,CAAkB0D,QAAA,IAAY,EAAE;IAEhC,MAAM;MAAEvB,KAAK,EAALA;IAAK,CAAE,GAAG,MAAM1B,YAAA,CAAa;MACnC2B,cAAA,EAAgB3C,UAAA,CAAW6B,IAAI;MAC/Be,cAAA,EAAgBjB,qBAAA;MAChBkB,cAAA,EAAgB;MAChBP,SAAA;MACAQ,SAAA,EAAW;MACXC,UAAA,EAAY/C,UAAA,CAAW6B,IAAI;MAC3BE,MAAA,EAAQhF,SAAA,CACNkH,QAAA,CAASjC,MAAM,CAAC,CAACC,KAAA,EAAKC,QAAA;QACpBD,KAAG,CAACC,QAAA,CAAOC,KAAK,CAACC,IAAI,CAAC,GAAG;QACzB,OAAOH,KAAA;MACT,GAAG,CAAC;MAEN/C,cAAA,EAAgB;IAClB;IAEA8E,cAAA,CAAe;MACbE,IAAA,EAAM;MACN5B,SAAA,EAAWI;IACb;IAEApB,iBAAA,CAAkB;EACpB,GACA,CAACN,YAAA,EAAchB,UAAA,CAAW6B,IAAI,EAAEF,qBAAA,EAAuBpB,iBAAA,CAAkB;EAG3E,oBACElB,IAAA,CAACxB,oBAAA;IACC8E,cAAA,EAAgB3C,UAAA,CAAW6B,IAAI;IAC/BsC,aAAA,EAAe1D,IAAA;IACf2D,eAAA,EAAiB;IACjBC,EAAA,EAAI;IACJC,WAAA,EAAa,CAAC;IACdC,QAAA,EAAU;IACVC,cAAA,EAAgB;IAChBC,4BAAA,EAA8B;IAC9BC,uBAAA,EAAyB;IACzBC,YAAA,EAAc;cAEd,aAAAtF,IAAA,CAACvB,gBAAA;MAAiBqE,KAAA,EAAM;gBACtB,aAAAyC,KAAA,CAAC;QAAItF,SAAA,EAAW,GAAGd,SAAA,QAAiB;gCAClCoG,KAAA,CAAC;UAAItF,SAAA,EAAW,GAAGd,SAAA,UAAmB;kCACpCa,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGd,SAAA,iBAA0B;sBACzCO,CAAA,CAAE,wBAAwB;cACzBkC,KAAA;cACA4D,KAAA,EAAOlI,cAAA,CAAesE,KAAA,GAAQ,IAAId,MAAA,GAASC,QAAA,EAAUgB,IAAA;YACvD;2BAEF/B,IAAA,CAAC;YACC,cAAYN,CAAA,CAAE;YACdO,SAAA,EAAW,GAAGd,SAAA,iBAA0B;YACxC6F,EAAA,EAAI,iBAAiBhE,UAAA,EAAY;YACjCd,OAAA,EAASA,CAAA,KAAMmB,UAAA,CAAWL,UAAA;YAC1B6D,IAAA,EAAK;sBAEL,aAAA7E,IAAA,CAAC3B,KAAA;;yBAGLkH,KAAA,CAACrH,IAAA;UACC+B,SAAA,EAAW,GAAGd,SAAA,QAAiB;UAC/B6C,cAAA,EAAgBA,cAAA;UAChBgB,QAAA,EAAU,CAACA,QAAA,CAAS;UACpBmB,SAAA,EAAWA,SAAA;kCAEXnE,IAAA,CAACd,WAAA;YACC0B,MAAA,EAAQA,MAAA;YACRoC,QAAA,EAAU0B,aAAA;YACVvD,WAAA,EAAamB,qBAAA,CAAsB1B;cAEpCK,cAAA,CAAewE,MAAM,KAAK,IAAI,oBAC7BzF,IAAA,CAAC;YAAIC,SAAA,EAAU;sBACZgB,cAAA,CAAeyE,GAAG,CAAC,CAAC7C,QAAA,EAAQ8C,CAAA;cAC3B,MAAM;gBACJ7C,KAAA,EAAO;kBAAE8C,KAAK;kBAAEC,gBAAgB;kBAAE9C;gBAAI;cAAE,CACzC,GAAGF,QAAA;cAEJ,oBACE7C,IAAA,CAAC7B,WAAA;gBACC2H,iBAAA,EAAmBF,KAAA;gBACnBG,SAAA,EAAU;gBAEVC,UAAA,EAAW;gBACXC,gBAAA,EAAiB;gBACjBlD,IAAA,EAAMA,IAAA;gBACN5B,WAAA,EAAa0E;iBAJR,GAAG9C,IAAA,IAAQ4C,CAAA,EAAG;YAOzB;2BAGJ3F,IAAA,CAAC;YAAIC,SAAA,EAAW,GAAGd,SAAA,gBAAyB;sBAC1C,aAAAa,IAAA,CAAC;cAAIC,SAAA,EAAW,GAAGd,SAAA,WAAoB;wBACrC,aAAAa,IAAA,CAAC;gBAAIC,SAAA,EAAW,GAAGd,SAAA,uBAAgC;0BACjD,aAAAa,IAAA,CAAC;kBAAIC,SAAA,EAAW,GAAGd,SAAA,oBAA6B;4BAC7CwB,UAAA,EAAYuF,QAAA,EAAUC,MAAA,gBACrBZ,KAAA,CAAC3H,KAAA,CAAMwI,QAAQ;4CACbpG,IAAA,CAACO,eAAA;sBACChB,MAAA,EAAQ,GAAGmC,SAAA,GAAYD,QAAA,IAAYd,UAAA,CAAW6B,IAAI,GAAGsB,WAAA,aAAwB;sBAC7EtE,QAAA,EAAUyB,cAAA,CAAewE,MAAM,KAAK;qCAEtCzF,IAAA,CAACI,aAAA;sBACCb,MAAA,EAAQ,GAAGmC,SAAA,GAAYD,QAAA,IAAYd,UAAA,CAAW6B,IAAI,GAAGsB,WAAA,aAAwB;sBAC7EtE,QAAA,EAAUyB,cAAA,CAAewE,MAAM,KAAK;;oCAIxCzF,IAAA,CAACZ,MAAA;oBACCG,MAAA,EAAQ,GAAGmC,SAAA,GAAYD,QAAA,IAAYd,UAAA,CAAW6B,IAAI,GAAGsB,WAAA,EAAa;oBAClEtE,QAAA,EAAUyB,cAAA,CAAewE,MAAM,KAAK;;;;;;;;;;AAY5D","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","useRouter","useSearchParams","combineWhereConstraints","mergeListSearchAndWhere","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","useLocale","OperationContext","useRouteCache","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","parseSearchParams","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","count","drawerSlug","ids","selectAll","selectedFields","setSelectedFields","permissions","user","code","locale","closeModal","config","routes","api","apiRoute","serverURL","getFormState","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","clearRouteCache","collectionPermissions","collections","slug","searchParams","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","whereConstraints","queryWithSearch","collectionConfig","search","get","push","where","id","exists","in","stringify","addQueryPrefix","onSuccess","replace","page","undefined","onFieldSelect","dispatchFields","selected","type","currentEditor","hasPublishedDoc","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","label","length","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectType, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { combineWhereConstraints, mergeListSearchAndWhere, unflatten } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../FieldSelect/index.js'\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport { baseClass, type EditManyProps } from './index.js'\nimport './index.scss'\nimport '../../forms/RenderFields/index.scss'\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype EditManyDrawerContentProps = {\n  /**\n   * The total count of selected items\n   */\n  count?: number\n  /**\n   * The slug of the drawer\n   */\n  drawerSlug: string\n  /**\n   * The IDs of the selected items\n   */\n  ids?: (number | string)[]\n  /**\n   * Whether all items are selected\n   */\n  selectAll?: boolean\n  /**\n   * The fields that are selected to bulk edit\n   */\n  selectedFields: FieldOption[]\n  /**\n   * The function to set the selected fields to bulk edit\n   */\n  setSelectedFields: (fields: FieldOption[]) => void\n} & EditManyProps\nexport const EditManyDrawerContent: React.FC<EditManyDrawerContentProps> = (props) => {\n  const {\n    collection,\n    collection: { fields, labels: { plural, singular } } = {},\n    count,\n    drawerSlug,\n    ids,\n    selectAll,\n    selectedFields,\n    setSelectedFields,\n  } = props\n\n  const { permissions, user } = useAuth()\n  const { code: locale } = useLocale()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { i18n, t } = useTranslation()\n\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const queryString = useMemo((): string => {\n    const whereConstraints: Where[] = []\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            exists: true,\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n    clearRouteCache()\n    closeModal(drawerSlug)\n  }\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'UPDATE_MANY',\n        formState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection.slug, collectionPermissions, setSelectedFields],\n  )\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <OperationContext value=\"update\">\n        <div className={`${baseClass}__main`}>\n          <div className={`${baseClass}__header`}>\n            <h2 className={`${baseClass}__header__title`}>\n              {t('general:editingLabel', {\n                count,\n                label: getTranslation(count > 1 ? plural : singular, i18n),\n              })}\n            </h2>\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header__close`}\n              id={`close-drawer__${drawerSlug}`}\n              onClick={() => closeModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <Form\n            className={`${baseClass}__form`}\n            isInitializing={isInitializing}\n            onChange={[onChange]}\n            onSuccess={onSuccess}\n          >\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n            {selectedFields.length === 0 ? null : (\n              <div className=\"render-fields\">\n                {selectedFields.map((option, i) => {\n                  const {\n                    value: { field, fieldPermissions, path },\n                  } = option\n\n                  return (\n                    <RenderField\n                      clientFieldConfig={field}\n                      indexPath=\"\"\n                      key={`${path}-${i}`}\n                      parentPath=\"\"\n                      parentSchemaPath=\"\"\n                      path={path}\n                      permissions={fieldPermissions}\n                    />\n                  )\n                })}\n              </div>\n            )}\n            <div className={`${baseClass}__sidebar-wrap`}>\n              <div className={`${baseClass}__sidebar`}>\n                <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                  <div className={`${baseClass}__document-actions`}>\n                    {collection?.versions?.drafts ? (\n                      <React.Fragment>\n                        <SaveDraftButton\n                          action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`}\n                          disabled={selectedFields.length === 0}\n                        />\n                        <PublishButton\n                          action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`}\n                          disabled={selectedFields.length === 0}\n                        />\n                      </React.Fragment>\n                    ) : (\n                      <Submit\n                        action={`${serverURL}${apiRoute}/${collection.slug}${queryString}`}\n                        disabled={selectedFields.length === 0}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/index.d.ts

@@ -6,4 +6,9 @@ export type EditManyProps = {
     readonly collection: ClientCollectionConfig;
 };
 export declare const EditMany: React.FC<EditManyProps>;
+export declare const EditMany_v4: React.FC<{
+    count: number;
+    ids: (number | string)[];
+    selectAll: boolean;
+} & EditManyProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AASvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC;IACE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CA2ClB,CAAA"}

package/dist/elements/EditMany/index.js

@@ -9,16 +9,42 @@ import { EditDepthProvider } from '../../providers/EditDepth/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Drawer } from '../Drawer/index.js';
-import { EditManyDrawerContent } from './DrawerContent.js';
 import './index.scss';
+import { ListSelectionButton } from '../ListSelection/index.js';
+import { EditManyDrawerContent } from './DrawerContent.js';
 export const baseClass = 'edit-many';
 export const EditMany = props => {
-  const $ = _c(10);
+  const $ = _c(5);
   const {
-    collection: t0
-  } = props;
+    count,
+    selectAll,
+    selected
+  } = useSelection();
+  let t0;
+  if ($[0] !== count || $[1] !== props || $[2] !== selectAll || $[3] !== selected) {
+    t0 = _jsx(EditMany_v4, {
+      ...props,
+      count,
+      ids: Array.from(selected.keys()),
+      selectAll: selectAll === SelectAllStatus.AllAvailable
+    });
+    $[0] = count;
+    $[1] = props;
+    $[2] = selectAll;
+    $[3] = selected;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
+};
+export const EditMany_v4 = t0 => {
+  const $ = _c(14);
   const {
-    slug
+    collection,
+    count,
+    ids,
+    selectAll
   } = t0;
   const {
     permissions
@@ -26,9 +52,6 @@ export const EditMany = props => {
   const {
     openModal
   } = useModal();
-  const {
-    selectAll
-  } = useSelection();
   const {
     t
   } = useTranslation();
@@ -40,55 +63,66 @@ export const EditMany = props => {
     t1 = $[0];
   }
   const [selectedFields, setSelectedFields] = useState(t1);
-  const collectionPermissions = permissions?.collections?.[slug];
-  const drawerSlug = `edit-${slug}`;
-  if (selectAll === SelectAllStatus.None || !collectionPermissions?.update) {
+  const collectionPermissions = permissions?.collections?.[collection.slug];
+  const drawerSlug = `edit-${collection.slug}`;
+  if (count === 0 || !collectionPermissions?.update) {
     return null;
   }
   let t2;
-  if ($[1] !== drawerSlug || $[2] !== openModal || $[3] !== props.collection || $[4] !== selectedFields || $[5] !== t) {
-    let t3;
-    if ($[7] !== drawerSlug || $[8] !== openModal) {
-      t3 = () => {
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [baseClass, `${baseClass}__toggle`].filter(Boolean);
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== collection || $[3] !== count || $[4] !== drawerSlug || $[5] !== ids || $[6] !== openModal || $[7] !== selectAll || $[8] !== selectedFields || $[9] !== t) {
+    let t4;
+    if ($[11] !== drawerSlug || $[12] !== openModal) {
+      t4 = () => {
         openModal(drawerSlug);
         setSelectedFields([]);
       };
-      $[7] = drawerSlug;
-      $[8] = openModal;
-      $[9] = t3;
+      $[11] = drawerSlug;
+      $[12] = openModal;
+      $[13] = t4;
     } else {
-      t3 = $[9];
+      t4 = $[13];
     }
-    t2 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsx("button", {
+    t3 = _jsxs("div", {
+      className: t2.join(" "),
+      children: [_jsx(ListSelectionButton, {
         "aria-label": t("general:edit"),
-        className: `${baseClass}__toggle`,
-        onClick: t3,
-        type: "button",
+        onClick: t4,
         children: t("general:edit")
       }), _jsx(EditDepthProvider, {
         children: _jsx(Drawer, {
           Header: null,
           slug: drawerSlug,
           children: _jsx(EditManyDrawerContent, {
-            collection: props.collection,
+            collection,
+            count,
             drawerSlug,
+            ids,
+            selectAll,
             selectedFields,
             setSelectedFields
           })
         })
       })]
     });
-    $[1] = drawerSlug;
-    $[2] = openModal;
-    $[3] = props.collection;
-    $[4] = selectedFields;
-    $[5] = t;
-    $[6] = t2;
+    $[2] = collection;
+    $[3] = count;
+    $[4] = drawerSlug;
+    $[5] = ids;
+    $[6] = openModal;
+    $[7] = selectAll;
+    $[8] = selectedFields;
+    $[9] = t;
+    $[10] = t3;
   } else {
-    t2 = $[6];
+    t3 = $[10];
   }
-  return t2;
+  return t3;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","EditManyDrawerContent","baseClass","EditMany","props","$","collection","t0","slug","permissions","openModal","selectAll","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","drawerSlug","None","update","t2","t3","_jsxs","className","children","_jsx","onClick","type","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const {\n    collection: { slug },\n  } = props\n\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { selectAll } = useSelection()\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[slug]\n\n  const drawerSlug = `edit-${slug}`\n\n  if (selectAll === SelectAllStatus.None || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n        type=\"button\"\n      >\n        {t('general:edit')}\n      </button>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={props.collection}\n            drawerSlug={drawerSlug}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,QAAA,GAAoCC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAC/C;IAAAe,UAAA,EAAAC;EAAA,IAEIH,KAAA;EADU;IAAAI;EAAA,IAAAD,EAAQ;EAGtB;IAAAE;EAAA,IAAwBd,OAAA;EACxB;IAAAe;EAAA,IAAsBlB,QAAA;EAEtB;IAAAmB;EAAA,IAAsBb,YAAA;EACtB;IAAAc;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAEsDF,EAAA;IAAER,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAtE,OAAAW,cAAA,EAAAC,iBAAA,IAA4CvB,QAAA,CAAwBmB,EAAE;EAEtE,MAAAK,qBAAA,GAA8BT,WAAA,EAAAU,WAAA,GAA2BX,IAAA;EAEzD,MAAAY,UAAA,GAAmB,QAAQZ,IAAA,EAAM;EAAA,IAE7BG,SAAA,KAAAd,eAAA,CAAAwB,IAAkC,KAAKH,qBAAA,EAAAI,MAAuB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAD,KAAA,CAAAE,UAAA,IAAAD,CAAA,QAAAW,cAAA,IAAAX,CAAA,QAAAO,CAAA;IAAA,IAAAY,EAAA;IAAA,IAAAnB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAK,SAAA;MASnDc,EAAA,GAAAA,CAAA;QACPd,SAAA,CAAUU,UAAA;QACVH,iBAAA,GAAoB;MAAA;MACtBZ,CAAA,MAAAe,UAAA;MAAAf,CAAA,MAAAK,SAAA;MAAAL,CAAA,MAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAPJkB,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAC;QAAA,cACahB,CAAA,CAAE;QAAAc,SAAA,EACH,GAAAxB,SAAA,UAAsB;QAAA2B,OAAA,EACxBL,EAGT;QAAAM,IAAA,EACK;QAAAH,QAAA,EAEJf,CAAA,CAAE;MAAA,C,GAELgB,IAAA,CAAAhC,iBAAA;QAAA+B,QAAA,EACEC,IAAA,CAAA5B,MAAA;UAAA+B,MAAA;UAAAvB,IAAA,EAA4BY,UAAA;UAAAO,QAAA,EAC1BC,IAAA,CAAA3B,qBAAA;YAAAK,UAAA,EACcF,KAAA,CAAAE,UAAA;YAAAc,UAAA;YAAAJ,cAAA;YAAAC;UAAA,C;;;;;;;;;;;;;SAfpBM,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","props","$","count","selectAll","selected","t0","_jsx","EditMany_v4","ids","Array","from","keys","AllAvailable","collection","permissions","openModal","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","t2","filter","Boolean","t3","t4","_jsxs","className","join","children","onClick","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport './index.scss'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { count, selectAll, selected } = useSelection()\n  return (\n    <EditMany_v4\n      {...props}\n      count={count}\n      ids={Array.from(selected.keys())}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const EditMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    selectAll: boolean\n  } & EditManyProps\n> = ({ collection, count, ids, selectAll }) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/index.scss

@@ -2,22 +2,6 @@
 
 @layer payload-default {
   .edit-many {
-    &__toggle {
-      font-size: inherit;
-      line-height: inherit;
-      display: inline-flex;
-      background: transparent;
-      color: var(--theme-elevation-800);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      border: 0;
-      padding: 0;
-      align-items: center;
-      cursor: pointer;
-      text-decoration: underline;
-    }
-
     &__form {
       height: 100%;
     }

package/dist/elements/FolderView/Breadcrumbs/index.d.ts

@@ -0,0 +1,19 @@
+import type { FolderBreadcrumb } from 'payload/shared';
+import React from 'react';
+import './index.scss';
+type Props = {
+    readonly breadcrumbs: {
+        id: null | number | string;
+        name: React.ReactNode | string;
+        onClick: () => void;
+    }[];
+    className?: string;
+};
+export declare function FolderBreadcrumbs({ breadcrumbs, className }: Props): React.JSX.Element;
+export declare function DroppableBreadcrumb({ id, children, className, onClick, }: {
+    children: React.ReactNode;
+    className?: string;
+    onClick: () => void;
+} & Pick<FolderBreadcrumb, 'id'>): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/Breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,WAAW,EAAE;QACpB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QAC9B,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,EAAE,CAAA;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,qBAuBlE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,IAAI,CAC9E,gBAAgB,EAChB,IAAI,CACL,qBAqBA"}

package/dist/elements/FolderView/Breadcrumbs/index.js

@@ -0,0 +1,96 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDroppable } from '@dnd-kit/core';
+import React from 'react';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import './index.scss';
+const baseClass = 'folderBreadcrumbs';
+export function FolderBreadcrumbs({
+  breadcrumbs,
+  className
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    className: `${baseClass} ${className || ''}`.trim(),
+    children: breadcrumbs?.map((crumb, index) => /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__crumb`,
+      children: [crumb.onClick ? /*#__PURE__*/_jsx(DroppableBreadcrumb, {
+        className: `${baseClass}__crumb-item`,
+        id: crumb.id,
+        onClick: crumb.onClick,
+        children: crumb.name
+      }) : crumb.name, breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && /*#__PURE__*/_jsx(ChevronIcon, {
+        className: `${baseClass}__crumb-chevron`,
+        direction: "right"
+      })]
+    }, index))
+  });
+}
+export function DroppableBreadcrumb(t0) {
+  const $ = _c(13);
+  const {
+    id,
+    children,
+    className,
+    onClick
+  } = t0;
+  const t1 = `folder-${id}`;
+  let t2;
+  if ($[0] !== id) {
+    t2 = {
+      id,
+      type: "folder"
+    };
+    $[0] = id;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== t1 || $[3] !== t2) {
+    t3 = {
+      id: t1,
+      data: t2
+    };
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    isOver,
+    setNodeRef
+  } = useDroppable(t3);
+  const t4 = isOver && "droppable-button--hover";
+  let t5;
+  if ($[5] !== className || $[6] !== t4) {
+    t5 = ["droppable-button", className, t4].filter(Boolean);
+    $[5] = className;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const t6 = t5.join(" ");
+  let t7;
+  if ($[8] !== children || $[9] !== onClick || $[10] !== setNodeRef || $[11] !== t6) {
+    t7 = _jsx("button", {
+      className: t6,
+      onClick,
+      ref: setNodeRef,
+      type: "button",
+      children
+    });
+    $[8] = children;
+    $[9] = onClick;
+    $[10] = setNodeRef;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/Breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useDroppable","React","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","_jsx","trim","map","crumb","index","_jsxs","onClick","DroppableBreadcrumb","id","name","length","direction","t0","$","children","t1","t2","type","t3","data","isOver","setNodeRef","t4","t5","filter","Boolean","t6","join","t7","ref"],"sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderBreadcrumb } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'folderBreadcrumbs'\n\ntype Props = {\n  readonly breadcrumbs: {\n    id: null | number | string\n    name: React.ReactNode | string\n    onClick: () => void\n  }[]\n  className?: string\n}\nexport function FolderBreadcrumbs({ breadcrumbs, className }: Props) {\n  return (\n    <div className={`${baseClass} ${className || ''}`.trim()}>\n      {breadcrumbs?.map((crumb, index) => (\n        <div className={`${baseClass}__crumb`} key={index}>\n          {crumb.onClick ? (\n            <DroppableBreadcrumb\n              className={`${baseClass}__crumb-item`}\n              id={crumb.id}\n              onClick={crumb.onClick}\n            >\n              {crumb.name}\n            </DroppableBreadcrumb>\n          ) : (\n            crumb.name\n          )}\n          {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && (\n            <ChevronIcon className={`${baseClass}__crumb-chevron`} direction=\"right\" />\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport function DroppableBreadcrumb({\n  id,\n  children,\n  className,\n  onClick,\n}: { children: React.ReactNode; className?: string; onClick: () => void } & Pick<\n  FolderBreadcrumb,\n  'id'\n>) {\n  const { isOver, setNodeRef } = useDroppable({\n    id: `folder-${id}`,\n    data: {\n      id,\n      type: 'folder',\n    },\n  })\n\n  return (\n    <button\n      className={['droppable-button', className, isOver && 'droppable-button--hover']\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      ref={setNodeRef}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,SAASC,kBAAkB;EAAEC,WAAW;EAAEC;AAAS,CAAS;EACjE,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAW,GAAGH,SAAA,IAAaG,SAAA,IAAa,IAAI,CAACE,IAAI;cACnDH,WAAA,EAAaI,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,kBACxBC,KAAA,CAAC;MAAIN,SAAA,EAAW,GAAGH,SAAA,SAAkB;iBAClCO,KAAA,CAAMG,OAAO,gBACZN,IAAA,CAACO,mBAAA;QACCR,SAAA,EAAW,GAAGH,SAAA,cAAuB;QACrCY,EAAA,EAAIL,KAAA,CAAMK,EAAE;QACZF,OAAA,EAASH,KAAA,CAAMG,OAAO;kBAErBH,KAAA,CAAMM;WAGTN,KAAA,CAAMM,IAAI,EAEXX,WAAA,CAAYY,MAAM,GAAG,KAAKN,KAAA,KAAUN,WAAA,CAAYY,MAAM,GAAG,kBACxDV,IAAA,CAACL,WAAA;QAAYI,SAAA,EAAW,GAAGH,SAAA,iBAA0B;QAAEe,SAAA,EAAU;;OAbzBP,KAAA;;AAmBpD;AAEA,OAAO,SAAAG,oBAAAK,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAA6B;IAAAgB,EAAA;IAAAM,QAAA;IAAAf,SAAA;IAAAO;EAAA,IAAAM,EAQnC;EAEO,MAAAG,EAAA,aAAUP,EAAA,EAAI;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,EAAA;IACZQ,EAAA;MAAAR,EAAA;MAAAS,IAAA,EAEE;IAAA;IACRJ,CAAA,MAAAL,EAAA;IAAAK,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAE,EAAA,IAAAF,CAAA,QAAAG,EAAA;IAL0CE,EAAA;MAAAV,EAAA,EACtCO,EAAc;MAAAI,IAAA,EACZH;IAGN;IACFH,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANA;IAAAO,MAAA;IAAAC;EAAA,IAA+B5B,YAAA,CAAayB,EAM5C;EAI+C,MAAAI,EAAA,GAAAF,MAAA,IAAU;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAd,SAAA,IAAAc,CAAA,QAAAS,EAAA;IAA1CC,EAAA,IAAC,oBAAoBxB,SAAA,EAAWuB,EAAU,EAAAE,MAAA,CAAAC,OAC3C;IAAAZ,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADC,MAAAa,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,OAAA,IAAAO,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAa,EAAA;IAHVE,EAAA,GAAA5B,IAAA,CAAC;MAAAD,SAAA,EACY2B,EAEH;MAAApB,OAAA;MAAAuB,GAAA,EAEHR,UAAA;MAAAJ,IAAA,EACA;MAAAH;IAAA,C;;;;;;;;;SANPc,E","ignoreList":[]}

package/dist/elements/FolderView/Breadcrumbs/index.scss

@@ -0,0 +1,56 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .droppable-button {
+    @include btn-reset;
+    font-weight: 600;
+    font-family: inherit;
+    &:hover {
+      cursor: pointer;
+    }
+  }
+  .folderBreadcrumbs {
+    display: flex;
+
+    &__crumb,
+    &__crumb-item.droppable-button {
+      @extend %h4;
+      font-weight: 600;
+      letter-spacing: unset;
+      display: flex;
+      align-items: center;
+      margin: 0;
+
+      &:has(.icon--folder) {
+        height: calc(var(--base) * 1.6);
+        .btn__label {
+          display: flex;
+          align-items: center;
+          height: 100%;
+        }
+      }
+    }
+
+    &__crumb-item.droppable-button--hover {
+      opacity: 0.5;
+    }
+
+    &__crumb-chevron {
+      position: relative;
+      top: 1px;
+
+      .stroke {
+        stroke: var(--theme-elevation-250);
+      }
+    }
+  }
+
+  @include mid-break {
+    .folderBreadcrumbs {
+      &__crumb,
+      &__crumb-item {
+        font-size: var(--base);
+      }
+    }
+  }
+}

package/dist/elements/FolderView/BrowseByFolderButton/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+export declare function BrowseByFolderButton({ active }: {
+    active: any;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/BrowseByFolderButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE;;CAAA,qBAwB9C"}

package/dist/elements/FolderView/BrowseByFolderButton/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Link } from '../../Link/index.js';
+import { ColoredFolderIcon } from '../ColoredFolderIcon/index.js';
+import './index.scss';
+const baseClass = 'browse-by-folder-button';
+export function BrowseByFolderButton({
+  active
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: {
+      routes: {
+        browseByFolder: foldersRoute
+      }
+    },
+    routes: {
+      admin: adminRoute
+    }
+  } = config;
+  return /*#__PURE__*/_jsxs(Link, {
+    className: [baseClass, active && 'active'].filter(Boolean).join(' '),
+    href: formatAdminURL({
+      adminRoute,
+      path: foldersRoute
+    }),
+    id: "browse-by-folder",
+    prefetch: false,
+    children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:browseByFolder')]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/BrowseByFolderButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatAdminURL","React","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","_jsxs","className","filter","Boolean","join","href","path","id","prefetch","_jsx"],"sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Link } from '../../Link/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'browse-by-folder-button'\n\nexport function BrowseByFolderButton({ active }) {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const {\n    admin: {\n      routes: { browseByFolder: foldersRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      className={[baseClass, active && 'active'].filter(Boolean).join(' ')}\n      href={formatAdminURL({\n        adminRoute,\n        path: foldersRoute,\n      })}\n      id=\"browse-by-folder\"\n      prefetch={false}\n    >\n      <ColoredFolderIcon />\n      {t('folder:browseByFolder')}\n    </Link>\n  )\n}\n"],"mappings":";AAAA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,qBAAqB;EAAEC;AAAM,CAAE;EAC7C,MAAM;IAAEC;EAAC,CAAE,GAAGN,cAAA;EACd,MAAM;IAAEO;EAAM,CAAE,GAAGR,SAAA;EACnB,MAAM;IACJS,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAEC,cAAA,EAAgBC;MAAY;IAAE,CACzC;IACDF,MAAA,EAAQ;MAAED,KAAA,EAAOI;IAAU;EAAE,CAC9B,GAAGL,MAAA;EAEJ,oBACEM,KAAA,CAACZ,IAAA;IACCa,SAAA,EAAW,CAACX,SAAA,EAAWE,MAAA,IAAU,SAAS,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAChEC,IAAA,EAAMrB,cAAA,CAAe;MACnBe,UAAA;MACAO,IAAA,EAAMR;IACR;IACAS,EAAA,EAAG;IACHC,QAAA,EAAU;4BAEVC,IAAA,CAACpB,iBAAA,OACAI,CAAA,CAAE;;AAGT","ignoreList":[]}

package/dist/elements/FolderView/BrowseByFolderButton/index.scss

@@ -0,0 +1,30 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .browse-by-folder-button {
+    border: 1px solid var(--theme-elevation-100);
+    text-decoration: none;
+    padding: calc(var(--base) / 2);
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap: calc(var(--base) * 0.33);
+    margin-top: calc(var(--base) * 0.25);
+    margin-bottom: var(--base);
+    border-radius: var(--style-radius-m);
+    color: var(--theme-text);
+
+    &.active {
+      background-color: var(--theme-elevation-50);
+      font-weight: 600;
+
+      .icon {
+        color: var(--theme-elevation-400);
+      }
+    }
+
+    .icon {
+      color: var(--theme-elevation-300);
+    }
+  }
+}

package/dist/elements/FolderView/Cell/index.client.d.ts

@@ -0,0 +1,11 @@
+import type { Data } from 'payload';
+import React from 'react';
+type Props = {
+    collectionSlug: string;
+    data: Data;
+    docTitle: string;
+    folderFieldName: string;
+};
+export declare const FolderTableCellClient: ({ collectionSlug, data, docTitle, folderFieldName, }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.client.d.ts.map

package/dist/elements/FolderView/Cell/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,qBAAqB,yDAK/B,KAAK,sBAiFP,CAAA"}