payload 0.19.2 → 0.20.0

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

@@ -1,97 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.file-details {
-  background-color: $color-background-gray;
-
-  header {
-    display: flex;
-    align-items: flex-start;
-    border-bottom: $style-stroke-width-m solid white;
-  }
-
-  &__remove {
-    margin: $baseline $baseline $baseline 0;
-  }
-
-
-
-  &__main-detail {
-    padding: $baseline base(1.5);
-    width: auto;
-    flex-grow: 1;
-    min-width: 0;
-    align-self: center;
-  }
-
-  &__toggle-more-info {
-    font-weight: 600;
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  &__toggle-more-info.open {
-    .icon--chevron {
-      transform: rotate(180deg);
-    }
-  }
-
-  &__sizes {
-    margin: 0;
-    padding: base(1.5) $baseline 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-
-    li {
-      width: 50%;
-      padding: 0 base(.5);
-      margin-bottom: $baseline;
-    }
-  }
-
-  &__size-label {
-    color: $color-gray;
-  }
-
-  @include large-break {
-    &__main-detail {
-      padding: $baseline;
-    }
-
-    &__sizes {
-      display: block;
-      padding: $baseline $baseline base(.5);
-
-      li {
-        padding: 0;
-        width: 100%;
-      }
-    }
-  }
-
-  @include mid-break {
-    header {
-      flex-wrap: wrap;
-    }
-
-    .thumbnail {
-      width: 50%;
-      order: 1;
-    }
-
-    &__remove {
-      order: 2;
-      margin-left: auto;
-      margin-right: $baseline;
-    }
-
-    &__main-detail {
-      border-top: $style-stroke-width-m solid white;
-      order: 3;
-      width: 100%;
-    }
-  }
-}

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

@@ -1,6 +0,0 @@
-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 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-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, null,
-                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/index.scss

@@ -1,12 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.generate-confirmation {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  height: 100%;
-
-  .btn {
-    margin-right: $baseline;
-  }
-}

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

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

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

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

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

@@ -1,7 +0,0 @@
-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 +0,0 @@
-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/IDLabel/index.scss

@@ -1,11 +0,0 @@
-@import '../../../scss/styles';
-
-.id-label {
-  font-size: base(.75);
-  font-weight: normal;
-  color: $color-gray;
-  background: $color-background-gray;
-  padding: base(.25) base(.5);
-  border-radius: $style-radius-m;
-  display: inline-flex;
-}

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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-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/index.scss

@@ -1,81 +0,0 @@
-@import '../../../scss/styles';
-
-.list-controls {
-  margin-bottom: $baseline;
-
-  &__wrap {
-    display: flex;
-  }
-
-  .search-filter {
-    flex-grow: 1;
-
-    input {
-      margin: 0;
-    }
-  }
-
-  &__buttons {
-    margin-left: $baseline;
-  }
-
-  &__buttons-wrap {
-    display: flex;
-    margin-left: - base(.5);
-    margin-right: - base(.5);
-    width: calc(100% + #{$baseline});
-  }
-
-  &__toggle-columns,
-  &__toggle-where,
-  &__toggle-sort {
-    min-width: 140px;
-
-    &.btn {
-      margin: 0 base(.5);
-    }
-
-    &.btn--style-primary {
-      svg {
-        transform: rotate(180deg);
-      }
-    }
-  }
-
-  .column-selector,
-  .where-builder,
-  .sort-complex {
-    margin-top: base(1);
-  }
-
-  @include mid-break {
-    &__buttons {
-      margin-left: base(.5);
-    }
-  }
-
-  @include small-break {
-    &__wrap {
-      flex-wrap: wrap;
-    }
-
-    .search-filter {
-      margin-bottom: base(.5);
-      width: 100%;
-    }
-
-    &__buttons {
-      margin: 0;
-    }
-
-    &__buttons {
-      width: 100%;
-    }
-
-    &__toggle-columns,
-    &__toggle-where,
-    &__toggle-sort {
-      flex-grow: 1;
-    }
-  }
-}

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

@@ -1,16 +0,0 @@
-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 +0,0 @@
-export {};

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

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

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

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

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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-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/index.scss

@@ -1,41 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.localizer {
-  position: relative;
-
-  button {
-    padding: base(.25) 0;
-    font-size: 1rem;
-    line-height: base(1);
-    background: transparent;
-    border: 0;
-    font-weight: 600;
-    cursor: pointer;
-
-    &:hover {
-      text-decoration: underline;
-    }
-
-    &:active,
-    &:focus {
-      outline: none;
-    }
-  }
-
-  span {
-    color: $color-gray;
-  }
-
-  ul {
-    list-style: none;
-    padding: 0;
-    text-align: left;
-    margin: 0;
-
-    a {
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-}

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

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

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

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

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

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

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

@@ -1,74 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { NavLink, Link, useHistory } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import Chevron from '../../icons/Chevron';
-import LogOut from '../../icons/LogOut';
-import Menu from '../../icons/Menu';
-import CloseMenu from '../../icons/CloseMenu';
-import Icon from '../../graphics/Icon';
-import Account from '../../graphics/Account';
-import Localizer from '../Localizer';
-import './index.scss';
-const baseClass = 'nav';
-const DefaultNav = () => {
-    const { permissions } = useAuth();
-    const [menuActive, setMenuActive] = useState(false);
-    const history = useHistory();
-    const { collections, globals, routes: { admin, }, admin: { components: { beforeNavLinks, afterNavLinks, }, }, } = useConfig();
-    const classes = [
-        baseClass,
-        menuActive && `${baseClass}--menu-active`,
-    ].filter(Boolean).join(' ');
-    useEffect(() => history.listen(() => {
-        setMenuActive(false);
-    }), [history]);
-    return (React.createElement("aside", { className: classes },
-        React.createElement("div", { className: `${baseClass}__scroll` },
-            React.createElement("header", null,
-                React.createElement(Link, { to: admin, className: `${baseClass}__brand` },
-                    React.createElement(Icon, null)),
-                React.createElement("button", { type: "button", className: `${baseClass}__mobile-menu-btn`, onClick: () => setMenuActive(!menuActive) },
-                    menuActive && (React.createElement(CloseMenu, null)),
-                    !menuActive && (React.createElement(Menu, null)))),
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
-                React.createElement("span", { className: `${baseClass}__label` }, "Collections"),
-                React.createElement("nav", null, collections && collections.map((collection, i) => {
-                    var _a, _b;
-                    const href = `${admin}/collections/${collection.slug}`;
-                    if ((_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read.permission) {
-                        return (React.createElement(NavLink, { activeClassName: "active", key: i, to: href },
-                            React.createElement(Chevron, null),
-                            collection.labels.plural));
-                    }
-                    return null;
-                })),
-                (globals && globals.length > 0) && (React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: `${baseClass}__label` }, "Globals"),
-                    React.createElement("nav", null, globals.map((global, i) => {
-                        var _a;
-                        const href = `${admin}/globals/${global.slug}`;
-                        if ((_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug].read.permission) {
-                            return (React.createElement(NavLink, { activeClassName: "active", key: i, to: href },
-                                React.createElement(Chevron, null),
-                                global.label));
-                        }
-                        return null;
-                    })))),
-                Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
-                React.createElement("div", { className: `${baseClass}__controls` },
-                    React.createElement(Localizer, null),
-                    React.createElement(Link, { to: `${admin}/account`, className: `${baseClass}__account` },
-                        React.createElement(Account, null)),
-                    React.createElement(Link, { to: `${admin}/logout`, className: `${baseClass}__log-out` },
-                        React.createElement(LogOut, null)))))));
-};
-const Nav = () => {
-    const { admin: { components: { Nav: CustomNav, } = {
-        Nav: undefined,
-    }, } = {}, } = useConfig();
-    return (React.createElement(RenderCustomComponent, { CustomComponent: CustomNav, DefaultComponent: DefaultNav }));
-};
-export default Nav;