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

package/dist/elements/Collapsible/provider.js

@@ -1,90 +1,31 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+import React, { createContext, useContext } from 'react';
+const Context = /*#__PURE__*/ createContext({
+    isCollapsed: undefined,
+    isVisible: undefined,
+    isWithinCollapsible: undefined,
+    toggle: ()=>{}
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    CollapsibleProvider: function() {
-        return CollapsibleProvider;
-    },
-    useCollapsible: function() {
-        return useCollapsible;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-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 Context = /*#__PURE__*/ (0, _react.createContext)({
-    collapsed: false,
-    isVisible: true,
-    toggle: ()=>{},
-    withinCollapsible: true
-});
-const CollapsibleProvider = ({ children, collapsed, toggle, withinCollapsible = true })=>{
-    const { collapsed: parentIsCollapsed, isVisible } = useCollapsible();
-    const contextValue = _react.default.useMemo(()=>{
+export const CollapsibleProvider = ({ children, isCollapsed, isWithinCollapsible = true, toggle })=>{
+    const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible();
+    const contextValue = React.useMemo(()=>{
         return {
-            collapsed: Boolean(collapsed),
+            isCollapsed,
             isVisible: isVisible && !parentIsCollapsed,
-            toggle,
-            withinCollapsible
+            isWithinCollapsible,
+            toggle
         };
     }, [
-        collapsed,
-        withinCollapsible,
+        isCollapsed,
+        isWithinCollapsible,
         toggle,
         parentIsCollapsed,
         isVisible
     ]);
-    return /*#__PURE__*/ _react.default.createElement(Context.Provider, {
+    return /*#__PURE__*/ React.createElement(Context.Provider, {
         value: contextValue
     }, children);
 };
-const useCollapsible = ()=>(0, _react.useContext)(Context);
+export const useCollapsible = ()=>useContext(Context);
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Db2xsYXBzaWJsZS9wcm92aWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuXG50eXBlIENvbnRleHRUeXBlID0ge1xuICBjb2xsYXBzZWQ6IGJvb2xlYW5cbiAgaXNWaXNpYmxlOiBib29sZWFuXG4gIHRvZ2dsZTogKCkgPT4gdm9pZFxuICB3aXRoaW5Db2xsYXBzaWJsZTogYm9vbGVhblxufVxuY29uc3QgQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe1xuICBjb2xsYXBzZWQ6IGZhbHNlLFxuICBpc1Zpc2libGU6IHRydWUsXG4gIHRvZ2dsZTogKCkgPT4ge30sXG4gIHdpdGhpbkNvbGxhcHNpYmxlOiB0cnVlLFxufSlcblxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlUHJvdmlkZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgY29sbGFwc2VkPzogYm9vbGVhblxuICB0b2dnbGU6ICgpID0+IHZvaWRcbiAgd2l0aGluQ29sbGFwc2libGU/OiBib29sZWFuXG59PiA9ICh7IGNoaWxkcmVuLCBjb2xsYXBzZWQsIHRvZ2dsZSwgd2l0aGluQ29sbGFwc2libGUgPSB0cnVlIH0pID0+IHtcbiAgY29uc3QgeyBjb2xsYXBzZWQ6IHBhcmVudElzQ29sbGFwc2VkLCBpc1Zpc2libGUgfSA9IHVzZUNvbGxhcHNpYmxlKClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSBSZWFjdC51c2VNZW1vKCgpOiBDb250ZXh0VHlwZSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvbGxhcHNlZDogQm9vbGVhbihjb2xsYXBzZWQpLFxuICAgICAgaXNWaXNpYmxlOiBpc1Zpc2libGUgJiYgIXBhcmVudElzQ29sbGFwc2VkLFxuICAgICAgdG9nZ2xlLFxuICAgICAgd2l0aGluQ29sbGFwc2libGUsXG4gICAgfVxuICB9LCBbY29sbGFwc2VkLCB3aXRoaW5Db2xsYXBzaWJsZSwgdG9nZ2xlLCBwYXJlbnRJc0NvbGxhcHNlZCwgaXNWaXNpYmxlXSlcbiAgcmV0dXJuIDxDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PntjaGlsZHJlbn08L0NvbnRleHQuUHJvdmlkZXI+XG59XG5cbmV4cG9ydCBjb25zdCB1c2VDb2xsYXBzaWJsZSA9ICgpOiBDb250ZXh0VHlwZSA9PiB1c2VDb250ZXh0KENvbnRleHQpXG4iXSwibmFtZXMiOlsiQ29sbGFwc2libGVQcm92aWRlciIsInVzZUNvbGxhcHNpYmxlIiwiQ29udGV4dCIsImNyZWF0ZUNvbnRleHQiLCJjb2xsYXBzZWQiLCJpc1Zpc2libGUiLCJ0b2dnbGUiLCJ3aXRoaW5Db2xsYXBzaWJsZSIsImNoaWxkcmVuIiwicGFyZW50SXNDb2xsYXBzZWQiLCJjb250ZXh0VmFsdWUiLCJSZWFjdCIsInVzZU1lbW8iLCJCb29sZWFuIiwiUHJvdmlkZXIiLCJ2YWx1ZSIsInVzZUNvbnRleHQiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUFnQmFBLG1CQUFtQjtlQUFuQkE7O0lBbUJBQyxjQUFjO2VBQWRBOzs7K0RBbENvQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBUWpELE1BQU1DLHdCQUFVQyxJQUFBQSxvQkFBYSxFQUFDO0lBQzVCQyxXQUFXO0lBQ1hDLFdBQVc7SUFDWEMsUUFBUSxLQUFPO0lBQ2ZDLG1CQUFtQjtBQUNyQjtBQUVPLE1BQU1QLHNCQUtSLENBQUMsRUFBRVEsUUFBUSxFQUFFSixTQUFTLEVBQUVFLE1BQU0sRUFBRUMsb0JBQW9CLElBQUksRUFBRTtJQUM3RCxNQUFNLEVBQUVILFdBQVdLLGlCQUFpQixFQUFFSixTQUFTLEVBQUUsR0FBR0o7SUFFcEQsTUFBTVMsZUFBZUMsY0FBSyxDQUFDQyxPQUFPLENBQUM7UUFDakMsT0FBTztZQUNMUixXQUFXUyxRQUFRVDtZQUNuQkMsV0FBV0EsYUFBYSxDQUFDSTtZQUN6Qkg7WUFDQUM7UUFDRjtJQUNGLEdBQUc7UUFBQ0g7UUFBV0c7UUFBbUJEO1FBQVFHO1FBQW1CSjtLQUFVO0lBQ3ZFLHFCQUFPLDZCQUFDSCxRQUFRWSxRQUFRO1FBQUNDLE9BQU9MO09BQWVGO0FBQ2pEO0FBRU8sTUFBTVAsaUJBQWlCLElBQW1CZSxJQUFBQSxpQkFBVSxFQUFDZCJ9
+//# sourceMappingURL=provider.js.map

package/dist/elements/Collapsible/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context.Provider value={contextValue}>{children}</Context.Provider>\n}\n\nexport const useCollapsible = (): ContextType => useContext(Context)\n"],"names":["React","createContext","useContext","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,wBAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,qBAAO,oBAACH,QAAQY,QAAQ;QAACC,OAAOH;OAAeH;AACjD,EAAC;AAED,OAAO,MAAME,iBAAiB,IAAmBV,WAAWC,SAAQ"}

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

@@ -1,6 +1,8 @@
+import type { SanitizedCollectionConfig } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const ColumnSelector: React.FC<Props>;
-export default ColumnSelector;
+export type Props = {
+    collectionSlug: SanitizedCollectionConfig['slug'];
+};
+export declare const ColumnSelector: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AASpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkDnC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAgB,MAAM,OAAO,CAAA;AAQpC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiD1C,CAAA"}

package/dist/elements/ColumnSelector/index.js

@@ -1,80 +1,20 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Plus = require("../../icons/Plus");
-const _X = require("../../icons/X");
-const _EditDepth = require("../../providers/EditDepth");
-const _Translation = require("../../providers/Translation");
-const _DraggableSortable = /*#__PURE__*/ _interop_require_default(require("../DraggableSortable"));
-const _Pill = /*#__PURE__*/ _interop_require_default(require("../Pill"));
-const _TableColumns = require("../TableColumns");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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, { useId } from 'react';
+import { Plus } from '../../icons/Plus/index.js';
+import { X } from '../../icons/X/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { DraggableSortable } from '../DraggableSortable/index.js';
+import { Pill } from '../Pill/index.js';
+import { useTableColumns } from '../TableColumns/index.js';
 const baseClass = 'column-selector';
-const ColumnSelector = ({ collectionSlug })=>{
-    const { columns, moveColumn, toggleColumn } = (0, _TableColumns.useTableColumns)();
-    const { i18n } = (0, _Translation.useTranslation)();
-    const uuid = (0, _react.useId)();
-    const editDepth = (0, _EditDepth.useEditDepth)();
+export const ColumnSelector = ({ collectionSlug })=>{
+    const { columns, moveColumn, toggleColumn } = useTableColumns();
+    const uuid = useId();
+    const editDepth = useEditDepth();
     if (!columns) {
         return null;
     }
-    return /*#__PURE__*/ _react.default.createElement(_DraggableSortable.default, {
+    return /*#__PURE__*/ React.createElement(DraggableSortable, {
         className: baseClass,
         ids: columns.map((col)=>col?.accessor),
         onDragEnd: ({ moveFromIndex, moveToIndex })=>{
@@ -85,9 +25,9 @@ const ColumnSelector = ({ collectionSlug })=>{
         }
     }, columns.map((col, i)=>{
         if (!col) return null;
-        const { name, accessor, active, label } = col;
+        const { Label, accessor, active } = col;
         if (col.accessor === '_select') return null;
-        return /*#__PURE__*/ _react.default.createElement(_Pill.default, {
+        return /*#__PURE__*/ React.createElement(Pill, {
             alignIcon: "left",
             "aria-checked": active,
             className: [
@@ -95,15 +35,14 @@ const ColumnSelector = ({ collectionSlug })=>{
                 active && `${baseClass}__column--active`
             ].filter(Boolean).join(' '),
             draggable: true,
-            icon: active ? /*#__PURE__*/ _react.default.createElement(_X.X, null) : /*#__PURE__*/ _react.default.createElement(_Plus.Plus, null),
+            icon: active ? /*#__PURE__*/ React.createElement(X, null) : /*#__PURE__*/ React.createElement(Plus, null),
             id: accessor,
             key: `${collectionSlug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,
             onClick: ()=>{
                 toggleColumn(accessor);
             }
-        }, (0, _translations.getTranslation)(label || name, i18n));
+        }, Label);
     }));
 };
-const _default = ColumnSelector;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Db2x1bW5TZWxlY3Rvci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcbmltcG9ydCBSZWFjdCwgeyB1c2VJZCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgUGx1cyB9IGZyb20gJy4uLy4uL2ljb25zL1BsdXMnXG5pbXBvcnQgeyBYIH0gZnJvbSAnLi4vLi4vaWNvbnMvWCdcbmltcG9ydCB7IHVzZUVkaXREZXB0aCB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9FZGl0RGVwdGgnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UcmFuc2xhdGlvbidcbmltcG9ydCBEcmFnZ2FibGVTb3J0YWJsZSBmcm9tICcuLi9EcmFnZ2FibGVTb3J0YWJsZSdcbmltcG9ydCBQaWxsIGZyb20gJy4uL1BpbGwnXG5pbXBvcnQgeyB1c2VUYWJsZUNvbHVtbnMgfSBmcm9tICcuLi9UYWJsZUNvbHVtbnMnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2NvbHVtbi1zZWxlY3RvcidcblxuY29uc3QgQ29sdW1uU2VsZWN0b3I6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGNvbGxlY3Rpb25TbHVnIH0pID0+IHtcbiAgY29uc3QgeyBjb2x1bW5zLCBtb3ZlQ29sdW1uLCB0b2dnbGVDb2x1bW4gfSA9IHVzZVRhYmxlQ29sdW1ucygpXG5cbiAgY29uc3QgeyBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IHV1aWQgPSB1c2VJZCgpXG4gIGNvbnN0IGVkaXREZXB0aCA9IHVzZUVkaXREZXB0aCgpXG5cbiAgaWYgKCFjb2x1bW5zKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERyYWdnYWJsZVNvcnRhYmxlXG4gICAgICBjbGFzc05hbWU9e2Jhc2VDbGFzc31cbiAgICAgIGlkcz17Y29sdW1ucy5tYXAoKGNvbCkgPT4gY29sPy5hY2Nlc3Nvcil9XG4gICAgICBvbkRyYWdFbmQ9eyh7IG1vdmVGcm9tSW5kZXgsIG1vdmVUb0luZGV4IH0pID0+IHtcbiAgICAgICAgbW92ZUNvbHVtbih7XG4gICAgICAgICAgZnJvbUluZGV4OiBtb3ZlRnJvbUluZGV4LFxuICAgICAgICAgIHRvSW5kZXg6IG1vdmVUb0luZGV4LFxuICAgICAgICB9KVxuICAgICAgfX1cbiAgICA+XG4gICAgICB7Y29sdW1ucy5tYXAoKGNvbCwgaSkgPT4ge1xuICAgICAgICBpZiAoIWNvbCkgcmV0dXJuIG51bGxcblxuICAgICAgICBjb25zdCB7IG5hbWUsIGFjY2Vzc29yLCBhY3RpdmUsIGxhYmVsIH0gPSBjb2xcblxuICAgICAgICBpZiAoY29sLmFjY2Vzc29yID09PSAnX3NlbGVjdCcpIHJldHVybiBudWxsXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8UGlsbFxuICAgICAgICAgICAgYWxpZ25JY29uPVwibGVmdFwiXG4gICAgICAgICAgICBhcmlhLWNoZWNrZWQ9e2FjdGl2ZX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17W2Ake2Jhc2VDbGFzc31fX2NvbHVtbmAsIGFjdGl2ZSAmJiBgJHtiYXNlQ2xhc3N9X19jb2x1bW4tLWFjdGl2ZWBdXG4gICAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRyYWdnYWJsZVxuICAgICAgICAgICAgaWNvbj17YWN0aXZlID8gPFggLz4gOiA8UGx1cyAvPn1cbiAgICAgICAgICAgIGlkPXthY2Nlc3Nvcn1cbiAgICAgICAgICAgIGtleT17YCR7Y29sbGVjdGlvblNsdWd9LSR7Y29sLm5hbWUgfHwgaX0ke2VkaXREZXB0aCA/IGAtJHtlZGl0RGVwdGh9LWAgOiAnJ30ke3V1aWR9YH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgdG9nZ2xlQ29sdW1uKGFjY2Vzc29yKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Z2V0VHJhbnNsYXRpb24obGFiZWwgfHwgbmFtZSwgaTE4bil9XG4gICAgICAgICAgPC9QaWxsPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L0RyYWdnYWJsZVNvcnRhYmxlPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbHVtblNlbGVjdG9yXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiQ29sdW1uU2VsZWN0b3IiLCJjb2xsZWN0aW9uU2x1ZyIsImNvbHVtbnMiLCJtb3ZlQ29sdW1uIiwidG9nZ2xlQ29sdW1uIiwidXNlVGFibGVDb2x1bW5zIiwiaTE4biIsInVzZVRyYW5zbGF0aW9uIiwidXVpZCIsInVzZUlkIiwiZWRpdERlcHRoIiwidXNlRWRpdERlcHRoIiwiRHJhZ2dhYmxlU29ydGFibGUiLCJjbGFzc05hbWUiLCJpZHMiLCJtYXAiLCJjb2wiLCJhY2Nlc3NvciIsIm9uRHJhZ0VuZCIsIm1vdmVGcm9tSW5kZXgiLCJtb3ZlVG9JbmRleCIsImZyb21JbmRleCIsInRvSW5kZXgiLCJpIiwibmFtZSIsImFjdGl2ZSIsImxhYmVsIiwiUGlsbCIsImFsaWduSWNvbiIsImFyaWEtY2hlY2tlZCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZHJhZ2dhYmxlIiwiaWNvbiIsIlgiLCJQbHVzIiwiaWQiLCJrZXkiLCJvbkNsaWNrIiwiZ2V0VHJhbnNsYXRpb24iXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFxRUE7OztlQUFBOzs7OEJBcEUrQjsrREFDRjtzQkFJUjttQkFDSDsyQkFDVzs2QkFDRTswRUFDRDs2REFDYjs4QkFDZTtRQUN6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGlCQUFrQyxDQUFDLEVBQUVDLGNBQWMsRUFBRTtJQUN6RCxNQUFNLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFFN0QsTUFBTSxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFDL0IsTUFBTUMsT0FBT0MsSUFBQUEsWUFBSztJQUNsQixNQUFNQyxZQUFZQyxJQUFBQSx1QkFBWTtJQUU5QixJQUFJLENBQUNULFNBQVM7UUFDWixPQUFPO0lBQ1Q7SUFFQSxxQkFDRSw2QkFBQ1UsMEJBQWlCO1FBQ2hCQyxXQUFXZDtRQUNYZSxLQUFLWixRQUFRYSxHQUFHLENBQUMsQ0FBQ0MsTUFBUUEsS0FBS0M7UUFDL0JDLFdBQVcsQ0FBQyxFQUFFQyxhQUFhLEVBQUVDLFdBQVcsRUFBRTtZQUN4Q2pCLFdBQVc7Z0JBQ1RrQixXQUFXRjtnQkFDWEcsU0FBU0Y7WUFDWDtRQUNGO09BRUNsQixRQUFRYSxHQUFHLENBQUMsQ0FBQ0MsS0FBS087UUFDakIsSUFBSSxDQUFDUCxLQUFLLE9BQU87UUFFakIsTUFBTSxFQUFFUSxJQUFJLEVBQUVQLFFBQVEsRUFBRVEsTUFBTSxFQUFFQyxLQUFLLEVBQUUsR0FBR1Y7UUFFMUMsSUFBSUEsSUFBSUMsUUFBUSxLQUFLLFdBQVcsT0FBTztRQUV2QyxxQkFDRSw2QkFBQ1UsYUFBSTtZQUNIQyxXQUFVO1lBQ1ZDLGdCQUFjSjtZQUNkWixXQUFXO2dCQUFDLENBQUMsRUFBRWQsVUFBVSxRQUFRLENBQUM7Z0JBQUUwQixVQUFVLENBQUMsRUFBRTFCLFVBQVUsZ0JBQWdCLENBQUM7YUFBQyxDQUMxRStCLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO1lBQ1JDLFdBQUFBO1lBQ0FDLE1BQU1ULHVCQUFTLDZCQUFDVSxJQUFDLHdCQUFNLDZCQUFDQyxVQUFJO1lBQzVCQyxJQUFJcEI7WUFDSnFCLEtBQUssQ0FBQyxFQUFFckMsZUFBZSxDQUFDLEVBQUVlLElBQUlRLElBQUksSUFBSUQsRUFBRSxFQUFFYixZQUFZLENBQUMsQ0FBQyxFQUFFQSxVQUFVLENBQUMsQ0FBQyxHQUFHLEdBQUcsRUFBRUYsS0FBSyxDQUFDO1lBQ3BGK0IsU0FBUztnQkFDUG5DLGFBQWFhO1lBQ2Y7V0FFQ3VCLElBQUFBLDRCQUFjLEVBQUNkLFNBQVNGLE1BQU1sQjtJQUdyQztBQUdOO01BRUEsV0FBZU4ifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport React, { useId } from 'react'\n\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  if (!columns) {\n    return null\n  }\n\n  return (\n    <DraggableSortable\n      className={baseClass}\n      ids={columns.map((col) => col?.accessor)}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        moveColumn({\n          fromIndex: moveFromIndex,\n          toIndex: moveToIndex,\n        })\n      }}\n    >\n      {columns.map((col, i) => {\n        if (!col) return null\n\n        const { Label, accessor, active } = col\n\n        if (col.accessor === '_select') return null\n\n        return (\n          <Pill\n            alignIcon=\"left\"\n            aria-checked={active}\n            className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n              .filter(Boolean)\n              .join(' ')}\n            draggable\n            icon={active ? <X /> : <Plus />}\n            id={accessor}\n            key={`${collectionSlug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n            onClick={() => {\n              toggleColumn(accessor)\n            }}\n          >\n            {Label}\n          </Pill>\n        )\n      })}\n    </DraggableSortable>\n  )\n}\n"],"names":["React","useId","Plus","X","useEditDepth","DraggableSortable","Pill","useTableColumns","baseClass","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","className","ids","map","col","accessor","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","i","Label","active","alignIcon","aria-checked","filter","Boolean","join","draggable","icon","id","key","name","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,KAAK,QAAQ,QAAO;AAEpC,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,eAAe,QAAQ,2BAA0B;AAG1D,MAAMC,YAAY;AAMlB,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOb;IACb,MAAMc,YAAYX;IAElB,IAAI,CAACO,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,oBAACN;QACCW,WAAWR;QACXS,KAAKN,QAAQO,GAAG,CAAC,CAACC,MAAQA,KAAKC;QAC/BC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCX,WAAW;gBACTY,WAAWF;gBACXG,SAASF;YACX;QACF;OAECZ,QAAQO,GAAG,CAAC,CAACC,KAAKO;QACjB,IAAI,CAACP,KAAK,OAAO;QAEjB,MAAM,EAAEQ,KAAK,EAAEP,QAAQ,EAAEQ,MAAM,EAAE,GAAGT;QAEpC,IAAIA,IAAIC,QAAQ,KAAK,WAAW,OAAO;QAEvC,qBACE,oBAACd;YACCuB,WAAU;YACVC,gBAAcF;YACdZ,WAAW;gBAAC,CAAC,EAAER,UAAU,QAAQ,CAAC;gBAAEoB,UAAU,CAAC,EAAEpB,UAAU,gBAAgB,CAAC;aAAC,CAC1EuB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,WAAAA;YACAC,MAAMP,uBAAS,oBAACzB,yBAAO,oBAACD;YACxBkC,IAAIhB;YACJiB,KAAK,CAAC,EAAE3B,eAAe,CAAC,EAAES,IAAImB,IAAI,IAAIZ,EAAE,EAAEX,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,GAAG,EAAED,KAAK,CAAC;YACpFyB,SAAS;gBACP1B,aAAaO;YACf;WAECO;IAGP;AAGN,EAAC"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const CopyToClipboard: React.FC<Props>;
-export default CopyToClipboard;
+export type Props = {
+    defaultMessage?: string;
+    successMessage?: string;
+    value?: string;
+};
+export declare const CopyToClipboard: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyToClipboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuCpC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyToClipboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAK/C,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuC3C,CAAA"}

package/dist/elements/CopyToClipboard/index.js

@@ -1,68 +1,16 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Copy = require("../../icons/Copy");
-const _Translation = require("../../providers/Translation");
-const _Tooltip = require("../Tooltip");
-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, { useRef, useState } from 'react';
+import { Copy } from '../../icons/Copy/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Tooltip } from '../Tooltip/index.js';
 const baseClass = 'copy-to-clipboard';
-const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
-    const ref = (0, _react.useRef)(null);
-    const [copied, setCopied] = (0, _react.useState)(false);
-    const [hovered, setHovered] = (0, _react.useState)(false);
-    const { t } = (0, _Translation.useTranslation)();
+export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
+    const ref = useRef(null);
+    const [copied, setCopied] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const { t } = useTranslation();
     if (value) {
-        return /*#__PURE__*/ _react.default.createElement("button", {
+        return /*#__PURE__*/ React.createElement("button", {
             className: baseClass,
             onClick: ()=>{
                 if (ref && ref.current) {
@@ -81,10 +29,10 @@ const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
                 setCopied(false);
             },
             type: "button"
-        }, /*#__PURE__*/ _react.default.createElement(_Copy.Copy, null), /*#__PURE__*/ _react.default.createElement(_Tooltip.Tooltip, {
+        }, /*#__PURE__*/ React.createElement(Copy, null), /*#__PURE__*/ React.createElement(Tooltip, {
             delay: copied ? 0 : undefined,
             show: hovered || copied
-        }, copied && (successMessage ?? t('general:copied')), !copied && (defaultMessage ?? t('general:copy'))), /*#__PURE__*/ _react.default.createElement("textarea", {
+        }, copied && (successMessage ?? t('general:copied')), !copied && (defaultMessage ?? t('general:copy'))), /*#__PURE__*/ React.createElement("textarea", {
             readOnly: true,
             ref: ref,
             tabIndex: -1,
@@ -93,6 +41,5 @@ const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
     }
     return null;
 };
-const _default = CopyToClipboard;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Db3B5VG9DbGlwYm9hcmQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IENvcHkgfSBmcm9tICcuLi8uLi9pY29ucy9Db3B5J1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnY29weS10by1jbGlwYm9hcmQnXG5cbmNvbnN0IENvcHlUb0NsaXBib2FyZDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgZGVmYXVsdE1lc3NhZ2UsIHN1Y2Nlc3NNZXNzYWdlLCB2YWx1ZSB9KSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbY29waWVkLCBzZXRDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcblxuICBpZiAodmFsdWUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzc05hbWU9e2Jhc2VDbGFzc31cbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIGlmIChyZWYgJiYgcmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIHJlZi5jdXJyZW50LnNlbGVjdCgpXG4gICAgICAgICAgICByZWYuY3VycmVudC5zZXRTZWxlY3Rpb25SYW5nZSgwLCB2YWx1ZS5sZW5ndGggKyAxKVxuICAgICAgICAgICAgZG9jdW1lbnQuZXhlY0NvbW1hbmQoJ2NvcHknKVxuICAgICAgICAgICAgc2V0Q29waWVkKHRydWUpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICBvbk1vdXNlRW50ZXI9eygpID0+IHtcbiAgICAgICAgICBzZXRIb3ZlcmVkKHRydWUpXG4gICAgICAgICAgc2V0Q29waWVkKGZhbHNlKVxuICAgICAgICB9fVxuICAgICAgICBvbk1vdXNlTGVhdmU9eygpID0+IHtcbiAgICAgICAgICBzZXRIb3ZlcmVkKGZhbHNlKVxuICAgICAgICAgIHNldENvcGllZChmYWxzZSlcbiAgICAgICAgfX1cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICA+XG4gICAgICAgIDxDb3B5IC8+XG4gICAgICAgIDxUb29sdGlwIGRlbGF5PXtjb3BpZWQgPyAwIDogdW5kZWZpbmVkfSBzaG93PXtob3ZlcmVkIHx8IGNvcGllZH0+XG4gICAgICAgICAge2NvcGllZCAmJiAoc3VjY2Vzc01lc3NhZ2UgPz8gdCgnZ2VuZXJhbDpjb3BpZWQnKSl9XG4gICAgICAgICAgeyFjb3BpZWQgJiYgKGRlZmF1bHRNZXNzYWdlID8/IHQoJ2dlbmVyYWw6Y29weScpKX1cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8dGV4dGFyZWEgcmVhZE9ubHkgcmVmPXtyZWZ9IHRhYkluZGV4PXstMX0gdmFsdWU9e3ZhbHVlfSAvPlxuICAgICAgPC9idXR0b24+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29weVRvQ2xpcGJvYXJkXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiQ29weVRvQ2xpcGJvYXJkIiwiZGVmYXVsdE1lc3NhZ2UiLCJzdWNjZXNzTWVzc2FnZSIsInZhbHVlIiwicmVmIiwidXNlUmVmIiwiY29waWVkIiwic2V0Q29waWVkIiwidXNlU3RhdGUiLCJob3ZlcmVkIiwic2V0SG92ZXJlZCIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImJ1dHRvbiIsImNsYXNzTmFtZSIsIm9uQ2xpY2siLCJjdXJyZW50Iiwic2VsZWN0Iiwic2V0U2VsZWN0aW9uUmFuZ2UiLCJsZW5ndGgiLCJkb2N1bWVudCIsImV4ZWNDb21tYW5kIiwib25Nb3VzZUVudGVyIiwib25Nb3VzZUxlYXZlIiwidHlwZSIsIkNvcHkiLCJUb29sdGlwIiwiZGVsYXkiLCJ1bmRlZmluZWQiLCJzaG93IiwidGV4dGFyZWEiLCJyZWFkT25seSIsInRhYkluZGV4Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBcURBOzs7ZUFBQTs7OytEQXBEd0M7c0JBSW5COzZCQUNVO3lCQUNQO1FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGtCQUFtQyxDQUFDLEVBQUVDLGNBQWMsRUFBRUMsY0FBYyxFQUFFQyxLQUFLLEVBQUU7SUFDakYsTUFBTUMsTUFBTUMsSUFBQUEsYUFBTSxFQUFDO0lBQ25CLE1BQU0sQ0FBQ0MsUUFBUUMsVUFBVSxHQUFHQyxJQUFBQSxlQUFRLEVBQUM7SUFDckMsTUFBTSxDQUFDQyxTQUFTQyxXQUFXLEdBQUdGLElBQUFBLGVBQVEsRUFBQztJQUN2QyxNQUFNLEVBQUVHLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUU1QixJQUFJVCxPQUFPO1FBQ1QscUJBQ0UsNkJBQUNVO1lBQ0NDLFdBQVdmO1lBQ1hnQixTQUFTO2dCQUNQLElBQUlYLE9BQU9BLElBQUlZLE9BQU8sRUFBRTtvQkFDdEJaLElBQUlZLE9BQU8sQ0FBQ0MsTUFBTTtvQkFDbEJiLElBQUlZLE9BQU8sQ0FBQ0UsaUJBQWlCLENBQUMsR0FBR2YsTUFBTWdCLE1BQU0sR0FBRztvQkFDaERDLFNBQVNDLFdBQVcsQ0FBQztvQkFDckJkLFVBQVU7Z0JBQ1o7WUFDRjtZQUNBZSxjQUFjO2dCQUNaWixXQUFXO2dCQUNYSCxVQUFVO1lBQ1o7WUFDQWdCLGNBQWM7Z0JBQ1piLFdBQVc7Z0JBQ1hILFVBQVU7WUFDWjtZQUNBaUIsTUFBSzt5QkFFTCw2QkFBQ0MsVUFBSSx1QkFDTCw2QkFBQ0MsZ0JBQU87WUFBQ0MsT0FBT3JCLFNBQVMsSUFBSXNCO1lBQVdDLE1BQU1wQixXQUFXSDtXQUN0REEsVUFBV0osQ0FBQUEsa0JBQWtCUyxFQUFFLGlCQUFnQixHQUMvQyxDQUFDTCxVQUFXTCxDQUFBQSxrQkFBa0JVLEVBQUUsZUFBYyxrQkFFakQsNkJBQUNtQjtZQUFTQyxVQUFBQTtZQUFTM0IsS0FBS0E7WUFBSzRCLFVBQVUsQ0FBQztZQUFHN0IsT0FBT0E7O0lBR3hEO0lBRUEsT0FBTztBQUNUO01BRUEsV0FBZUgifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { Copy } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const ref = useRef(null)\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={() => {\n          if (ref && ref.current) {\n            ref.current.select()\n            ref.current.setSelectionRange(0, value.length + 1)\n            document.execCommand('copy')\n            setCopied(true)\n          }\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <Copy />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n        <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n      </button>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useRef","useState","Copy","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","button","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","delay","undefined","show","textarea","readOnly","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE/C,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,sBAAqB;AAG7C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAmC,CAAC,EAAEC,cAAc,EAAEC,cAAc,EAAEC,KAAK,EAAE;IACxF,MAAMC,MAAMV,OAAO;IACnB,MAAM,CAACW,QAAQC,UAAU,GAAGX,SAAS;IACrC,MAAM,CAACY,SAASC,WAAW,GAAGb,SAAS;IACvC,MAAM,EAAEc,CAAC,EAAE,GAAGZ;IAEd,IAAIM,OAAO;QACT,qBACE,oBAACO;YACCC,WAAWZ;YACXa,SAAS;gBACP,IAAIR,OAAOA,IAAIS,OAAO,EAAE;oBACtBT,IAAIS,OAAO,CAACC,MAAM;oBAClBV,IAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,MAAMa,MAAM,GAAG;oBAChDC,SAASC,WAAW,CAAC;oBACrBZ,UAAU;gBACZ;YACF;YACAa,cAAc;gBACZX,WAAW;gBACXF,UAAU;YACZ;YACAc,cAAc;gBACZZ,WAAW;gBACXF,UAAU;YACZ;YACAe,MAAK;yBAEL,oBAACzB,2BACD,oBAACE;YAAQwB,OAAOjB,SAAS,IAAIkB;YAAWC,MAAMjB,WAAWF;WACtDA,UAAWH,CAAAA,kBAAkBO,EAAE,iBAAgB,GAC/C,CAACJ,UAAWJ,CAAAA,kBAAkBQ,EAAE,eAAc,kBAEjD,oBAACgB;YAASC,UAAAA;YAAStB,KAAKA;YAAKuB,UAAU,CAAC;YAAGxB,OAAOA;;IAGxD;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/DatePicker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import 'react-datepicker/dist/react-datepicker.css';
-import type { Props } from './types';
+import type { Props } from './types.js';
 import './index.scss';
 declare const DateTime: React.FC<Props>;
 export default DateTime;

package/dist/elements/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,4CAA4C,CAAA;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuG7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,4CAA4C,CAAA;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmG7B,CAAA;AAGD,eAAe,QAAQ,CAAA"}

package/dist/elements/DatePicker/DatePicker.js

@@ -1,78 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _locale = /*#__PURE__*/ _interop_require_wildcard(require("date-fns/locale"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _reactdatepicker = /*#__PURE__*/ _interop_require_wildcard(require("react-datepicker"));
-require("react-datepicker/dist/react-datepicker.css");
-const _Calendar = require("../../icons/Calendar");
-const _X = require("../../icons/X");
-const _Translation = require("../../providers/Translation");
-const _getSupportedDateLocale = require("../../utilities/formatDate/getSupportedDateLocale");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 from 'react';
+import ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker';
+const ReactDatePicker = ReactDatePickerDefaultImport.default || ReactDatePickerDefaultImport;
+import { Calendar as CalendarIcon } from '../../icons/Calendar/index.js';
+import { X as XIcon } from '../../icons/X/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { getFormattedLocale } from './getFormattedLocale.js';
 const baseClass = 'date-time-picker';
 const DateTime = (props)=>{
     const { displayFormat: customDisplayFormat, maxDate, maxTime, minDate, minTime, monthsToShow = 1, onChange: onChangeFromProps, overrides, pickerAppearance = 'default', placeholder: placeholderText, readOnly, timeFormat = 'h:mm aa', timeIntervals = 30, value } = props;
     // Use the user's AdminUI language preference for the locale
-    const { i18n } = (0, _Translation.useTranslation)();
-    const locale = (0, _getSupportedDateLocale.getSupportedDateLocale)(i18n.language);
+    const { i18n } = useTranslation();
+    const datepickerLocale = getFormattedLocale(i18n.language);
     try {
-        (0, _reactdatepicker.registerLocale)(locale, _locale[locale]);
+        registerLocale(datepickerLocale, i18n.dateFNS);
     } catch (e) {
-        console.warn(`Could not find DatePicker locale for ${locale}`);
+        console.warn(`Could not find DatePicker locale for ${i18n.language}`);
     }
     let dateFormat = customDisplayFormat;
     if (!customDisplayFormat) {
@@ -106,6 +48,7 @@ const DateTime = (props)=>{
         monthsShown: Math.min(2, monthsToShow),
         onChange,
         placeholderText,
+        popperPlacement: 'bottom-start',
         selected: value && new Date(value),
         showMonthYearPicker: pickerAppearance === 'monthOnly',
         showPopperArrow: false,
@@ -118,30 +61,25 @@ const DateTime = (props)=>{
         baseClass,
         `${baseClass}__appearance--${pickerAppearance}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: classes
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__icon-wrap`
-    }, dateTimePickerProps.selected && /*#__PURE__*/ _react.default.createElement("button", {
+    }, dateTimePickerProps.selected && /*#__PURE__*/ React.createElement("button", {
         className: `${baseClass}__clear-button`,
         onClick: ()=>onChange(null),
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement(_X.X, null)), /*#__PURE__*/ _react.default.createElement(_Calendar.Calendar, null)), /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(XIcon, null)), /*#__PURE__*/ React.createElement(CalendarIcon, null)), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__input-wrapper`
-    }, /*#__PURE__*/ _react.default.createElement(_reactdatepicker.default, {
+    }, /*#__PURE__*/ React.createElement(ReactDatePicker, {
         ...dateTimePickerProps,
         dropdownMode: "select",
-        locale: locale,
-        popperModifiers: [
-            {
-                name: 'preventOverflow',
-                enabled: true
-            }
-        ],
+        locale: datepickerLocale,
         showMonthDropdown: true,
         showYearDropdown: true
     })));
 };
-const _default = DateTime;
+// eslint-disable-next-line no-restricted-exports
+export default DateTime;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EYXRlUGlja2VyL0RhdGVQaWNrZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIExvY2FsZXMgZnJvbSAnZGF0ZS1mbnMvbG9jYWxlJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IERhdGVQaWNrZXIsIHsgcmVnaXN0ZXJMb2NhbGUgfSBmcm9tICdyZWFjdC1kYXRlcGlja2VyJ1xuaW1wb3J0ICdyZWFjdC1kYXRlcGlja2VyL2Rpc3QvcmVhY3QtZGF0ZXBpY2tlci5jc3MnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyBDYWxlbmRhciBhcyBDYWxlbmRhckljb24gfSBmcm9tICcuLi8uLi9pY29ucy9DYWxlbmRhcidcbmltcG9ydCB7IFggYXMgWEljb24gfSBmcm9tICcuLi8uLi9pY29ucy9YJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgeyBnZXRTdXBwb3J0ZWREYXRlTG9jYWxlIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL2Zvcm1hdERhdGUvZ2V0U3VwcG9ydGVkRGF0ZUxvY2FsZSdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnZGF0ZS10aW1lLXBpY2tlcidcblxuY29uc3QgRGF0ZVRpbWU6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgZGlzcGxheUZvcm1hdDogY3VzdG9tRGlzcGxheUZvcm1hdCxcbiAgICBtYXhEYXRlLFxuICAgIG1heFRpbWUsXG4gICAgbWluRGF0ZSxcbiAgICBtaW5UaW1lLFxuICAgIG1vbnRoc1RvU2hvdyA9IDEsXG4gICAgb25DaGFuZ2U6IG9uQ2hhbmdlRnJvbVByb3BzLFxuICAgIG92ZXJyaWRlcyxcbiAgICBwaWNrZXJBcHBlYXJhbmNlID0gJ2RlZmF1bHQnLFxuICAgIHBsYWNlaG9sZGVyOiBwbGFjZWhvbGRlclRleHQsXG4gICAgcmVhZE9ubHksXG4gICAgdGltZUZvcm1hdCA9ICdoOm1tIGFhJyxcbiAgICB0aW1lSW50ZXJ2YWxzID0gMzAsXG4gICAgdmFsdWUsXG4gIH0gPSBwcm9wc1xuXG4gIC8vIFVzZSB0aGUgdXNlcidzIEFkbWluVUkgbGFuZ3VhZ2UgcHJlZmVyZW5jZSBmb3IgdGhlIGxvY2FsZVxuICBjb25zdCB7IGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgbG9jYWxlID0gZ2V0U3VwcG9ydGVkRGF0ZUxvY2FsZShpMThuLmxhbmd1YWdlKVxuXG4gIHRyeSB7XG4gICAgcmVnaXN0ZXJMb2NhbGUobG9jYWxlLCBMb2NhbGVzW2xvY2FsZV0pXG4gIH0gY2F0Y2ggKGUpIHtcbiAgICBjb25zb2xlLndhcm4oYENvdWxkIG5vdCBmaW5kIERhdGVQaWNrZXIgbG9jYWxlIGZvciAke2xvY2FsZX1gKVxuICB9XG5cbiAgbGV0IGRhdGVGb3JtYXQgPSBjdXN0b21EaXNwbGF5Rm9ybWF0XG5cbiAgaWYgKCFjdXN0b21EaXNwbGF5Rm9ybWF0KSB7XG4gICAgLy8gd2hlbiBubyBkaXNwbGF5Rm9ybWF0IGlzIHByb3ZpZGVkLCBkZXRlcm1pbmUgZm9ybWF0IGJhc2VkIG9uIHRoZSBwaWNrZXIgYXBwZWFyYW5jZVxuICAgIGlmIChwaWNrZXJBcHBlYXJhbmNlID09PSAnZGVmYXVsdCcpIGRhdGVGb3JtYXQgPSAnTU0vZGQveXl5eSdcbiAgICBlbHNlIGlmIChwaWNrZXJBcHBlYXJhbmNlID09PSAnZGF5QW5kVGltZScpIGRhdGVGb3JtYXQgPSAnTU1NIGQsIHl5eSBoOm1tIGEnXG4gICAgZWxzZSBpZiAocGlja2VyQXBwZWFyYW5jZSA9PT0gJ3RpbWVPbmx5JykgZGF0ZUZvcm1hdCA9ICdoOm1tIGEnXG4gICAgZWxzZSBpZiAocGlja2VyQXBwZWFyYW5jZSA9PT0gJ2RheU9ubHknKSBkYXRlRm9ybWF0ID0gJ01NTSBkZCdcbiAgICBlbHNlIGlmIChwaWNrZXJBcHBlYXJhbmNlID09PSAnbW9udGhPbmx5JykgZGF0ZUZvcm1hdCA9ICdNTU1NJ1xuICB9XG5cbiAgY29uc3Qgb25DaGFuZ2UgPSAoaW5jb21pbmdEYXRlOiBEYXRlKSA9PiB7XG4gICAgY29uc3QgbmV3RGF0ZSA9IGluY29taW5nRGF0ZVxuICAgIGlmIChuZXdEYXRlIGluc3RhbmNlb2YgRGF0ZSAmJiBbJ2RheU9ubHknLCAnZGVmYXVsdCcsICdtb250aE9ubHknXS5pbmNsdWRlcyhwaWNrZXJBcHBlYXJhbmNlKSkge1xuICAgICAgY29uc3QgdHpPZmZzZXQgPSBpbmNvbWluZ0RhdGUuZ2V0VGltZXpvbmVPZmZzZXQoKSAvIDYwXG4gICAgICBuZXdEYXRlLnNldEhvdXJzKDEyIC0gdHpPZmZzZXQsIDApXG4gICAgfVxuICAgIGlmICh0eXBlb2Ygb25DaGFuZ2VGcm9tUHJvcHMgPT09ICdmdW5jdGlvbicpIG9uQ2hhbmdlRnJvbVByb3BzKG5ld0RhdGUpXG4gIH1cblxuICBjb25zdCBkYXRlVGltZVBpY2tlclByb3BzID0ge1xuICAgIGN1c3RvbUlucHV0UmVmOiAncmVmJyxcbiAgICBkYXRlRm9ybWF0LFxuICAgIGRpc2FibGVkOiByZWFkT25seSxcbiAgICBtYXhEYXRlLFxuICAgIG1heFRpbWUsXG4gICAgbWluRGF0ZSxcbiAgICBtaW5UaW1lLFxuICAgIG1vbnRoc1Nob3duOiBNYXRoLm1pbigyLCBtb250aHNUb1Nob3cpLFxuICAgIG9uQ2hhbmdlLFxuICAgIHBsYWNlaG9sZGVyVGV4dCxcbiAgICBzZWxlY3RlZDogdmFsdWUgJiYgbmV3IERhdGUodmFsdWUpLFxuICAgIHNob3dNb250aFllYXJQaWNrZXI6IHBpY2tlckFwcGVhcmFuY2UgPT09ICdtb250aE9ubHknLFxuICAgIHNob3dQb3BwZXJBcnJvdzogZmFsc2UsXG4gICAgc2hvd1RpbWVTZWxlY3Q6IHBpY2tlckFwcGVhcmFuY2UgPT09ICdkYXlBbmRUaW1lJyB8fCBwaWNrZXJBcHBlYXJhbmNlID09PSAndGltZU9ubHknLFxuICAgIHRpbWVGb3JtYXQsXG4gICAgdGltZUludGVydmFscyxcbiAgICAuLi5vdmVycmlkZXMsXG4gIH1cblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgYCR7YmFzZUNsYXNzfV9fYXBwZWFyYW5jZS0tJHtwaWNrZXJBcHBlYXJhbmNlfWBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uLXdyYXBgfT5cbiAgICAgICAge2RhdGVUaW1lUGlja2VyUHJvcHMuc2VsZWN0ZWQgJiYgKFxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2xlYXItYnV0dG9uYH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKG51bGwpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFhJY29uIC8+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICl9XG4gICAgICAgIDxDYWxlbmRhckljb24gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2lucHV0LXdyYXBwZXJgfT5cbiAgICAgICAgPERhdGVQaWNrZXJcbiAgICAgICAgICB7Li4uZGF0ZVRpbWVQaWNrZXJQcm9wc31cbiAgICAgICAgICBkcm9wZG93bk1vZGU9XCJzZWxlY3RcIlxuICAgICAgICAgIGxvY2FsZT17bG9jYWxlfVxuICAgICAgICAgIHBvcHBlck1vZGlmaWVycz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBuYW1lOiAncHJldmVudE92ZXJmbG93JyxcbiAgICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzaG93TW9udGhEcm9wZG93blxuICAgICAgICAgIHNob3dZZWFyRHJvcGRvd25cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERhdGVUaW1lXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRGF0ZVRpbWUiLCJwcm9wcyIsImRpc3BsYXlGb3JtYXQiLCJjdXN0b21EaXNwbGF5Rm9ybWF0IiwibWF4RGF0ZSIsIm1heFRpbWUiLCJtaW5EYXRlIiwibWluVGltZSIsIm1vbnRoc1RvU2hvdyIsIm9uQ2hhbmdlIiwib25DaGFuZ2VGcm9tUHJvcHMiLCJvdmVycmlkZXMiLCJwaWNrZXJBcHBlYXJhbmNlIiwicGxhY2Vob2xkZXIiLCJwbGFjZWhvbGRlclRleHQiLCJyZWFkT25seSIsInRpbWVGb3JtYXQiLCJ0aW1lSW50ZXJ2YWxzIiwidmFsdWUiLCJpMThuIiwidXNlVHJhbnNsYXRpb24iLCJsb2NhbGUiLCJnZXRTdXBwb3J0ZWREYXRlTG9jYWxlIiwibGFuZ3VhZ2UiLCJyZWdpc3RlckxvY2FsZSIsIkxvY2FsZXMiLCJlIiwiY29uc29sZSIsIndhcm4iLCJkYXRlRm9ybWF0IiwiaW5jb21pbmdEYXRlIiwibmV3RGF0ZSIsIkRhdGUiLCJpbmNsdWRlcyIsInR6T2Zmc2V0IiwiZ2V0VGltZXpvbmVPZmZzZXQiLCJzZXRIb3VycyIsImRhdGVUaW1lUGlja2VyUHJvcHMiLCJjdXN0b21JbnB1dFJlZiIsImRpc2FibGVkIiwibW9udGhzU2hvd24iLCJNYXRoIiwibWluIiwic2VsZWN0ZWQiLCJzaG93TW9udGhZZWFyUGlja2VyIiwic2hvd1BvcHBlckFycm93Iiwic2hvd1RpbWVTZWxlY3QiLCJjbGFzc2VzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJkaXYiLCJjbGFzc05hbWUiLCJidXR0b24iLCJvbkNsaWNrIiwidHlwZSIsIlhJY29uIiwiQ2FsZW5kYXJJY29uIiwiRGF0ZVBpY2tlciIsImRyb3Bkb3duTW9kZSIsInBvcHBlck1vZGlmaWVycyIsIm5hbWUiLCJlbmFibGVkIiwic2hvd01vbnRoRHJvcGRvd24iLCJzaG93WWVhckRyb3Bkb3duIl0sIm1hcHBpbmdzIjoiOzs7OytCQXdIQTs7O2VBQUE7OztnRUF4SHlCOzhEQUNQO3lFQUN5QjtRQUNwQzswQkFJa0M7bUJBQ2Q7NkJBQ0k7d0NBQ1E7UUFDaEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxXQUE0QixDQUFDQztJQUNqQyxNQUFNLEVBQ0pDLGVBQWVDLG1CQUFtQixFQUNsQ0MsT0FBTyxFQUNQQyxPQUFPLEVBQ1BDLE9BQU8sRUFDUEMsT0FBTyxFQUNQQyxlQUFlLENBQUMsRUFDaEJDLFVBQVVDLGlCQUFpQixFQUMzQkMsU0FBUyxFQUNUQyxtQkFBbUIsU0FBUyxFQUM1QkMsYUFBYUMsZUFBZSxFQUM1QkMsUUFBUSxFQUNSQyxhQUFhLFNBQVMsRUFDdEJDLGdCQUFnQixFQUFFLEVBQ2xCQyxLQUFLLEVBQ04sR0FBR2pCO0lBRUosNERBQTREO0lBQzVELE1BQU0sRUFBRWtCLElBQUksRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUMvQixNQUFNQyxTQUFTQyxJQUFBQSw4Q0FBc0IsRUFBQ0gsS0FBS0ksUUFBUTtJQUVuRCxJQUFJO1FBQ0ZDLElBQUFBLCtCQUFjLEVBQUNILFFBQVFJLE9BQU8sQ0FBQ0osT0FBTztJQUN4QyxFQUFFLE9BQU9LLEdBQUc7UUFDVkMsUUFBUUMsSUFBSSxDQUFDLENBQUMscUNBQXFDLEVBQUVQLE9BQU8sQ0FBQztJQUMvRDtJQUVBLElBQUlRLGFBQWExQjtJQUVqQixJQUFJLENBQUNBLHFCQUFxQjtRQUN4QixxRkFBcUY7UUFDckYsSUFBSVMscUJBQXFCLFdBQVdpQixhQUFhO2FBQzVDLElBQUlqQixxQkFBcUIsY0FBY2lCLGFBQWE7YUFDcEQsSUFBSWpCLHFCQUFxQixZQUFZaUIsYUFBYTthQUNsRCxJQUFJakIscUJBQXFCLFdBQVdpQixhQUFhO2FBQ2pELElBQUlqQixxQkFBcUIsYUFBYWlCLGFBQWE7SUFDMUQ7SUFFQSxNQUFNcEIsV0FBVyxDQUFDcUI7UUFDaEIsTUFBTUMsVUFBVUQ7UUFDaEIsSUFBSUMsbUJBQW1CQyxRQUFRO1lBQUM7WUFBVztZQUFXO1NBQVksQ0FBQ0MsUUFBUSxDQUFDckIsbUJBQW1CO1lBQzdGLE1BQU1zQixXQUFXSixhQUFhSyxpQkFBaUIsS0FBSztZQUNwREosUUFBUUssUUFBUSxDQUFDLEtBQUtGLFVBQVU7UUFDbEM7UUFDQSxJQUFJLE9BQU94QixzQkFBc0IsWUFBWUEsa0JBQWtCcUI7SUFDakU7SUFFQSxNQUFNTSxzQkFBc0I7UUFDMUJDLGdCQUFnQjtRQUNoQlQ7UUFDQVUsVUFBVXhCO1FBQ1ZYO1FBQ0FDO1FBQ0FDO1FBQ0FDO1FBQ0FpQyxhQUFhQyxLQUFLQyxHQUFHLENBQUMsR0FBR2xDO1FBQ3pCQztRQUNBSztRQUNBNkIsVUFBVXpCLFNBQVMsSUFBSWMsS0FBS2Q7UUFDNUIwQixxQkFBcUJoQyxxQkFBcUI7UUFDMUNpQyxpQkFBaUI7UUFDakJDLGdCQUFnQmxDLHFCQUFxQixnQkFBZ0JBLHFCQUFxQjtRQUMxRUk7UUFDQUM7UUFDQSxHQUFHTixTQUFTO0lBQ2Q7SUFFQSxNQUFNb0MsVUFBVTtRQUFDaEQ7UUFBVyxDQUFDLEVBQUVBLFVBQVUsY0FBYyxFQUFFYSxpQkFBaUIsQ0FBQztLQUFDLENBQ3pFb0MsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7SUFFUixxQkFDRSw2QkFBQ0M7UUFBSUMsV0FBV0w7cUJBQ2QsNkJBQUNJO1FBQUlDLFdBQVcsQ0FBQyxFQUFFckQsVUFBVSxXQUFXLENBQUM7T0FDdENzQyxvQkFBb0JNLFFBQVEsa0JBQzNCLDZCQUFDVTtRQUNDRCxXQUFXLENBQUMsRUFBRXJELFVBQVUsY0FBYyxDQUFDO1FBQ3ZDdUQsU0FBUyxJQUFNN0MsU0FBUztRQUN4QjhDLE1BQUs7cUJBRUwsNkJBQUNDLElBQUssd0JBR1YsNkJBQUNDLGtCQUFZLHdCQUVmLDZCQUFDTjtRQUFJQyxXQUFXLENBQUMsRUFBRXJELFVBQVUsZUFBZSxDQUFDO3FCQUMzQyw2QkFBQzJELHdCQUFVO1FBQ1IsR0FBR3JCLG1CQUFtQjtRQUN2QnNCLGNBQWE7UUFDYnRDLFFBQVFBO1FBQ1J1QyxpQkFBaUI7WUFDZjtnQkFDRUMsTUFBTTtnQkFDTkMsU0FBUztZQUNYO1NBQ0Q7UUFDREMsbUJBQUFBO1FBQ0FDLGtCQUFBQTs7QUFLVjtNQUVBLFdBQWVoRSJ9
+//# sourceMappingURL=DatePicker.js.map

package/dist/elements/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { ReactDatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker'\nconst ReactDatePicker = (ReactDatePickerDefaultImport.default ||\n  ReactDatePickerDefaultImport) as unknown as typeof ReactDatePickerDefaultImport.default\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport type { Props } from './types.js'\n\nimport { Calendar as CalendarIcon } from '../../icons/Calendar/index.js'\nimport { X as XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-picker'\n\nconst DateTime: React.FC<Props> = (props) => {\n  const {\n    displayFormat: customDisplayFormat,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsToShow = 1,\n    onChange: onChangeFromProps,\n    overrides,\n    pickerAppearance = 'default',\n    placeholder: placeholderText,\n    readOnly,\n    timeFormat = 'h:mm aa',\n    timeIntervals = 30,\n    value,\n  } = props\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n } = useTranslation()\n\n  const datepickerLocale = getFormattedLocale(i18n.language)\n\n  try {\n    registerLocale(datepickerLocale, i18n.dateFNS)\n  } catch (e) {\n    console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n  }\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') dateFormat = 'MM/dd/yyyy'\n    else if (pickerAppearance === 'dayAndTime') dateFormat = 'MMM d, yyy h:mm a'\n    else if (pickerAppearance === 'timeOnly') dateFormat = 'h:mm a'\n    else if (pickerAppearance === 'dayOnly') dateFormat = 'MMM dd'\n    else if (pickerAppearance === 'monthOnly') dateFormat = 'MMMM'\n  }\n\n  const onChange = (incomingDate: Date) => {\n    const newDate = incomingDate\n    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n      const tzOffset = incomingDate.getTimezoneOffset() / 60\n      newDate.setHours(12 - tzOffset, 0)\n    }\n    if (typeof onChangeFromProps === 'function') onChangeFromProps(newDate)\n  }\n\n  const dateTimePickerProps: ReactDatePickerProps = {\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    onChange,\n    placeholderText,\n    popperPlacement: 'bottom-start',\n    selected: value && new Date(value),\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...overrides,\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__icon-wrap`}>\n        {dateTimePickerProps.selected && (\n          <button\n            className={`${baseClass}__clear-button`}\n            onClick={() => onChange(null)}\n            type=\"button\"\n          >\n            <XIcon />\n          </button>\n        )}\n        <CalendarIcon />\n      </div>\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          locale={datepickerLocale}\n          showMonthDropdown\n          showYearDropdown\n        />\n      </div>\n    </div>\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DateTime\n"],"names":["React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","Calendar","CalendarIcon","X","XIcon","useTranslation","getFormattedLocale","baseClass","DateTime","props","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","datepickerLocale","language","dateFNS","e","console","warn","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","div","className","button","onClick","type","dropdownMode","locale","showMonthDropdown","showYearDropdown"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AACzB,OAAOC,gCAAgCC,cAAc,QAAQ,mBAAkB;AAC/E,MAAMC,kBAAmBF,6BAA6BG,OAAO,IAC3DH;AAKF,SAASI,YAAYC,YAAY,QAAQ,gCAA+B;AACxE,SAASC,KAAKC,KAAK,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,0BAAyB;AAG5D,MAAMC,YAAY;AAElB,MAAMC,WAA4B,CAACC;IACjC,MAAM,EACJC,eAAeC,mBAAmB,EAClCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,eAAe,CAAC,EAChBC,UAAUC,iBAAiB,EAC3BC,SAAS,EACTC,mBAAmB,SAAS,EAC5BC,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,aAAa,SAAS,EACtBC,gBAAgB,EAAE,EAClBC,KAAK,EACN,GAAGjB;IAEJ,4DAA4D;IAC5D,MAAM,EAAEkB,IAAI,EAAE,GAAGtB;IAEjB,MAAMuB,mBAAmBtB,mBAAmBqB,KAAKE,QAAQ;IAEzD,IAAI;QACF/B,eAAe8B,kBAAkBD,KAAKG,OAAO;IAC/C,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAAC,CAAC,qCAAqC,EAAEN,KAAKE,QAAQ,CAAC,CAAC;IACtE;IAEA,IAAIK,aAAavB;IAEjB,IAAI,CAACA,qBAAqB;QACxB,qFAAqF;QACrF,IAAIS,qBAAqB,WAAWc,aAAa;aAC5C,IAAId,qBAAqB,cAAcc,aAAa;aACpD,IAAId,qBAAqB,YAAYc,aAAa;aAClD,IAAId,qBAAqB,WAAWc,aAAa;aACjD,IAAId,qBAAqB,aAAac,aAAa;IAC1D;IAEA,MAAMjB,WAAW,CAACkB;QAChB,MAAMC,UAAUD;QAChB,IAAIC,mBAAmBC,QAAQ;YAAC;YAAW;YAAW;SAAY,CAACC,QAAQ,CAAClB,mBAAmB;YAC7F,MAAMmB,WAAWJ,aAAaK,iBAAiB,KAAK;YACpDJ,QAAQK,QAAQ,CAAC,KAAKF,UAAU;QAClC;QACA,IAAI,OAAOrB,sBAAsB,YAAYA,kBAAkBkB;IACjE;IAEA,MAAMM,sBAA4C;QAChDC,gBAAgB;QAChBT;QACAU,UAAUrB;QACVX;QACAC;QACAC;QACAC;QACA8B,aAAaC,KAAKC,GAAG,CAAC,GAAG/B;QACzBC;QACAK;QACA0B,iBAAiB;QACjBC,UAAUvB,SAAS,IAAIW,KAAKX;QAC5BwB,qBAAqB9B,qBAAqB;QAC1C+B,iBAAiB;QACjBC,gBAAgBhC,qBAAqB,gBAAgBA,qBAAqB;QAC1EI;QACAC;QACA,GAAGN,SAAS;IACd;IAEA,MAAMkC,UAAU;QAAC9C;QAAW,CAAC,EAAEA,UAAU,cAAc,EAAEa,iBAAiB,CAAC;KAAC,CACzEkC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAIC,WAAWL;qBACd,oBAACI;QAAIC,WAAW,CAAC,EAAEnD,UAAU,WAAW,CAAC;OACtCmC,oBAAoBO,QAAQ,kBAC3B,oBAACU;QACCD,WAAW,CAAC,EAAEnD,UAAU,cAAc,CAAC;QACvCqD,SAAS,IAAM3C,SAAS;QACxB4C,MAAK;qBAEL,oBAACzD,6BAGL,oBAACF,oCAEH,oBAACuD;QAAIC,WAAW,CAAC,EAAEnD,UAAU,eAAe,CAAC;qBAC3C,oBAACR;QACE,GAAG2C,mBAAmB;QACvBoB,cAAa;QACbC,QAAQnC;QACRoC,mBAAAA;QACAC,kBAAAA;;AAKV;AAEA,iDAAiD;AACjD,eAAezD,SAAQ"}

package/dist/elements/DatePicker/getFormattedLocale.d.ts

@@ -0,0 +1,2 @@
+export declare const getFormattedLocale: (language?: string) => any;
+//# sourceMappingURL=getFormattedLocale.d.ts.map

package/dist/elements/DatePicker/getFormattedLocale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormattedLocale.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,4BAW9B,CAAA"}

package/dist/elements/DatePicker/getFormattedLocale.js

@@ -0,0 +1,12 @@
+export const getFormattedLocale = (language = 'enUS')=>{
+    const formattedLocales = {
+        en: 'enUS',
+        my: 'enUS',
+        ua: 'uk',
+        zh: 'zhCN'
+    };
+    const formattedLocale = formattedLocales[language] || language;
+    return formattedLocale;
+};
+
+//# sourceMappingURL=getFormattedLocale.js.map