payload 0.19.0 → 0.20.0

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

@@ -1,156 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.field-type.code {
-  position: relative;
-  margin-bottom: $baseline;
-
-  &.error {
-    textarea {
-      border: 1px solid $color-red !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;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
-  background: #1d1f21;
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
-  padding: 0.1em;
-  border-radius: 0.3em;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #7c7c7c;
-}
-
-.token.punctuation {
-  color: #c5c8c6;
-}
-
-.namespace {
-  opacity: 0.7;
-}
-
-.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;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}

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

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

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

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

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

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

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

@@ -1,32 +0,0 @@
-import React, { useCallback } from 'react';
-import useField from '../../useField';
-import Label from '../../Label';
-import Error from '../../Error';
-import { useWatchForm } from '../../Form/context';
-import './index.scss';
-const ConfirmPassword = () => {
-    const { getField } = useWatchForm();
-    const password = getField('password');
-    const validate = useCallback((value) => {
-        if (value === (password === null || password === void 0 ? void 0 : password.value)) {
-            return true;
-        }
-        return 'Passwords do not match.';
-    }, [password]);
-    const { value, showError, setValue, errorMessage, } = useField({
-        path: 'confirm-password',
-        disableFormData: true,
-        validate,
-        enableDebouncedValue: true,
-    });
-    const classes = [
-        'field-type',
-        'confirm-password',
-        showError && 'error',
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: "confirm-password", label: "Confirm Password", required: true }),
-        React.createElement("input", { value: value || '', onChange: setValue, type: "password", autoComplete: "off", id: "confirm-password", name: "confirm-password" })));
-};
-export default ConfirmPassword;

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

@@ -1,16 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.field-type.confirm-password {
-	position: relative;
-  margin-bottom: $baseline;
-
-	input {
-		@include formInput;
-	}
-
-	&.error {
-		input {
-      background-color: lighten($color-red, 20%);
-		}
-	}
-}

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

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

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

@@ -1,40 +0,0 @@
-import React, { useCallback } from 'react';
-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 './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 path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, required });
-    }, [validate, required]);
-    const { value, showError, errorMessage, setValue, } = useField({
-        path,
-        validate: memoizedValidate,
-        condition,
-    });
-    const classes = [
-        'field-type',
-        baseClass,
-        className,
-        showError && `${baseClass}--has-error`,
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    return (React.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", { className: `${baseClass}__input-wrapper` },
-            React.createElement(DatePicker, { ...date, placeholder: placeholder, readOnly: readOnly, onChange: readOnly ? undefined : setValue, value: value })),
-        React.createElement(FieldDescription, { value: value, description: description })));
-};
-export default withCondition(DateTime);

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

@@ -1,15 +0,0 @@
-@import '../../../../scss/styles';
-
-.date-time-field {
-  margin-bottom: $baseline;
-
-  &__error-wrap {
-    position: relative;
-  }
-
-  &--has-error {
-    .react-datepicker__input-container input {
-      background-color: lighten($color-red, 20%);
-    }
-  }
-}

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

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

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

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

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

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

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

@@ -1,38 +0,0 @@
-import React, { useCallback } from 'react';
-import withCondition from '../../withCondition';
-import useField from '../../useField';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-import { email } from '../../../../../fields/validations';
-import './index.scss';
-const Email = (props) => {
-    const { name, path: pathFromProps, required, validate = email, admin: { readOnly, style, className, width, placeholder, autoComplete, description, condition, } = {}, label, } = props;
-    const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, required });
-    }, [validate, required]);
-    const fieldType = useField({
-        path,
-        validate: memoizedValidate,
-        enableDebouncedValue: true,
-        condition,
-    });
-    const { value, showError, setValue, errorMessage, } = fieldType;
-    const classes = [
-        'field-type',
-        'email',
-        className,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, style: {
-            ...style,
-            width,
-        } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: path, label: label, required: required }),
-        React.createElement("input", { value: value || '', onChange: setValue, disabled: Boolean(readOnly), placeholder: placeholder, type: "email", id: path, name: path, autoComplete: autoComplete }),
-        React.createElement(FieldDescription, { value: value, description: description })));
-};
-export default withCondition(Email);

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

@@ -1,16 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.field-type.email {
-  margin-bottom: $baseline;
-  position: relative;
-
-	input {
-		@include formInput;
-	}
-
-	&.error {
-		input {
-      background-color: lighten($color-red, 20%);
-		}
-	}
-}

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import RenderFields from '../../RenderFields';
-import withCondition from '../../withCondition';
-import FieldDescription from '../../FieldDescription';
-import FieldTypeGutter from '../../FieldTypeGutter';
-import { NegativeFieldGutterProvider } from '../../FieldTypeGutter/context';
-import { fieldAffectsData } from '../../../../../fields/config/types';
-import './index.scss';
-const baseClass = 'group';
-const Group = (props) => {
-    const { label, fields, name, path: pathFromProps, fieldTypes, admin: { readOnly, style, className, width, hideGutter, description, }, permissions, } = props;
-    const path = pathFromProps || name;
-    return (React.createElement("div", { className: [
-            'field-type',
-            baseClass,
-            className,
-            !label && `${baseClass}--no-label`,
-        ].filter(Boolean).join(' '), style: {
-            ...style,
-            width,
-        } },
-        !hideGutter && (React.createElement(FieldTypeGutter, null)),
-        React.createElement("div", { className: `${baseClass}__content-wrapper` },
-            (label || description) && (React.createElement("header", { className: `${baseClass}__header` },
-                label && (React.createElement("h3", { className: `${baseClass}__title` }, label)),
-                React.createElement(FieldDescription, { value: null, description: description }))),
-            React.createElement("div", { className: `${baseClass}__fields-wrapper` },
-                React.createElement(NegativeFieldGutterProvider, { allow: false },
-                    React.createElement(RenderFields, { permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, readOnly: readOnly, fieldTypes: fieldTypes, fieldSchema: fields.map((subField) => ({
-                            ...subField,
-                            path: `${path}${fieldAffectsData(subField) ? `.${subField.name}` : ''}`,
-                        })) }))))));
-};
-export default withCondition(Group);

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

