payload 1.0.4 → 1.0.7

package/dist/admin/components/elements/FileDetails/index.js

@@ -1,39 +1,39 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import Thumbnail from '../Thumbnail';
-import Button from '../Button';
-import Meta from './Meta';
-import Chevron from '../../icons/Chevron';
-import './index.scss';
-const baseClass = 'file-details';
-const FileDetails = (props) => {
-    var _a;
-    const { doc, collection, handleRemove, } = props;
-    const { upload: { staticURL, }, } = collection;
-    const { filename, filesize, width, height, mimeType, sizes, url, } = doc;
-    const [moreInfoOpen, setMoreInfoOpen] = useState(false);
-    const hasSizes = sizes && ((_a = Object.keys(sizes)) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("header", null,
-            React.createElement(Thumbnail, { doc: doc, collection: collection }),
-            React.createElement("div", { className: `${baseClass}__main-detail` },
-                React.createElement(Meta, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url }),
-                hasSizes && (React.createElement(Button, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
-                    !moreInfoOpen && (React.createElement(React.Fragment, null,
-                        "More info",
-                        React.createElement(Chevron, null))),
-                    moreInfoOpen && (React.createElement(React.Fragment, null,
-                        "Less info",
-                        React.createElement(Chevron, null)))))),
-            handleRemove && (React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
-        hasSizes && (React.createElement(AnimateHeight, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
-            React.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(sizes).map(([key, val]) => {
-                if (val === null || val === void 0 ? void 0 : val.filename) {
-                    return (React.createElement("li", { key: key },
-                        React.createElement("div", { className: `${baseClass}__size-label` }, key),
-                        React.createElement(Meta, { ...val, mimeType: mimeType, staticURL: staticURL })));
-                }
-                return null;
-            }))))));
-};
-export default FileDetails;
+import React, { useState } from 'react';
+import AnimateHeight from 'react-animate-height';
+import Thumbnail from '../Thumbnail';
+import Button from '../Button';
+import Meta from './Meta';
+import Chevron from '../../icons/Chevron';
+import './index.scss';
+const baseClass = 'file-details';
+const FileDetails = (props) => {
+    var _a;
+    const { doc, collection, handleRemove, } = props;
+    const { upload: { staticURL, }, } = collection;
+    const { filename, filesize, width, height, mimeType, sizes, url, } = doc;
+    const [moreInfoOpen, setMoreInfoOpen] = useState(false);
+    const hasSizes = sizes && ((_a = Object.keys(sizes)) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("header", null,
+            React.createElement(Thumbnail, { doc: doc, collection: collection }),
+            React.createElement("div", { className: `${baseClass}__main-detail` },
+                React.createElement(Meta, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url }),
+                hasSizes && (React.createElement(Button, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
+                    !moreInfoOpen && (React.createElement(React.Fragment, null,
+                        "More info",
+                        React.createElement(Chevron, null))),
+                    moreInfoOpen && (React.createElement(React.Fragment, null,
+                        "Less info",
+                        React.createElement(Chevron, null)))))),
+            handleRemove && (React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
+        hasSizes && (React.createElement(AnimateHeight, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
+            React.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(sizes).map(([key, val]) => {
+                if (val === null || val === void 0 ? void 0 : val.filename) {
+                    return (React.createElement("li", { key: key },
+                        React.createElement("div", { className: `${baseClass}__size-label` }, key),
+                        React.createElement(Meta, { ...val, mimeType: mimeType, staticURL: staticURL })));
+                }
+                return null;
+            }))))));
+};
+export default FileDetails;

package/dist/admin/components/elements/FileDetails/types.d.ts

@@ -1,6 +1,6 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
-    collection: SanitizedCollectionConfig;
-    doc: Record<string, unknown>;
-    handleRemove?: () => void;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    collection: SanitizedCollectionConfig;
+    doc: Record<string, unknown>;
+    handleRemove?: () => void;
+};

package/dist/admin/components/elements/FileDetails/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/GenerateConfirmation/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const GenerateConfirmation: React.FC<Props>;
-export default GenerateConfirmation;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const GenerateConfirmation: React.FC<Props>;
+export default GenerateConfirmation;

