payload 1.4.2 → 1.5.0

package/dist/admin/components/forms/field-types/Code/index.js

@@ -1,6 +1,34 @@
-import React, { Suspense, lazy } from 'react';
-import Loading from '../../../elements/Loading';
-const Code = lazy(() => import('./Code'));
-const CodeField = (props) => (React.createElement(Suspense, { fallback: React.createElement(Loading, null) },
-    React.createElement(Code, { ...props })));
-export default CodeField;
+"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 Loading_1 = __importDefault(require("../../../elements/Loading"));
+const Code = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Code'))));
+const CodeField = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(Loading_1.default, null) },
+    react_1.default.createElement(Code, { ...props })));
+exports.default = CodeField;

package/dist/admin/components/forms/field-types/Code/index.scss

@@ -4,252 +4,9 @@
   position: relative;
   margin-bottom: $baseline;
 
-  &__input {
-    @include formInput();
-    height: unset;
-  }
-
   &.error {
     textarea {
       border: 1px solid var(--theme-error-500) !important;
     }
   }
 }
-
-/**
- * atom-dark theme for `prism.js`
- * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
- * @author Joe Gibson (@gibsjose)
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
-  color: #c5c8c6;
-  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-  font-family: Inconsolata, Monaco, Consolas, "Courier New", Courier, monospace;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  line-height: 1.5;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-  padding: 1em;
-  margin: 0.5em 0;
-  overflow: auto;
-  border-radius: 0.3em;
-}
-
-/* Inline code */
-:not(pre)>code[class*="language-"] {
-  padding: 0.1em;
-  border-radius: 0.3em;
-}
-
-.namespace {
-  opacity: 0.7;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-// DARK
-
-html[data-theme=dark] {
-
-  :not(pre)>code[class*="language-"],
-  pre[class*="language-"] {
-    background: var(--theme-base-100);
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: #7c7c7c;
-  }
-
-  .token.punctuation {
-    color: #c5c8c6;
-  }
-
-  .token.property,
-  .token.keyword,
-  .token.tag {
-    color: #96cbfe;
-  }
-
-  .token.class-name {
-    color: #ffffb6;
-    text-decoration: underline;
-  }
-
-  .token.boolean,
-  .token.constant {
-    color: #99cc99;
-  }
-
-  .token.symbol,
-  .token.deleted {
-    color: #f92672;
-  }
-
-  .token.number {
-    color: #ff73fd;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: #a8ff60;
-  }
-
-  .token.variable {
-    color: #c6c5fe;
-  }
-
-  .token.operator {
-    color: #ededed;
-  }
-
-  .token.entity {
-    color: #ffffb6;
-    cursor: help;
-  }
-
-  .token.url {
-    color: #96cbfe;
-  }
-
-  .language-css .token.string,
-  .style .token.string {
-    color: #87c38a;
-  }
-
-  .token.atrule,
-  .token.attr-value {
-    color: #f9ee98;
-  }
-
-  .token.function {
-    color: #dad085;
-  }
-
-  .token.regex {
-    color: #e9c062;
-  }
-
-  .token.important {
-    color: #fd971f;
-  }
-}
-
-// LIGHT
-
-html[data-theme=light] {
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: #666666;
-  }
-
-  .token.punctuation {
-    color: #797979;
-  }
-
-  .token.property,
-  .token.keyword,
-  .token.tag {
-    color: #0167c5;
-  }
-
-  .token.class-name {
-    color: #b2ac00;
-    text-decoration: underline;
-  }
-
-  .token.boolean,
-  .token.constant {
-    color: #008600;
-  }
-
-  .token.symbol,
-  .token.deleted {
-    color: #ab003f;
-  }
-
-  .token.number {
-    color: #970195;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: #418c03;
-  }
-
-  .token.variable {
-    color: #4643e3;
-  }
-
-  .token.operator {
-    color: #3c3c3c;
-  }
-
-  .token.entity {
-    color: #b2ac00;
-    cursor: help;
-  }
-
-  .token.url {
-    color: #0084ff;
-  }
-
-  .language-css .token.string,
-  .style .token.string {
-    color: #386b3a;
-  }
-
-  .token.atrule,
-  .token.attr-value {
-    color: #b5a108;
-  }
-
-  .token.function {
-    color: #8c1aea;
-  }
-
-  .token.regex {
-    color: #e5a205;
-  }
-
-  .token.important {
-    color: #ac0900;
-  }
-}

package/dist/admin/components/forms/field-types/Code/types.d.ts

@@ -1,4 +1,4 @@
 import { CodeField } from '../../../../../fields/config/types';