@@ -1,50 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.group {
-  margin-top: base(2);
-  margin-bottom: base(2);
-  display: flex;
-  position: relative;
-
-  &__header {
-    margin-bottom: base(1);
-  }
-
-  &__title {
-    margin-bottom: 0;
-  }
-
-  &:hover {
-    .field-type-gutter__content-container {
-      box-shadow: #{$style-stroke-width-m} 0px 0px 0px $color-dark-gray;
-    }
-  }
-
-  &__content-wrapper {
-    width: 100%;
-  }
-
-  &__fields-wrapper {
-    position: relative;
-  }
-
-  .render-fields {
-    width: 100%;
-
-    .row {
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &--no-label {
-    margin-top: 0,
-  }
-
-  @include mid-break {
-    &__fields-wrapper {
-      display: flex;
-    }
-  }
-}

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

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

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

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-declare const _default: React.FC<Props>;
-export default _default;

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

@@ -1,17 +0,0 @@
-import React, { useEffect } from 'react';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-const HiddenInput = (props) => {
-    const { name, path: pathFromProps, value: valueFromProps, disableModifyingForm = true, } = props;
-    const path = pathFromProps || name;
-    const { value, setValue } = useField({
-        path,
-    });
-    useEffect(() => {
-        if (valueFromProps !== undefined) {
-            setValue(valueFromProps, disableModifyingForm);
-        }
-    }, [valueFromProps, setValue, disableModifyingForm]);
-    return (React.createElement("input", { type: "hidden", value: value || '', onChange: setValue, name: path }));
-};
-export default withCondition(HiddenInput);

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

@@ -1,6 +0,0 @@
-export declare type Props = {
-    name: string;
-    path?: string;
-    value: unknown;
-    disableModifyingForm?: false;
-};

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

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

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

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

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

@@ -1,46 +0,0 @@
-import React, { useCallback } from 'react';
-import useField from '../../useField';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-import withCondition from '../../withCondition';
-import { number } from '../../../../../fields/validations';
-import './index.scss';
-const NumberField = (props) => {
-    const { name, path: pathFromProps, required, validate = number, label, max, min, admin: { readOnly, style, className, width, step, placeholder, description, condition, } = {}, } = props;
-    const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, min, max, required });
-    }, [validate, min, max, required]);
-    const { value, showError, setValue, errorMessage, } = useField({
-        path,
-        validate: memoizedValidate,
-        enableDebouncedValue: true,
-        condition,
-    });
-    const handleChange = useCallback((e) => {
-        const val = parseFloat(e.target.value);
-        if (Number.isNaN(val)) {
-            setValue('');
-        }
-        else {
-            setValue(val);
-        }
-    }, [setValue]);
-    const classes = [
-        'field-type',
-        'number',
-        className,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, style: {
-            ...style,
-            width,
-        } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: path, label: label, required: required }),
-        React.createElement("input", { value: typeof value === 'number' ? value : '', onChange: handleChange, disabled: readOnly, placeholder: placeholder, type: "number", id: path, name: path, step: step }),
-        React.createElement(FieldDescription, { value: value, description: description })));
-};
-export default withCondition(NumberField);

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

@@ -1,16 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.field-type.number {
-	position: relative;
-  margin-bottom: $baseline;
-
-	input {
-		@include formInput;
-	}
-
-	&.error {
-		input {
-      background-color: lighten($color-red, 20%);
-		}
-	}
-}

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-import React, { useCallback } from 'react';
-import useField from '../../useField';
-import Label from '../../Label';
-import Error from '../../Error';
-import withCondition from '../../withCondition';
-import { password } from '../../../../../fields/validations';
-import './index.scss';
-const Password = (props) => {
-    const { path: pathFromProps, name, required, validate = password, style, className, width, autoComplete, label, } = props;
-    const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
-        const validationResult = validate(value, { ...options, required });
-        return validationResult;
-    }, [validate, required]);
-    const { value, showError, formProcessing, setValue, errorMessage, } = useField({
-        path,
-        validate: memoizedValidate,
-        enableDebouncedValue: true,
-    });
-    const classes = [
-        'field-type',
-        'password',
-        className,
-        showError && 'error',
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, style: {
-            ...style,
-            width,
-        } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: path, label: label, required: required }),
-        React.createElement("input", { value: value || '', onChange: setValue, disabled: formProcessing, type: "password", autoComplete: autoComplete, id: path, name: path })));
-};
-export default withCondition(Password);

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

@@ -1,16 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.field-type.password {
-	position: relative;
-  margin-bottom: $baseline;
-
-	input {
-		@include formInput;
-	}
-
-	&.error {
-		input {
-      background-color: lighten($color-red, 20%);
-		}
-	}
-}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Validate } from '../../../../../fields/config/types';
-import { Description } from '../../FieldDescription/types';
-export declare type Props = {
-    autoComplete?: string;
-    path?: string;
-    name: string;
-    required?: boolean;
-    validate?: Validate;
-    style?: React.CSSProperties;
-    className?: string;
-    width?: string;
-    label?: string;
-    description?: Description;
-};

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

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