payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,85 @@
+@import '../../../../scss/styles.scss';
+
+.checkbox {
+  position: relative;
+  margin-bottom: $baseline;
+
+  .tooltip {
+    right: auto;
+    position: relative;
+    margin-bottom: .2em;
+    max-width: fit-content;
+  }
+
+  &__error-wrap {
+    position: relative;
+  }
+}
+
+
+.custom-checkbox {
+  label {
+    padding-bottom: 0;
+  }
+
+  input {
+    // hidden HTML checkbox
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+  }
+
+  &__input {
+    // visible checkbox
+    @include formInput;
+    padding: 0;
+    line-height: 0;
+    position: relative;
+    width: $baseline;
+    height: $baseline;
+    margin-right: base(.5);
+
+    svg {
+      opacity: 0;
+    }
+  }
+
+  &--read-only {
+    .custom-checkbox__input {
+      background-color: var(--theme-elevation-100);
+    }
+
+    label {
+      color: var(--theme-elevation-400);
+    }
+  }
+
+  button {
+    @extend %btn-reset;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    &:focus,
+    &:active {
+      outline: none;
+    }
+
+    &:hover {
+      svg {
+        opacity: .2;
+      }
+    }
+  }
+
+  &--checked {
+    button {
+      .custom-checkbox__input {
+        svg {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import { CheckboxField } from '../../../../../fields/config/types';
+export type Props = Omit<CheckboxField, 'type'> & {
+    path?: string;
+    onChange?: (val: boolean) => void;
+    disableFormData?: boolean;
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/forms/field-types/Checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Checkbox/types.ts"],"names":[],"mappings":""}

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

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

@@ -0,0 +1,71 @@
+"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 validations_1 = require("../../../../../fields/validations");
+const Error_1 = __importDefault(require("../../Error"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const Label_1 = __importDefault(require("../../Label"));
+const useField_1 = __importDefault(require("../../useField"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const CodeEditor_1 = require("../../../elements/CodeEditor");
+require("./index.scss");
+const prismToMonacoLanguageMap = {
+    js: 'javascript',
+    ts: 'typescript',
+};
+const baseClass = 'code-field';
+const Code = (props) => {
+    const { path: pathFromProps, name, required, validate = validations_1.code, admin: { readOnly, style, className, width, language, description, condition, editorOptions, } = {}, label, } = props;
+    const path = pathFromProps || name;
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
+        return validate(value, { ...options, required });
+    }, [validate, required]);
+    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const classes = [
+        baseClass,
+        'field-type',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path}`, label: label, required: required }),
+        react_1.default.createElement(CodeEditor_1.CodeEditor, { options: editorOptions, defaultLanguage: prismToMonacoLanguageMap[language] || language, value: value || '', onChange: readOnly ? () => null : (val) => setValue(val), readOnly: readOnly }),
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+};
+exports.default = (0, withCondition_1.default)(Code);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Code/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,mEAAyD;AACzD,wDAAgC;AAChC,8EAAsD;AACtD,wDAAgC;AAEhC,8DAAsC;AACtC,wEAAgD;AAChD,6DAA0D;AAG1D,wBAAsB;AAEtB,MAAM,wBAAwB,GAAG;IAC/B,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAC;AAEF,MAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EACJ,IAAI,EAAE,aAAa,EACnB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,kBAAI,EACf,KAAK,EAAE,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,aAAa,GACd,GAAG,EAAE,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACtD,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,SAAS;QACT,YAAY;QACZ,SAAS;QACT,SAAS,IAAI,OAAO;QACpB,QAAQ,IAAI,WAAW;KACxB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB;QACF,8BAAC,eAAK,IACJ,OAAO,EAAE,SAAS,IAAI,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB;QACF,8BAAC,uBAAU,IACT,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,wBAAwB,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAC/D,KAAK,EAAE,KAAe,IAAI,EAAE,EAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EACxD,QAAQ,EAAE,QAAQ,GAClB;QACF,8BAAC,0BAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+@import '../../../../scss/styles.scss';
+
+.code-field {
+  position: relative;
+  margin-bottom: $baseline;
+
+  &.error {
+    textarea {
+      border: 1px solid var(--theme-error-500) !important;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Code/types.ts"],"names":[],"mappings":""}

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

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

@@ -0,0 +1,99 @@
+"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 } = (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 = (0, react_1.useCallback)(async (newCollapsedState) => {
+        var _a, _b;
+        const existingPreferences = await getPreference(preferencesKey);
+        setPreference(preferencesKey, {
+            ...existingPreferences,
+            ...path ? {
+                fields: {
+                    ...(existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) || {},
+                    [path]: {
+                        ...(_a = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _a === void 0 ? void 0 : _a[path],
+                        collapsed: newCollapsedState,
+                    },
+                },
+            } : {
+                fields: {
+                    ...(existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) || {},
+                    [fieldPreferencesKey]: {
+                        ...(_b = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _b === void 0 ? void 0 : _b[fieldPreferencesKey],
+                        collapsed: newCollapsedState,
+                    },
+                },
+            },
+        });
+    }, [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path]);
+    (0, react_1.useEffect)(() => {
+        const fetchInitialState = async () => {
+            var _a, _b, _c, _d;
+            const preferences = await getPreference(preferencesKey);
+            if (preferences) {
+                const initCollapsedFromPref = path ? (_b = (_a = preferences === null || preferences === void 0 ? void 0 : preferences.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.collapsed : (_d = (_c = preferences === null || preferences === void 0 ? void 0 : preferences.fields) === null || _c === void 0 ? void 0 : _c[fieldPreferencesKey]) === null || _d === void 0 ? void 0 : _d.collapsed;
+                setCollapsedOnMount(Boolean(initCollapsedFromPref));
+            }
+            else {
+                setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false);
+            }
+        };
+        fetchInitialState();
+    }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path]);
+    if (typeof collapsedOnMount !== 'boolean')
+        return null;
+    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_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: (0, createNestedFieldPath_1.createNestedFieldPath)(path, field),
+                })) })),
+        react_1.default.createElement(FieldDescription_1.default, { description: description })));
+};
+exports.default = (0, withCondition_1.default)(CollapsibleField);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Collapsible/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+@import '../../../../scss/styles.scss';
+
+.collapsible-field {
+  margin: 0 0 base(2);
+
+  &__label {
+    pointer-events: none;
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Collapsible/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,64 @@
+"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 = (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');
+        }
+        if (value === (password === null || password === void 0 ? void 0 : password.value)) {
+            return true;
+        }
+        return t('passwordsDoNotMatch');
+    }, [password, t]);
+    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
+        path: 'confirm-password',
+        disableFormData: true,
+        validate,
+    });
+    const classes = [
+        'field-type',
+        'confirm-password',
+        showError && 'error',
+    ].filter(Boolean).join(' ');
+    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" })));
+};
+exports.default = ConfirmPassword;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/ConfirmPassword/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,iDAA+C;AAC/C,8DAAsC;AACtC,wDAAgC;AAChC,wDAAgC;AAChC,gDAAmD;AAGnD,wBAAsB;AAEtB,MAAM,eAAe,GAAa,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,IAAA,uBAAa,EAAQ,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,QAAQ,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;SACjC;QAED,IAAI,KAAK,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAElB,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI,EAAE,kBAAkB;QACxB,eAAe,EAAE,IAAI;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,kBAAkB;QAClB,SAAS,IAAI,OAAO;KACrB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO;QACrB,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB;QACF,8BAAC,eAAK,IACJ,OAAO,EAAC,wBAAwB,EAChC,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,QAAQ,SACR;QACF,yCACE,KAAK,EAAE,KAAe,IAAI,EAAE,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,kBAAkB,GACvB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,75 @@
+"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 = 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 = (0, react_1.useCallback)((value, options) => {
+        return validate(value, { ...options, required });
+    }, [validate, required]);
+    const { value, showError, errorMessage, setValue, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        showError && `${baseClass}--has-error`,
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        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_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+};
+exports.default = (0, withCondition_1.default)(DateTime);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/DateTime/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,iDAA+C;AAC/C,8EAAsD;AACtD,wEAAgD;AAChD,8DAAsC;AACtC,wDAAgC;AAChC,wDAAgC;AAChC,8EAAsD;AACtD,mEAA2E;AAE3E,4EAAyE;AAEzE,wBAAsB;AAEtB,MAAM,SAAS,GAAG,iBAAiB,CAAC;AAEpC,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,EACJ,IAAI,EAAE,aAAa,EACnB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,kBAAc,EACzB,KAAK,EACL,KAAK,EAAE,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,GACV,GAAG,EAAE,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACtD,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,EACJ,KAAK,EACL,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,SAAS;QACT,SAAS;QACT,SAAS,IAAI,GAAG,SAAS,aAAa;QACtC,QAAQ,IAAI,WAAW;KACxB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,uCAAK,SAAS,EAAE,GAAG,SAAS,cAAc;YACxC,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB,CACE;QACN,8BAAC,eAAK,IACJ,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB;QACF,uCACE,EAAE,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EACzC,SAAS,EAAE,GAAG,SAAS,iBAAiB;YAExC,8BAAC,oBAAU,OACL,IAAI,EACR,WAAW,EAAE,IAAA,+BAAc,EAAC,WAAW,EAAE,IAAI,CAAC,EAC9C,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE;oBACzB,IAAI,CAAC,QAAQ;wBAAE,QAAQ,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,EAAE,KAAI,IAAI,CAAC,CAAC;gBAC/D,CAAC,EACD,KAAK,EAAE,KAAa,GACpB,CACE;QACN,8BAAC,0BAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,QAAQ,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/DateTime/types.ts"],"names":[],"mappings":""}

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

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