-export declare type Props = Omit<CodeField, 'type'> & {
+export type Props = Omit<CodeField, 'type'> & {
     path?: string;
 };

package/dist/admin/components/forms/field-types/Code/types.js

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

package/dist/admin/components/forms/field-types/Collapsible/index.js

@@ -1,21 +1,49 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import RenderFields from '../../RenderFields';
-import withCondition from '../../withCondition';
-import { Collapsible } from '../../../elements/Collapsible';
-import { usePreferences } from '../../../utilities/Preferences';
-import { useDocumentInfo } from '../../../utilities/DocumentInfo';
-import FieldDescription from '../../FieldDescription';
-import { RowLabel } from '../../RowLabel';
-import { createNestedFieldPath } from '../../Form/createNestedFieldPath';
-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 RenderFields_1 = __importDefault(require("../../RenderFields"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const Collapsible_1 = require("../../../elements/Collapsible");
+const Preferences_1 = require("../../../utilities/Preferences");
+const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const RowLabel_1 = require("../../RowLabel");
+const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
+require("./index.scss");
 const baseClass = 'collapsible-field';
 const CollapsibleField = (props) => {
     const { label, fields, fieldTypes, path, permissions, indexPath, admin: { readOnly, className, initCollapsed, description, }, } = props;
-    const { getPreference, setPreference } = usePreferences();
-    const { preferencesKey } = useDocumentInfo();
-    const [collapsedOnMount, setCollapsedOnMount] = useState();
+    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
+    const { preferencesKey } = (0, DocumentInfo_1.useDocumentInfo)();
+    const [collapsedOnMount, setCollapsedOnMount] = (0, react_1.useState)();
     const fieldPreferencesKey = `collapsible-${indexPath.replace(/\./gi, '__')}`;
-    const onToggle = useCallback(async (newCollapsedState) => {
+    const onToggle = (0, react_1.useCallback)(async (newCollapsedState) => {
         var _a, _b;
         const existingPreferences = await getPreference(preferencesKey);
         setPreference(preferencesKey, {
@@ -39,7 +67,7 @@ const CollapsibleField = (props) => {
             },
         });
     }, [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const fetchInitialState = async () => {
             var _a, _b, _c, _d;
             const preferences = await getPreference(preferencesKey);
@@ -55,16 +83,16 @@ const CollapsibleField = (props) => {
     }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path]);
     if (typeof collapsedOnMount !== 'boolean')
         return null;
-    return (React.createElement("div", { id: `field-${fieldPreferencesKey}${path ? `-${path.replace(/\./gi, '__')}` : ''}` },
-        React.createElement(Collapsible, { initCollapsed: collapsedOnMount, className: [
+    return (react_1.default.createElement("div", { id: `field-${fieldPreferencesKey}${path ? `-${path.replace(/\./gi, '__')}` : ''}` },
+        react_1.default.createElement(Collapsible_1.Collapsible, { initCollapsed: collapsedOnMount, className: [
                 'field-type',
                 baseClass,
                 className,
-            ].filter(Boolean).join(' '), header: (React.createElement(RowLabel, { path: path, label: label })), onToggle: onToggle },
-            React.createElement(RenderFields, { forceRender: true, readOnly: readOnly, permissions: permissions, fieldTypes: fieldTypes, indexPath: indexPath, fieldSchema: fields.map((field) => ({
+            ].filter(Boolean).join(' '), header: (react_1.default.createElement(RowLabel_1.RowLabel, { path: path, label: label })), onToggle: onToggle },
+            react_1.default.createElement(RenderFields_1.default, { forceRender: true, readOnly: readOnly, permissions: permissions, fieldTypes: fieldTypes, indexPath: indexPath, fieldSchema: fields.map((field) => ({
                     ...field,
-                    path: createNestedFieldPath(path, field),
+                    path: (0, createNestedFieldPath_1.createNestedFieldPath)(path, field),
                 })) })),
-        React.createElement(FieldDescription, { description: description })));
+        react_1.default.createElement(FieldDescription_1.default, { description: description })));
 };
-export default withCondition(CollapsibleField);
+exports.default = (0, withCondition_1.default)(CollapsibleField);

package/dist/admin/components/forms/field-types/Collapsible/types.d.ts

@@ -1,7 +1,7 @@
 import { CollapsibleField } from '../../../../../fields/config/types';
 import { FieldTypes } from '..';
 import { FieldPermissions } from '../../../../../auth/types';
-export declare type Props = Omit<CollapsibleField, 'type'> & {
+export type Props = Omit<CollapsibleField, 'type'> & {
     path?: string;
     fieldTypes: FieldTypes;
     permissions: FieldPermissions;

package/dist/admin/components/forms/field-types/Collapsible/types.js

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

package/dist/admin/components/forms/field-types/ConfirmPassword/index.js

@@ -1,14 +1,42 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import useField from '../../useField';
-import Label from '../../Label';
-import Error from '../../Error';
-import { useFormFields } from '../../Form/context';
-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 useField_1 = __importDefault(require("../../useField"));
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const context_1 = require("../../Form/context");
+require("./index.scss");
 const ConfirmPassword = () => {
-    const password = useFormFields(([fields]) => fields.password);
-    const { t } = useTranslation('fields');
-    const validate = useCallback((value) => {
+    const password = (0, context_1.useFormFields)(([fields]) => fields.password);
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
+    const validate = (0, react_1.useCallback)((value) => {
         if (!value) {
             return t('validation:required');
         }
@@ -17,7 +45,7 @@ const ConfirmPassword = () => {
         }
         return t('passwordsDoNotMatch');
     }, [password, t]);
-    const { value, showError, setValue, errorMessage, } = useField({
+    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
         path: 'confirm-password',
         disableFormData: true,
         validate,
@@ -27,9 +55,9 @@ const ConfirmPassword = () => {
         'confirm-password',
         showError && 'error',
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: "field-confirm-password", label: t('authentication:confirmPassword'), required: true }),
-        React.createElement("input", { value: value || '', onChange: setValue, type: "password", autoComplete: "off", id: "field-confirm-password", name: "confirm-password" })));
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement(Label_1.default, { htmlFor: "field-confirm-password", label: t('authentication:confirmPassword'), required: true }),
+        react_1.default.createElement("input", { value: value || '', onChange: setValue, type: "password", autoComplete: "off", id: "field-confirm-password", name: "confirm-password" })));
 };
-export default ConfirmPassword;
+exports.default = ConfirmPassword;

package/dist/admin/components/forms/field-types/DateTime/index.js

@@ -1,23 +1,51 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import DatePicker from '../../../elements/DatePicker';
-import withCondition from '../../withCondition';
-import useField from '../../useField';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-import { date as dateValidation } from '../../../../../fields/validations';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-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 DatePicker_1 = __importDefault(require("../../../elements/DatePicker"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const useField_1 = __importDefault(require("../../useField"));
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const validations_1 = require("../../../../../fields/validations");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'date-time-field';
 const DateTime = (props) => {
-    const { path: pathFromProps, name, required, validate = dateValidation, label, admin: { placeholder, readOnly, style, className, width, date, description, condition, } = {}, } = props;
-    const { i18n } = useTranslation();
+    const { path: pathFromProps, name, required, validate = validations_1.date, label, admin: { placeholder, readOnly, style, className, width, date, description, condition, } = {}, } = props;
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
         return validate(value, { ...options, required });
     }, [validate, required]);
-    const { value, showError, errorMessage, setValue, } = useField({
+    const { value, showError, errorMessage, setValue, } = (0, useField_1.default)({
         path,
         validate: memoizedValidate,
         condition,
@@ -29,18 +57,18 @@ const DateTime = (props) => {
         showError && `${baseClass}--has-error`,
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, style: {
+    return (react_1.default.createElement("div", { className: classes, style: {
             ...style,
             width,
         } },
-        React.createElement("div", { className: `${baseClass}__error-wrap` },
-            React.createElement(Error, { showError: showError, message: errorMessage })),
-        React.createElement(Label, { htmlFor: path, label: label, required: required }),
-        React.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: `${baseClass}__input-wrapper` },
-            React.createElement(DatePicker, { ...date, placeholder: getTranslation(placeholder, i18n), readOnly: readOnly, onChange: (incomingDate) => {
+        react_1.default.createElement("div", { className: `${baseClass}__error-wrap` },
+            react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage })),
+        react_1.default.createElement(Label_1.default, { htmlFor: path, label: label, required: required }),
+        react_1.default.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: `${baseClass}__input-wrapper` },
+            react_1.default.createElement(DatePicker_1.default, { ...date, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), readOnly: readOnly, onChange: (incomingDate) => {
                     if (!readOnly)
                         setValue((incomingDate === null || incomingDate === void 0 ? void 0 : incomingDate.toISOString()) || null);
                 }, value: value })),
-        React.createElement(FieldDescription, { value: value, description: description })));
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
 };
-export default withCondition(DateTime);
+exports.default = (0, withCondition_1.default)(DateTime);

package/dist/admin/components/forms/field-types/DateTime/types.d.ts

@@ -1,4 +1,4 @@
 import { DateField } from '../../../../../fields/config/types';
-export declare type Props = Omit<DateField, 'type'> & {
+export type Props = Omit<DateField, 'type'> & {
     path: string;
 };

package/dist/admin/components/forms/field-types/DateTime/types.js

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