package/dist/admin/components/elements/GenerateConfirmation/index.js

@@ -1,38 +1,38 @@
-import React from 'react';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import Button from '../Button';
-import MinimalTemplate from '../../templates/Minimal';
-import './index.scss';
-const baseClass = 'generate-confirmation';
-const GenerateConfirmation = (props) => {
-    const { setKey, highlightField, } = props;
-    const { toggle } = useModal();
-    const modalSlug = 'generate-confirmation';
-    const handleGenerate = () => {
-        setKey();
-        toggle(modalSlug);
-        toast.success('New API Key Generated.', { autoClose: 3000 });
-        highlightField(true);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
-                toggle(modalSlug);
-            } }, "Generate new API key"),
-        React.createElement(Modal, { slug: modalSlug, className: baseClass },
-            React.createElement(MinimalTemplate, { className: `${baseClass}__template` },
-                React.createElement("h1", null, "Confirm Generation"),
-                React.createElement("p", null,
-                    "Generating a new API key will",
-                    ' ',
-                    React.createElement("strong", null, "invalidate"),
-                    ' ',
-                    "the previous key.",
-                    ' ',
-                    "Are you sure you wish to continue?"),
-                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
-                        toggle(modalSlug);
-                    } }, "Cancel"),
-                React.createElement(Button, { onClick: handleGenerate }, "Generate")))));
-};
-export default GenerateConfirmation;
+import React from 'react';
+import { toast } from 'react-toastify';
+import { Modal, useModal } from '@faceless-ui/modal';
+import Button from '../Button';
+import MinimalTemplate from '../../templates/Minimal';
+import './index.scss';
+const baseClass = 'generate-confirmation';
+const GenerateConfirmation = (props) => {
+    const { setKey, highlightField, } = props;
+    const { toggle } = useModal();
+    const modalSlug = 'generate-confirmation';
+    const handleGenerate = () => {
+        setKey();
+        toggle(modalSlug);
+        toast.success('New API Key Generated.', { autoClose: 3000 });
+        highlightField(true);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
+                toggle(modalSlug);
+            } }, "Generate new API key"),
+        React.createElement(Modal, { slug: modalSlug, className: baseClass },
+            React.createElement(MinimalTemplate, { className: `${baseClass}__template` },
+                React.createElement("h1", null, "Confirm Generation"),
+                React.createElement("p", null,
+                    "Generating a new API key will",
+                    ' ',
+                    React.createElement("strong", null, "invalidate"),
+                    ' ',
+                    "the previous key.",
+                    ' ',
+                    "Are you sure you wish to continue?"),
+                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
+                        toggle(modalSlug);
+                    } }, "Cancel"),
+                React.createElement(Button, { onClick: handleGenerate }, "Generate")))));
+};
+export default GenerateConfirmation;

package/dist/admin/components/elements/GenerateConfirmation/types.d.ts

@@ -1,4 +1,4 @@
-export declare type Props = {
-    setKey: () => void;
-    highlightField: (Boolean: any) => void;
-};
+export declare type Props = {
+    setKey: () => void;
+    highlightField: (Boolean: any) => void;
+};

package/dist/admin/components/elements/GenerateConfirmation/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/Gutter/index.d.ts

