@payloadcms/ui 3.0.0-canary.c696728 → 3.0.0-canary.c96fa61

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useReducer","useRef","useState","SelectMany","FieldLabel","usePayloadAPI","useThrottledEffect","XIcon","useAuth","useConfig","RenderComponent","ListInfoProvider","ListQueryProvider","usePreferences","useTranslation","useDocumentDrawer","LoadingOverlay","Pill","ReactSelect","TableColumnsProvider","ViewDescription","baseClass","hoistQueryParamsToAnd","where","queryParams","and","push","ListDrawerContent","t0","$","collectionSlugs","customHeader","drawerSlug","enableRowSelections","filterOptions","onBulkSelect","onSelect","selectedCollection","i18n","t","permissions","getPreference","setPreference","closeModal","isModalOpen","limit","setLimit","previousLimit","sort","setSort","page","setPage","setWhere","search","setSearch","showLoadingOverlay","setShowLoadingOverlay","hasInitialised","params","config","t1","collections","routes","t2","serverURL","api","t3","t4","t5","slug","includes","filter","enabledCollectionConfigs","find","slug_0","selectedCollectionConfig","setSelectedCollectionConfig","List","admin","components","views","list","Component","label","labels","singular","value","undefined","selectedOption","setSelectedOption","t6","selectedConfig","t7","slug_1","preferencesKey","t8","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t9","documentDrawerSlug","t10","t11","Array","isArray","t12","slug_2","collectionPermissions","hasCreatePermission","create","permission","isOpen","apiURL","cacheBust","dispatchCacheBust","_temp","t13","initialParams","depth","t14","t15","data","isError","isLoading","isLoadingList","setParams","moreThanOneAvailableCollection","length","t16","slug_3","t17","versions","listSearchableFields","useAsTitle","params_0","copyOfWhere","filterOption","searchAsConditions","map","fieldName","like","searchFilter","or","current","drafts","draft","t18","t19","newPreferences","t20","t21","getInitialPref","existingPreferences","t22","t23","t24","t25","t26","t27","t28","t29","doc","docID","id","onCreateNew","_jsx","t30","plural","t31","className","children","t32","t33","description","Description","t34","t35","rowColl","rowData","_jsxs","_Fragment","beforeActions","onClick","collectionConfig","disableBulkDelete","disableBulkEdit","Header","type","field","onChange","options","coll","defaultLimit","pagination","defaultSort","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","modifySearchParams","preferenceKey","cellProps","link","mappedComponent","onSave","state"],"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { ListDrawerProps } from './types.js'\n\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { usePayloadAPI } from '../../hooks/usePayloadAPI.js'\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { ListInfoProvider } from '../../providers/ListInfo/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { type Option, ReactSelect } from '../ReactSelect/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { ViewDescription } from '../ViewDescription/index.js'\nimport { baseClass } from './index.js'\n\nexport const hoistQueryParamsToAnd = (where: Where, queryParams: Where) => {\n  if ('and' in where) {\n    where.and.push(queryParams)\n  } else if ('or' in where) {\n    where = {\n      and: [where, queryParams],\n    }\n  } else {\n    where = {\n      and: [where, queryParams],\n    }\n  }\n\n  return where\n}\n\nexport const ListDrawerContent: React.FC<ListDrawerProps> = ({\n  collectionSlugs,\n  customHeader,\n  drawerSlug,\n  enableRowSelections,\n  filterOptions,\n  onBulkSelect,\n  onSelect,\n  selectedCollection,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { getPreference, setPreference } = usePreferences()\n  const { closeModal, isModalOpen } = useModal()\n  const [limit, setLimit] = useState<number>()\n  // Track the page limit so we can reset the page number when it changes\n  const previousLimit = useRef<number>(limit || null)\n  const [sort, setSort] = useState<string>(null)\n  const [page, setPage] = useState<number>(1)\n  const [where, setWhere] = useState<Where>(null)\n  const [search, setSearch] = useState<string>('')\n  const [showLoadingOverlay, setShowLoadingOverlay] = useState<boolean>(true)\n  const hasInitialised = useRef(false)\n\n  const params = {\n    limit,\n    page,\n    search,\n    sort,\n    where,\n  }\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const enabledCollectionConfigs = collections.filter(({ slug }) => {\n    return collectionSlugs.includes(slug)\n  })\n\n  const [selectedCollectionConfig, setSelectedCollectionConfig] = useState<ClientCollectionConfig>(\n    () => {\n      return (\n        enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) ||\n        enabledCollectionConfigs?.[0]\n      )\n    },\n  )\n\n  const List = selectedCollectionConfig?.admin?.components.views.list.Component\n\n  const [selectedOption, setSelectedOption] = useState<Option | Option[]>(() =>\n    selectedCollectionConfig\n      ? {\n          label: getTranslation(selectedCollectionConfig.labels.singular, i18n),\n          value: selectedCollectionConfig.slug,\n        }\n      : undefined,\n  )\n\n  // allow external control of selected collection, same as the initial state logic above\n  useEffect(() => {\n    if (selectedCollection) {\n      // if passed a selection, find it and check if it's enabled\n      const selectedConfig =\n        enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) ||\n        enabledCollectionConfigs?.[0]\n      setSelectedCollectionConfig(selectedConfig)\n    }\n  }, [selectedCollection, enabledCollectionConfigs, onSelect, t])\n\n  const preferencesKey = `${selectedCollectionConfig.slug}-list`\n\n  // this is the 'create new' drawer\n  const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] =\n    useDocumentDrawer({\n      collectionSlug: selectedCollectionConfig.slug,\n    })\n\n  useEffect(() => {\n    if (selectedOption && !Array.isArray(selectedOption)) {\n      setSelectedCollectionConfig(\n        enabledCollectionConfigs.find(({ slug }) => selectedOption.value === slug),\n      )\n    }\n  }, [selectedOption, enabledCollectionConfigs])\n\n  const collectionPermissions = permissions?.collections?.[selectedCollectionConfig?.slug]\n  const hasCreatePermission = collectionPermissions?.create?.permission\n\n  // If modal is open, get active page of upload gallery\n  const isOpen = isModalOpen(drawerSlug)\n  const apiURL = isOpen ? `${serverURL}${api}/${selectedCollectionConfig.slug}` : null\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0) // used to force a re-fetch even when apiURL is unchanged\n  const [{ data, isError, isLoading: isLoadingList }, { setParams }] = usePayloadAPI(apiURL, {\n    initialParams: {\n      depth: 0,\n    },\n  })\n  const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1\n\n  useEffect(() => {\n    const {\n      slug,\n      admin: { listSearchableFields, useAsTitle } = {},\n      versions,\n    } = selectedCollectionConfig\n\n    const params: {\n      cacheBust?: number\n      depth?: number\n      draft?: string\n      limit?: number\n      page?: number\n      search?: string\n      sort?: string\n      where?: unknown\n    } = {\n      depth: 0,\n    }\n\n    let copyOfWhere = { ...(where || {}) }\n    const filterOption = filterOptions?.[slug]\n\n    if (filterOptions && typeof filterOption !== 'boolean') {\n      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOption)\n    }\n\n    if (search) {\n      const searchAsConditions = (listSearchableFields || [useAsTitle]).map((fieldName) => {\n        return {\n          [fieldName]: {\n            like: search,\n          },\n        }\n      }, [])\n\n      if (searchAsConditions.length > 0) {\n        const searchFilter: Where = {\n          or: [...searchAsConditions],\n        }\n\n        copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter)\n      }\n    }\n\n    if (page) {\n      params.page = page\n    }\n    if (sort) {\n      params.sort = sort\n    }\n    if (cacheBust) {\n      params.cacheBust = cacheBust\n    }\n    if (limit) {\n      params.limit = limit\n\n      if (limit !== previousLimit.current) {\n        previousLimit.current = limit\n\n        // Reset page if limit changes\n        // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n        setPage(1)\n      }\n    }\n    if (copyOfWhere) {\n      params.where = copyOfWhere\n    }\n    if (versions?.drafts) {\n      params.draft = 'true'\n    }\n\n    setParams(params)\n  }, [\n    page,\n    sort,\n    where,\n    search,\n    limit,\n    cacheBust,\n    filterOptions,\n    selectedCollectionConfig,\n    t,\n    setParams,\n  ])\n\n  useEffect(() => {\n    const newPreferences = {\n      limit,\n      sort,\n    }\n\n    if (limit || sort) {\n      void setPreference(preferencesKey, newPreferences, true)\n    }\n  }, [sort, limit, setPreference, preferencesKey])\n\n  // Get existing preferences if they exist\n  useEffect(() => {\n    if (preferencesKey && !limit) {\n      const getInitialPref = async () => {\n        const existingPreferences = await getPreference<{ limit?: number }>(preferencesKey)\n\n        if (existingPreferences?.limit) {\n          setLimit(existingPreferences?.limit)\n        }\n      }\n      void getInitialPref()\n    }\n  }, [getPreference, limit, preferencesKey])\n\n  useThrottledEffect(\n    () => {\n      if (isLoadingList) {\n        setShowLoadingOverlay(true)\n      }\n    },\n    1750,\n    [isLoadingList, setShowLoadingOverlay],\n  )\n\n  useEffect(() => {\n    if (isOpen) {\n      hasInitialised.current = true\n    } else {\n      hasInitialised.current = false\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isLoadingList && showLoadingOverlay) {\n      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n      setShowLoadingOverlay(false)\n    }\n  }, [isLoadingList, showLoadingOverlay])\n\n  const onCreateNew = useCallback(\n    ({ doc }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: selectedCollectionConfig.slug,\n          docID: doc.id,\n        })\n      }\n      dispatchCacheBust()\n      closeModal(documentDrawerSlug)\n      closeModal(drawerSlug)\n    },\n    [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedCollectionConfig],\n  )\n\n  if (!selectedCollectionConfig || isError) {\n    return null\n  }\n\n  return (\n    <>\n      {showLoadingOverlay && <LoadingOverlay />}\n      <ListInfoProvider\n        beforeActions={\n          enableRowSelections\n            ? [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n            : undefined\n        }\n        collectionConfig={selectedCollectionConfig}\n        collectionSlug={selectedCollectionConfig.slug}\n        disableBulkDelete\n        disableBulkEdit\n        hasCreatePermission={hasCreatePermission}\n        Header={\n          <header className={`${baseClass}__header`}>\n            <div className={`${baseClass}__header-wrap`}>\n              <div className={`${baseClass}__header-content`}>\n                <h2 className={`${baseClass}__header-text`}>\n                  {!customHeader\n                    ? getTranslation(selectedCollectionConfig?.labels?.plural, i18n)\n                    : customHeader}\n                </h2>\n                {hasCreatePermission && (\n                  <DocumentDrawerToggler className={`${baseClass}__create-new-button`}>\n                    <Pill>{t('general:createNew')}</Pill>\n                  </DocumentDrawerToggler>\n                )}\n              </div>\n              <button\n                aria-label={t('general:close')}\n                className={`${baseClass}__header-close`}\n                onClick={() => {\n                  closeModal(drawerSlug)\n                }}\n                type=\"button\"\n              >\n                <XIcon />\n              </button>\n            </div>\n            {(selectedCollectionConfig?.admin?.description ||\n              selectedCollectionConfig?.admin?.components?.Description) && (\n              <div className={`${baseClass}__sub-header`}>\n                <ViewDescription\n                  Description={selectedCollectionConfig.admin?.components?.Description}\n                  description={selectedCollectionConfig.admin?.description}\n                />\n              </div>\n            )}\n            {moreThanOneAvailableCollection && (\n              <div className={`${baseClass}__select-collection-wrap`}>\n                <FieldLabel field={null} label={t('upload:selectCollectionToBrowse')} />\n                <ReactSelect\n                  className={`${baseClass}__select-collection`}\n                  onChange={setSelectedOption} // this is only changing the options which is not rerunning my effect\n                  options={enabledCollectionConfigs.map((coll) => ({\n                    label: getTranslation(coll.labels.singular, i18n),\n                    value: coll.slug,\n                  }))}\n                  value={selectedOption}\n                />\n              </div>\n            )}\n          </header>\n        }\n        newDocumentURL={null}\n      >\n        <ListQueryProvider\n          data={data}\n          defaultLimit={limit || selectedCollectionConfig?.admin?.pagination?.defaultLimit}\n          defaultSort={sort}\n          handlePageChange={setPage}\n          handlePerPageChange={setLimit}\n          handleSearchChange={setSearch}\n          handleSortChange={setSort}\n          handleWhereChange={setWhere}\n          modifySearchParams={false}\n          // @ts-expect-error todo: fix types\n          params={params}\n          preferenceKey={preferencesKey}\n        >\n          <TableColumnsProvider\n            cellProps={[\n              {\n                className: `${baseClass}__first-cell`,\n                link: false,\n                onClick: ({ collectionSlug: rowColl, rowData }) => {\n                  if (typeof onSelect === 'function') {\n                    onSelect({\n                      collectionSlug: rowColl,\n                      docID: rowData.id as string,\n                    })\n                  }\n                },\n              },\n            ]}\n            collectionSlug={selectedCollectionConfig.slug}\n            enableRowSelections={enableRowSelections}\n            preferenceKey={preferencesKey}\n          >\n            <RenderComponent mappedComponent={List} />\n            <DocumentDrawer onSave={onCreateNew} />\n          </TableColumnsProvider>\n        </ListQueryProvider>\n      </ListInfoProvider>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["useModal","React","useCallback","useEffect","useState","useDocumentDrawer","useConfig","useServerFunctions","hoistQueryParamsToAnd","ListDrawerContextProvider","LoadingOverlay","ListDrawerContent","allowCreate","collectionSlugs","drawerSlug","enableRowSelections","filterOptions","onBulkSelect","onSelect","selectedCollection","selectedCollectionFromProps","closeModal","isModalOpen","serverFunction","ListView","setListView","undefined","isLoading","setIsLoading","config","collections","getEntityConfig","isOpen","enabledCollections","filter","slug","includes","selectedOption","setSelectedOption","initialSelection","found","collectionSlug","label","labels","value","DocumentDrawer","DocumentDrawerToggler","documentDrawerSlug","find","renderList","query","newQuery","where","filterOption","List","ViewResult","name","args","disableBulkDelete","disableBulkEdit","_err","console","error","onCreateNew","doc","docID","id","onQueryChange","setMySelectedOption","incomingSelection","_jsx","_jsxs","createNewDrawerSlug","onSave"],"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ListQuery } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { ListDrawerProps } from './types.js'\n\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { hoistQueryParamsToAnd } from '../../utilities/mergeListSearchAndWhere.js'\nimport { ListDrawerContextProvider } from '../ListDrawer/Provider.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { type Option } from '../ReactSelect/index.js'\n\nexport const ListDrawerContent: React.FC<ListDrawerProps> = ({\n  allowCreate = true,\n  collectionSlugs,\n  drawerSlug,\n  enableRowSelections,\n  filterOptions,\n  onBulkSelect,\n  onSelect,\n  selectedCollection: selectedCollectionFromProps,\n}) => {\n  const { closeModal, isModalOpen } = useModal()\n\n  const { serverFunction } = useServerFunctions()\n  const [ListView, setListView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n\n  const isOpen = isModalOpen(drawerSlug)\n\n  const enabledCollections = collections.filter(({ slug }) => {\n    return collectionSlugs.includes(slug)\n  })\n\n  const [selectedOption, setSelectedOption] = useState<Option<string>>(() => {\n    const initialSelection = selectedCollectionFromProps || enabledCollections[0]?.slug\n    const found = getEntityConfig({ collectionSlug: initialSelection }) as ClientCollectionConfig\n\n    return found\n      ? {\n          label: found.labels,\n          value: found.slug,\n        }\n      : undefined\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] =\n    useDocumentDrawer({\n      collectionSlug: selectedOption.value,\n    })\n\n  useEffect(() => {\n    if (selectedCollectionFromProps && selectedCollectionFromProps !== selectedOption?.value) {\n      setSelectedOption({\n        label: collections.find(({ slug }) => slug === selectedCollectionFromProps).labels,\n        value: selectedCollectionFromProps,\n      })\n    }\n  }, [selectedCollectionFromProps, collections, selectedOption])\n\n  const renderList = useCallback(\n    async (slug: string, query?: ListQuery) => {\n      try {\n        const newQuery: ListQuery = { ...(query || {}), where: { ...(query?.where || {}) } }\n\n        const filterOption = filterOptions?.[slug]\n\n        if (filterOptions && typeof filterOption !== 'boolean') {\n          newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption)\n        }\n\n        const { List: ViewResult } = (await serverFunction({\n          name: 'render-list',\n          args: {\n            collectionSlug: slug,\n            disableBulkDelete: true,\n            disableBulkEdit: true,\n            drawerSlug,\n            enableRowSelections,\n            query: newQuery,\n          },\n        })) as { List: React.ReactNode }\n\n        setListView(ViewResult)\n        setIsLoading(false)\n      } catch (_err) {\n        console.error('Error rendering List View: ', _err) // eslint-disable-line no-console\n\n        if (isOpen) {\n          closeModal(drawerSlug)\n        }\n      }\n    },\n    [serverFunction, closeModal, drawerSlug, isOpen, enableRowSelections, filterOptions],\n  )\n\n  useEffect(() => {\n    if (!ListView) {\n      void renderList(selectedOption.value)\n    }\n  }, [renderList, ListView, selectedOption.value])\n\n  const onCreateNew = useCallback(\n    ({ doc }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: selectedOption.value,\n          docID: doc.id,\n        })\n      }\n\n      closeModal(documentDrawerSlug)\n      closeModal(drawerSlug)\n    },\n    [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedOption.value],\n  )\n\n  const onQueryChange = useCallback(\n    (query: ListQuery) => {\n      void renderList(selectedOption.value, query)\n    },\n    [renderList, selectedOption.value],\n  )\n\n  const setMySelectedOption = useCallback(\n    (incomingSelection: Option<string>) => {\n      setSelectedOption(incomingSelection)\n      void renderList(incomingSelection.value)\n    },\n    [renderList],\n  )\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <ListDrawerContextProvider\n      createNewDrawerSlug={documentDrawerSlug}\n      DocumentDrawerToggler={DocumentDrawerToggler}\n      drawerSlug={drawerSlug}\n      enabledCollections={collectionSlugs}\n      onBulkSelect={onBulkSelect}\n      onQueryChange={onQueryChange}\n      onSelect={onSelect}\n      selectedOption={selectedOption}\n      setSelectedOption={setMySelectedOption}\n    >\n      {ListView}\n      <DocumentDrawer onSave={onCreateNew} />\n    </ListDrawerContextProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListDrawer/Provider.d.ts

@@ -0,0 +1,27 @@
+import type { CollectionSlug, ListQuery } from 'payload';
+import type { useSelection } from '../../providers/Selection/index.js';
+import type { UseDocumentDrawer } from '../DocumentDrawer/types.js';
+import type { Option } from '../ReactSelect/index.js';
+export type ListDrawerContextProps = {
+    readonly createNewDrawerSlug?: string;
+    readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1];
+    readonly drawerSlug?: string;
+    readonly enabledCollections?: CollectionSlug[];
+    readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void;
+    readonly onQueryChange?: (query: ListQuery) => void;
+    readonly onSelect?: (args: {
+        collectionSlug: CollectionSlug;
+        docID: string;
+    }) => void;
+    readonly selectedOption?: Option<string>;
+    readonly setSelectedOption?: (option: Option<string>) => void;
+};
+export type ListDrawerContextType = {
+    isInDrawer: boolean;
+} & ListDrawerContextProps;
+export declare const ListDrawerContext: import("react").Context<ListDrawerContextType>;
+export declare const ListDrawerContextProvider: React.FC<{
+    children: React.ReactNode;
+} & ListDrawerContextProps>;
+export declare const useListDrawerContext: () => ListDrawerContextType;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/elements/ListDrawer/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACvF,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACrF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,iBAAiB,gDAA6C,CAAA;AAE3E,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,sBAAsB,CAO3B,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,qBAQvC,CAAA"}

package/dist/elements/ListDrawer/Provider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const ListDrawerContext = /*#__PURE__*/createContext({});
+export const ListDrawerContextProvider = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(ListDrawerContext.Provider, {
+    value: {
+      isInDrawer: Boolean(rest.drawerSlug),
+      ...rest
+    },
+    children: children
+  });
+};
+export const useListDrawerContext = () => {
+  const context = useContext(ListDrawerContext);
+  if (!context) {
+    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=Provider.js.map

package/dist/elements/ListDrawer/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["createContext","useContext","ListDrawerContext","ListDrawerContextProvider","children","rest","_jsx","Provider","value","isInDrawer","Boolean","drawerSlug","useListDrawerContext","context","Error"],"sources":["../../../src/elements/ListDrawer/Provider.tsx"],"sourcesContent":["import type { CollectionSlug, ListQuery } from 'payload'\n\nimport { createContext, useContext } from 'react'\n\nimport type { useSelection } from '../../providers/Selection/index.js'\nimport type { UseDocumentDrawer } from '../DocumentDrawer/types.js'\nimport type { Option } from '../ReactSelect/index.js'\n\nexport type ListDrawerContextProps = {\n  readonly createNewDrawerSlug?: string\n  readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1]\n  readonly drawerSlug?: string\n  readonly enabledCollections?: CollectionSlug[]\n  readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly onSelect?: (args: { collectionSlug: CollectionSlug; docID: string }) => void\n  readonly selectedOption?: Option<string>\n  readonly setSelectedOption?: (option: Option<string>) => void\n}\n\nexport type ListDrawerContextType = {\n  isInDrawer: boolean\n} & ListDrawerContextProps\n\nexport const ListDrawerContext = createContext({} as ListDrawerContextType)\n\nexport const ListDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n  } & ListDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <ListDrawerContext.Provider value={{ isInDrawer: Boolean(rest.drawerSlug), ...rest }}>\n      {children}\n    </ListDrawerContext.Provider>\n  )\n}\n\nexport const useListDrawerContext = (): ListDrawerContextType => {\n  const context = useContext(ListDrawerContext)\n\n  if (!context) {\n    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider')\n  }\n\n  return context\n}\n"],"mappings":";AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAsB1C,OAAO,MAAMC,iBAAA,gBAAoBF,aAAA,CAAc,CAAC;AAEhD,OAAO,MAAMG,yBAAA,GAITA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAA,CAAM;EACxB,oBACEC,IAAA,CAACJ,iBAAA,CAAkBK,QAAQ;IAACC,KAAA,EAAO;MAAEC,UAAA,EAAYC,OAAA,CAAQL,IAAA,CAAKM,UAAU;MAAG,GAAGN;IAAK;cAChFD;;AAGP;AAEA,OAAO,MAAMQ,oBAAA,GAAuBA,CAAA;EAClC,MAAMC,OAAA,GAAUZ,UAAA,CAAWC,iBAAA;EAE3B,IAAI,CAACW,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,OAAOD,OAAA;AACT","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js';
 export * from './types.js';
-import './index.scss';
 export declare const baseClass = "list-drawer";
 export declare const formatListDrawerSlug: ({ depth, uuid, }: {
     depth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElF,cAAc,YAAY,CAAA;AAM1B,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,gBAAgB,CAAA;AAEtC,eAAO,MAAM,oBAAoB,qBAG9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAmC,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aA4F3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElF,cAAc,YAAY,CAAA;AAO1B,eAAO,MAAM,SAAS,gBAAgB,CAAA;AACtC,eAAO,MAAM,oBAAoB,qBAG9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAmC,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aA4F3B,CAAA"}

package/dist/elements/ListDrawer/index.js

@@ -10,7 +10,6 @@ import { useConfig } from '../../providers/Config/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { ListDrawerContent } from './DrawerContent.js';
-import './index.scss';
 export const baseClass = 'list-drawer';
 export const formatListDrawerSlug = ({
   depth,
@@ -21,11 +20,13 @@ export const ListDrawerToggler = ({
   className,
   disabled,
   drawerSlug,
+  onClick,
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(DrawerToggler, {
     className: [className, `${baseClass}__toggler`].filter(Boolean).join(' '),
     disabled: disabled,
+    onClick: onClick,
     slug: drawerSlug,
     ...rest,
     children: children

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useEffect","useId","useMemo","useState","useConfig","useEditDepth","Drawer","DrawerToggler","ListDrawerContent","baseClass","formatListDrawerSlug","depth","uuid","ListDrawerToggler","children","className","disabled","drawerSlug","rest","_jsx","filter","Boolean","join","slug","ListDrawer","props","gutter","Header","useListDrawer","t0","$","collectionSlugs","collectionSlugsFromProps","filterOptions","selectedCollection","uploads","config","t1","collections","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","setCollectionSlugs","t2","t3","t4","t5","t6","length","filteredCollectionSlugs","t7","upload","map","t8","toggleDrawer","closeDrawer","t9","openDrawer","t10","t11","_createElement","key","MemoizedDrawer","t12","t13","props_0","MemoizedDrawerToggler","t14","t15","isDrawerOpen","MemoizedDrawerState","t16"],"sources":["../../../src/elements/ListDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js'\n\nexport * from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { ListDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'list-drawer'\n\nexport const formatListDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `list-drawer_${depth}_${uuid}`\n\nexport const ListDrawerToggler: React.FC<ListTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  drawerSlug,\n  ...rest\n}) => {\n  return (\n    <DrawerToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const ListDrawer: React.FC<ListDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer className={baseClass} gutter={false} Header={null} slug={drawerSlug}>\n      <ListDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useListDrawer: UseListDrawer = ({\n  collectionSlugs: collectionSlugsFromProps,\n  filterOptions,\n  selectedCollection,\n  uploads,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps)\n\n  const drawerSlug = formatListDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  useEffect(() => {\n    if (!collectionSlugs || collectionSlugs.length === 0) {\n      const filteredCollectionSlugs = collections.filter(({ upload }) => {\n        if (uploads) {\n          return Boolean(upload) === true\n        }\n        return true\n      })\n\n      setCollectionSlugs(filteredCollectionSlugs.map(({ slug }) => slug))\n    }\n  }, [collectionSlugs, uploads, collections])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <ListDrawer\n        {...props}\n        closeDrawer={closeDrawer}\n        collectionSlugs={collectionSlugs}\n        drawerSlug={drawerSlug}\n        filterOptions={filterOptions}\n        key={drawerSlug}\n        selectedCollection={selectedCollection}\n        uploads={uploads}\n      />\n    )\n  }, [drawerSlug, collectionSlugs, uploads, closeDrawer, selectedCollection, filterOptions])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => <ListDrawerToggler {...props} drawerSlug={drawerSlug} />\n  }, [drawerSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      collectionSlugs,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      setCollectionSlugs,\n      toggleDrawer,\n    }),\n    [\n      drawerDepth,\n      drawerSlug,\n      isOpen,\n      toggleDrawer,\n      closeDrawer,\n      openDrawer,\n      setCollectionSlugs,\n      collectionSlugs,\n    ],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;;AACA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIxE,cAAc;AAEd,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnCC,KAAK;EACLC;AAAI,CAIL,KAAK,eAAeD,KAAA,IAASC,IAAA,EAAM;AAEpC,OAAO,MAAMC,iBAAA,GAAgDA,CAAC;EAC5DC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACV,GAAGC;AAAA,CACJ;EACC,oBACEC,IAAA,CAACZ,aAAA;IACCQ,SAAA,EAAW,CAACA,SAAA,EAAW,GAAGN,SAAA,WAAoB,CAAC,CAACW,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACrEN,QAAA,EAAUA,QAAA;IACVO,IAAA,EAAMN,UAAA;IACL,GAAGC,IAAI;cAEPJ;;AAGP;AAEA,OAAO,MAAMU,UAAA,GAAyCC,KAAA;EACpD,MAAM;IAAER;EAAU,CAAE,GAAGQ,KAAA;EAEvB,oBACEN,IAAA,CAACb,MAAA;IAAOS,SAAA,EAAWN,SAAA;IAAWiB,MAAA,EAAQ;IAAOC,MAAA,EAAQ;IAAMJ,IAAA,EAAMN,UAAA;cAC/D,aAAAE,IAAA,CAACX,iBAAA;MAAmB,GAAGiB;;;AAG7B;AAEA,OAAO,MAAMG,aAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAlC,EAAA;EAAC;IAAAmC,eAAA,EAAAC,wBAAA;IAAAC,aAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAN,EAK5C;EACC;IAAAO,MAAA,EAAAC;EAAA,IAEIjC,SAAA;EADM;IAAAkC;EAAA,IAAAD,EAAe;EAEzB,MAAAE,WAAA,GAAoBlC,YAAA;EACpB,MAAAO,IAAA,GAAaX,KAAA;EACb;IAAAuC,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAA2D9C,QAAA;EAC3D,OAAA+C,MAAA,EAAAC,SAAA,IAA4B1C,QAAA,MAAS;EACrC,OAAA4B,eAAA,EAAAe,kBAAA,IAA8C3C,QAAA,CAAS6B,wBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAjB,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAlB,IAAA;IAEpCmC,EAAA,GAAArC,oBAAA;MAAAC,KAAA,EACV4B,WAAA;MAAA3B;IAAA,CAET;IAAAkB,CAAA,MAAAS,WAAA;IAAAT,CAAA,MAAAlB,IAAA;IAAAkB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAHA,MAAAb,UAAA,GAAmB8B,EAGnB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAb,UAAA;IAEU+B,EAAA,GAAAA,CAAA;MACRH,SAAA,CAAUxB,OAAA,CAAQoB,UAAU,CAACxB,UAAA,GAAA2B,MAAa;IAAA;IACzCK,EAAA,IAACR,UAAA,EAAYxB,UAAA;IAAWa,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAb,UAAA;IAAAa,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAD,EAAA,GAAAlB,CAAA;IAAAmB,EAAA,GAAAnB,CAAA;EAAA;EAF3B9B,SAAA,CAAUgD,EAEV,EAAGC,EAAwB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAK,OAAA;IAEjBe,EAAA,GAAAA,CAAA;MAAA,IACJ,CAACnB,eAAA,IAAmBA,eAAA,CAAAqB,MAAA,MAA2B;QACjD,MAAAC,uBAAA,GAAgCf,WAAA,CAAAlB,MAAA,CAAAkC,EAAA;UAAoB;YAAAC;UAAA,IAAAD,EAAU;UAAA,IACxDnB,OAAA;YAAA,OACKd,OAAA,CAAQkC,MAAA,UAAY;UAAA;UAAA;QAAA,CAG/B;QAEAT,kBAAA,CAAmBO,uBAAA,CAAAG,GAAA,CAAAC,EAAA;UAA6B;YAAAlC;UAAA,IAAAkC,EAAQ;UAAA,OAAKlC,IAAA;QAAA;MAAA;IAAA;IAE9D4B,EAAA,IAACpB,eAAA,EAAiBI,OAAA,EAASG,WAAA;IAAYR,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAQ,WAAA;IAAAR,CAAA,MAAAK,OAAA;IAAAL,CAAA,OAAAoB,EAAA;IAAApB,CAAA,OAAAqB,EAAA;EAAA;IAAAD,EAAA,GAAApB,CAAA;IAAAqB,EAAA,GAAArB,CAAA;EAAA;EAX1C9B,SAAA,CAAUkD,EAWV,EAAGC,EAAuC;EAAA,IAAAG,EAAA;EAAA,IAAAxB,CAAA,SAAAa,WAAA,IAAAb,CAAA,SAAAb,UAAA;IAETqC,EAAA,GAAAA,CAAA;MAC/BX,WAAA,CAAY1B,UAAA;IAAA;IACda,CAAA,OAAAa,WAAA;IAAAb,CAAA,OAAAb,UAAA;IAAAa,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAFA,MAAA4B,YAAA,GAAqBJ,EAEO;EAAA,IAAAG,EAAA;EAAA,IAAA3B,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAAb,UAAA;IAEIwC,EAAA,GAAAA,CAAA;MAC9BjB,UAAA,CAAWvB,UAAA;IAAA;IACba,CAAA,OAAAU,UAAA;IAAAV,CAAA,OAAAb,UAAA;IAAAa,CAAA,OAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAFA,MAAA6B,WAAA,GAAoBF,EAEO;EAAA,IAAAG,EAAA;EAAA,IAAA9B,CAAA,SAAAY,SAAA,IAAAZ,CAAA,SAAAb,UAAA;IAEI2C,EAAA,GAAAA,CAAA;MAC7BlB,SAAA,CAAUzB,UAAA;IAAA;IACZa,CAAA,OAAAY,SAAA;IAAAZ,CAAA,OAAAb,UAAA;IAAAa,CAAA,OAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAFA,MAAA+B,UAAA,GAAmBD,EAEO;EAAA,IAAAE,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAjC,CAAA,SAAA6B,WAAA,IAAA7B,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAb,UAAA,IAAAa,CAAA,SAAAG,aAAA,IAAAH,CAAA,SAAAI,kBAAA,IAAAJ,CAAA,SAAAK,OAAA;IAGjB4B,GAAA,GAAAtC,KAAA,IACLuC,cAAA,CAAAxC,UAAA;MAAA,GACMC,KAAK;MAAAkC,WAAA;MAAA5B,eAAA;MAAAd,UAAA;MAAAgB,aAAA;MAAAgC,GAAA,EAKJhD,UAAA;MAAAiB,kBAAA;MAAAC;IAAA,C;;;;;;;;;;;EAPT2B,GAAA,GAAOC,G;EADT,MAAAG,cAAA,GAAuBJ,GAakE;EAAA,IAAAK,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAtC,CAAA,SAAAb,UAAA;IAGhFmD,GAAA,GAAAC,OAAA,IAAWlD,IAAA,CAAAN,iBAAA;MAAA,GAAuBY,OAAK;MAAAR;IAAA,C;;;;;;EAA9CkD,GAAA,GAAOC,G;EADT,MAAAE,qBAAA,GAA8BH,GAEf;EAAA,IAAAI,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA1C,CAAA,SAAA6B,WAAA,IAAA7B,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAS,WAAA,IAAAT,CAAA,SAAAb,UAAA,IAAAa,CAAA,SAAAc,MAAA,IAAAd,CAAA,SAAA+B,UAAA,IAAA/B,CAAA,SAAA4B,YAAA;IAGNc,GAAA;MAAAb,WAAA;MAAA5B,eAAA;MAAAQ,WAAA;MAAAtB,UAAA;MAAAwD,YAAA,EAKS7B,MAAA;MAAAiB,UAAA;MAAAf,kBAAA;MAAAY;IAAA;IAIhB5B,CAAA,OAAA6B,WAAA;IAAA7B,CAAA,OAAAC,eAAA;IAAAD,CAAA,OAAAS,WAAA;IAAAT,CAAA,OAAAb,UAAA;IAAAa,CAAA,OAAAc,MAAA;IAAAd,CAAA,OAAA+B,UAAA;IAAA/B,CAAA,OAAA4B,YAAA;IAAA5B,CAAA,OAAA0C,GAAA;EAAA;IAAAA,GAAA,GAAA1C,CAAA;EAAA;EAAAyC,GAAA,GATOC,GASP;EAVF,MAAAE,mBAAA,GAA4BH,GAoBzB;EAAA,IAAAI,GAAA;EAAA,IAAA7C,CAAA,SAAAoC,cAAA,IAAApC,CAAA,SAAAwC,qBAAA,IAAAxC,CAAA,SAAA4C,mBAAA;IAGIC,GAAA,IAACT,cAAA,EAAgBI,qBAAA,EAAuBI,mBAAA;IAAoB5C,CAAA,OAAAoC,cAAA;IAAApC,CAAA,OAAAwC,qBAAA;IAAAxC,CAAA,OAAA4C,mBAAA;IAAA5C,CAAA,OAAA6C,GAAA;EAAA;IAAAA,GAAA,GAAA7C,CAAA;EAAA;EAAA,OAA5D6C,GAA4D;AAAA,CACrE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useEffect","useId","useMemo","useState","useConfig","useEditDepth","Drawer","DrawerToggler","ListDrawerContent","baseClass","formatListDrawerSlug","depth","uuid","ListDrawerToggler","children","className","disabled","drawerSlug","onClick","rest","_jsx","filter","Boolean","join","slug","ListDrawer","props","gutter","Header","useListDrawer","t0","$","collectionSlugs","collectionSlugsFromProps","filterOptions","selectedCollection","uploads","config","t1","collections","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","setCollectionSlugs","t2","t3","t4","t5","t6","length","filteredCollectionSlugs","t7","upload","map","t8","toggleDrawer","closeDrawer","t9","openDrawer","t10","t11","_createElement","key","MemoizedDrawer","t12","t13","props_0","MemoizedDrawerToggler","t14","t15","isDrawerOpen","MemoizedDrawerState","t16"],"sources":["../../../src/elements/ListDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js'\n\nexport * from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { ListDrawerContent } from './DrawerContent.js'\n\nexport const baseClass = 'list-drawer'\nexport const formatListDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `list-drawer_${depth}_${uuid}`\n\nexport const ListDrawerToggler: React.FC<ListTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  drawerSlug,\n  onClick,\n  ...rest\n}) => {\n  return (\n    <DrawerToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const ListDrawer: React.FC<ListDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer className={baseClass} gutter={false} Header={null} slug={drawerSlug}>\n      <ListDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useListDrawer: UseListDrawer = ({\n  collectionSlugs: collectionSlugsFromProps,\n  filterOptions,\n  selectedCollection,\n  uploads,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps)\n\n  const drawerSlug = formatListDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  useEffect(() => {\n    if (!collectionSlugs || collectionSlugs.length === 0) {\n      const filteredCollectionSlugs = collections.filter(({ upload }) => {\n        if (uploads) {\n          return Boolean(upload) === true\n        }\n        return true\n      })\n\n      setCollectionSlugs(filteredCollectionSlugs.map(({ slug }) => slug))\n    }\n  }, [collectionSlugs, uploads, collections])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <ListDrawer\n        {...props}\n        closeDrawer={closeDrawer}\n        collectionSlugs={collectionSlugs}\n        drawerSlug={drawerSlug}\n        filterOptions={filterOptions}\n        key={drawerSlug}\n        selectedCollection={selectedCollection}\n        uploads={uploads}\n      />\n    )\n  }, [drawerSlug, collectionSlugs, uploads, closeDrawer, selectedCollection, filterOptions])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => <ListDrawerToggler {...props} drawerSlug={drawerSlug} />\n  }, [drawerSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      collectionSlugs,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      setCollectionSlugs,\n      toggleDrawer,\n    }),\n    [\n      drawerDepth,\n      drawerSlug,\n      isOpen,\n      toggleDrawer,\n      closeDrawer,\n      openDrawer,\n      setCollectionSlugs,\n      collectionSlugs,\n    ],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,20 +1,15 @@
 import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
-import type { useSelection } from '../../providers/Selection/index.js';
+import type { ListDrawerContextProps } from './Provider.js';
 export type ListDrawerProps = {
+    readonly allowCreate?: boolean;
     readonly collectionSlugs: string[];
-    readonly customHeader?: React.ReactNode;
     readonly drawerSlug?: string;
     readonly enableRowSelections?: boolean;
     readonly filterOptions?: FilterOptionsResult;
-    readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void;
-    readonly onSelect?: (args: {
-        collectionSlug: SanitizedCollectionConfig['slug'];
-        docID: string;
-    }) => void;
     readonly selectedCollection?: string;
-};
+} & ListDrawerContextProps;
 export type ListTogglerProps = {
     children?: React.ReactNode;
     className?: string;
@@ -27,8 +22,8 @@ export type UseListDrawer = (args: {
     selectedCollection?: string;
     uploads?: boolean;
 }) => [
-    React.FC<Pick<ListDrawerProps, 'enableRowSelections' | 'onBulkSelect' | 'onSelect'>>,
-    React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled'>>,
+    React.FC<Pick<ListDrawerProps, 'allowCreate' | 'enableRowSelections' | 'onBulkSelect' | 'onSelect'>>,
+    React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled' | 'onClick'>>,
     {
         closeDrawer: () => void;
         collectionSlugs: SanitizedCollectionConfig['slug'][];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEtE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,CAAA;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACvF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QACzB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;QACjD,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAK;IACJ,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,qBAAqB,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;IACpF,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IACvE;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAA;QACpD,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QAC7F,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,CAAA;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CACrC,GAAG,sBAAsB,CAAA;AAE1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAK;IACJ,KAAK,CAAC,EAAE,CACN,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,qBAAqB,GAAG,cAAc,GAAG,UAAU,CAAC,CAC3F;IACD,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IACnF;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAA;QACpD,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QAC7F,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { useSelection } from '../../providers/Selection/index.js'\n\nexport type ListDrawerProps = {\n  readonly collectionSlugs: string[]\n  readonly customHeader?: React.ReactNode\n  readonly drawerSlug?: string\n  readonly enableRowSelections?: boolean\n  readonly filterOptions?: FilterOptionsResult\n  readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void\n  readonly onSelect?: (args: {\n    collectionSlug: SanitizedCollectionConfig['slug']\n    docID: string\n  }) => void\n  readonly selectedCollection?: string\n}\n\nexport type ListTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseListDrawer = (args: {\n  collectionSlugs?: string[]\n  filterOptions?: FilterOptionsResult\n  selectedCollection?: string\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<Pick<ListDrawerProps, 'enableRowSelections' | 'onBulkSelect' | 'onSelect'>>, // drawer\n  React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled'>>, // toggler\n  {\n    closeDrawer: () => void\n    collectionSlugs: SanitizedCollectionConfig['slug'][]\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    setCollectionSlugs: React.Dispatch<React.SetStateAction<SanitizedCollectionConfig['slug'][]>>\n    toggleDrawer: () => void\n  },\n]\n"],"mappings":"AA2BA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { ListDrawerContextProps } from './Provider.js'\n\nexport type ListDrawerProps = {\n  readonly allowCreate?: boolean\n  readonly collectionSlugs: string[]\n  readonly drawerSlug?: string\n  readonly enableRowSelections?: boolean\n  readonly filterOptions?: FilterOptionsResult\n  readonly selectedCollection?: string\n} & ListDrawerContextProps\n\nexport type ListTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseListDrawer = (args: {\n  collectionSlugs?: string[]\n  filterOptions?: FilterOptionsResult\n  selectedCollection?: string\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<\n    Pick<ListDrawerProps, 'allowCreate' | 'enableRowSelections' | 'onBulkSelect' | 'onSelect'>\n  >, // drawer\n  React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled' | 'onClick'>>, // toggler\n  {\n    closeDrawer: () => void\n    collectionSlugs: SanitizedCollectionConfig['slug'][]\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    setCollectionSlugs: React.Dispatch<React.SetStateAction<SanitizedCollectionConfig['slug'][]>>\n    toggleDrawer: () => void\n  },\n]\n"],"mappings":"AAsBA","ignoreList":[]}

package/dist/elements/ListSelection/index.scss

@@ -1,18 +1,20 @@
 @import '../../scss/styles.scss';
 
-.list-selection {
-  margin-left: auto;
-  color: var(--theme-elevation-500);
-
-  &__button {
+@layer payload-default {
+  .list-selection {
+    margin-left: auto;
     color: var(--theme-elevation-500);
-    background: unset;
-    border: none;
-    text-decoration: underline;
-    cursor: pointer;
-  }
 
-  @include small-break {
-    margin-bottom: base(0.5);
+    &__button {
+      color: var(--theme-elevation-500);
+      background: unset;
+      border: none;
+      text-decoration: underline;
+      cursor: pointer;
+    }
+
+    @include small-break {
+      margin-bottom: base(0.5);
+    }
   }
 }

package/dist/elements/Loading/index.scss

@@ -1,136 +1,138 @@
 @import '../../scss/styles';
 
-.loading-overlay {
-  isolation: isolate;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: fixed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  pointer-events: none;
-  z-index: calc(var(--z-status) + 1);
-  transition-property: left, width;
-  transition: 250ms ease;
-
-  &.loading-overlay--entering {
-    opacity: 1;
-    animation: fade-in ease;
-    pointer-events: all;
-  }
-
-  &.loading-overlay--exiting {
-    opacity: 0;
-    animation: fade-out ease;
-  }
-
-  &:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
+@layer payload-default {
+  .loading-overlay {
+    isolation: isolate;
     height: 100%;
-    background-color: var(--theme-elevation-0);
-    opacity: 0.85;
-    z-index: -1;
-  }
-
-  &__bars {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-    gap: 7px;
+    width: 100%;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    position: fixed;
+    display: flex;
     align-items: center;
-  }
-
-  &__bar {
-    width: 2px;
-    background-color: currentColor;
-    height: 15px;
-
-    &:nth-child(1) {
-      transform: translateY(0);
-      animation: animate-bar--odd 1.25s infinite;
+    justify-content: center;
+    flex-direction: column;
+    pointer-events: none;
+    z-index: calc(var(--z-status) + 1);
+    transition-property: left, width;
+    transition: 250ms ease;
+
+    &.loading-overlay--entering {
+      opacity: 1;
+      animation: fade-in ease;
+      pointer-events: all;
     }
 
-    &:nth-child(2) {
-      transform: translateY(-2px);
-      animation: animate-bar--even 1.25s infinite;
+    &.loading-overlay--exiting {
+      opacity: 0;
+      animation: fade-out ease;
     }
 
-    &:nth-child(3) {
-      transform: translateY(0);
-      animation: animate-bar--odd 1.25s infinite;
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: var(--theme-elevation-0);
+      opacity: 0.85;
+      z-index: -1;
     }
 
-    &:nth-child(4) {
-      transform: translateY(-2px);
-      animation: animate-bar--even 1.25s infinite;
+    &__bars {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+      gap: 7px;
+      align-items: center;
     }
 
-    &:nth-child(5) {
-      transform: translateY(0);
-      animation: animate-bar--odd 1.25s infinite;
+    &__bar {
+      width: 2px;
+      background-color: currentColor;
+      height: 15px;
+
+      &:nth-child(1) {
+        transform: translateY(0);
+        animation: animate-bar--odd 1.25s infinite;
+      }
+
+      &:nth-child(2) {
+        transform: translateY(-2px);
+        animation: animate-bar--even 1.25s infinite;
+      }
+
+      &:nth-child(3) {
+        transform: translateY(0);
+        animation: animate-bar--odd 1.25s infinite;
+      }
+
+      &:nth-child(4) {
+        transform: translateY(-2px);
+        animation: animate-bar--even 1.25s infinite;
+      }
+
+      &:nth-child(5) {
+        transform: translateY(0);
+        animation: animate-bar--odd 1.25s infinite;
+      }
     }
-  }
 
-  &__text {
-    margin-top: base(0.75);
-    text-transform: uppercase;
-    font-family: var(--font-body);
-    font-size: base(0.65);
-    letter-spacing: 3px;
+    &__text {
+      margin-top: base(0.75);
+      text-transform: uppercase;
+      font-family: var(--font-body);
+      font-size: base(0.65);
+      letter-spacing: 3px;
+    }
   }
-}
 
-@keyframes animate-bar--even {
-  0% {
-    transform: translateY(2px);
-  }
+  @keyframes animate-bar--even {
+    0% {
+      transform: translateY(2px);
+    }
 
-  50% {
-    transform: translateY(-2px);
-  }
+    50% {
+      transform: translateY(-2px);
+    }
 
-  100% {
-    transform: translateY(2px);
+    100% {
+      transform: translateY(2px);
+    }
   }
-}
 
-@keyframes animate-bar--odd {
-  0% {
-    transform: translateY(-2px);
-  }
+  @keyframes animate-bar--odd {
+    0% {
+      transform: translateY(-2px);
+    }
 
-  50% {
-    transform: translateY(2px);
-  }
+    50% {
+      transform: translateY(2px);
+    }
 
-  100% {
-    transform: translateY(-2px);
+    100% {
+      transform: translateY(-2px);
+    }
   }
-}
 
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
 
-  100% {
-    opacity: 1;
+    100% {
+      opacity: 1;
+    }
   }
-}
 
-@keyframes fade-out {
-  0% {
-    opacity: 1;
-  }
+  @keyframes fade-out {
+    0% {
+      opacity: 1;
+    }
 
-  100% {
-    opacity: 0;
+    100% {
+      opacity: 0;
+    }
   }
 }