@payloadcms/ui 3.0.0-beta.11 → 3.0.0-beta.111

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload/types'\nimport type { Where } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useReducer, useState } from 'react'\n\nimport type { ListDrawerProps } from './types.js'\n\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport usePayloadAPI from '../../hooks/usePayloadAPI.js'\nimport { X } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.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 { ReactSelect } from '../ReactSelect/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { ViewDescription } from '../ViewDescription/index.js'\nimport { baseClass } from './index.js'\n\nconst 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  filterOptions,\n  onSelect,\n  selectedCollection,\n}) => {\n  const { useModal } = facelessUIImport\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { setPreference } = usePreferences()\n  const { closeModal, isModalOpen } = useModal()\n  const [limit, setLimit] = useState<number>()\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\n  const { componentMap } = useComponentMap()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\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 } = componentMap.collections?.[selectedCollectionConfig?.slug] || {}\n\n  const [selectedOption, setSelectedOption] = useState<{ label: string; value: string }>(() =>\n    selectedCollectionConfig\n      ? {\n          label: getTranslation(selectedCollectionConfig.labels.singular, i18n),\n          value: selectedCollectionConfig.slug,\n        }\n      : undefined,\n  )\n\n  // const [fields, setFields] = useState<Field[]>(() => formatFields(selectedCollectionConfig))\n\n  useEffect(() => {\n    // setFields(formatFields(selectedCollectionConfig))\n  }, [selectedCollectionConfig])\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 preferenceKey = `${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) {\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  const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1\n\n  useEffect(() => {\n    const {\n      slug,\n      admin: { listSearchableFields, useAsTitle } = {},\n      versions,\n    } = selectedCollectionConfig\n    const params: {\n      cacheBust?: number\n      draft?: string\n      limit?: number\n      page?: number\n      search?: string\n      sort?: string\n      where?: unknown\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) params.page = page\n    if (sort) params.sort = sort\n    if (cacheBust) params.cacheBust = cacheBust\n    if (copyOfWhere) params.where = copyOfWhere\n    if (versions?.drafts) params.draft = 'true'\n\n    setParams(params)\n  }, [page, sort, where, search, cacheBust, filterOptions, selectedCollectionConfig, t, setParams])\n\n  useEffect(() => {\n    const newPreferences = {\n      limit,\n      sort,\n    }\n\n    void setPreference(preferenceKey, newPreferences, true)\n  }, [sort, limit, setPreference, preferenceKey])\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  if (isLoadingList) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <ListInfoProvider\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              <X />\n            </button>\n          </div>\n          {selectedCollectionConfig?.admin?.description && (\n            <div className={`${baseClass}__sub-header`}>\n              <ViewDescription description={selectedCollectionConfig.admin.description} />\n            </div>\n          )}\n          {moreThanOneAvailableCollection && (\n            <div className={`${baseClass}__select-collection-wrap`}>\n              <FieldLabel 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      collectionConfig={selectedCollectionConfig}\n      collectionSlug={selectedCollectionConfig.slug}\n      hasCreatePermission={hasCreatePermission}\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        preferenceKey={preferenceKey}\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          preferenceKey={preferenceKey}\n        >\n          {List}\n          <DocumentDrawer onSave={onCreateNew} />\n        </TableColumnsProvider>\n      </ListQueryProvider>\n    </ListInfoProvider>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","React","useCallback","useEffect","useReducer","useState","FieldLabel","usePayloadAPI","X","useAuth","useComponentMap","useConfig","ListInfoProvider","ListQueryProvider","usePreferences","useTranslation","useDocumentDrawer","LoadingOverlay","Pill","ReactSelect","TableColumnsProvider","ViewDescription","baseClass","hoistQueryParamsToAnd","where","queryParams","and","push","ListDrawerContent","collectionSlugs","customHeader","drawerSlug","filterOptions","onSelect","selectedCollection","useModal","i18n","t","permissions","setPreference","closeModal","isModalOpen","limit","setLimit","sort","setSort","page","setPage","setWhere","search","setSearch","componentMap","collections","routes","api","serverURL","enabledCollectionConfigs","filter","slug","includes","selectedCollectionConfig","setSelectedCollectionConfig","find","List","selectedOption","setSelectedOption","label","labels","singular","value","undefined","selectedConfig","preferenceKey","DocumentDrawer","DocumentDrawerToggler","documentDrawerSlug","collectionSlug","collectionPermissions","hasCreatePermission","create","permission","isOpen","apiURL","cacheBust","dispatchCacheBust","state","data","isError","isLoading","isLoadingList","setParams","moreThanOneAvailableCollection","length","admin","listSearchableFields","useAsTitle","versions","params","copyOfWhere","filterOption","searchAsConditions","map","fieldName","like","searchFilter","or","drafts","draft","newPreferences","onCreateNew","doc","docID","id","Header","header","className","div","h2","plural","button","aria-label","onClick","type","description","onChange","options","coll","collectionConfig","newDocumentURL","defaultLimit","pagination","defaultSort","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","modifySearchParams","cellProps","link","rowColl","rowData","onSave"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"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","$","allowCreate","t1","collectionSlugs","customHeader","drawerSlug","enableRowSelections","filterOptions","onBulkSelect","onSelect","selectedCollection","undefined","i18n","t","permissions","getPreference","setPreference","closeModal","isModalOpen","limit","setLimit","previousLimit","sort","setSort","page","setPage","setWhere","search","setSearch","showLoadingOverlay","setShowLoadingOverlay","hasInitialised","params","config","t2","collections","routes","t3","serverURL","api","t4","t5","t6","slug","includes","filter","enabledCollectionConfigs","find","slug_0","selectedCollectionConfig","setSelectedCollectionConfig","List","admin","components","views","list","Component","label","labels","singular","value","selectedOption","setSelectedOption","t7","selectedConfig","t8","slug_1","preferencesKey","t9","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t10","documentDrawerSlug","t11","t12","Array","isArray","t13","slug_2","collectionPermissions","hasCreatePermission","create","permission","isOpen","apiURL","cacheBust","dispatchCacheBust","_temp","t14","initialParams","depth","t15","t16","data","isError","isLoading","isLoadingList","setParams","moreThanOneAvailableCollection","length","t17","slug_3","t18","versions","listSearchableFields","useAsTitle","params_0","copyOfWhere","filterOption","searchAsConditions","map","fieldName","like","searchFilter","or","current","drafts","draft","t19","t20","newPreferences","t21","t22","getInitialPref","existingPreferences","t23","t24","t25","t26","t27","t28","t29","t30","doc","docID","id","onCreateNew","_jsx","t31","plural","t32","className","children","t33","t34","description","Description","t35","t36","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  allowCreate = true,\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 && allowCreate\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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAI5E,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,KAAK,QAAQ;AACtB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAAsBC,WAAW,QAAQ;AACzC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAE1B,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAcC,WAAA;EAClD,IAAI,SAASD,KAAA,EAAO;IAClBA,KAAA,CAAME,GAAG,CAACC,IAAI,CAACF,WAAA;EACjB,OAAO,IAAI,QAAQD,KAAA,EAAO;IACxBA,KAAA,GAAQ;MACNE,GAAA,EAAK,CAACF,KAAA,EAAOC,WAAA;IACf;EACF,OAAO;IACLD,KAAA,GAAQ;MACNE,GAAA,EAAK,CAACF,KAAA,EAAOC,WAAA;IACf;EACF;EAEA,OAAOD,KAAA;AACT;AAEA,OAAO,MAAMI,iBAAA,GAA+CC,EAAA;EAAA,MAAAC,CAAA,GAAAnC,EAAA;EAAC;IAAAoC,WAAA,EAAAC,EAAA;IAAAC,eAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,mBAAA;IAAAC,aAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAX,EAU5D;EATC,MAAAE,WAAA,GAAAC,EAAkB,KAAAS,SAAA,UAAlBT,EAAkB;EAUlB;IAAAU,IAAA;IAAAC;EAAA,IAAoB5B,cAAA;EACpB;IAAA6B;EAAA,IAAwBnC,OAAA;EACxB;IAAAoC,aAAA;IAAAC;EAAA,IAAyChC,cAAA;EACzC;IAAAiC,UAAA;IAAAC;EAAA,IAAoCpD,QAAA;EACpC,OAAAqD,KAAA,EAAAC,QAAA,IAA0B/C,QAAA;EAE1B,MAAAgD,aAAA,GAAsBjD,MAAA,CAAe+C,KAAA,QAAS;EAC9C,OAAAG,IAAA,EAAAC,OAAA,IAAwBlD,QAAA,KAAiB;EACzC,OAAAmD,IAAA,EAAAC,OAAA,IAAwBpD,QAAA,EAAiB;EACzC,OAAAqB,KAAA,EAAAgC,QAAA,IAA0BrD,QAAA,KAAgB;EAC1C,OAAAsD,MAAA,EAAAC,SAAA,IAA4BvD,QAAA,CAAiB;EAC7C,OAAAwD,kBAAA,EAAAC,qBAAA,IAAoDzD,QAAA,KAAkB;EACtE,MAAA0D,cAAA,GAAuB3D,MAAA,MAAO;EAE9B,MAAA4D,MAAA;IAAAb,KAAA;IAAAK,IAAA;IAAAG,MAAA;IAAAL,IAAA;IAAA5B;EAAA;EAQA;IAAAuC,MAAA,EAAAC;EAAA,IAMItD,SAAA;EALM;IAAAuD,WAAA;IAAAC,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAIP;EAFS;IAAAK;EAAA,IAAAF,EAAO;EAAA,IAAAG,EAAA;EAAA,IAAAxC,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAmC,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAzC,CAAA,QAAAG,eAAA;MAKiCsC,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAQ;QAAA,OACpDvC,eAAA,CAAAyC,QAAA,CAAyBD,IAAA;MAAA;MAClC3C,CAAA,MAAAG,eAAA;MAAAH,CAAA,MAAAyC,EAAA;IAAA;MAAAA,EAAA,GAAAzC,CAAA;IAAA;IAFiCwC,EAAA,GAAAL,WAAA,CAAAU,MAAA,CAAmBJ,EAEpD;IAAAzC,CAAA,MAAAG,eAAA;IAAAH,CAAA,MAAAmC,WAAA;IAAAnC,CAAA,MAAAwC,EAAA;EAAA;IAAAA,EAAA,GAAAxC,CAAA;EAAA;EAFA,MAAA8C,wBAAA,GAAiCN,EAEjC;EAAA,IAAAC,EAAA;EAAA,IAAAzC,CAAA,QAAA8C,wBAAA,IAAA9C,CAAA,QAAAU,kBAAA;IAGE+B,EAAA,GAAAA,CAAA,KAEIK,wBAAA,CAAAC,IAAA,CAAAL,EAAA;MAA+B;QAAAC,IAAA,EAAAK;MAAA,IAAAN,EAAQ;MAAA,OAAKC,MAAA,KAASjC,kBAAA;IAAA,MACrDoC,wBAAA,KAA6B;IAEjC9C,CAAA,MAAA8C,wBAAA;IAAA9C,CAAA,MAAAU,kBAAA;IAAAV,CAAA,MAAAyC,EAAA;EAAA;IAAAA,EAAA,GAAAzC,CAAA;EAAA;EANF,OAAAiD,wBAAA,EAAAC,2BAAA,IAAgE7E,QAAA,CAC9DoE,EAKA;EAGF,MAAAU,IAAA,GAAaF,wBAAA,EAAAG,KAAA,EAAAC,UAAA,CAAAC,KAAA,CAAAC,IAAA,CAAAC,SAAA;EAAuD,IAAAd,EAAA;EAAA,IAAA1C,CAAA,QAAAiD,wBAAA,IAAAjD,CAAA,QAAAY,IAAA;IAEI8B,EAAA,GAAAA,CAAA,KACtEO,wBAAA;MAAAQ,KAAA,EAEa1F,cAAA,CAAekF,wBAAA,CAAAS,MAAA,CAAAC,QAAA,EAA0C/C,IAAA;MAAAgD,KAAA,EACzDX,wBAAA,CAAAN;IAAA,IAAAhC,SAET;IAAAX,CAAA,MAAAiD,wBAAA;IAAAjD,CAAA,MAAAY,IAAA;IAAAZ,CAAA,OAAA0C,EAAA;EAAA;IAAAA,EAAA,GAAA1C,CAAA;EAAA;EANN,OAAA6D,cAAA,EAAAC,iBAAA,IAA4CzF,QAAA,CAA4BqE,EAMlE;EAAA,IAAAqB,EAAA;EAAA,IAAA/D,CAAA,SAAAU,kBAAA,IAAAV,CAAA,SAAA8C,wBAAA;IAIIiB,EAAA,GAAAA,CAAA;MAAA,IACJrD,kBAAA;QAEF,MAAAsD,cAAA,GACElB,wBAAA,CAAAC,IAAA,CAAAkB,EAAA;UAA+B;YAAAtB,IAAA,EAAAuB;UAAA,IAAAD,EAAQ;UAAA,OAAKtB,MAAA,KAASjC,kBAAA;QAAA,MACrDoC,wBAAA,KAA6B;QAC/BI,2BAAA,CAA4Bc,cAAA;MAAA;IAAA;IAEhChE,CAAA,OAAAU,kBAAA;IAAAV,CAAA,OAAA8C,wBAAA;IAAA9C,CAAA,OAAA+D,EAAA;EAAA;IAAAA,EAAA,GAAA/D,CAAA;EAAA;EAAA,IAAAiE,EAAA;EAAA,IAAAjE,CAAA,SAAAU,kBAAA,IAAAV,CAAA,SAAA8C,wBAAA,IAAA9C,CAAA,SAAAS,QAAA,IAAAT,CAAA,SAAAa,CAAA;IAAGoD,EAAA,IAACvD,kBAAA,EAAoBoC,wBAAA,EAA0BrC,QAAA,EAAUI,CAAA;IAAEb,CAAA,OAAAU,kBAAA;IAAAV,CAAA,OAAA8C,wBAAA;IAAA9C,CAAA,OAAAS,QAAA;IAAAT,CAAA,OAAAa,CAAA;IAAAb,CAAA,OAAAiE,EAAA;EAAA;IAAAA,EAAA,GAAAjE,CAAA;EAAA;EAR9D9B,SAAA,CAAU6F,EAQV,EAAGE,EAA2D;EAE9D,MAAAE,cAAA,GAAuB,GAAGlB,wBAAA,CAAAN,IAAA,OAAoC;EAAA,IAAAyB,EAAA;EAAA,IAAApE,CAAA,SAAAiD,wBAAA,CAAAN,IAAA;IAI1CyB,EAAA;MAAAC,cAAA,EACApB,wBAAA,CAAAN;IAAA;IAClB3C,CAAA,OAAAiD,wBAAA,CAAAN,IAAA;IAAA3C,CAAA,OAAAoE,EAAA;EAAA;IAAAA,EAAA,GAAApE,CAAA;EAAA;EAHF,OAAAsE,cAAA,EAAAC,qBAAA,EAAAC,GAAA,IACEtF,iBAAA,CAAkBkF,EAElB;EAH4C;IAAA/D,UAAA,EAAAoE;EAAA,IAAAD,GAAkC;EAAA,IAAAE,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA3E,CAAA,SAAA6D,cAAA,IAAA7D,CAAA,SAAA8C,wBAAA;IAKtE4B,GAAA,GAAAA,CAAA;MAAA,IACJb,cAAA,KAAmBe,KAAA,CAAAC,OAAA,CAAchB,cAAA;QACnCX,2BAAA,CACEJ,wBAAA,CAAAC,IAAA,CAAA+B,GAAA;UAA+B;YAAAnC,IAAA,EAAAoC;UAAA,IAAAD,GAAQ;UAAA,OAAKjB,cAAA,CAAAD,KAAA,KAAyBjB,MAAA;QAAA;MAAA;IAAA;IAGxEgC,GAAA,IAACd,cAAA,EAAgBf,wBAAA;IAAyB9C,CAAA,OAAA6D,cAAA;IAAA7D,CAAA,OAAA8C,wBAAA;IAAA9C,CAAA,OAAA0E,GAAA;IAAA1E,CAAA,OAAA2E,GAAA;EAAA;IAAAD,GAAA,GAAA1E,CAAA;IAAA2E,GAAA,GAAA3E,CAAA;EAAA;EAN7C9B,SAAA,CAAUwG,GAMV,EAAGC,GAA0C;EAE7C,MAAAK,qBAAA,GAA8BlE,WAAA,EAAAqB,WAAA,GAA2Bc,wBAAA,EAAAN,IAAA;EACzD,MAAAsC,mBAAA,GAA4BD,qBAAA,EAAAE,MAAA,EAAAC,UAAA,IAA6ClF,WAAA;EAAA,IAAA6E,GAAA;EAAA,IAAA9E,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAK,UAAA;IAG1DyE,GAAA,GAAA5D,WAAA,CAAYb,UAAA;IAAAL,CAAA,OAAAkB,WAAA;IAAAlB,CAAA,OAAAK,UAAA;IAAAL,CAAA,OAAA8E,GAAA;EAAA;IAAAA,GAAA,GAAA9E,CAAA;EAAA;EAA3B,MAAAoF,MAAA,GAAeN,GAAY;EAC3B,MAAAO,MAAA,GAAeD,MAAA,GAAS,GAAG9C,SAAA,GAAYC,GAAA,IAAOU,wBAAA,CAAAN,IAAA,EAA+B,OAAG;EAChF,OAAA2C,SAAA,EAAAC,iBAAA,IAAuCpH,UAAA,CAAAqH,KAAA,GAAiC;;;IACmBC,GAAA;MAAAC,aAAA;QAAAC,KAAA;MAAA;IAAA;IAI3F3F,CAAA,OAAAyF,GAAA;EAAA;IAAAA,GAAA,GAAAzF,CAAA;EAAA;EAJA,OAAA4F,GAAA,EAAAC,GAAA,IAAqErH,aAAA,CAAc6G,MAAA,EAAQI,GAI3F;EAJO;IAAAK,IAAA;IAAAC,OAAA;IAAAC,SAAA,EAAAC;EAAA,IAAAL,GAA2C;EAAE;IAAAM;EAAA,IAAAL,GAAa;EAKjE,MAAAM,8BAAA,GAAuCrD,wBAAA,CAAAsD,MAAA,IAAkC;EAAA,IAAAC,GAAA;EAAA,IAAArG,CAAA,SAAAiD,wBAAA,IAAAjD,CAAA,SAAAN,KAAA,IAAAM,CAAA,SAAAO,aAAA,IAAAP,CAAA,SAAA2B,MAAA,IAAA3B,CAAA,SAAAwB,IAAA,IAAAxB,CAAA,SAAAsB,IAAA,IAAAtB,CAAA,SAAAsF,SAAA,IAAAtF,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAkG,SAAA;IAE/DG,GAAA,GAAAA,CAAA;MACR;QAAA1D,IAAA,EAAA2D,MAAA;QAAAlD,KAAA,EAAAmD,GAAA;QAAAC;MAAA,IAIIvD,wBAAA;MAFK;QAAAwD,oBAAA;QAAAC;MAAA,IAAAH,GAAyC,KAAA5F,SAAA,QAAzC4F,GAAyC;MAIlD,MAAAI,QAAA;QAAAhB,KAAA;MAAA;MAaA,IAAAiB,WAAA;QAAA,IAAwBlH,KAAA,MAAW;MAAA;MACnC,MAAAmH,YAAA,GAAqBtG,aAAA,GAAgBoC,MAAA;MAAK,IAEtCpC,aAAA,IAAiB,OAAOsG,YAAA,KAAiB;QAC3CD,WAAA,CAAAA,CAAA,CAAcA,sBAAsBA,WAAA,EAAaC,YAAA;MAAjD;MAAA,IAGElF,MAAA;QACF,MAAAmF,kBAAA,GAA2B,CAACL,oBAAA,KAAyBC,UAAA,CAAW,EAAAK,GAAA,CAAAC,SAAA;UAAA,CAE3DA,SAAA;YAAAC,IAAA,EACOtF;UAAA;QAAA,MAGP;QAAA,IAEDmF,kBAAA,CAAAV,MAAA,IAA4B;UAC9B,MAAAc,YAAA;YAAAC,EAAA,MACUL,kBAAA;UAAA;UAGVF,WAAA,CAAAA,CAAA,CAAcA,sBAAsBA,WAAA,EAAaM,YAAA;QAAjD;MAAA;MAAA,IAIA1F,IAAA;QACFQ,QAAA,CAAAR,IAAA,GAAcA,IAAA;MAAA;MAAA,IAEZF,IAAA;QACFU,QAAA,CAAAV,IAAA,GAAcA,IAAA;MAAA;MAAA,IAEZgE,SAAA;QACFtD,QAAA,CAAAsD,SAAA,GAAmBA,SAAA;MAAA;MAAA,IAEjBnE,KAAA;QACFa,QAAA,CAAAb,KAAA,GAAeA,KAAA;QAAA,IAEXA,KAAA,KAAUE,aAAA,CAAA+F,OAAqB;UACjC/F,aAAA,CAAA+F,OAAA,GAAwBjG,KAAA;UAIxBM,OAAA,EAAQ;QAAA;MAAA;MAAA,IAGRmF,WAAA;QACF5E,QAAA,CAAAtC,KAAA,GAAekH,WAAA;MAAA;MAAA,IAEbJ,QAAA,EAAAa,MAAA;QACFrF,QAAA,CAAAsF,KAAA,GAAe;MAAA;MAGjBpB,SAAA,CAAUlE,QAAA;IAAA;IACZhC,CAAA,OAAAiD,wBAAA;IAAAjD,CAAA,OAAAN,KAAA;IAAAM,CAAA,OAAAO,aAAA;IAAAP,CAAA,OAAA2B,MAAA;IAAA3B,CAAA,OAAAwB,IAAA;IAAAxB,CAAA,OAAAsB,IAAA;IAAAtB,CAAA,OAAAsF,SAAA;IAAAtF,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAkG,SAAA;IAAAlG,CAAA,OAAAqG,GAAA;EAAA;IAAAA,GAAA,GAAArG,CAAA;EAAA;EAAA,IAAAuG,GAAA;EAAA,IAAAvG,CAAA,SAAAwB,IAAA,IAAAxB,CAAA,SAAAsB,IAAA,IAAAtB,CAAA,SAAAN,KAAA,IAAAM,CAAA,SAAA2B,MAAA,IAAA3B,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAsF,SAAA,IAAAtF,CAAA,SAAAO,aAAA,IAAAP,CAAA,SAAAiD,wBAAA,IAAAjD,CAAA,SAAAa,CAAA,IAAAb,CAAA,SAAAkG,SAAA;IAAGK,GAAA,IACD/E,IAAA,EACAF,IAAA,EACA5B,KAAA,EACAiC,MAAA,EACAR,KAAA,EACAmE,SAAA,EACA/E,aAAA,EACA0C,wBAAA,EACApC,CAAA,EACAqF,SAAA;IACDlG,CAAA,OAAAwB,IAAA;IAAAxB,CAAA,OAAAsB,IAAA;IAAAtB,CAAA,OAAAN,KAAA;IAAAM,CAAA,OAAA2B,MAAA;IAAA3B,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAsF,SAAA;IAAAtF,CAAA,OAAAO,aAAA;IAAAP,CAAA,OAAAiD,wBAAA;IAAAjD,CAAA,OAAAa,CAAA;IAAAb,CAAA,OAAAkG,SAAA;IAAAlG,CAAA,OAAAuG,GAAA;EAAA;IAAAA,GAAA,GAAAvG,CAAA;EAAA;EApFD9B,SAAA,CAAUmI,GAyEV,EAAGE,GAWF;EAAA,IAAAgB,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAxH,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAsB,IAAA,IAAAtB,CAAA,SAAAgB,aAAA,IAAAhB,CAAA,SAAAmE,cAAA;IAESoD,GAAA,GAAAA,CAAA;MACR,MAAAE,cAAA;QAAAtG,KAAA;QAAAG;MAAA;MAGA,IAEIH,KAAA,IAASG,IAAA;QACNN,aAAA,CAAcmD,cAAA,EAAgBsD,cAAA,MAAgB;MAAA;IAAA;IAEpDD,GAAA,IAAClG,IAAA,EAAMH,KAAA,EAAOH,aAAA,EAAemD,cAAA;IAAenE,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAsB,IAAA;IAAAtB,CAAA,OAAAgB,aAAA;IAAAhB,CAAA,OAAAmE,cAAA;IAAAnE,CAAA,OAAAuH,GAAA;IAAAvH,CAAA,OAAAwH,GAAA;EAAA;IAAAD,GAAA,GAAAvH,CAAA;IAAAwH,GAAA,GAAAxH,CAAA;EAAA;EAT/C9B,SAAA,CAAUqJ,GASV,EAAGC,GAA4C;EAAA,IAAAE,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA3H,CAAA,SAAAmE,cAAA,IAAAnE,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAe,aAAA;IAGrC2G,GAAA,GAAAA,CAAA;MAAA,IACJvD,cAAA,KAAmBhD,KAAA;QACrB,MAAAyG,cAAA,SAAAA,CAAA;UACE,MAAAC,mBAAA,SAAkC9G,aAAA,CAAkCoD,cAAA;UAAA,IAEhE0D,mBAAA,EAAA1G,KAAA;YACFC,QAAA,CAASyG,mBAAA,EAAA1G,KAAqB;UAAA;QAAA;QAG7ByG,cAAA;MAAA;IAAA;IAEND,GAAA,IAAC5G,aAAA,EAAeI,KAAA,EAAOgD,cAAA;IAAenE,CAAA,OAAAmE,cAAA;IAAAnE,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAe,aAAA;IAAAf,CAAA,OAAA0H,GAAA;IAAA1H,CAAA,OAAA2H,GAAA;EAAA;IAAAD,GAAA,GAAA1H,CAAA;IAAA2H,GAAA,GAAA3H,CAAA;EAAA;EAXzC9B,SAAA,CAAUwJ,GAWV,EAAGC,GAAsC;EAAA,IAAAG,GAAA;EAAA,IAAA9H,CAAA,SAAAiG,aAAA;IAGvC6B,GAAA,GAAAA,CAAA;MAAA,IACM7B,aAAA;QACFnE,qBAAA,KAAsB;MAAA;IAAA;IAE1B9B,CAAA,OAAAiG,aAAA;IAAAjG,CAAA,OAAA8H,GAAA;EAAA;IAAAA,GAAA,GAAA9H,CAAA;EAAA;EAAA,IAAA+H,GAAA;EAAA,IAAA/H,CAAA,SAAAiG,aAAA;IAEA8B,GAAA,IAAC9B,aAAA,EAAenE,qBAAA;IAAsB9B,CAAA,OAAAiG,aAAA;IAAAjG,CAAA,OAAA+H,GAAA;EAAA;IAAAA,GAAA,GAAA/H,CAAA;EAAA;EAPxCvB,kBAAA,CACEqJ,GAIA,QAEAC,GAAsC;EAAA,IAAAC,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAjI,CAAA,SAAAoF,MAAA;IAG9B4C,GAAA,GAAAA,CAAA;MAAA,IACJ5C,MAAA;QACFrD,cAAA,CAAAqF,OAAA;MAAA;QAEArF,cAAA,CAAAqF,OAAA;MAAA;IAAA;IAEDa,GAAA,IAAC7C,MAAA;IAAOpF,CAAA,OAAAoF,MAAA;IAAApF,CAAA,OAAAgI,GAAA;IAAAhI,CAAA,OAAAiI,GAAA;EAAA;IAAAD,GAAA,GAAAhI,CAAA;IAAAiI,GAAA,GAAAjI,CAAA;EAAA;EANX9B,SAAA,CAAU8J,GAMV,EAAGC,GAAQ;EAAA,IAAAC,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAnI,CAAA,SAAAiG,aAAA,IAAAjG,CAAA,SAAA6B,kBAAA;IAEDqG,GAAA,GAAAA,CAAA;MAAA,IACJ,CAACjC,aAAA,IAAiBpE,kBAAA;QAEpBC,qBAAA,MAAsB;MAAA;IAAA;IAEvBqG,GAAA,IAAClC,aAAA,EAAepE,kBAAA;IAAmB7B,CAAA,OAAAiG,aAAA;IAAAjG,CAAA,OAAA6B,kBAAA;IAAA7B,CAAA,OAAAkI,GAAA;IAAAlI,CAAA,OAAAmI,GAAA;EAAA;IAAAD,GAAA,GAAAlI,CAAA;IAAAmI,GAAA,GAAAnI,CAAA;EAAA;EALtC9B,SAAA,CAAUgK,GAKV,EAAGC,GAAmC;EAAA,IAAAC,GAAA;EAAA,IAAApI,CAAA,SAAAS,QAAA,IAAAT,CAAA,SAAAiD,wBAAA,CAAAN,IAAA,IAAA3C,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAAyE,kBAAA,IAAAzE,CAAA,SAAAK,UAAA;IAGpC+H,GAAA,GAAAC,GAAA;MAAC;QAAAC;MAAA,IAAAD,GAAO;MAAA,IACF,OAAO5H,QAAA,KAAa;QACtBA,QAAA;UAAA4D,cAAA,EACkBpB,wBAAA,CAAAN,IAAA;UAAA4F,KAAA,EACTD,GAAA,CAAAE;QAAA,CACT;MAAA;MAEFjD,iBAAA;MACAtE,UAAA,CAAWwD,kBAAA;MACXxD,UAAA,CAAWZ,UAAA;IAAA;IACbL,CAAA,OAAAS,QAAA;IAAAT,CAAA,OAAAiD,wBAAA,CAAAN,IAAA;IAAA3C,CAAA,OAAAiB,UAAA;IAAAjB,CAAA,OAAAyE,kBAAA;IAAAzE,CAAA,OAAAK,UAAA;IAAAL,CAAA,OAAAoI,GAAA;EAAA;IAAAA,GAAA,GAAApI,CAAA;EAAA;EAXF,MAAAyI,WAAA,GAAoBL,GAY8D;EAAA,IAG9E,CAACnF,wBAAA,IAA4B8C,OAAA;IAAA;EAAA;EAAA,IAAAsC,GAAA;EAAA,IAAArI,CAAA,SAAA6B,kBAAA;IAM5BwG,GAAA,GAAAxG,kBAAA,IAAsB6G,IAAA,CAAAvJ,cAAA,IAAC;IAAAa,CAAA,OAAA6B,kBAAA;IAAA7B,CAAA,OAAAqI,GAAA;EAAA;IAAAA,GAAA,GAAArI,CAAA;EAAA;EAAA,IAAA2I,GAAA;EAAA,IAAA3I,CAAA,SAAAI,YAAA,IAAAJ,CAAA,SAAAiD,wBAAA,IAAAjD,CAAA,SAAAY,IAAA;IAiBX+H,GAAA,IAACvI,YAAA,GACErC,cAAA,CAAekF,wBAAA,EAAAS,MAAA,EAAAkF,MAAA,EAA0ChI,IAAA,IACzDR,YAAA;IAAAJ,CAAA,OAAAI,YAAA;IAAAJ,CAAA,OAAAiD,wBAAA;IAAAjD,CAAA,OAAAY,IAAA;IAAAZ,CAAA,OAAA2I,GAAA;EAAA;IAAAA,GAAA,GAAA3I,CAAA;EAAA;EAAA,IAAA6I,GAAA;EAAA,IAAA7I,CAAA,SAAAiF,mBAAA,IAAAjF,CAAA,SAAAa,CAAA,IAAAb,CAAA,SAAAuE,qBAAA;IAELsE,GAAA,GAAA5D,mBAAA,IACCyD,IAAA,CAACnE,qBAAA;MAAAuE,SAAA,EAAiC,GAAAtJ,SAAA,qBAAiC;MAAAuJ,QAAA,EACjEL,IAAA,CAAAtJ,IAAA;QAAA2J,QAAA,EAAOlI,CAAA,CAAE;MAAA,C;;;;;;;;;;;IAOJmI,GAAA,GAAAA,CAAA;MACP/H,UAAA,CAAWZ,UAAA;IAAA;IACbL,CAAA,OAAAiB,UAAA;IAAAjB,CAAA,OAAAK,UAAA;IAAAL,CAAA,OAAAgJ,GAAA;EAAA;IAAAA,GAAA,GAAAhJ,CAAA;EAAA;EAAA,IAAAiJ,GAAA;EAAA,IAAAjJ,CAAA,SAAAiD,wBAAA,EAAAG,KAAA;IAMF6F,GAAA,IAAAhG,wBAAA,EAAAG,KAAA,EAAA8F,WAAA,IACAjG,wBAAA,EAAAG,KAAA,EAAAC,UAAA,EAAA8F,WAAuD,KACvDT,IAAA,CAAC;MAAAI,SAAA,EAAe,GAAAtJ,SAAA,cAA0B;MAAAuJ,QAAA,EACxCL,IAAA,CAAAnJ,eAAA;QAAA4J,WAAA,EACelG,wBAAA,CAAAG,KAAA,EAAAC,UAAA,EAAA8F,WAAA;QAAAD,WAAA,EACAjG,wBAAA,CAAAG,KAAA,EAAA8F;MAAA,C;;;;;;;;;IAyCNE,GAAA,GAAAC,GAAA;MAAC;QAAAhF,cAAA,EAAAiF,OAAA;QAAAC;MAAA,IAAAF,GAAoC;MAAA,IACxC,OAAO5I,QAAA,KAAa;QACtBA,QAAA;UAAA4D,cAAA,EACkBiF,OAAA;UAAAf,KAAA,EACTgB,OAAA,CAAAf;QAAA,CACT;MAAA;IAAA;IAEJxI,CAAA,OAAAS,QAAA;IAAAT,CAAA,OAAAoJ,GAAA;EAAA;IAAAA,GAAA,GAAApJ,CAAA;EAAA;EAAA,OA5FZwJ,KAAA,CAAAC,SAAA;IAAAV,QAAA,GACGV,GAAuB,EACxBK,IAAA,CAAA5J,gBAAA;MAAA4K,aAAA,EAEIpJ,mBAAA,IACKoI,IAAA,CAAApK,UAAA;QAAAqL,OAAA,EAAuCnJ;MAAA,GAAvB,kBAAAG,SACjB;MAAAiJ,gBAAA,EAEY3G,wBAAA;MAAAoB,cAAA,EACFpB,wBAAA,CAAAN,IAAA;MAAAkH,iBAAA;MAAAC,eAAA;MAAA7E,mBAAA;MAAA8E,MAAA,EAKdP,KAAA,CAAC;QAAAV,SAAA,EAAkB,GAAAtJ,SAAA,UAAsB;QAAAuJ,QAAA,GACvCS,KAAA,CAAC;UAAAV,SAAA,EAAe,GAAAtJ,SAAA,eAA2B;UAAAuJ,QAAA,GACzCS,KAAA,CAAC;YAAAV,SAAA,EAAe,GAAAtJ,SAAA,kBAA8B;YAAAuJ,QAAA,GAC5CL,IAAA,CAAC;cAAAI,SAAA,EAAc,GAAAtJ,SAAA,eAA2B;cAAAuJ,QAAA,EACvCJ;YAEG,C,GAELE,G;cAMHH,IAAA,CAAC;YAAA,cACa7H,CAAA,CAAE;YAAAiI,SAAA,EACH,GAAAtJ,SAAA,gBAA4B;YAAAmK,OAAA,EAC9BX,GAET;YAAAgB,IAAA,EACK;YAAAjB,QAAA,EAELL,IAAA,CAAAhK,KAAA,IAAC;UAAA,C;YAGHuK,G,EASD9C,8BAAA,IACCqD,KAAA,CAAC;UAAAV,SAAA,EAAe,GAAAtJ,SAAA,0BAAsC;UAAAuJ,QAAA,GACpDL,IAAA,CAAAnK,UAAA;YAAA0L,KAAA;YAAAxG,KAAA,EAAgC5C,CAAA,CAAE;UAAA,C,GAClC6H,IAAA,CAAArJ,WAAA;YAAAyJ,SAAA,EACa,GAAAtJ,SAAA,qBAAiC;YAAA0K,QAAA,EAClCpG,iBAAA;YAAAqG,OAAA,EACDrH,wBAAA,CAAAiE,GAAA,CAAAqD,IAAA;cAAA3G,KAAA,EACA1F,cAAA,CAAeqM,IAAA,CAAA1G,MAAA,CAAAC,QAAA,EAAsB/C,IAAA;cAAAgD,KAAA,EACrCwG,IAAA,CAAAzH;YAAA,EACT;YAAAiB,KAAA,EACOC;UAAA,C;;;;gBAQjB6E,IAAA,CAAA3J,iBAAA;QAAA+G,IAAA;QAAAuE,YAAA,EAEgBlJ,KAAA,IAAS8B,wBAAA,EAAAG,KAAA,EAAAkH,UAAA,EAAAD,YAA6C;QAAAE,WAAA,EACvDjJ,IAAA;QAAAkJ,gBAAA,EACK/I,OAAA;QAAAgJ,mBAAA,EACGrJ,QAAA;QAAAsJ,kBAAA,EACD9I,SAAA;QAAA+I,gBAAA,EACFpJ,OAAA;QAAAqJ,iBAAA,EACClJ,QAAA;QAAAmJ,kBAAA;QAAA7I,MAAA;QAAA8I,aAAA,EAIJ3G,cAAA;QAAA4E,QAAA,EAEfS,KAAA,CAAAlK,oBAAA;UAAAyL,SAAA;YAAAjC,SAAA,EAGiB,GAAAtJ,SAAA,cAA0B;YAAAwL,IAAA;YAAArB,OAAA,EAE5BP;UAOT;UAAA/E,cAAA,EAGYpB,wBAAA,CAAAN,IAAA;UAAArC,mBAAA;UAAAwK,aAAA,EAED3G,cAAA;UAAA4E,QAAA,GAEfL,IAAA,CAAA7J,eAAA;YAAAoM,eAAA,EAAkC9H;UAAA,C,GAClCuF,IAAA,CAACpE,cAAA;YAAA4G,MAAA,EAAuBzC;UAAA,C;;;;;CAMpC;AAhX4D,SAAAjD,MAAA2F,KAAA;EAAA,OAkGGA,KAAA,IAAQ;AAAA","ignoreList":[]}

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,aAgF3B,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;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"}

