payload 1.4.2 → 1.5.0

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

@@ -1,6 +1,11 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+require("./index.scss");
 const baseClass = 'banner';
 const Banner = ({ children, className, to, icon, alignIcon = 'right', onClick, type = 'default', }) => {
     const classes = [
@@ -16,10 +21,10 @@ const Banner = ({ children, className, to, icon, alignIcon = 'right', onClick, t
     if (onClick && !to)
         RenderedType = 'button';
     if (to)
-        RenderedType = Link;
-    return (React.createElement(RenderedType, { className: classes, onClick: onClick, to: to || undefined },
-        (icon && alignIcon === 'left') && (React.createElement(React.Fragment, null, icon)),
-        React.createElement("span", { className: `${baseClass}__content` }, children),
-        (icon && alignIcon === 'right') && (React.createElement(React.Fragment, null, icon))));
+        RenderedType = react_router_dom_1.Link;
+    return (react_1.default.createElement(RenderedType, { className: classes, onClick: onClick, to: to || undefined },
+        (icon && alignIcon === 'left') && (react_1.default.createElement(react_1.default.Fragment, null, icon)),
+        react_1.default.createElement("span", { className: `${baseClass}__content` }, children),
+        (icon && alignIcon === 'right') && (react_1.default.createElement(react_1.default.Fragment, null, icon))));
 };
-export default Banner;
+exports.default = Banner;

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

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
-declare type onClick = (event: MouseEvent) => void;
-export declare type Props = {
+type onClick = (event: MouseEvent) => void;
+export type Props = {
     children?: React.ReactNode;
     className?: string;
     icon?: React.ReactNode;
@@ -9,7 +9,7 @@ export declare type Props = {
     to?: string;
     type?: 'error' | 'success' | 'info' | 'default';
 };
-export declare type RenderedTypeProps = {
+export type RenderedTypeProps = {
     className?: string;
     onClick?: onClick;
     to: string;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,33 +1,61 @@
-import React, { Fragment, isValidElement } from 'react';
-import { Link } from 'react-router-dom';
-import plus from '../../icons/Plus';
-import x from '../../icons/X';
-import chevron from '../../icons/Chevron';
-import edit from '../../icons/Edit';
-import swap from '../../icons/Swap';
-import Tooltip from '../Tooltip';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const Plus_1 = __importDefault(require("../../icons/Plus"));
+const X_1 = __importDefault(require("../../icons/X"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Edit_1 = __importDefault(require("../../icons/Edit"));
+const Swap_1 = __importDefault(require("../../icons/Swap"));
+const Tooltip_1 = __importDefault(require("../Tooltip"));
+require("./index.scss");
 const icons = {
-    plus,
-    x,
-    chevron,
-    edit,
-    swap,
+    plus: Plus_1.default,
+    x: X_1.default,
+    chevron: Chevron_1.default,
+    edit: Edit_1.default,
+    swap: Swap_1.default,
 };
 const baseClass = 'btn';
 const ButtonContents = ({ children, icon, tooltip, showTooltip }) => {
     const BuiltInIcon = icons[icon];
-    return (React.createElement(Fragment, null,
-        React.createElement(Tooltip, { className: `${baseClass}__tooltip`, show: showTooltip }, tooltip),
-        React.createElement("span", { className: `${baseClass}__content` },
-            children && (React.createElement("span", { className: `${baseClass}__label` }, children)),
-            icon && (React.createElement("span", { className: `${baseClass}__icon` },
-                isValidElement(icon) && icon,
-                BuiltInIcon && React.createElement(BuiltInIcon, null))))));
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, tooltip),
+        react_1.default.createElement("span", { className: `${baseClass}__content` },
+            children && (react_1.default.createElement("span", { className: `${baseClass}__label` }, children)),
+            icon && (react_1.default.createElement("span", { className: `${baseClass}__icon` },
+                (0, react_1.isValidElement)(icon) && icon,
+                BuiltInIcon && react_1.default.createElement(BuiltInIcon, null))))));
 };
 const Button = (props) => {
     const { className, id, type = 'button', el = 'button', to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
-    const [showTooltip, setShowTooltip] = React.useState(false);
+    const [showTooltip, setShowTooltip] = react_1.default.useState(false);
     const classes = [
         baseClass,
         className && className,
@@ -61,15 +89,15 @@ const Button = (props) => {
     };
     switch (el) {
         case 'link':
-            return (React.createElement(Link, { ...buttonProps, to: to || url },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
+            return (react_1.default.createElement(react_router_dom_1.Link, { ...buttonProps, to: to || url },
+                react_1.default.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
         case 'anchor':
-            return (React.createElement("a", { ...buttonProps, href: url },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
+            return (react_1.default.createElement("a", { ...buttonProps, href: url },
+                react_1.default.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
         default:
             const Tag = el; // eslint-disable-line no-case-declarations
-            return (React.createElement(Tag, { type: "submit", ...buttonProps },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
+            return (react_1.default.createElement(Tag, { type: "submit", ...buttonProps },
+                react_1.default.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
     }
 };
-export default Button;
+exports.default = Button;

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

@@ -1,5 +1,5 @@
 import React, { ElementType, MouseEvent } from 'react';
-export declare type Props = {
+export type Props = {
     className?: string;
     id?: string;
     type?: 'submit' | 'button';

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,6 +1,11 @@
-import React from 'react';
-import Button from '../Button';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("../Button"));
+require("./index.scss");
 const baseClass = 'card';
 const Card = (props) => {
     const { id, title, actions, onClick } = props;
@@ -9,9 +14,9 @@ const Card = (props) => {
         id,
         onClick && `${baseClass}--has-onclick`,
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, id: id },
-        React.createElement("h5", null, title),
-        actions && (React.createElement("div", { className: `${baseClass}__actions` }, actions)),
-        onClick && (React.createElement(Button, { className: `${baseClass}__click`, buttonStyle: "none", onClick: onClick }))));
+    return (react_1.default.createElement("div", { className: classes, id: id },
+        react_1.default.createElement("h5", null, title),
+        actions && (react_1.default.createElement("div", { className: `${baseClass}__actions` }, actions)),
+        onClick && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__click`, buttonStyle: "none", onClick: onClick }))));
 };
-export default Card;
+exports.default = Card;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     id?: string;
     title: string;
     actions?: React.ReactNode;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = __importDefault(require("@monaco-editor/react"));
+const Theme_1 = require("../../utilities/Theme");
+require("./index.scss");
+const baseClass = 'code-editor';
+const CodeEditor = (props) => {
+    const { readOnly, className, options, ...rest } = props;
+    const { theme } = (0, Theme_1.useTheme)();
+    const classes = [
+        baseClass,
+        className,
+        (rest === null || rest === void 0 ? void 0 : rest.defaultLanguage) ? `language--${rest.defaultLanguage}` : '',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement(react_2.default, { height: "35vh", className: classes, options: {
+            detectIndentation: true,
+            minimap: {
+                enabled: false,
+            },
+            readOnly: Boolean(readOnly),
+            scrollBeyondLastLine: false,
+            tabSize: 2,
+            theme: theme === 'dark' ? 'vs-dark' : 'vs',
+            wordWrap: 'on',
+            ...options,
+        }, ...rest }));
+};
+exports.default = CodeEditor;

package/dist/admin/components/elements/CodeEditor/index.scss

@@ -0,0 +1,21 @@
+@import '../../../scss/styles';
+
+.code-editor {
+  @include formInput;
+  height: auto;
+  padding: 0;
+
+  .monaco-editor {
+    .view-overlays .current-line {
+      max-width: calc(100% - 14px);
+      border-width: 0px;
+    }
+
+    &:focus-within {
+      .view-overlays .current-line {
+        border-right: 0;
+        border-width: 1px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import type { EditorProps } from '@monaco-editor/react';
+export type Props = EditorProps & {
+    readOnly?: boolean;
+};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,18 +1,47 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { useTranslation } from 'react-i18next';
-import { CollapsibleProvider, useCollapsible } from './provider';
-import Chevron from '../../icons/Chevron';
-import DragHandle from '../../icons/Drag';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Collapsible = void 0;
+const react_1 = __importStar(require("react"));
+const react_animate_height_1 = __importDefault(require("react-animate-height"));
+const react_i18next_1 = require("react-i18next");
+const provider_1 = require("./provider");
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Drag_1 = __importDefault(require("../../icons/Drag"));
+require("./index.scss");
 const baseClass = 'collapsible';
-export const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle, className, header, initCollapsed, dragHandleProps, actions, }) => {
-    const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed));
-    const [hovered, setHovered] = useState(false);
-    const isNested = useCollapsible();
-    const { t } = useTranslation('fields');
+const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle, className, header, initCollapsed, dragHandleProps, actions, }) => {
+    const [collapsedLocal, setCollapsedLocal] = (0, react_1.useState)(Boolean(initCollapsed));
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const isNested = (0, provider_1.useCollapsible)();
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
     const collapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal;
-    return (React.createElement("div", { className: [
+    return (react_1.default.createElement("div", { className: [
             baseClass,
             className,
             dragHandleProps && `${baseClass}--has-drag-handle`,
@@ -20,11 +49,11 @@ export const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle,
             isNested && `${baseClass}--nested`,
             hovered && `${baseClass}--hovered`,
         ].filter(Boolean).join(' ') },
-        React.createElement(CollapsibleProvider, null,
-            React.createElement("div", { className: `${baseClass}__toggle-wrap`, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false) },
-                dragHandleProps && (React.createElement("div", { className: `${baseClass}__drag`, ...dragHandleProps },
-                    React.createElement(DragHandle, null))),
-                React.createElement("button", { type: "button", className: [
+        react_1.default.createElement(provider_1.CollapsibleProvider, null,
+            react_1.default.createElement("div", { className: `${baseClass}__toggle-wrap`, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false) },
+                dragHandleProps && (react_1.default.createElement("div", { className: `${baseClass}__drag`, ...dragHandleProps },
+                    react_1.default.createElement(Drag_1.default, null))),
+                react_1.default.createElement("button", { type: "button", className: [
                         `${baseClass}__toggle`,
                         `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,
                     ].filter(Boolean).join(' '), onClick: () => {
@@ -32,14 +61,15 @@ export const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle,
                             onToggle(!collapsed);
                         setCollapsedLocal(!collapsed);
                     } },
-                    React.createElement("span", null, t('toggleBlock'))),
-                header && (React.createElement("div", { className: [
+                    react_1.default.createElement("span", null, t('toggleBlock'))),
+                header && (react_1.default.createElement("div", { className: [
                         `${baseClass}__header-wrap`,
                         dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,
                     ].filter(Boolean).join(' ') }, header && header)),
-                React.createElement("div", { className: `${baseClass}__actions-wrap` },
-                    actions && (React.createElement("div", { className: `${baseClass}__actions` }, actions)),
-                    React.createElement(Chevron, { className: `${baseClass}__indicator` }))),
-            React.createElement(AnimateHeight, { height: collapsed ? 0 : 'auto', duration: 200 },
-                React.createElement("div", { className: `${baseClass}__content` }, children)))));
+                react_1.default.createElement("div", { className: `${baseClass}__actions-wrap` },
+                    actions && (react_1.default.createElement("div", { className: `${baseClass}__actions` }, actions)),
+                    react_1.default.createElement(Chevron_1.default, { className: `${baseClass}__indicator` }))),
+            react_1.default.createElement(react_animate_height_1.default, { height: collapsed ? 0 : 'auto', duration: 200 },
+                react_1.default.createElement("div", { className: `${baseClass}__content` }, children)))));
 };
+exports.Collapsible = Collapsible;

package/dist/admin/components/elements/Collapsible/provider.js

@@ -1,7 +1,35 @@
-import React, { createContext, useContext, } from 'react';
-const Context = createContext(false);
-export const CollapsibleProvider = ({ children, withinCollapsible = true }) => {
-    return (React.createElement(Context.Provider, { value: withinCollapsible }, children));
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
-export const useCollapsible = () => useContext(Context);
-export default Context;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCollapsible = exports.CollapsibleProvider = void 0;
+const react_1 = __importStar(require("react"));
+const Context = (0, react_1.createContext)(false);
+const CollapsibleProvider = ({ children, withinCollapsible = true }) => {
+    return (react_1.default.createElement(Context.Provider, { value: withinCollapsible }, children));
+};
+exports.CollapsibleProvider = CollapsibleProvider;
+const useCollapsible = () => (0, react_1.useContext)(Context);
+exports.useCollapsible = useCollapsible;
+exports.default = Context;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
-export declare type Props = {
+export type Props = {
     collapsed?: boolean;
     className?: string;
     header?: React.ReactNode;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,25 +1,53 @@
-import React, { useEffect, useId, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
-import Pill from '../Pill';
-import Plus from '../../icons/Plus';
-import X from '../../icons/X';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import { useEditDepth } from '../../utilities/EditDepth';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
+const Pill_1 = __importDefault(require("../Pill"));
+const Plus_1 = __importDefault(require("../../icons/Plus"));
+const X_1 = __importDefault(require("../../icons/X"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const EditDepth_1 = require("../../utilities/EditDepth");
+require("./index.scss");
 const baseClass = 'column-selector';
 const ColumnSelector = (props) => {
     const { collection, columns, setColumns, } = props;
-    const [fields, setFields] = useState(() => flattenTopLevelFields(collection.fields, true));
-    useEffect(() => {
-        setFields(flattenTopLevelFields(collection.fields, true));
+    const [fields, setFields] = (0, react_1.useState)(() => (0, flattenTopLevelFields_1.default)(collection.fields, true));
+    (0, react_1.useEffect)(() => {
+        setFields((0, flattenTopLevelFields_1.default)(collection.fields, true));
     }, [collection.fields]);
-    const { i18n } = useTranslation();
-    const uuid = useId();
-    const editDepth = useEditDepth();
-    return (React.createElement("div", { className: baseClass }, fields && fields.map((field, i) => {
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const uuid = (0, react_1.useId)();
+    const editDepth = (0, EditDepth_1.useEditDepth)();
+    return (react_1.default.createElement("div", { className: baseClass }, fields && fields.map((field, i) => {
         const isEnabled = columns.find((column) => column === field.name);
-        return (React.createElement(Pill, { onClick: () => {
+        return (react_1.default.createElement(Pill_1.default, { onClick: () => {
                 let newState = [...columns];
                 if (isEnabled) {
                     newState = newState.filter((remainingColumn) => remainingColumn !== field.name);
@@ -28,10 +56,10 @@ const ColumnSelector = (props) => {
                     newState.unshift(field.name);
                 }
                 setColumns(newState);
-            }, alignIcon: "left", key: `${field.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`, icon: isEnabled ? React.createElement(X, null) : React.createElement(Plus, null), className: [
+            }, alignIcon: "left", key: `${field.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`, icon: isEnabled ? react_1.default.createElement(X_1.default, null) : react_1.default.createElement(Plus_1.default, null), className: [
                 `${baseClass}__column`,
                 isEnabled && `${baseClass}__column--active`,
-            ].filter(Boolean).join(' ') }, getTranslation(field.label || field.name, i18n)));
+            ].filter(Boolean).join(' ') }, (0, getTranslation_1.getTranslation)(field.label || field.name, i18n)));
     })));
 };
-export default ColumnSelector;
+exports.default = ColumnSelector;

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

@@ -1,5 +1,5 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
+export type Props = {
     collection: SanitizedCollectionConfig;
     columns: string[];
     setColumns: (columns: string[]) => void;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,16 +1,44 @@
-import React, { useState, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import Copy from '../../icons/Copy';
-import Tooltip from '../Tooltip';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Copy_1 = __importDefault(require("../../icons/Copy"));
+const Tooltip_1 = __importDefault(require("../Tooltip"));
+require("./index.scss");
 const baseClass = 'copy-to-clipboard';
 const CopyToClipboard = ({ value, defaultMessage, successMessage, }) => {
-    const ref = useRef(null);
-    const [copied, setCopied] = useState(false);
-    const [hovered, setHovered] = useState(false);
-    const { t } = useTranslation('general');
+    const ref = (0, react_1.useRef)(null);
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('general');
     if (value) {
-        return (React.createElement("button", { onMouseEnter: () => {
+        return (react_1.default.createElement("button", { onMouseEnter: () => {
                 setHovered(true);
                 setCopied(false);
             }, onMouseLeave: () => {
@@ -24,12 +52,12 @@ const CopyToClipboard = ({ value, defaultMessage, successMessage, }) => {
                     setCopied(true);
                 }
             } },
-            React.createElement(Copy, null),
-            React.createElement(Tooltip, { show: hovered || copied, delay: copied ? 0 : undefined },
+            react_1.default.createElement(Copy_1.default, null),
+            react_1.default.createElement(Tooltip_1.default, { show: hovered || copied, delay: copied ? 0 : undefined },
                 copied && (successMessage !== null && successMessage !== void 0 ? successMessage : t('copied')),
                 !copied && (defaultMessage !== null && defaultMessage !== void 0 ? defaultMessage : t('copy'))),
-            React.createElement("textarea", { readOnly: true, value: value, ref: ref })));
+            react_1.default.createElement("textarea", { readOnly: true, value: value, ref: ref })));
     }
     return null;
 };
-export default CopyToClipboard;
+exports.default = CopyToClipboard;