@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/elements/ListDrawer/index.js

@@ -1,83 +1,15 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ListDrawer: function() {
-        return ListDrawer;
-    },
-    ListDrawerToggler: function() {
-        return ListDrawerToggler;
-    },
-    baseClass: function() {
-        return baseClass;
-    },
-    formatListDrawerSlug: function() {
-        return formatListDrawerSlug;
-    },
-    useListDrawer: function() {
-        return useListDrawer;
-    }
-});
-const _modal = require("@faceless-ui/modal");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Config = require("../../providers/Config");
-const _EditDepth = require("../../providers/EditDepth");
-const _Drawer = require("../Drawer");
-const _DrawerContent = require("./DrawerContent");
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const baseClass = 'list-drawer';
-const formatListDrawerSlug = ({ depth, uuid })=>`list-drawer_${depth}_${uuid}`;
-const ListDrawerToggler = ({ children, className, disabled, drawerSlug, ...rest })=>{
-    return /*#__PURE__*/ _react.default.createElement(_Drawer.DrawerToggler, {
+import * as facelessUIImport 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';
+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`
@@ -87,33 +19,34 @@ const ListDrawerToggler = ({ children, className, disabled, drawerSlug, ...rest
         ...rest
     }, children);
 };
-const ListDrawer = (props)=>{
+export const ListDrawer = (props)=>{
     const { drawerSlug } = props;
-    return /*#__PURE__*/ _react.default.createElement(_Drawer.Drawer, {
+    return /*#__PURE__*/ React.createElement(Drawer, {
         Header: null,
         className: baseClass,
         gutter: false,
         slug: drawerSlug
-    }, /*#__PURE__*/ _react.default.createElement(_DrawerContent.ListDrawerContent, props));
+    }, /*#__PURE__*/ React.createElement(ListDrawerContent, props));
 };
-const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOptions, selectedCollection, uploads })=>{
-    const { collections } = (0, _Config.useConfig)();
-    const drawerDepth = (0, _EditDepth.useEditDepth)();
-    const uuid = (0, _react.useId)();
-    const { closeModal, modalState, openModal, toggleModal } = (0, _modal.useModal)();
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [collectionSlugs, setCollectionSlugs] = (0, _react.useState)(collectionSlugsFromProps);
+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
     });
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
     }, [
         modalState,
         drawerSlug
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!collectionSlugs || collectionSlugs.length === 0) {
             const filteredCollectionSlugs = collections.filter(({ upload })=>{
                 if (uploads) {
@@ -128,26 +61,26 @@ const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOption
         uploads,
         collections
     ]);
-    const toggleDrawer = (0, _react.useCallback)(()=>{
+    const toggleDrawer = useCallback(()=>{
         toggleModal(drawerSlug);
     }, [
         toggleModal,
         drawerSlug
     ]);
-    const closeDrawer = (0, _react.useCallback)(()=>{
+    const closeDrawer = useCallback(()=>{
         closeModal(drawerSlug);
     }, [
         drawerSlug,
         closeModal
     ]);
-    const openDrawer = (0, _react.useCallback)(()=>{
+    const openDrawer = useCallback(()=>{
         openModal(drawerSlug);
     }, [
         drawerSlug,
         openModal
     ]);
-    const MemoizedDrawer = (0, _react.useMemo)(()=>{
-        return (props)=>/*#__PURE__*/ _react.default.createElement(ListDrawer, {
+    const MemoizedDrawer = useMemo(()=>{
+        return (props)=>/*#__PURE__*/ React.createElement(ListDrawer, {
                 ...props,
                 closeDrawer: closeDrawer,
                 collectionSlugs: collectionSlugs,
@@ -165,15 +98,15 @@ const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOption
         selectedCollection,
         filterOptions
     ]);
-    const MemoizedDrawerToggler = (0, _react.useMemo)(()=>{
-        return (props)=>/*#__PURE__*/ _react.default.createElement(ListDrawerToggler, {
+    const MemoizedDrawerToggler = useMemo(()=>{
+        return (props)=>/*#__PURE__*/ React.createElement(ListDrawerToggler, {
                 ...props,
                 drawerSlug: drawerSlug
             });
     }, [
         drawerSlug
     ]);
-    const MemoizedDrawerState = (0, _react.useMemo)(()=>({
+    const MemoizedDrawerState = useMemo(()=>({
             closeDrawer,
             drawerDepth,
             drawerSlug,
@@ -195,4 +128,4 @@ const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOption
     ];
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9MaXN0RHJhd2VyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZUlkLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IExpc3REcmF3ZXJQcm9wcywgTGlzdFRvZ2dsZXJQcm9wcywgVXNlTGlzdERyYXdlciB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9Db25maWcnXG5pbXBvcnQgeyB1c2VFZGl0RGVwdGggfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRWRpdERlcHRoJ1xuaW1wb3J0IHsgRHJhd2VyLCBEcmF3ZXJUb2dnbGVyIH0gZnJvbSAnLi4vRHJhd2VyJ1xuaW1wb3J0IHsgTGlzdERyYXdlckNvbnRlbnQgfSBmcm9tICcuL0RyYXdlckNvbnRlbnQnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuZXhwb3J0IGNvbnN0IGJhc2VDbGFzcyA9ICdsaXN0LWRyYXdlcidcblxuZXhwb3J0IGNvbnN0IGZvcm1hdExpc3REcmF3ZXJTbHVnID0gKHtcbiAgZGVwdGgsXG4gIHV1aWQsXG59OiB7XG4gIGRlcHRoOiBudW1iZXJcbiAgdXVpZDogc3RyaW5nIC8vIHN1cHBseSB3aGVuIGNyZWF0aW5nIGEgbmV3IGRvY3VtZW50IGFuZCBubyBpZCBpcyBhdmFpbGFibGVcbn0pID0+IGBsaXN0LWRyYXdlcl8ke2RlcHRofV8ke3V1aWR9YFxuXG5leHBvcnQgY29uc3QgTGlzdERyYXdlclRvZ2dsZXI6IFJlYWN0LkZDPExpc3RUb2dnbGVyUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG4gIGRyYXdlclNsdWcsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RHJhd2VyVG9nZ2xlclxuICAgICAgY2xhc3NOYW1lPXtbY2xhc3NOYW1lLCBgJHtiYXNlQ2xhc3N9X190b2dnbGVyYF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHNsdWc9e2RyYXdlclNsdWd9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9EcmF3ZXJUb2dnbGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMaXN0RHJhd2VyOiBSZWFjdC5GQzxMaXN0RHJhd2VyUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZHJhd2VyU2x1ZyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxEcmF3ZXIgSGVhZGVyPXtudWxsfSBjbGFzc05hbWU9e2Jhc2VDbGFzc30gZ3V0dGVyPXtmYWxzZX0gc2x1Zz17ZHJhd2VyU2x1Z30+XG4gICAgICA8TGlzdERyYXdlckNvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgIDwvRHJhd2VyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCB1c2VMaXN0RHJhd2VyOiBVc2VMaXN0RHJhd2VyID0gKHtcbiAgY29sbGVjdGlvblNsdWdzOiBjb2xsZWN0aW9uU2x1Z3NGcm9tUHJvcHMsXG4gIGZpbHRlck9wdGlvbnMsXG4gIHNlbGVjdGVkQ29sbGVjdGlvbixcbiAgdXBsb2Fkcyxcbn0pID0+IHtcbiAgY29uc3QgeyBjb2xsZWN0aW9ucyB9ID0gdXNlQ29uZmlnKClcbiAgY29uc3QgZHJhd2VyRGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuICBjb25zdCB1dWlkID0gdXNlSWQoKVxuICBjb25zdCB7IGNsb3NlTW9kYWwsIG1vZGFsU3RhdGUsIG9wZW5Nb2RhbCwgdG9nZ2xlTW9kYWwgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbY29sbGVjdGlvblNsdWdzLCBzZXRDb2xsZWN0aW9uU2x1Z3NdID0gdXNlU3RhdGUoY29sbGVjdGlvblNsdWdzRnJvbVByb3BzKVxuXG4gIGNvbnN0IGRyYXdlclNsdWcgPSBmb3JtYXRMaXN0RHJhd2VyU2x1Zyh7XG4gICAgZGVwdGg6IGRyYXdlckRlcHRoLFxuICAgIHV1aWQsXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc09wZW4oQm9vbGVhbihtb2RhbFN0YXRlW2RyYXdlclNsdWddPy5pc09wZW4pKVxuICB9LCBbbW9kYWxTdGF0ZSwgZHJhd2VyU2x1Z10pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWNvbGxlY3Rpb25TbHVncyB8fCBjb2xsZWN0aW9uU2x1Z3MubGVuZ3RoID09PSAwKSB7XG4gICAgICBjb25zdCBmaWx0ZXJlZENvbGxlY3Rpb25TbHVncyA9IGNvbGxlY3Rpb25zLmZpbHRlcigoeyB1cGxvYWQgfSkgPT4ge1xuICAgICAgICBpZiAodXBsb2Fkcykge1xuICAgICAgICAgIHJldHVybiBCb29sZWFuKHVwbG9hZCkgPT09IHRydWVcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdHJ1ZVxuICAgICAgfSlcblxuICAgICAgc2V0Q29sbGVjdGlvblNsdWdzKGZpbHRlcmVkQ29sbGVjdGlvblNsdWdzLm1hcCgoeyBzbHVnIH0pID0+IHNsdWcpKVxuICAgIH1cbiAgfSwgW2NvbGxlY3Rpb25TbHVncywgdXBsb2FkcywgY29sbGVjdGlvbnNdKVxuICBjb25zdCB0b2dnbGVEcmF3ZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgdG9nZ2xlTW9kYWwoZHJhd2VyU2x1ZylcbiAgfSwgW3RvZ2dsZU1vZGFsLCBkcmF3ZXJTbHVnXSlcblxuICBjb25zdCBjbG9zZURyYXdlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjbG9zZU1vZGFsKGRyYXdlclNsdWcpXG4gIH0sIFtkcmF3ZXJTbHVnLCBjbG9zZU1vZGFsXSlcblxuICBjb25zdCBvcGVuRHJhd2VyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9wZW5Nb2RhbChkcmF3ZXJTbHVnKVxuICB9LCBbZHJhd2VyU2x1Zywgb3Blbk1vZGFsXSlcblxuICBjb25zdCBNZW1vaXplZERyYXdlciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiAocHJvcHMpID0+IChcbiAgICAgIDxMaXN0RHJhd2VyXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgY2xvc2VEcmF3ZXI9e2Nsb3NlRHJhd2VyfVxuICAgICAgICBjb2xsZWN0aW9uU2x1Z3M9e2NvbGxlY3Rpb25TbHVnc31cbiAgICAgICAgZHJhd2VyU2x1Zz17ZHJhd2VyU2x1Z31cbiAgICAgICAgZmlsdGVyT3B0aW9ucz17ZmlsdGVyT3B0aW9uc31cbiAgICAgICAga2V5PXtkcmF3ZXJTbHVnfVxuICAgICAgICBzZWxlY3RlZENvbGxlY3Rpb249e3NlbGVjdGVkQ29sbGVjdGlvbn1cbiAgICAgICAgdXBsb2Fkcz17dXBsb2Fkc31cbiAgICAgIC8+XG4gICAgKVxuICB9LCBbZHJhd2VyU2x1ZywgY29sbGVjdGlvblNsdWdzLCB1cGxvYWRzLCBjbG9zZURyYXdlciwgc2VsZWN0ZWRDb2xsZWN0aW9uLCBmaWx0ZXJPcHRpb25zXSlcblxuICBjb25zdCBNZW1vaXplZERyYXdlclRvZ2dsZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gKHByb3BzKSA9PiA8TGlzdERyYXdlclRvZ2dsZXIgey4uLnByb3BzfSBkcmF3ZXJTbHVnPXtkcmF3ZXJTbHVnfSAvPlxuICB9LCBbZHJhd2VyU2x1Z10pXG5cbiAgY29uc3QgTWVtb2l6ZWREcmF3ZXJTdGF0ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGNsb3NlRHJhd2VyLFxuICAgICAgZHJhd2VyRGVwdGgsXG4gICAgICBkcmF3ZXJTbHVnLFxuICAgICAgaXNEcmF3ZXJPcGVuOiBpc09wZW4sXG4gICAgICBvcGVuRHJhd2VyLFxuICAgICAgdG9nZ2xlRHJhd2VyLFxuICAgIH0pLFxuICAgIFtkcmF3ZXJEZXB0aCwgZHJhd2VyU2x1ZywgaXNPcGVuLCB0b2dnbGVEcmF3ZXIsIGNsb3NlRHJhd2VyLCBvcGVuRHJhd2VyXSxcbiAgKVxuXG4gIHJldHVybiBbTWVtb2l6ZWREcmF3ZXIsIE1lbW9pemVkRHJhd2VyVG9nZ2xlciwgTWVtb2l6ZWREcmF3ZXJTdGF0ZV1cbn1cbiJdLCJuYW1lcyI6WyJMaXN0RHJhd2VyIiwiTGlzdERyYXdlclRvZ2dsZXIiLCJiYXNlQ2xhc3MiLCJmb3JtYXRMaXN0RHJhd2VyU2x1ZyIsInVzZUxpc3REcmF3ZXIiLCJkZXB0aCIsInV1aWQiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImRpc2FibGVkIiwiZHJhd2VyU2x1ZyIsInJlc3QiLCJEcmF3ZXJUb2dnbGVyIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJzbHVnIiwicHJvcHMiLCJEcmF3ZXIiLCJIZWFkZXIiLCJndXR0ZXIiLCJMaXN0RHJhd2VyQ29udGVudCIsImNvbGxlY3Rpb25TbHVncyIsImNvbGxlY3Rpb25TbHVnc0Zyb21Qcm9wcyIsImZpbHRlck9wdGlvbnMiLCJzZWxlY3RlZENvbGxlY3Rpb24iLCJ1cGxvYWRzIiwiY29sbGVjdGlvbnMiLCJ1c2VDb25maWciLCJkcmF3ZXJEZXB0aCIsInVzZUVkaXREZXB0aCIsInVzZUlkIiwiY2xvc2VNb2RhbCIsIm1vZGFsU3RhdGUiLCJvcGVuTW9kYWwiLCJ0b2dnbGVNb2RhbCIsInVzZU1vZGFsIiwiaXNPcGVuIiwic2V0SXNPcGVuIiwidXNlU3RhdGUiLCJzZXRDb2xsZWN0aW9uU2x1Z3MiLCJ1c2VFZmZlY3QiLCJsZW5ndGgiLCJmaWx0ZXJlZENvbGxlY3Rpb25TbHVncyIsInVwbG9hZCIsIm1hcCIsInRvZ2dsZURyYXdlciIsInVzZUNhbGxiYWNrIiwiY2xvc2VEcmF3ZXIiLCJvcGVuRHJhd2VyIiwiTWVtb2l6ZWREcmF3ZXIiLCJ1c2VNZW1vIiwia2V5IiwiTWVtb2l6ZWREcmF3ZXJUb2dnbGVy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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

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

@@ -1,7 +1,7 @@
-import type { SanitizedCollectionConfig } from 'payload/types';
+/// <reference types="react/experimental" resolution-mode="require"/>
+import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload/types';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
-import type { FilterOptionsResult } from '../../forms/fields/Relationship/types';
 export type ListDrawerProps = {
     collectionSlugs: string[];
     customHeader?: React.ReactNode;

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,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAEhF,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACjE,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,CAAA;AAED,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,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IACvE;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,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,eAAe,CAAA;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACjE,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,CAAA;AAED,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,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IACvE;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}

package/dist/elements/ListDrawer/types.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload/types'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nexport type ListDrawerProps = {\n  collectionSlugs: string[]\n  customHeader?: React.ReactNode\n  drawerSlug?: string\n  filterOptions?: FilterOptionsResult\n  onSelect?: (args: { collectionSlug: SanitizedCollectionConfig['slug']; docID: string }) => void\n  selectedCollection?: string\n}\n\nexport type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n}\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, 'onSelect'>>, // drawer\n  React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled'>>, // toggler\n  {\n    closeDrawer: () => void\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    toggleDrawer: () => void\n  },\n]\n"],"names":[],"rangeMappings":"","mappings":"AAoBA,WAgBC"}

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import './index.scss';
-type Props = {
+export type ListSelectionProps = {
     label: string;
 };
-export declare const ListSelection: React.FC<Props>;
-export {};
+export declare const ListSelection: React.FC<ListSelectionProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2BzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BtD,CAAA"}

package/dist/elements/ListSelection/index.js

@@ -1,72 +1,20 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ListSelection", {
-    enumerable: true,
-    get: function() {
-        return ListSelection;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _SelectionProvider = require("../../providers/SelectionProvider");
-const _Translation = require("../../providers/Translation");
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React, { Fragment } from 'react';
+import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'list-selection';
-const ListSelection = ({ label })=>{
-    const { count, selectAll, toggleAll, totalDocs } = (0, _SelectionProvider.useSelection)();
-    const { t } = (0, _Translation.useTranslation)();
+export const ListSelection = ({ label })=>{
+    const { count, selectAll, toggleAll, totalDocs } = useSelection();
+    const { t } = useTranslation();
     if (count === 0) {
         return null;
     }
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("span", null, t('general:selectedCount', {
+    }, /*#__PURE__*/ React.createElement("span", null, t('general:selectedCount', {
         count,
         label
-    })), selectAll !== _SelectionProvider.SelectAllStatus.AllAvailable && /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, ' ', "—", /*#__PURE__*/ _react.default.createElement("button", {
+    })), selectAll !== SelectAllStatus.AllAvailable && /*#__PURE__*/ React.createElement(Fragment, null, ' ', "—", /*#__PURE__*/ React.createElement("button", {
         "aria-label": t('general:selectAll', {
             count,
             label
@@ -80,4 +28,4 @@ const ListSelection = ({ label })=>{
     }))));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9MaXN0U2VsZWN0aW9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBTZWxlY3RBbGxTdGF0dXMsIHVzZVNlbGVjdGlvbiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9TZWxlY3Rpb25Qcm92aWRlcidcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXN0LXNlbGVjdGlvbidcblxudHlwZSBQcm9wcyA9IHtcbiAgbGFiZWw6IHN0cmluZ1xufVxuZXhwb3J0IGNvbnN0IExpc3RTZWxlY3Rpb246IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsIH0pID0+IHtcbiAgY29uc3QgeyBjb3VudCwgc2VsZWN0QWxsLCB0b2dnbGVBbGwsIHRvdGFsRG9jcyB9ID0gdXNlU2VsZWN0aW9uKClcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgaWYgKGNvdW50ID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8c3Bhbj57dCgnZ2VuZXJhbDpzZWxlY3RlZENvdW50JywgeyBjb3VudCwgbGFiZWwgfSl9PC9zcGFuPlxuICAgICAge3NlbGVjdEFsbCAhPT0gU2VsZWN0QWxsU3RhdHVzLkFsbEF2YWlsYWJsZSAmJiAoXG4gICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICB7JyAnfVxuICAgICAgICAgICZtZGFzaDtcbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdnZW5lcmFsOnNlbGVjdEFsbCcsIHsgY291bnQsIGxhYmVsIH0pfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19idXR0b25gfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlQWxsKHRydWUpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3QoJ2dlbmVyYWw6c2VsZWN0QWxsJywgeyBjb3VudDogdG90YWxEb2NzLCBsYWJlbCB9KX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJMaXN0U2VsZWN0aW9uIiwiYmFzZUNsYXNzIiwibGFiZWwiLCJjb3VudCIsInNlbGVjdEFsbCIsInRvZ2dsZUFsbCIsInRvdGFsRG9jcyIsInVzZVNlbGVjdGlvbiIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImRpdiIsImNsYXNzTmFtZSIsInNwYW4iLCJTZWxlY3RBbGxTdGF0dXMiLCJBbGxBdmFpbGFibGUiLCJGcmFnbWVudCIsImJ1dHRvbiIsImFyaWEtbGFiZWwiLCJvbkNsaWNrIiwidHlwZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQVlhQTs7O2VBQUFBOzs7K0RBWG1CO21DQUVjOzZCQUNmO1FBQ3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBS1gsTUFBTUQsZ0JBQWlDLENBQUMsRUFBRUUsS0FBSyxFQUFFO0lBQ3RELE1BQU0sRUFBRUMsS0FBSyxFQUFFQyxTQUFTLEVBQUVDLFNBQVMsRUFBRUMsU0FBUyxFQUFFLEdBQUdDLElBQUFBLCtCQUFZO0lBQy9ELE1BQU0sRUFBRUMsQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDJCQUFjO0lBRTVCLElBQUlOLFVBQVUsR0FBRztRQUNmLE9BQU87SUFDVDtJQUVBLHFCQUNFLDZCQUFDTztRQUFJQyxXQUFXVjtxQkFDZCw2QkFBQ1csY0FBTUosRUFBRSx5QkFBeUI7UUFBRUw7UUFBT0Q7SUFBTSxLQUNoREUsY0FBY1Msa0NBQWUsQ0FBQ0MsWUFBWSxrQkFDekMsNkJBQUNDLGVBQVEsUUFDTixLQUFJLG1CQUVMLDZCQUFDQztRQUNDQyxjQUFZVCxFQUFFLHFCQUFxQjtZQUFFTDtZQUFPRDtRQUFNO1FBQ2xEUyxXQUFXLENBQUMsRUFBRVYsVUFBVSxRQUFRLENBQUM7UUFDakNpQixTQUFTLElBQU1iLFVBQVU7UUFDekJjLE1BQUs7T0FFSlgsRUFBRSxxQkFBcUI7UUFBRUwsT0FBT0c7UUFBV0o7SUFBTTtBQU05RCJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'list-selection'\n\nexport type ListSelectionProps = {\n  label: string\n}\n\nexport const ListSelection: React.FC<ListSelectionProps> = ({ label }) => {\n  const { count, selectAll, toggleAll, totalDocs } = useSelection()\n  const { t } = useTranslation()\n\n  if (count === 0) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <span>{t('general:selectedCount', { count, label })}</span>\n      {selectAll !== SelectAllStatus.AllAvailable && (\n        <Fragment>\n          {' '}\n          &mdash;\n          <button\n            aria-label={t('general:selectAll', { count, label })}\n            className={`${baseClass}__button`}\n            onClick={() => toggleAll(true)}\n            type=\"button\"\n          >\n            {t('general:selectAll', { count: totalDocs, label })}\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","Fragment","SelectAllStatus","useSelection","useTranslation","baseClass","ListSelection","label","count","selectAll","toggleAll","totalDocs","t","div","className","span","AllAvailable","button","aria-label","onClick","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAMlB,OAAO,MAAMC,gBAA8C,CAAC,EAAEC,KAAK,EAAE;IACnE,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGR;IACnD,MAAM,EAAES,CAAC,EAAE,GAAGR;IAEd,IAAII,UAAU,GAAG;QACf,OAAO;IACT;IAEA,qBACE,oBAACK;QAAIC,WAAWT;qBACd,oBAACU,cAAMH,EAAE,yBAAyB;QAAEJ;QAAOD;IAAM,KAChDE,cAAcP,gBAAgBc,YAAY,kBACzC,oBAACf,gBACE,KAAI,mBAEL,oBAACgB;QACCC,cAAYN,EAAE,qBAAqB;YAAEJ;YAAOD;QAAM;QAClDO,WAAW,CAAC,EAAET,UAAU,QAAQ,CAAC;QACjCc,SAAS,IAAMT,UAAU;QACzBU,MAAK;OAEJR,EAAE,qBAAqB;QAAEJ,OAAOG;QAAWJ;IAAM;AAM9D,EAAC"}

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

@@ -1,27 +1,27 @@
 import React from 'react';
-import type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types';
+import type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types.js';
 import './index.scss';
-type Props = {
+type LoadingOverlayProps = {
     animationDuration?: string;
     loadingText?: string;
     overlayType?: string;
     show?: boolean;
 };
-export declare const LoadingOverlay: React.FC<Props>;
-type UseLoadingOverlayToggleT = {
+export declare const LoadingOverlay: React.FC<LoadingOverlayProps>;
+export type UseLoadingOverlayToggleProps = {
     loadingText?: string;
     name: string;
     show: boolean;
     type?: LoadingOverlayTypes;
 };
-export declare const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleT>;
-type FormLoadingOverlayToggleT = {
+export declare const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleProps>;
+export type FormLoadingOverlayToggleProps = {
     action: 'create' | 'loading' | 'update';
     formIsLoading?: boolean;
     loadingSuffix?: string;
     name: string;
     type?: LoadingOverlayTypes;
 };
-export declare const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleT>;
+export declare const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAK9E,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgC1C,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0BnE,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0BxE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAKjF,OAAO,cAAc,CAAA;AAIrB,KAAK,mBAAmB,GAAG;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgCxD,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA0BvE,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA0B5E,CAAA"}

package/dist/elements/Loading/index.js

@@ -1,40 +1,13 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    FormLoadingOverlayToggle: function() {
-        return FormLoadingOverlayToggle;
-    },
-    LoadingOverlay: function() {
-        return LoadingOverlay;
-    },
-    LoadingOverlayToggle: function() {
-        return LoadingOverlayToggle;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _LoadingOverlay = require("../../elements/LoadingOverlay");
-const _context = require("../../forms/Form/context");
-const _Translation = require("../../providers/Translation");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useLoadingOverlay } from '../../elements/LoadingOverlay/index.js';
+import { useFormProcessing } from '../../forms/Form/context.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'loading-overlay';
-const LoadingOverlay = ({ animationDuration, loadingText, overlayType, show = true })=>{
-    const { t } = (0, _Translation.useTranslation)();
-    return /*#__PURE__*/ _react.default.createElement("div", {
+export const LoadingOverlay = ({ animationDuration, loadingText, overlayType, show = true })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ React.createElement("div", {
         className: [
             baseClass,
             show ? `${baseClass}--entering` : `${baseClass}--exiting`,
@@ -43,36 +16,36 @@ const LoadingOverlay = ({ animationDuration, loadingText, overlayType, show = tr
         style: {
             animationDuration: animationDuration || '500ms'
         }
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__bars`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__bar`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__bar`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__bar`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__bar`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__bar`
-    })), /*#__PURE__*/ _react.default.createElement("span", {
+    })), /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__text`
     }, loadingText || t('general:loading')));
 };