@@ -1,13 +1,13 @@
-import React, { Ref } from 'react';
-import './index.scss';
-declare type Props = {
-    left?: boolean;
-    right?: boolean;
-    negativeLeft?: boolean;
-    negativeRight?: boolean;
-    className?: string;
-    children: React.ReactNode;
-    ref?: Ref<HTMLDivElement>;
-};
-export declare const Gutter: React.FC<Props>;
-export {};
+import React, { Ref } from 'react';
+import './index.scss';
+declare type Props = {
+    left?: boolean;
+    right?: boolean;
+    negativeLeft?: boolean;
+    negativeRight?: boolean;
+    className?: string;
+    children: React.ReactNode;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Gutter: React.FC<Props>;
+export {};

package/dist/admin/components/elements/Gutter/index.js

@@ -1,16 +1,16 @@
-import React, { forwardRef } from 'react';
-import './index.scss';
-const baseClass = 'gutter';
-export const Gutter = forwardRef((props, ref) => {
-    const { left = true, right = true, negativeLeft = false, negativeRight = false, className, children, } = props;
-    const shouldPadLeft = left && !negativeLeft;
-    const shouldPadRight = right && !negativeRight;
-    return (React.createElement("div", { ref: ref, className: [
-            shouldPadLeft && `${baseClass}--left`,
-            shouldPadRight && `${baseClass}--right`,
-            negativeLeft && `${baseClass}--negative-left`,
-            negativeRight && `${baseClass}--negative-right`,
-            className,
-        ].filter(Boolean).join(' ') }, children));
-});
-Gutter.displayName = 'Gutter';
+import React, { forwardRef } from 'react';
+import './index.scss';
+const baseClass = 'gutter';
+export const Gutter = forwardRef((props, ref) => {
+    const { left = true, right = true, negativeLeft = false, negativeRight = false, className, children, } = props;
+    const shouldPadLeft = left && !negativeLeft;
+    const shouldPadRight = right && !negativeRight;
+    return (React.createElement("div", { ref: ref, className: [
+            shouldPadLeft && `${baseClass}--left`,
+            shouldPadRight && `${baseClass}--right`,
+            negativeLeft && `${baseClass}--negative-left`,
+            negativeRight && `${baseClass}--negative-right`,
+            className,
+        ].filter(Boolean).join(' ') }, children));
+});
+Gutter.displayName = 'Gutter';

package/dist/admin/components/elements/IDLabel/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import './index.scss';
-declare const IDLabel: React.FC<{
-    id: string;
-    prefix?: string;
-}>;
-export default IDLabel;
+import React from 'react';
+import './index.scss';
+declare const IDLabel: React.FC<{
+    id: string;
+    prefix?: string;
+}>;
+export default IDLabel;

package/dist/admin/components/elements/IDLabel/index.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import './index.scss';
-const baseClass = 'id-label';
-const IDLabel = ({ id, prefix = 'ID:' }) => (React.createElement("div", { className: baseClass },
-    prefix,
-    "\u00A0\u00A0",
-    id));
-export default IDLabel;
+import React from 'react';
+import './index.scss';
+const baseClass = 'id-label';
+const IDLabel = ({ id, prefix = 'ID:' }) => (React.createElement("div", { className: baseClass },
+    prefix,
+    "\u00A0\u00A0",
+    id));
+export default IDLabel;

package/dist/admin/components/elements/ListControls/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const ListControls: React.FC<Props>;
-export default ListControls;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const ListControls: React.FC<Props>;
+export default ListControls;

package/dist/admin/components/elements/ListControls/index.js

@@ -1,34 +1,34 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { fieldAffectsData } from '../../../../fields/config/types';
-import SearchFilter from '../SearchFilter';
-import ColumnSelector from '../ColumnSelector';
-import WhereBuilder from '../WhereBuilder';
-import SortComplex from '../SortComplex';
-import Button from '../Button';
-import { useSearchParams } from '../../utilities/SearchParams';
-import validateWhereQuery from '../WhereBuilder/validateWhereQuery';
-import './index.scss';
-const baseClass = 'list-controls';
-const ListControls = (props) => {
-    const { collection, enableColumns = true, enableSort = false, columns, setColumns, handleSortChange, handleWhereChange, modifySearchQuery = true, collection: { fields, admin: { useAsTitle, }, }, } = props;
-    const params = useSearchParams();
-    const shouldInitializeWhereOpened = validateWhereQuery(params === null || params === void 0 ? void 0 : params.where);
-    const [titleField] = useState(() => fields.find((field) => fieldAffectsData(field) && field.name === useAsTitle));
-    const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            React.createElement(SearchFilter, { fieldName: titleField && fieldAffectsData(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: titleField && titleField.label ? titleField.label : undefined }),
-            React.createElement("div", { className: `${baseClass}__buttons` },
-                React.createElement("div", { className: `${baseClass}__buttons-wrap` },
-                    enableColumns && (React.createElement(Button, { className: `${baseClass}__toggle-columns`, buttonStyle: visibleDrawer === 'columns' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: "chevron", iconStyle: "none" }, "Columns")),
-                    React.createElement(Button, { className: `${baseClass}__toggle-where`, buttonStyle: visibleDrawer === 'where' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: "chevron", iconStyle: "none" }, "Filters"),
-                    enableSort && (React.createElement(Button, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), icon: "chevron", iconStyle: "none" }, "Sort"))))),
-        enableColumns && (React.createElement(AnimateHeight, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
-            React.createElement(ColumnSelector, { collection: collection, columns: columns, setColumns: setColumns }))),
-        React.createElement(AnimateHeight, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
-            React.createElement(WhereBuilder, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
-        enableSort && (React.createElement(AnimateHeight, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0 },
-            React.createElement(SortComplex, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
-};
-export default ListControls;
+import React, { useState } from 'react';
+import AnimateHeight from 'react-animate-height';
+import { fieldAffectsData } from '../../../../fields/config/types';
+import SearchFilter from '../SearchFilter';
+import ColumnSelector from '../ColumnSelector';
+import WhereBuilder from '../WhereBuilder';
+import SortComplex from '../SortComplex';
+import Button from '../Button';
+import { useSearchParams } from '../../utilities/SearchParams';
+import validateWhereQuery from '../WhereBuilder/validateWhereQuery';
+import './index.scss';
+const baseClass = 'list-controls';
+const ListControls = (props) => {
+    const { collection, enableColumns = true, enableSort = false, columns, setColumns, handleSortChange, handleWhereChange, modifySearchQuery = true, collection: { fields, admin: { useAsTitle, }, }, } = props;
+    const params = useSearchParams();
+    const shouldInitializeWhereOpened = validateWhereQuery(params === null || params === void 0 ? void 0 : params.where);
+    const [titleField] = useState(() => fields.find((field) => fieldAffectsData(field) && field.name === useAsTitle));
+    const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            React.createElement(SearchFilter, { fieldName: titleField && fieldAffectsData(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: titleField && titleField.label ? titleField.label : undefined }),
+            React.createElement("div", { className: `${baseClass}__buttons` },
+                React.createElement("div", { className: `${baseClass}__buttons-wrap` },
+                    enableColumns && (React.createElement(Button, { className: `${baseClass}__toggle-columns`, buttonStyle: visibleDrawer === 'columns' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: "chevron", iconStyle: "none" }, "Columns")),
+                    React.createElement(Button, { className: `${baseClass}__toggle-where`, buttonStyle: visibleDrawer === 'where' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: "chevron", iconStyle: "none" }, "Filters"),
+                    enableSort && (React.createElement(Button, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), icon: "chevron", iconStyle: "none" }, "Sort"))))),
+        enableColumns && (React.createElement(AnimateHeight, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
+            React.createElement(ColumnSelector, { collection: collection, columns: columns, setColumns: setColumns }))),
+        React.createElement(AnimateHeight, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
+            React.createElement(WhereBuilder, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
+        enableSort && (React.createElement(AnimateHeight, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0 },
+            React.createElement(SortComplex, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
+};
+export default ListControls;

package/dist/admin/components/elements/ListControls/types.d.ts

@@ -1,16 +1,16 @@
-import { Where } from '../../../../types';
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
-    enableColumns?: boolean;
-    enableSort?: boolean;
-    modifySearchQuery?: boolean;
-    handleSortChange?: (sort: string) => void;
-    handleWhereChange?: (where: Where) => void;
-    columns?: string[];
-    setColumns?: (columns: string[]) => void;
-    collection: SanitizedCollectionConfig;
-};
-export declare type ListControls = {
-    where?: unknown;
-    columns?: string[];
-};
+import { Where } from '../../../../types';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    enableColumns?: boolean;
+    enableSort?: boolean;
+    modifySearchQuery?: boolean;
+    handleSortChange?: (sort: string) => void;
+    handleWhereChange?: (where: Where) => void;
+    columns?: string[];
+    setColumns?: (columns: string[]) => void;
+    collection: SanitizedCollectionConfig;
+};
+export declare type ListControls = {
+    where?: unknown;
+    columns?: string[];
+};

package/dist/admin/components/elements/ListControls/types.js

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Loading: React.FC;
-export default Loading;
+import React from 'react';
+declare const Loading: React.FC;
+export default Loading;

package/dist/admin/components/elements/Loading/index.js

@@ -1,3 +1,3 @@
-import React from 'react';
-const Loading = () => React.createElement("div", null);
-export default Loading;
+import React from 'react';
+const Loading = () => React.createElement("div", null);
+export default Loading;

package/dist/admin/components/elements/Localizer/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Localizer: React.FC<Props>;
-export default Localizer;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Localizer: React.FC<Props>;
+export default Localizer;

package/dist/admin/components/elements/Localizer/index.js

@@ -1,39 +1,39 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import qs from 'qs';
-import { useConfig } from '../../utilities/Config';
-import { useLocale } from '../../utilities/Locale';
-import { useSearchParams } from '../../utilities/SearchParams';
-import Popup from '../Popup';
-import './index.scss';
-const baseClass = 'localizer';
-const Localizer = () => {
-    const { localization } = useConfig();
-    const locale = useLocale();
-    const searchParams = useSearchParams();
-    if (localization) {
-        const { locales } = localization;
-        return (React.createElement("div", { className: baseClass },
-            React.createElement(Popup, { horizontalAlign: "left", button: locale, render: ({ close }) => (React.createElement("div", null,
-                    React.createElement("span", null, "Locales"),
-                    React.createElement("ul", null, locales.map((localeOption) => {
-                        const baseLocaleClass = `${baseClass}__locale`;
-                        const localeClasses = [
-                            baseLocaleClass,
-                            locale === localeOption && `${baseLocaleClass}--active`,
-                        ];
-                        const newParams = {
-                            ...searchParams,
-                            locale: localeOption,
-                        };
-                        const search = qs.stringify(newParams);
-                        if (localeOption !== locale) {
-                            return (React.createElement("li", { key: localeOption, className: localeClasses.join(' ') },
-                                React.createElement(Link, { to: { search }, onClick: close }, localeOption)));
-                        }
-                        return null;
-                    })))) })));
-    }
-    return null;
-};
-export default Localizer;
+import React from 'react';
+import { Link } from 'react-router-dom';
+import qs from 'qs';
+import { useConfig } from '../../utilities/Config';
+import { useLocale } from '../../utilities/Locale';
+import { useSearchParams } from '../../utilities/SearchParams';
+import Popup from '../Popup';
+import './index.scss';
+const baseClass = 'localizer';
+const Localizer = () => {
+    const { localization } = useConfig();
+    const locale = useLocale();
+    const searchParams = useSearchParams();
+    if (localization) {
+        const { locales } = localization;
+        return (React.createElement("div", { className: baseClass },
+            React.createElement(Popup, { horizontalAlign: "left", button: locale, render: ({ close }) => (React.createElement("div", null,
+                    React.createElement("span", null, "Locales"),
+                    React.createElement("ul", null, locales.map((localeOption) => {
+                        const baseLocaleClass = `${baseClass}__locale`;
+                        const localeClasses = [
+                            baseLocaleClass,
+                            locale === localeOption && `${baseLocaleClass}--active`,
+                        ];
+                        const newParams = {
+                            ...searchParams,
+                            locale: localeOption,
+                        };
+                        const search = qs.stringify(newParams);
+                        if (localeOption !== locale) {
+                            return (React.createElement("li", { key: localeOption, className: localeClasses.join(' ') },
+                                React.createElement(Link, { to: { search }, onClick: close }, localeOption)));
+                        }
+                        return null;
+                    })))) })));
+    }
+    return null;
+};
+export default Localizer;

package/dist/admin/components/elements/Localizer/types.d.ts

@@ -1 +1 @@
-export declare type Props = {};
+export declare type Props = {};

package/dist/admin/components/elements/Localizer/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/elements/Nav/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import './index.scss';
-declare const Nav: React.FC;
-export default Nav;
+import React from 'react';
+import './index.scss';
+declare const Nav: React.FC;
+export default Nav;