package/dist/elements/ListDrawer/index.js

@@ -1,131 +1,247 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
 export * from './types.js';
 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, uuid })=>`list-drawer_${depth}_${uuid}`;
-export const ListDrawerToggler = ({ children, className, disabled, drawerSlug, ...rest })=>{
-    return /*#__PURE__*/ React.createElement(DrawerToggler, {
-        className: [
-            className,
-            `${baseClass}__toggler`
-        ].filter(Boolean).join(' '),
-        disabled: disabled,
-        slug: drawerSlug,
-        ...rest
-    }, children);
+export const formatListDrawerSlug = ({
+  depth,
+  uuid
+}) => `list-drawer_${depth}_${uuid}`;
+export const ListDrawerToggler = ({
+  children,
+  className,
+  disabled,
+  drawerSlug,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(DrawerToggler, {
+    className: [className, `${baseClass}__toggler`].filter(Boolean).join(' '),
+    disabled: disabled,
+    slug: drawerSlug,
+    ...rest,
+    children: children
+  });
 };
-export const ListDrawer = (props)=>{
-    const { drawerSlug } = props;
-    return /*#__PURE__*/ React.createElement(Drawer, {
-        Header: null,
-        className: baseClass,
-        gutter: false,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(ListDrawerContent, props));
+export const ListDrawer = props => {
+  const {
+    drawerSlug
+  } = props;
+  return /*#__PURE__*/_jsx(Drawer, {
+    className: baseClass,
+    gutter: false,
+    Header: null,
+    slug: drawerSlug,
+    children: /*#__PURE__*/_jsx(ListDrawerContent, {
+      ...props
+    })
+  });
 };
-export const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOptions, selectedCollection, uploads })=>{
-    const { useModal } = facelessUIImport;
-    const { collections } = useConfig();
-    const drawerDepth = useEditDepth();
-    const uuid = useId();
-    const { closeModal, modalState, openModal, toggleModal } = useModal();
-    const [isOpen, setIsOpen] = useState(false);
-    const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps);
-    const drawerSlug = formatListDrawerSlug({
-        depth: drawerDepth,
-        uuid
+export const useListDrawer = t0 => {
+  const $ = _c(42);
+  const {
+    collectionSlugs: collectionSlugsFromProps,
+    filterOptions,
+    selectedCollection,
+    uploads
+  } = t0;
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    collections
+  } = t1;
+  const drawerDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    modalState,
+    openModal,
+    toggleModal
+  } = useModal();
+  const [isOpen, setIsOpen] = useState(false);
+  const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps);
+  let t2;
+  if ($[0] !== drawerDepth || $[1] !== uuid) {
+    t2 = formatListDrawerSlug({
+      depth: drawerDepth,
+      uuid
+    });
+    $[0] = drawerDepth;
+    $[1] = uuid;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const drawerSlug = t2;
+  let t3;
+  let t4;
+  if ($[3] !== modalState || $[4] !== drawerSlug) {
+    t3 = () => {
+      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
+    };
+    t4 = [modalState, drawerSlug];
+    $[3] = modalState;
+    $[4] = drawerSlug;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[7] !== collectionSlugs || $[8] !== collections || $[9] !== uploads) {
+    t5 = () => {
+      if (!collectionSlugs || collectionSlugs.length === 0) {
+        const filteredCollectionSlugs = collections.filter(t7 => {
+          const {
+            upload
+          } = t7;
+          if (uploads) {
+            return Boolean(upload) === true;
+          }
+          return true;
+        });
+        setCollectionSlugs(filteredCollectionSlugs.map(t8 => {
+          const {
+            slug
+          } = t8;
+          return slug;
+        }));
+      }
+    };
+    t6 = [collectionSlugs, uploads, collections];
+    $[7] = collectionSlugs;
+    $[8] = collections;
+    $[9] = uploads;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t5 = $[10];
+    t6 = $[11];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[12] !== toggleModal || $[13] !== drawerSlug) {
+    t7 = () => {
+      toggleModal(drawerSlug);
+    };
+    $[12] = toggleModal;
+    $[13] = drawerSlug;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  const toggleDrawer = t7;
+  let t8;
+  if ($[15] !== closeModal || $[16] !== drawerSlug) {
+    t8 = () => {
+      closeModal(drawerSlug);
+    };
+    $[15] = closeModal;
+    $[16] = drawerSlug;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  const closeDrawer = t8;
+  let t9;
+  if ($[18] !== openModal || $[19] !== drawerSlug) {
+    t9 = () => {
+      openModal(drawerSlug);
+    };
+    $[18] = openModal;
+    $[19] = drawerSlug;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  const openDrawer = t9;
+  let t10;
+  let t11;
+  if ($[21] !== closeDrawer || $[22] !== collectionSlugs || $[23] !== drawerSlug || $[24] !== filterOptions || $[25] !== selectedCollection || $[26] !== uploads) {
+    t11 = props => _createElement(ListDrawer, {
+      ...props,
+      closeDrawer,
+      collectionSlugs,
+      drawerSlug,
+      filterOptions,
+      key: drawerSlug,
+      selectedCollection,
+      uploads
     });
-    useEffect(()=>{
-        setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    }, [
-        modalState,
-        drawerSlug
-    ]);
-    useEffect(()=>{
-        if (!collectionSlugs || collectionSlugs.length === 0) {
-            const filteredCollectionSlugs = collections.filter(({ upload })=>{
-                if (uploads) {
-                    return Boolean(upload) === true;
-                }
-                return true;
-            });
-            setCollectionSlugs(filteredCollectionSlugs.map(({ slug })=>slug));
-        }
-    }, [
-        collectionSlugs,
-        uploads,
-        collections
-    ]);
-    const toggleDrawer = useCallback(()=>{
-        toggleModal(drawerSlug);
-    }, [
-        toggleModal,
-        drawerSlug
-    ]);
-    const closeDrawer = useCallback(()=>{
-        closeModal(drawerSlug);
-    }, [
-        drawerSlug,
-        closeModal
-    ]);
-    const openDrawer = useCallback(()=>{
-        openModal(drawerSlug);
-    }, [
-        drawerSlug,
-        openModal
-    ]);
-    const MemoizedDrawer = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ React.createElement(ListDrawer, {
-                ...props,
-                closeDrawer: closeDrawer,
-                collectionSlugs: collectionSlugs,
-                drawerSlug: drawerSlug,
-                filterOptions: filterOptions,
-                key: drawerSlug,
-                selectedCollection: selectedCollection,
-                uploads: uploads
-            });
-    }, [
-        drawerSlug,
-        collectionSlugs,
-        uploads,
-        closeDrawer,
-        selectedCollection,
-        filterOptions
-    ]);
-    const MemoizedDrawerToggler = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ React.createElement(ListDrawerToggler, {
-                ...props,
-                drawerSlug: drawerSlug
-            });
-    }, [
-        drawerSlug
-    ]);
-    const MemoizedDrawerState = useMemo(()=>({
-            closeDrawer,
-            drawerDepth,
-            drawerSlug,
-            isDrawerOpen: isOpen,
-            openDrawer,
-            toggleDrawer
-        }), [
-        drawerDepth,
-        drawerSlug,
-        isOpen,
-        toggleDrawer,
-        closeDrawer,
-        openDrawer
-    ]);
-    return [
-        MemoizedDrawer,
-        MemoizedDrawerToggler,
-        MemoizedDrawerState
-    ];
+    $[21] = closeDrawer;
+    $[22] = collectionSlugs;
+    $[23] = drawerSlug;
+    $[24] = filterOptions;
+    $[25] = selectedCollection;
+    $[26] = uploads;
+    $[27] = t11;
+  } else {
+    t11 = $[27];
+  }
+  t10 = t11;
+  const MemoizedDrawer = t10;
+  let t12;
+  let t13;
+  if ($[28] !== drawerSlug) {
+    t13 = props_0 => _jsx(ListDrawerToggler, {
+      ...props_0,
+      drawerSlug
+    });
+    $[28] = drawerSlug;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  t12 = t13;
+  const MemoizedDrawerToggler = t12;
+  let t14;
+  let t15;
+  if ($[30] !== closeDrawer || $[31] !== collectionSlugs || $[32] !== drawerDepth || $[33] !== drawerSlug || $[34] !== isOpen || $[35] !== openDrawer || $[36] !== toggleDrawer) {
+    t15 = {
+      closeDrawer,
+      collectionSlugs,
+      drawerDepth,
+      drawerSlug,
+      isDrawerOpen: isOpen,
+      openDrawer,
+      setCollectionSlugs,
+      toggleDrawer
+    };
+    $[30] = closeDrawer;
+    $[31] = collectionSlugs;
+    $[32] = drawerDepth;
+    $[33] = drawerSlug;
+    $[34] = isOpen;
+    $[35] = openDrawer;
+    $[36] = toggleDrawer;
+    $[37] = t15;
+  } else {
+    t15 = $[37];
+  }
+  t14 = t15;
+  const MemoizedDrawerState = t14;
+  let t16;
+  if ($[38] !== MemoizedDrawer || $[39] !== MemoizedDrawerToggler || $[40] !== MemoizedDrawerState) {
+    t16 = [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
+    $[38] = MemoizedDrawer;
+    $[39] = MemoizedDrawerToggler;
+    $[40] = MemoizedDrawerState;
+    $[41] = t16;
+  } else {
+    t16 = $[41];
+  }
+  return t16;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport 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 Header={null} className={baseClass} gutter={false} 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 { useModal } = facelessUIImport\n\n  const { collections } = 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  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      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["facelessUIImport","React","useCallback","useEffect","useId","useMemo","useState","useConfig","useEditDepth","Drawer","DrawerToggler","ListDrawerContent","baseClass","formatListDrawerSlug","depth","uuid","ListDrawerToggler","children","className","disabled","drawerSlug","rest","filter","Boolean","join","slug","ListDrawer","props","Header","gutter","useListDrawer","collectionSlugs","collectionSlugsFromProps","filterOptions","selectedCollection","uploads","useModal","collections","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","setCollectionSlugs","length","filteredCollectionSlugs","upload","map","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"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":"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","ignoreList":[]}

package/dist/elements/ListDrawer/index.scss

@@ -20,6 +20,7 @@
     flex-wrap: wrap;
     flex-grow: 1;
     align-items: flex-start;
+    align-items: center;
 
     button .pill {
       pointer-events: none;
@@ -43,12 +44,18 @@
     padding: 0;
     cursor: pointer;
     color: inherit;
+    border-radius: var(--style-radius-s);
 
     &:focus:not(:focus-visible),
     &:focus-within:not(:focus-visible) {
       outline: none;
     }
 
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+      outline-offset: var(--accessibility-outline-offset);
+    }
+
     &:disabled {
       pointer-events: none;
     }
@@ -65,11 +72,11 @@
     height: base(1);
 
     svg {
-      width: base(2.75);
-      height: base(2.75);
+      width: base(2);
+      height: base(2);
       position: relative;
-      left: base(-0.825);
-      top: base(-0.825);
+      inset-inline-start: base(-0.5);
+      top: base(-0.5);
 
       .stroke {
         stroke-width: 2px;