-const LoadingOverlayToggle = ({ name: key, loadingText, show, type = 'fullscreen' })=>{
-    const { toggleLoadingOverlay } = (0, _LoadingOverlay.useLoadingOverlay)();
-    _react.default.useEffect(()=>{
+export const LoadingOverlayToggle = ({ name: key, type = 'fullscreen', loadingText, show })=>{
+    const { toggleLoadingOverlay } = useLoadingOverlay();
+    React.useEffect(()=>{
         toggleLoadingOverlay({
+            type,
             isLoading: show,
             key,
-            loadingText: loadingText || undefined,
-            type
+            loadingText: loadingText || undefined
         });
         return ()=>{
             toggleLoadingOverlay({
+                type,
                 isLoading: false,
-                key,
-                type
+                key
             });
         };
     }, [
@@ -84,20 +57,20 @@ const LoadingOverlayToggle = ({ name: key, loadingText, show, type = 'fullscreen
     ]);
     return null;
 };
-const FormLoadingOverlayToggle = ({ name, action, formIsLoading = false, loadingSuffix, type = 'fullscreen' })=>{
-    const isProcessing = (0, _context.useFormProcessing)();
-    const { i18n, t } = (0, _Translation.useTranslation)();
+export const FormLoadingOverlayToggle = ({ name, type = 'fullscreen', action, formIsLoading = false, loadingSuffix })=>{
+    const isProcessing = useFormProcessing();
+    const { i18n, t } = useTranslation();
     const labels = {
         create: t('general:creating'),
         loading: t('general:loading'),
         update: t('general:updating')
     };
-    return /*#__PURE__*/ _react.default.createElement(LoadingOverlayToggle, {
-        loadingText: `${labels[action]} ${loadingSuffix ? (0, _translations.getTranslation)(loadingSuffix, i18n) : ''}`.trim(),
+    return /*#__PURE__*/ React.createElement(LoadingOverlayToggle, {
+        loadingText: `${labels[action]} ${loadingSuffix ? getTranslation(loadingSuffix, i18n) : ''}`.trim(),
         name: name,
         show: formIsLoading || isProcessing,
         type: type
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Mb2FkaW5nL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IExvYWRpbmdPdmVybGF5VHlwZXMgfSBmcm9tICcuLi8uLi9lbGVtZW50cy9Mb2FkaW5nT3ZlcmxheS90eXBlcydcblxuaW1wb3J0IHsgdXNlTG9hZGluZ092ZXJsYXkgfSBmcm9tICcuLi8uLi9lbGVtZW50cy9Mb2FkaW5nT3ZlcmxheSdcbmltcG9ydCB7IHVzZUZvcm1Qcm9jZXNzaW5nIH0gZnJvbSAnLi4vLi4vZm9ybXMvRm9ybS9jb250ZXh0J1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2xvYWRpbmctb3ZlcmxheSdcblxudHlwZSBQcm9wcyA9IHtcbiAgYW5pbWF0aW9uRHVyYXRpb24/OiBzdHJpbmdcbiAgbG9hZGluZ1RleHQ/OiBzdHJpbmdcbiAgb3ZlcmxheVR5cGU/OiBzdHJpbmdcbiAgc2hvdz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IExvYWRpbmdPdmVybGF5OiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICBhbmltYXRpb25EdXJhdGlvbixcbiAgbG9hZGluZ1RleHQsXG4gIG92ZXJsYXlUeXBlLFxuICBzaG93ID0gdHJ1ZSxcbn0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgYmFzZUNsYXNzLFxuICAgICAgICBzaG93ID8gYCR7YmFzZUNsYXNzfS0tZW50ZXJpbmdgIDogYCR7YmFzZUNsYXNzfS0tZXhpdGluZ2AsXG4gICAgICAgIG92ZXJsYXlUeXBlID8gYCR7YmFzZUNsYXNzfS0tJHtvdmVybGF5VHlwZX1gIDogJycsXG4gICAgICBdXG4gICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFuaW1hdGlvbkR1cmF0aW9uOiBhbmltYXRpb25EdXJhdGlvbiB8fCAnNTAwbXMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmFyc2B9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmFyYH0gLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JhcmB9IC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19iYXJgfSAvPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmFyYH0gLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JhcmB9IC8+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X190ZXh0YH0+e2xvYWRpbmdUZXh0IHx8IHQoJ2dlbmVyYWw6bG9hZGluZycpfTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG50eXBlIFVzZUxvYWRpbmdPdmVybGF5VG9nZ2xlVCA9IHtcbiAgbG9hZGluZ1RleHQ/OiBzdHJpbmdcbiAgbmFtZTogc3RyaW5nXG4gIHNob3c6IGJvb2xlYW5cbiAgdHlwZT86IExvYWRpbmdPdmVybGF5VHlwZXNcbn1cbmV4cG9ydCBjb25zdCBMb2FkaW5nT3ZlcmxheVRvZ2dsZTogUmVhY3QuRkM8VXNlTG9hZGluZ092ZXJsYXlUb2dnbGVUPiA9ICh7XG4gIG5hbWU6IGtleSxcbiAgbG9hZGluZ1RleHQsXG4gIHNob3csXG4gIHR5cGUgPSAnZnVsbHNjcmVlbicsXG59KSA9PiB7XG4gIGNvbnN0IHsgdG9nZ2xlTG9hZGluZ092ZXJsYXkgfSA9IHVzZUxvYWRpbmdPdmVybGF5KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHRvZ2dsZUxvYWRpbmdPdmVybGF5KHtcbiAgICAgIGlzTG9hZGluZzogc2hvdyxcbiAgICAgIGtleSxcbiAgICAgIGxvYWRpbmdUZXh0OiBsb2FkaW5nVGV4dCB8fCB1bmRlZmluZWQsXG4gICAgICB0eXBlLFxuICAgIH0pXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdG9nZ2xlTG9hZGluZ092ZXJsYXkoe1xuICAgICAgICBpc0xvYWRpbmc6IGZhbHNlLFxuICAgICAgICBrZXksXG4gICAgICAgIHR5cGUsXG4gICAgICB9KVxuICAgIH1cbiAgfSwgW3Nob3csIHRvZ2dsZUxvYWRpbmdPdmVybGF5LCBrZXksIHR5cGUsIGxvYWRpbmdUZXh0XSlcblxuICByZXR1cm4gbnVsbFxufVxuXG50eXBlIEZvcm1Mb2FkaW5nT3ZlcmxheVRvZ2dsZVQgPSB7XG4gIGFjdGlvbjogJ2NyZWF0ZScgfCAnbG9hZGluZycgfCAndXBkYXRlJ1xuICBmb3JtSXNMb2FkaW5nPzogYm9vbGVhblxuICBsb2FkaW5nU3VmZml4Pzogc3RyaW5nXG4gIG5hbWU6IHN0cmluZ1xuICB0eXBlPzogTG9hZGluZ092ZXJsYXlUeXBlc1xufVxuZXhwb3J0IGNvbnN0IEZvcm1Mb2FkaW5nT3ZlcmxheVRvZ2dsZTogUmVhY3QuRkM8Rm9ybUxvYWRpbmdPdmVybGF5VG9nZ2xlVD4gPSAoe1xuICBuYW1lLFxuICBhY3Rpb24sXG4gIGZvcm1Jc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N1ZmZpeCxcbiAgdHlwZSA9ICdmdWxsc2NyZWVuJyxcbn0pID0+IHtcbiAgY29uc3QgaXNQcm9jZXNzaW5nID0gdXNlRm9ybVByb2Nlc3NpbmcoKVxuICBjb25zdCB7IGkxOG4sIHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcblxuICBjb25zdCBsYWJlbHMgPSB7XG4gICAgY3JlYXRlOiB0KCdnZW5lcmFsOmNyZWF0aW5nJyksXG4gICAgbG9hZGluZzogdCgnZ2VuZXJhbDpsb2FkaW5nJyksXG4gICAgdXBkYXRlOiB0KCdnZW5lcmFsOnVwZGF0aW5nJyksXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMb2FkaW5nT3ZlcmxheVRvZ2dsZVxuICAgICAgbG9hZGluZ1RleHQ9e2Ake2xhYmVsc1thY3Rpb25dfSAke1xuICAgICAgICBsb2FkaW5nU3VmZml4ID8gZ2V0VHJhbnNsYXRpb24obG9hZGluZ1N1ZmZpeCwgaTE4bikgOiAnJ1xuICAgICAgfWAudHJpbSgpfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIHNob3c9e2Zvcm1Jc0xvYWRpbmcgfHwgaXNQcm9jZXNzaW5nfVxuICAgICAgdHlwZT17dHlwZX1cbiAgICAvPlxuICApXG59XG4iXSwibmFtZXMiOlsiRm9ybUxvYWRpbmdPdmVybGF5VG9nZ2xlIiwiTG9hZGluZ092ZXJsYXkiLCJMb2FkaW5nT3ZlcmxheVRvZ2dsZSIsImJhc2VDbGFzcyIsImFuaW1hdGlvbkR1cmF0aW9uIiwibG9hZGluZ1RleHQiLCJvdmVybGF5VHlwZSIsInNob3ciLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJkaXYiLCJjbGFzc05hbWUiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsInN0eWxlIiwic3BhbiIsIm5hbWUiLCJrZXkiLCJ0eXBlIiwidG9nZ2xlTG9hZGluZ092ZXJsYXkiLCJ1c2VMb2FkaW5nT3ZlcmxheSIsIlJlYWN0IiwidXNlRWZmZWN0IiwiaXNMb2FkaW5nIiwidW5kZWZpbmVkIiwiYWN0aW9uIiwiZm9ybUlzTG9hZGluZyIsImxvYWRpbmdTdWZmaXgiLCJpc1Byb2Nlc3NpbmciLCJ1c2VGb3JtUHJvY2Vzc2luZyIsImkxOG4iLCJsYWJlbHMiLCJjcmVhdGUiLCJsb2FkaW5nIiwidXBkYXRlIiwiZ2V0VHJhbnNsYXRpb24iLCJ0cmltIl0sIm1hcHBpbmdzIjoiQUFBQTs7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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Loading/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types.js'\n\nimport { useLoadingOverlay } from '../../elements/LoadingOverlay/index.js'\nimport { useFormProcessing } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'loading-overlay'\n\ntype LoadingOverlayProps = {\n  animationDuration?: string\n  loadingText?: string\n  overlayType?: string\n  show?: boolean\n}\n\nexport const LoadingOverlay: React.FC<LoadingOverlayProps> = ({\n  animationDuration,\n  loadingText,\n  overlayType,\n  show = true,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        show ? `${baseClass}--entering` : `${baseClass}--exiting`,\n        overlayType ? `${baseClass}--${overlayType}` : '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        animationDuration: animationDuration || '500ms',\n      }}\n    >\n      <div className={`${baseClass}__bars`}>\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n        <div className={`${baseClass}__bar`} />\n      </div>\n\n      <span className={`${baseClass}__text`}>{loadingText || t('general:loading')}</span>\n    </div>\n  )\n}\n\nexport type UseLoadingOverlayToggleProps = {\n  loadingText?: string\n  name: string\n  show: boolean\n  type?: LoadingOverlayTypes\n}\nexport const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleProps> = ({\n  name: key,\n  type = 'fullscreen',\n  loadingText,\n  show,\n}) => {\n  const { toggleLoadingOverlay } = useLoadingOverlay()\n\n  React.useEffect(() => {\n    toggleLoadingOverlay({\n      type,\n      isLoading: show,\n      key,\n      loadingText: loadingText || undefined,\n    })\n\n    return () => {\n      toggleLoadingOverlay({\n        type,\n        isLoading: false,\n        key,\n      })\n    }\n  }, [show, toggleLoadingOverlay, key, type, loadingText])\n\n  return null\n}\n\nexport type FormLoadingOverlayToggleProps = {\n  action: 'create' | 'loading' | 'update'\n  formIsLoading?: boolean\n  loadingSuffix?: string\n  name: string\n  type?: LoadingOverlayTypes\n}\n\nexport const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleProps> = ({\n  name,\n  type = 'fullscreen',\n  action,\n  formIsLoading = false,\n  loadingSuffix,\n}) => {\n  const isProcessing = useFormProcessing()\n  const { i18n, t } = useTranslation()\n\n  const labels = {\n    create: t('general:creating'),\n    loading: t('general:loading'),\n    update: t('general:updating'),\n  }\n\n  return (\n    <LoadingOverlayToggle\n      loadingText={`${labels[action]} ${\n        loadingSuffix ? getTranslation(loadingSuffix, i18n) : ''\n      }`.trim()}\n      name={name}\n      show={formIsLoading || isProcessing}\n      type={type}\n    />\n  )\n}\n"],"names":["getTranslation","React","useLoadingOverlay","useFormProcessing","useTranslation","baseClass","LoadingOverlay","animationDuration","loadingText","overlayType","show","t","div","className","filter","Boolean","join","style","span","LoadingOverlayToggle","name","key","type","toggleLoadingOverlay","useEffect","isLoading","undefined","FormLoadingOverlayToggle","action","formIsLoading","loadingSuffix","isProcessing","i18n","labels","create","loading","update","trim"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,iBAAiB,QAAQ,yCAAwC;AAC1E,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AASlB,OAAO,MAAMC,iBAAgD,CAAC,EAC5DC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,OAAO,IAAI,EACZ;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,qBACE,oBAACQ;QACCC,WAAW;YACTR;YACAK,OAAO,CAAC,EAAEL,UAAU,UAAU,CAAC,GAAG,CAAC,EAAEA,UAAU,SAAS,CAAC;YACzDI,cAAc,CAAC,EAAEJ,UAAU,EAAE,EAAEI,YAAY,CAAC,GAAG;SAChD,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,OAAO;YACLV,mBAAmBA,qBAAqB;QAC1C;qBAEA,oBAACK;QAAIC,WAAW,CAAC,EAAER,UAAU,MAAM,CAAC;qBAClC,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,KAAK,CAAC;sBACnC,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,KAAK,CAAC;sBACnC,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,KAAK,CAAC;sBACnC,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,KAAK,CAAC;sBACnC,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,KAAK,CAAC;uBAGrC,oBAACa;QAAKL,WAAW,CAAC,EAAER,UAAU,MAAM,CAAC;OAAGG,eAAeG,EAAE;AAG/D,EAAC;AAQD,OAAO,MAAMQ,uBAA+D,CAAC,EAC3EC,MAAMC,GAAG,EACTC,OAAO,YAAY,EACnBd,WAAW,EACXE,IAAI,EACL;IACC,MAAM,EAAEa,oBAAoB,EAAE,GAAGrB;IAEjCD,MAAMuB,SAAS,CAAC;QACdD,qBAAqB;YACnBD;YACAG,WAAWf;YACXW;YACAb,aAAaA,eAAekB;QAC9B;QAEA,OAAO;YACLH,qBAAqB;gBACnBD;gBACAG,WAAW;gBACXJ;YACF;QACF;IACF,GAAG;QAACX;QAAMa;QAAsBF;QAAKC;QAAMd;KAAY;IAEvD,OAAO;AACT,EAAC;AAUD,OAAO,MAAMmB,2BAAoE,CAAC,EAChFP,IAAI,EACJE,OAAO,YAAY,EACnBM,MAAM,EACNC,gBAAgB,KAAK,EACrBC,aAAa,EACd;IACC,MAAMC,eAAe5B;IACrB,MAAM,EAAE6B,IAAI,EAAErB,CAAC,EAAE,GAAGP;IAEpB,MAAM6B,SAAS;QACbC,QAAQvB,EAAE;QACVwB,SAASxB,EAAE;QACXyB,QAAQzB,EAAE;IACZ;IAEA,qBACE,oBAACQ;QACCX,aAAa,CAAC,EAAEyB,MAAM,CAACL,OAAO,CAAC,CAAC,EAC9BE,gBAAgB9B,eAAe8B,eAAeE,QAAQ,GACvD,CAAC,CAACK,IAAI;QACPjB,MAAMA;QACNV,MAAMmB,iBAAiBE;QACvBT,MAAMA;;AAGZ,EAAC"}

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

@@ -1,12 +1,7 @@
 import React from 'react';
-import type { LoadingOverlayContext } from './types';
-declare const Context: React.Context<{
-    isOnScreen: boolean;
-    toggleLoadingOverlay: any;
-}>;
+import type { LoadingOverlayContext } from './types.js';
 export declare const LoadingOverlayProvider: React.FC<{
     children?: React.ReactNode;
 }>;
 export declare const useLoadingOverlay: () => LoadingOverlayContext;
-export default Context;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAS1E,QAAA,MAAM,OAAO;;;EAGX,CAAA;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAwD3E,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAOpC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LoadingOverlay/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,YAAY,CAAA;AAc7E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAwD3E,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAOpC,CAAA"}