@webiny/app-headless-cms 5.33.5 → 5.34.0-beta.0

package/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ReactElement, ReactNode } from \"react\";\nimport {\n    FormAPI,\n    BindComponent as BaseBindComponent,\n    BindComponentRenderProp as BaseBindComponentRenderProp,\n    BindComponentProps as BaseBindComponentProps\n} from \"@webiny/form\";\nimport { IconPrefix, IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport Label from \"~/admin/components/ContentEntryForm/Label\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\nimport {\n    CmsModelFieldValidator,\n    CmsModelFieldValidatorsGroup,\n    CmsModelFieldValidatorsFactory\n} from \"./validation\";\n\nimport { CmsModelField, CmsModel } from \"./model\";\nimport { CmsCreatedBy } from \"~/types/shared\";\n\nexport * from \"./validation\";\nexport * from \"./model\";\nexport * from \"./shared\";\n\ninterface QueryFieldParams {\n    model: CmsModel;\n    field: CmsModelField;\n}\n\nexport type CmsEditorFieldTypePlugin = CmsModelFieldTypePlugin;\n\nexport interface CmsModelFieldTypePlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-type\";\n    field: {\n        /**\n         * A unique identifier of the field type (text, number, json, myField, ...).\n         *\n         * ```ts\n         * type: \"myField\"\n         * ```\n         */\n        type: string;\n        /**\n         * A display name for the field.\n         *\n         * ```ts\n         * label: \"Field name\"\n         * ```\n         */\n        label: string;\n        /**\n         * A list of available validators for the model field.\n         *\n         * ```ts\n         * validators: [\n         *     \"required\",\n         *     \"gte\",\n         *     \"lte\"\n         * ]\n         * ```\n         */\n        validators?: string[] | CmsModelFieldValidatorsGroup | CmsModelFieldValidatorsFactory;\n        /**\n         * A list of available validators when a model field accepts a list (array) of values.\n         *\n         * ```ts\n         * listValidators: [\n         *     \"minLength\",\n         *     \"maxLength\"\n         * ]\n         * ```\n         */\n        listValidators?: string[] | CmsModelFieldValidatorsGroup | CmsModelFieldValidatorsFactory;\n        /**\n         * An explanation of the field displayed beneath the label.\n         *\n         * ```ts\n         * description: \"A short description of the field\"\n         * ```\n         */\n        description: string;\n        /**\n         * A ReactNode to display the icon for the field.\n         *\n         * ```tsx\n         * icon: <MyIconComponent />\n         * ```\n         */\n        icon: React.ReactNode;\n        /**\n         * Is it allowed to have multiple values in this field?\n         *\n         * ```ts\n         * allowMultipleValues: true\n         * ```\n         */\n        allowMultipleValues: boolean;\n        /**\n         * Does this field type have a fixed list of values that can be selected?\n         *\n         * ```ts\n         * allowPredefinedValues: false\n         * ```\n         */\n        allowPredefinedValues: boolean;\n        /**\n         * A ReactNode label when multiple values are enabled.\n         */\n        multipleValuesLabel: React.ReactNode;\n        /**\n         * These are default values when the field is first created. This is a representation of the field that is stored in the database.\n         *\n         * ```ts\n         * createField: () => ({\n         *     type: \"fieldType\",\n         *     validation: [],\n         *     renderer: {\n         *         name: \"fieldTypeRenderer\"\n         *     }\n         * })\n         * ```\n         */\n        createField: () => Pick<CmsModelField, \"type\" | \"validation\" | \"renderer\" | \"settings\">;\n        /**\n         * If `true` (default), this field will be configurable via a settings dialog.\n         * If `false`, a user will not be able to open the settings dialog, not will the dialog be opened on field drop.\n         */\n        canEditSettings?: boolean;\n        /**\n         * Determine if a `draggable` can be dropped into this field.\n         * NOTE: This is only applicable to nested field types.\n         */\n        canAccept?(field: CmsModelField, draggable: DragSource): boolean;\n        /**\n         * If `true` (default), will allow fields to be laid out into columns (next to each other).\n         * If `false`, horizontal layout will not be allowed.\n         * NOTE: This is only applicable to nested field types.\n         */\n        allowLayout?: boolean;\n        /**\n         * A ReactNode that you can add in the section below the help text when creating/editing field.\n         *\n         * ```tsx\n         * renderSettings: (params) => {\n         *     return <FieldSettingsComponent />;\n         * }\n         * ```\n         */\n        renderSettings?: (params: {\n            afterChangeLabel: (value: string) => void;\n            uniqueFieldIdValidator: (fieldId: string) => void;\n            contentModel: CmsModel;\n        }) => React.ReactNode;\n        /**\n         * A ReactNode that renders in the Predefined values tab.\n         *\n         * ```tsx\n         * renderPredefinedValues: (params) => {\n         *     const {form: {Bind}} = params;\n         *     return (\n         *         <Bind name=\"fieldProperty\">\n         *             <InputComponent />\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        renderPredefinedValues?: (params: {\n            getBind: (index?: number) => any;\n        }) => React.ReactElement;\n        /**\n         * Object wrapper for GraphQL stuff\n         */\n        graphql?: {\n            /**\n             * Define field selection.\n             *\n             * ```ts\n             * graphql: {\n             *     queryField: `\n             *         {\n             *             id\n             *             title\n             *             createdOn\n             *         }\n             *     `,\n             * }\n             * ```\n             */\n            queryField?: string | ((params: QueryFieldParams) => string);\n        };\n        render?(params: any): React.ReactElement;\n        tags?: string[];\n    };\n}\n\nexport interface CmsEditorFieldRendererProps {\n    field: CmsModelField;\n    Label: typeof Label;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n}\n\nexport interface CmsEditorFieldRendererPlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-renderer\";\n    renderer: {\n        /**\n         * Name of the renderer to match the one from `createField()` method in `CmsEditorFieldTypePlugin`.\n         *\n         * ```ts\n         * renderName: \"myFieldTypeRenderer\"\n         * ```\n         */\n        rendererName: string;\n        /**\n         * A display name for the field in the UI. It is a `ReactNode` type, so you can use a JSX element.\n         *\n         * ```tsx\n         * name: <MyFieldNameComponent />\n         * ```\n         */\n        name: React.ReactNode;\n        /**\n         * A description for the field in the UI. Works exactly like the `name` property.\n         *\n         * ```tsx\n         * name: <MyFieldDescriptionComponent />\n         * ```\n         */\n        description: React.ReactNode;\n        /**\n         * A method that determines if the field can be rendered by this plugin.\n         *\n         * ```ts\n         * canUse({ field }) {\n         *     return (\n         *         field.type === \"myType\" && !field.multipleValues\n         *     );\n         * }\n         * ```\n         */\n        canUse(props: { field: CmsModelField; fieldPlugin: CmsEditorFieldTypePlugin }): boolean;\n        /**\n         * Renders a field in the UI.\n         *\n         * ```tsx\n         * render({ field, getBind }) {\n         *     const Bind = getBind();\n         *\n         *     return (\n         *         <Bind>\n         *             {bind => {\n         *                 return (\n         *                     <Input\n         *                         value={bind.value}\n         *                         onChange={bind.onChange}\n         *                     />\n         *                 )\n         *             }}\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        render(props: CmsEditorFieldRendererProps): React.ReactNode;\n    };\n}\n\nexport interface CmsEditorFieldPredefinedValuesEntry {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\nexport interface CmsEditorFieldPredefinedValues {\n    enabled: boolean;\n    values: CmsEditorFieldPredefinedValuesEntry[];\n}\n\nexport interface CmsDynamicZoneTemplate {\n    id: string;\n    name: string;\n    gqlTypeName: string;\n    description: string;\n    icon: string;\n    fields: CmsModelField[];\n    layout: string[][];\n    validation: CmsModelFieldValidator[];\n}\n\nexport type CmsContentEntryStatusType = \"draft\" | \"published\" | \"unpublished\";\n\nexport interface CmsEditorContentEntry {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n    [key: string]: any;\n}\n\nexport interface CmsContentEntryRevision {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n}\n\nexport type CmsEditorContentTab = React.FC<{ activeTab: boolean }>;\n\n// ------------------------------------------------------------------------------------------------------------\nexport interface CmsEditorFieldOptionPlugin extends Plugin {\n    type: \"cms-editor-field-option\";\n    render(): ReactElement;\n}\n\nexport interface CmsContentDetailsPlugin extends Plugin {\n    render: (params: any) => ReactNode;\n}\n\nexport interface FieldLayoutPosition {\n    row: number;\n    index: number | null;\n}\n\nexport interface CmsEditorFormSettingsPlugin extends Plugin {\n    type: \"cms-editor-form-settings\";\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    render(props: { Bind: BaseBindComponent; form: FormAPI; formData: any }): React.ReactNode;\n    renderHeaderActions?(props: {\n        Bind: BaseBindComponent;\n        form: FormAPI;\n        formData: any;\n    }): React.ReactNode;\n}\n\nexport interface CmsIcon {\n    /**\n     * [ pack, icon ], ex: [\"fab\", \"cog\"]\n     */\n    id: [IconPrefix, IconName];\n    /**\n     * Icon name\n     */\n    name: string;\n    /**\n     * SVG element\n     */\n    svg: ReactElement;\n}\n\nexport interface CmsIconsPlugin extends Plugin {\n    type: \"cms-icons\";\n    getIcons(): CmsIcon[];\n}\n\n/**\n * Transform field value when sending data to the API.\n */\nexport interface CmsFieldValueTransformer<TField extends CmsModelField = CmsModelField>\n    extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-field-value-transformer\";\n    /**\n     * A field type for the value transformer. Or a list of field types.\n     */\n    fieldType: string | string[];\n    /**\n     * A transformer function that takes a value and returns a new one.\n     */\n    transform: (value: any, field: TField) => any;\n}\n\n/**\n * Define a custom form layout renderer for a specific content model.\n */\nexport interface CmsContentFormRendererPlugin extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-content-form-renderer\";\n    /**\n     * Content model ID that will use this renderer.\n     */\n    modelId: string;\n\n    /**\n     * A function that will render a custom form layout.\n     */\n    render(props: {\n        /**\n         * Content model that is being rendered.\n         */\n        contentModel: CmsModel;\n        /**\n         * Content entry data handled by the Form element.\n         */\n        data: Record<string, any>;\n        /**\n         * A component to bind data to the Form.\n         */\n        Bind: BindComponent;\n        /**\n         * Content model fields to render.\n         */\n        fields: Record<string, React.ReactElement>;\n    }): React.ReactNode;\n}\n/**\n * #########################\n * Data types\n * #########################\n */\nexport interface CmsSecurityPermission extends SecurityPermission {\n    accessLevel?: \"full\" | \"no\" | \"custom\";\n    models?: Record<string, string>;\n    groups?: Record<string, string>;\n    endpoints?: string[];\n    locales?: string[];\n    rwd?: string;\n    own?: boolean;\n    pw?: string;\n}\n\n/**\n * @category GraphQL\n * @category Error\n */\nexport interface CmsErrorResponse {\n    message: string;\n    code: string;\n    data: Record<string, any> | Record<string, any>[];\n}\n/**\n * @category GraphQL\n * @category Meta\n */\nexport interface CmsMetaResponse {\n    totalCount: number;\n    cursor: string | null;\n    hasMoreItems: boolean;\n}\n\n/***\n * ###### FORM ########\n */\nexport interface BindComponentRenderProp extends BaseBindComponentRenderProp {\n    parentName: string;\n    appendValue: (value: any, index?: number) => void;\n    prependValue: (value: any) => void;\n    appendValues: (values: any[]) => void;\n    removeValue: (index: number) => void;\n    moveValueUp: (index: number) => void;\n    moveValueDown: (index: number) => void;\n}\n\ninterface BindComponentProps extends Omit<BaseBindComponentProps, \"children\" | \"name\"> {\n    name?: string;\n    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;\n}\n\nexport type BindComponent = React.FC<BindComponentProps> & {\n    parentName?: string;\n};\n\n/**\n * After RequestReview and RequestChanges was removed, we need an option to add new status filters\n */\nexport interface CmsEntryFilterStatusPlugin extends Plugin {\n    type: \"cms.entry.filter.status\";\n    label: string;\n    value: string;\n}\n"],"mappings":";;;;;;AAsBA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/types/model.d.ts

@@ -0,0 +1,83 @@
+import { CmsModelFieldValidator } from "./validation";
+import { CmsDynamicZoneTemplate, CmsEditorFieldPredefinedValues } from "./index";
+import { CmsCreatedBy } from "./shared";
+/**
+ * @deprecated Use `CmsModelField` instead.
+ */
+export declare type CmsEditorField<T = unknown> = CmsModelField<T>;
+export declare type CmsModelField<T = unknown> = T & {
+    id: string;
+    type: string;
+    fieldId: CmsEditorFieldId;
+    storageId?: string;
+    label?: string;
+    helpText?: string;
+    placeholderText?: string;
+    validation?: CmsModelFieldValidator[];
+    listValidation?: CmsModelFieldValidator[];
+    multipleValues?: boolean;
+    predefinedValues?: CmsEditorFieldPredefinedValues;
+    settings?: {
+        defaultValue?: string | null | undefined;
+        defaultSetValue?: string;
+        type?: string;
+        fields?: CmsModelField<any>[];
+        layout?: string[][];
+        models?: Pick<CmsModel, "modelId" | "name">[];
+        templates?: CmsDynamicZoneTemplate[];
+        imagesOnly?: boolean;
+        [key: string]: any;
+    };
+    renderer: {
+        name: string;
+    };
+    tags?: string[];
+};
+export declare type CmsEditorFieldId = string;
+export declare type CmsEditorFieldsLayout = CmsEditorFieldId[][];
+/**
+ * @category GraphQL
+ * @category Model
+ */
+export declare type CmsEditorContentModel = CmsModel;
+/**
+ * @category GraphQL
+ * @category Group
+ */
+export interface CmsGroup {
+    id: string;
+    name: string;
+    slug: string;
+    icon?: string;
+    description?: string;
+    contentModels: CmsModel[];
+    createdBy: CmsCreatedBy;
+    /**
+     * Tells if this group is a plugin one (cannot be changed/deleted)
+     */
+    plugin?: boolean;
+}
+export interface CmsModel {
+    id: string;
+    group: Pick<CmsGroup, "id" | "name">;
+    description?: string;
+    version: number;
+    layout?: CmsEditorFieldsLayout;
+    fields: CmsModelField[];
+    lockedFields: CmsModelField[];
+    name: string;
+    modelId: string;
+    titleFieldId: string;
+    settings: {
+        [key: string]: any;
+    };
+    status: string;
+    savedOn: string;
+    meta: any;
+    createdBy: CmsCreatedBy;
+    tags: string[];
+    /**
+     * If model is a plugin one (it cannot be changed/deleted)
+     */
+    plugin?: boolean;
+}

package/types/model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["model.ts"],"sourcesContent":["import { CmsModelFieldValidator } from \"~/types/validation\";\nimport { CmsDynamicZoneTemplate, CmsEditorFieldPredefinedValues } from \"~/types/index\";\nimport { CmsCreatedBy } from \"~/types/shared\";\n\n/**\n * @deprecated Use `CmsModelField` instead.\n */\nexport type CmsEditorField<T = unknown> = CmsModelField<T>;\n\nexport type CmsModelField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    storageId?: string;\n    label?: string;\n    helpText?: string;\n    placeholderText?: string;\n    validation?: CmsModelFieldValidator[];\n    listValidation?: CmsModelFieldValidator[];\n    multipleValues?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: {\n        defaultValue?: string | null | undefined;\n        defaultSetValue?: string;\n        type?: string;\n        fields?: CmsModelField<any>[];\n        layout?: string[][];\n        models?: Pick<CmsModel, \"modelId\" | \"name\">[];\n        templates?: CmsDynamicZoneTemplate[];\n        imagesOnly?: boolean;\n        [key: string]: any;\n    };\n    renderer: {\n        name: string;\n    };\n    tags?: string[];\n};\n\nexport type CmsEditorFieldId = string;\nexport type CmsEditorFieldsLayout = CmsEditorFieldId[][];\n\n/**\n * @category GraphQL\n * @category Model\n */\nexport type CmsEditorContentModel = CmsModel;\n\n/**\n * @category GraphQL\n * @category Group\n */\nexport interface CmsGroup {\n    id: string;\n    name: string;\n    slug: string;\n    icon?: string;\n    description?: string;\n    contentModels: CmsModel[];\n    createdBy: CmsCreatedBy;\n    /**\n     * Tells if this group is a plugin one (cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n\nexport interface CmsModel {\n    id: string;\n    group: Pick<CmsGroup, \"id\" | \"name\">;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    lockedFields: CmsModelField[];\n    name: string;\n    modelId: string;\n    titleFieldId: string;\n    settings: {\n        [key: string]: any;\n    };\n    status: string;\n    savedOn: string;\n    meta: any;\n    createdBy: CmsCreatedBy;\n    tags: string[];\n    /**\n     * If model is a plugin one (it cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n"],"mappings":""}

package/types/shared.d.ts

@@ -0,0 +1,5 @@
+export interface CmsCreatedBy {
+    id: string;
+    displayName: string;
+    type: string;
+}

package/types/shared.js

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

package/types/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["shared.ts"],"sourcesContent":["export interface CmsCreatedBy {\n    id: string;\n    displayName: string;\n    type: string;\n}\n"],"mappings":""}

package/types/validation.d.ts

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins/types";
+import { CmsModelField } from ".";
+import { CmsModelFieldValidatorConfigAdapter } from "../utils/CmsModelFieldValidatorConfigAdapter";
+export interface CmsModelFieldValidatorVariable {
+    name: string;
+    description: string;
+}
+/**
+ * This interface is used in the validator configuration UI (Field dialog).
+ */
+export interface CmsModelFieldValidatorConfig {
+    name: string;
+    required?: boolean;
+    label?: string;
+    description?: string;
+    defaultMessage?: string;
+    defaultSettings?: Record<string, any>;
+    variables?: CmsModelFieldValidatorVariable[];
+}
+/**
+ * This interface allows you to control the title, description, and validators located in the specific
+ * validators group, like `validators` or `listValidators` within the Field dialog.
+ */
+export interface CmsModelFieldValidatorsGroup {
+    validators: (string | CmsModelFieldValidatorConfig)[];
+    title?: string;
+    description?: string;
+}
+/**
+ * This interface allows you to generate validators based on the field configuration.
+ */
+export interface CmsModelFieldValidatorsFactory {
+    (field: CmsModelField): string[] | CmsModelFieldValidatorsGroup;
+}
+export interface CmsModelFieldValidator {
+    name: string;
+    message?: string;
+    settings?: any;
+}
+export interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {
+    type: "cms-model-field-validator";
+    validator: {
+        name: string;
+        label: string;
+        description: string;
+        defaultMessage: string;
+        variables?: CmsModelFieldValidatorVariable[];
+        defaultSettings?: Record<string, any>;
+        getVariableValues?: (context: {
+            validator: CmsModelFieldValidator;
+        }) => Record<string, string>;
+        renderSettings?: (config: CmsModelFieldValidatorConfigAdapter) => React.ReactElement;
+        renderCustomUi?: () => React.ReactElement;
+        validate: (value: T, context: {
+            validator: CmsModelFieldValidator;
+            field: CmsModelField;
+        }) => Promise<any>;
+    };
+}
+export interface CmsModelFieldRegexValidatorExpressionPlugin extends Plugin {
+    type: "cms-model-field-regex-validator-expression";
+    pattern: {
+        name: string;
+        message: string;
+        label: string;
+        regex: string;
+        flags: string;
+    };
+}

package/types/validation.js

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

package/types/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["validation.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\n\nimport { CmsModelField } from \"~/types\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\n\nexport interface CmsModelFieldValidatorVariable {\n    name: string;\n    description: string;\n}\n\n/**\n * This interface is used in the validator configuration UI (Field dialog).\n */\nexport interface CmsModelFieldValidatorConfig {\n    name: string;\n    required?: boolean;\n    label?: string;\n    description?: string;\n    defaultMessage?: string;\n    defaultSettings?: Record<string, any>;\n    variables?: CmsModelFieldValidatorVariable[];\n}\n\n/**\n * This interface allows you to control the title, description, and validators located in the specific\n * validators group, like `validators` or `listValidators` within the Field dialog.\n */\nexport interface CmsModelFieldValidatorsGroup {\n    validators: (string | CmsModelFieldValidatorConfig)[];\n    title?: string;\n    description?: string;\n}\n\n/**\n * This interface allows you to generate validators based on the field configuration.\n */\nexport interface CmsModelFieldValidatorsFactory {\n    (field: CmsModelField): string[] | CmsModelFieldValidatorsGroup;\n}\n\nexport interface CmsModelFieldValidator {\n    name: string;\n    message?: string;\n    settings?: any;\n}\n\nexport interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {\n    type: \"cms-model-field-validator\";\n    validator: {\n        name: string;\n        label: string;\n        description: string;\n        defaultMessage: string;\n        variables?: CmsModelFieldValidatorVariable[];\n        defaultSettings?: Record<string, any>;\n        getVariableValues?: (context: {\n            validator: CmsModelFieldValidator;\n        }) => Record<string, string>;\n        renderSettings?: (config: CmsModelFieldValidatorConfigAdapter) => React.ReactElement;\n        renderCustomUi?: () => React.ReactElement;\n        validate: (\n            value: T,\n            context: {\n                validator: CmsModelFieldValidator;\n                field: CmsModelField;\n            }\n        ) => Promise<any>;\n    };\n}\n\nexport interface CmsModelFieldRegexValidatorExpressionPlugin extends Plugin {\n    type: \"cms-model-field-regex-validator-expression\";\n    pattern: {\n        name: string;\n        message: string;\n        label: string;\n        regex: string;\n        flags: string;\n    };\n}\n"],"mappings":""}

package/utils/CmsModelFieldValidatorConfigAdapter.d.ts

@@ -0,0 +1,15 @@
+import { CmsModelFieldValidatorConfig, CmsModelField } from "../types";
+export declare class CmsModelFieldValidatorConfigAdapter {
+    private field;
+    private validator;
+    private plugin;
+    constructor(field: CmsModelField, validator: CmsModelFieldValidatorConfig);
+    isRequired(): boolean;
+    getName(): string;
+    getLabel(): string;
+    getDescription(): string;
+    getDefaultMessage(): string;
+    getDefaultSettings(): Record<string, any> | undefined;
+    getVariables(): import("../types").CmsModelFieldValidatorVariable[];
+    getVariableDescription(variableName: string): string | undefined;
+}

package/utils/CmsModelFieldValidatorConfigAdapter.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CmsModelFieldValidatorConfigAdapter = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _plugins = require("@webiny/plugins");
+
+function getValidator(name) {
+  var allValidators = _plugins.plugins.byType("cms-model-field-validator");
+
+  var plugin = allValidators.find(function (v) {
+    return v.validator.name === name;
+  });
+
+  if (!plugin) {
+    throw Error("Missing \"".concat(name, "\" validator plugin!"));
+  }
+
+  return plugin.validator;
+}
+
+var CmsModelFieldValidatorConfigAdapter = /*#__PURE__*/function () {
+  function CmsModelFieldValidatorConfigAdapter(field, validator) {
+    (0, _classCallCheck2.default)(this, CmsModelFieldValidatorConfigAdapter);
+    (0, _defineProperty2.default)(this, "field", void 0);
+    (0, _defineProperty2.default)(this, "validator", void 0);
+    (0, _defineProperty2.default)(this, "plugin", void 0);
+    this.field = field;
+    this.validator = validator;
+    this.plugin = getValidator(validator.name);
+  }
+
+  (0, _createClass2.default)(CmsModelFieldValidatorConfigAdapter, [{
+    key: "isRequired",
+    value: function isRequired() {
+      return Boolean(this.validator.required);
+    }
+  }, {
+    key: "getName",
+    value: function getName() {
+      return this.validator.name;
+    }
+  }, {
+    key: "getLabel",
+    value: function getLabel() {
+      return this.validator.label || this.plugin.label;
+    }
+  }, {
+    key: "getDescription",
+    value: function getDescription() {
+      return this.validator.description || this.plugin.description;
+    }
+  }, {
+    key: "getDefaultMessage",
+    value: function getDefaultMessage() {
+      return this.validator.defaultMessage || this.plugin.defaultMessage;
+    }
+  }, {
+    key: "getDefaultSettings",
+    value: function getDefaultSettings() {
+      return this.validator.defaultSettings || this.plugin.defaultSettings;
+    }
+  }, {
+    key: "getVariables",
+    value: function getVariables() {
+      return this.validator.variables || [];
+    }
+  }, {
+    key: "getVariableDescription",
+    value: function getVariableDescription(variableName) {
+      var variables = this.validator.variables || this.plugin.variables || [];
+      var variable = variables.find(function (v) {
+        return v.name === variableName;
+      });
+      return (variable === null || variable === void 0 ? void 0 : variable.description) || "";
+    }
+  }]);
+  return CmsModelFieldValidatorConfigAdapter;
+}();
+
+exports.CmsModelFieldValidatorConfigAdapter = CmsModelFieldValidatorConfigAdapter;

package/utils/CmsModelFieldValidatorConfigAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getValidator","name","allValidators","plugins","byType","plugin","find","v","validator","Error","CmsModelFieldValidatorConfigAdapter","field","Boolean","required","label","description","defaultMessage","defaultSettings","variables","variableName","variable"],"sources":["CmsModelFieldValidatorConfigAdapter.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsModelFieldValidatorConfig, CmsModelField, CmsModelFieldValidatorPlugin } from \"~/types\";\n\nfunction getValidator(name: string) {\n    const allValidators = plugins.byType<CmsModelFieldValidatorPlugin>(\"cms-model-field-validator\");\n    const plugin = allValidators.find(v => v.validator.name === name);\n    if (!plugin) {\n        throw Error(`Missing \"${name}\" validator plugin!`);\n    }\n    return plugin.validator;\n}\n\nexport class CmsModelFieldValidatorConfigAdapter {\n    private field: CmsModelField;\n    private validator: CmsModelFieldValidatorConfig;\n    private plugin: CmsModelFieldValidatorPlugin[\"validator\"];\n\n    constructor(field: CmsModelField, validator: CmsModelFieldValidatorConfig) {\n        this.field = field;\n        this.validator = validator;\n        this.plugin = getValidator(validator.name);\n    }\n\n    isRequired() {\n        return Boolean(this.validator.required);\n    }\n\n    getName() {\n        return this.validator.name;\n    }\n\n    getLabel() {\n        return this.validator.label || this.plugin.label;\n    }\n\n    getDescription() {\n        return this.validator.description || this.plugin.description;\n    }\n\n    getDefaultMessage() {\n        return this.validator.defaultMessage || this.plugin.defaultMessage;\n    }\n\n    getDefaultSettings() {\n        return this.validator.defaultSettings || this.plugin.defaultSettings;\n    }\n\n    getVariables() {\n        return this.validator.variables || [];\n    }\n\n    getVariableDescription(variableName: string): string | undefined {\n        const variables = this.validator.variables || this.plugin.variables || [];\n        const variable = variables.find(v => v.name === variableName);\n\n        return variable?.description || \"\";\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAGA,SAASA,YAAT,CAAsBC,IAAtB,EAAoC;EAChC,IAAMC,aAAa,GAAGC,gBAAA,CAAQC,MAAR,CAA6C,2BAA7C,CAAtB;;EACA,IAAMC,MAAM,GAAGH,aAAa,CAACI,IAAd,CAAmB,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,SAAF,CAAYP,IAAZ,KAAqBA,IAAzB;EAAA,CAApB,CAAf;;EACA,IAAI,CAACI,MAAL,EAAa;IACT,MAAMI,KAAK,qBAAaR,IAAb,0BAAX;EACH;;EACD,OAAOI,MAAM,CAACG,SAAd;AACH;;IAEYE,mC;EAKT,6CAAYC,KAAZ,EAAkCH,SAAlC,EAA2E;IAAA;IAAA;IAAA;IAAA;IACvE,KAAKG,KAAL,GAAaA,KAAb;IACA,KAAKH,SAAL,GAAiBA,SAAjB;IACA,KAAKH,MAAL,GAAcL,YAAY,CAACQ,SAAS,CAACP,IAAX,CAA1B;EACH;;;;WAED,sBAAa;MACT,OAAOW,OAAO,CAAC,KAAKJ,SAAL,CAAeK,QAAhB,CAAd;IACH;;;WAED,mBAAU;MACN,OAAO,KAAKL,SAAL,CAAeP,IAAtB;IACH;;;WAED,oBAAW;MACP,OAAO,KAAKO,SAAL,CAAeM,KAAf,IAAwB,KAAKT,MAAL,CAAYS,KAA3C;IACH;;;WAED,0BAAiB;MACb,OAAO,KAAKN,SAAL,CAAeO,WAAf,IAA8B,KAAKV,MAAL,CAAYU,WAAjD;IACH;;;WAED,6BAAoB;MAChB,OAAO,KAAKP,SAAL,CAAeQ,cAAf,IAAiC,KAAKX,MAAL,CAAYW,cAApD;IACH;;;WAED,8BAAqB;MACjB,OAAO,KAAKR,SAAL,CAAeS,eAAf,IAAkC,KAAKZ,MAAL,CAAYY,eAArD;IACH;;;WAED,wBAAe;MACX,OAAO,KAAKT,SAAL,CAAeU,SAAf,IAA4B,EAAnC;IACH;;;WAED,gCAAuBC,YAAvB,EAAiE;MAC7D,IAAMD,SAAS,GAAG,KAAKV,SAAL,CAAeU,SAAf,IAA4B,KAAKb,MAAL,CAAYa,SAAxC,IAAqD,EAAvE;MACA,IAAME,QAAQ,GAAGF,SAAS,CAACZ,IAAV,CAAe,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,IAAF,KAAWkB,YAAf;MAAA,CAAhB,CAAjB;MAEA,OAAO,CAAAC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEL,WAAV,KAAyB,EAAhC;IACH"}

package/utils/createTypeName.d.ts

@@ -0,0 +1 @@
+export declare const createTypeName: (modelId: string) => string;

package/utils/createTypeName.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTypeName = void 0;
+
+var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
+
+var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
+
+var createTypeName = function createTypeName(modelId) {
+  return (0, _upperFirst.default)((0, _camelCase.default)(modelId));
+};
+
+exports.createTypeName = createTypeName;

package/utils/createTypeName.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTypeName","modelId","upperFirst","camelCase"],"sources":["createTypeName.ts"],"sourcesContent":["import upperFirst from \"lodash/upperFirst\";\nimport camelCase from \"lodash/camelCase\";\n\nexport const createTypeName = (modelId: string): string => {\n    return upperFirst(camelCase(modelId));\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD,EAA6B;EACvD,OAAO,IAAAC,mBAAA,EAAW,IAAAC,kBAAA,EAAUF,OAAV,CAAX,CAAP;AACH,CAFM"}

package/utils/createValidators.d.ts

@@ -0,0 +1,3 @@
+import { CmsModelField, CmsModelFieldValidator } from "../types";
+import { Validator } from "@webiny/validation/types";
+export declare const createValidators: (field: CmsModelField, validation: CmsModelFieldValidator[]) => Validator[];

package/{admin/components/ContentEntryForm/functions → utils}/createValidators.js

@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _plugins = require("@webiny/plugins");
 
-var createValidators = function createValidators(validation) {
+var createValidators = function createValidators(field, validation) {
   var validatorPlugins = _plugins.plugins.byType("cms-model-field-validator");
 
   return validation.reduce(function (collection, item) {
@@ -27,40 +27,61 @@ var createValidators = function createValidators(validation) {
 
     var validator = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
-        var isInvalid, result;
+        var isInvalid, message, result, interpolated, getVariableValues, variables;
         return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return validatorPlugin.validator.validate(value, item);
-
-              case 3:
+                message = item.message;
+                _context.prev = 1;
+                _context.next = 4;
+                return validatorPlugin.validator.validate(value, {
+                  validator: item,
+                  field: field
+                });
+
+              case 4:
                 result = _context.sent;
                 isInvalid = result === false;
-                _context.next = 10;
+                _context.next = 12;
                 break;
 
-              case 7:
-                _context.prev = 7;
-                _context.t0 = _context["catch"](0);
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](1);
                 isInvalid = true;
 
-              case 10:
+                if (_context.t0.message && !item.message) {
+                  message = _context.t0.message;
+                }
+
+              case 12:
                 if (!isInvalid) {
-                  _context.next = 12;
+                  _context.next = 17;
                   break;
                 }
 
-                throw new Error(item.message || "Invalid value.");
+                interpolated = message || "Invalid value.";
+                getVariableValues = validatorPlugin.validator.getVariableValues;
+
+                if (typeof getVariableValues === "function") {
+                  variables = getVariableValues({
+                    validator: item
+                  });
+                  Object.keys(variables).forEach(function (key) {
+                    var regex = new RegExp("{".concat(key, "}"), "g");
+                    interpolated = interpolated.replace(regex, variables[key]);
+                  });
+                }
 
-              case 12:
+                throw new Error(interpolated);
+
+              case 17:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[0, 7]]);
+        }, _callee, null, [[1, 8]]);
       }));
 
       return function validator(_x) {

package/utils/createValidators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createValidators","field","validation","validatorPlugins","plugins","byType","reduce","collection","item","validatorPlugin","find","plugin","validator","name","validate","value","message","result","isInvalid","interpolated","getVariableValues","variables","Object","keys","forEach","key","regex","RegExp","replace","Error","push"],"sources":["createValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsModelField, CmsModelFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport const createValidators = (\n    field: CmsModelField,\n    validation: CmsModelFieldValidator[]\n): Validator[] => {\n    const validatorPlugins = plugins.byType<CmsModelFieldValidatorPlugin>(\n        \"cms-model-field-validator\"\n    );\n\n    return validation.reduce((collection, item) => {\n        const validatorPlugin = validatorPlugins.find(\n            plugin => plugin.validator.name === item.name\n        );\n\n        if (!validatorPlugin || typeof validatorPlugin.validator.validate !== \"function\") {\n            return collection;\n        }\n\n        const validator = async (value: any | any[]) => {\n            let isInvalid;\n            let message = item.message;\n            try {\n                const result = await validatorPlugin.validator.validate(value, {\n                    validator: item,\n                    field\n                });\n\n                isInvalid = result === false;\n            } catch (e) {\n                isInvalid = true;\n                if (e.message && !item.message) {\n                    message = e.message;\n                }\n            }\n\n            if (isInvalid) {\n                let interpolated = message || \"Invalid value.\";\n\n                const getVariableValues = validatorPlugin.validator.getVariableValues;\n                if (typeof getVariableValues === \"function\") {\n                    const variables = getVariableValues({ validator: item });\n\n                    Object.keys(variables).forEach(key => {\n                        const regex = new RegExp(`\\{${key}\\}`, \"g\");\n                        interpolated = interpolated.replace(regex, variables[key]);\n                    });\n                }\n\n                throw new Error(interpolated);\n            }\n        };\n        collection.push(validator);\n        return collection;\n    }, [] as Validator[]);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC5BC,KAD4B,EAE5BC,UAF4B,EAGd;EACd,IAAMC,gBAAgB,GAAGC,gBAAA,CAAQC,MAAR,CACrB,2BADqB,CAAzB;;EAIA,OAAOH,UAAU,CAACI,MAAX,CAAkB,UAACC,UAAD,EAAaC,IAAb,EAAsB;IAC3C,IAAMC,eAAe,GAAGN,gBAAgB,CAACO,IAAjB,CACpB,UAAAC,MAAM;MAAA,OAAIA,MAAM,CAACC,SAAP,CAAiBC,IAAjB,KAA0BL,IAAI,CAACK,IAAnC;IAAA,CADc,CAAxB;;IAIA,IAAI,CAACJ,eAAD,IAAoB,OAAOA,eAAe,CAACG,SAAhB,CAA0BE,QAAjC,KAA8C,UAAtE,EAAkF;MAC9E,OAAOP,UAAP;IACH;;IAED,IAAMK,SAAS;MAAA,kGAAG,iBAAOG,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAEVC,OAFU,GAEAR,IAAI,CAACQ,OAFL;gBAAA;gBAAA;gBAAA,OAIWP,eAAe,CAACG,SAAhB,CAA0BE,QAA1B,CAAmCC,KAAnC,EAA0C;kBAC3DH,SAAS,EAAEJ,IADgD;kBAE3DP,KAAK,EAALA;gBAF2D,CAA1C,CAJX;;cAAA;gBAIJgB,MAJI;gBASVC,SAAS,GAAGD,MAAM,KAAK,KAAvB;gBATU;gBAAA;;cAAA;gBAAA;gBAAA;gBAWVC,SAAS,GAAG,IAAZ;;gBACA,IAAI,YAAEF,OAAF,IAAa,CAACR,IAAI,CAACQ,OAAvB,EAAgC;kBAC5BA,OAAO,GAAG,YAAEA,OAAZ;gBACH;;cAdS;gBAAA,KAiBVE,SAjBU;kBAAA;kBAAA;gBAAA;;gBAkBNC,YAlBM,GAkBSH,OAAO,IAAI,gBAlBpB;gBAoBJI,iBApBI,GAoBgBX,eAAe,CAACG,SAAhB,CAA0BQ,iBApB1C;;gBAqBV,IAAI,OAAOA,iBAAP,KAA6B,UAAjC,EAA6C;kBACnCC,SADmC,GACvBD,iBAAiB,CAAC;oBAAER,SAAS,EAAEJ;kBAAb,CAAD,CADM;kBAGzCc,MAAM,CAACC,IAAP,CAAYF,SAAZ,EAAuBG,OAAvB,CAA+B,UAAAC,GAAG,EAAI;oBAClC,IAAMC,KAAK,GAAG,IAAIC,MAAJ,YAAgBF,GAAhB,QAAyB,GAAzB,CAAd;oBACAN,YAAY,GAAGA,YAAY,CAACS,OAAb,CAAqBF,KAArB,EAA4BL,SAAS,CAACI,GAAD,CAArC,CAAf;kBACH,CAHD;gBAIH;;gBA5BS,MA8BJ,IAAII,KAAJ,CAAUV,YAAV,CA9BI;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAH;;MAAA,gBAATP,SAAS;QAAA;MAAA;IAAA,GAAf;;IAiCAL,UAAU,CAACuB,IAAX,CAAgBlB,SAAhB;IACA,OAAOL,UAAP;EACH,CA5CM,EA4CJ,EA5CI,CAAP;AA6CH,CArDM"}

package/utils/getFetchPolicy.d.ts

@@ -0,0 +1,6 @@
+import { CmsModel } from "../types";
+/**
+ * For `dynamicZone` we don't want to write to cache, due to problems with Union Fragments normalization.
+ * This needs to be resolved better, but the overall direction is to move away from Apollo Client all together.
+ */
+export declare const getFetchPolicy: (model: CmsModel) => "no-cache" | undefined;

package/utils/getFetchPolicy.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFetchPolicy = void 0;
+
+/**
+ * For `dynamicZone` we don't want to write to cache, due to problems with Union Fragments normalization.
+ * This needs to be resolved better, but the overall direction is to move away from Apollo Client all together.
+ */
+var getFetchPolicy = function getFetchPolicy(model) {
+  var hasDynamicZone = model.fields.some(function (field) {
+    return field.type === "dynamicZone";
+  });
+  return hasDynamicZone ? "no-cache" : undefined;
+};
+
+exports.getFetchPolicy = getFetchPolicy;

package/utils/getFetchPolicy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFetchPolicy","model","hasDynamicZone","fields","some","field","type","undefined"],"sources":["getFetchPolicy.ts"],"sourcesContent":["import { CmsModel } from \"~/types\";\n\n/**\n * For `dynamicZone` we don't want to write to cache, due to problems with Union Fragments normalization.\n * This needs to be resolved better, but the overall direction is to move away from Apollo Client all together.\n */\nexport const getFetchPolicy = (model: CmsModel) => {\n    const hasDynamicZone = model.fields.some(field => field.type === \"dynamicZone\");\n\n    return hasDynamicZone ? \"no-cache\" : undefined;\n};\n"],"mappings":";;;;;;;AAEA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAqB;EAC/C,IAAMC,cAAc,GAAGD,KAAK,CAACE,MAAN,CAAaC,IAAb,CAAkB,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACC,IAAN,KAAe,aAAnB;EAAA,CAAvB,CAAvB;EAEA,OAAOJ,cAAc,GAAG,UAAH,GAAgBK,SAArC;AACH,CAJM"}

package/utils/getModelTitleFieldId.d.ts

@@ -0,0 +1,2 @@
+import { CmsEditorContentModel } from "../types";
+export declare const getModelTitleFieldId: (model: CmsEditorContentModel) => string;

package/utils/getModelTitleFieldId.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModelTitleFieldId = void 0;
+
+var getModelTitleFieldId = function getModelTitleFieldId(model) {
+  if (!model.titleFieldId || model.titleFieldId === "id") {
+    return "";
+  }
+
+  return model.titleFieldId;
+};
+
+exports.getModelTitleFieldId = getModelTitleFieldId;

package/utils/getModelTitleFieldId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getModelTitleFieldId","model","titleFieldId"],"sources":["getModelTitleFieldId.ts"],"sourcesContent":["import { CmsEditorContentModel } from \"~/types\";\n\nexport const getModelTitleFieldId = (model: CmsEditorContentModel): string => {\n    if (!model.titleFieldId || model.titleFieldId === \"id\") {\n        return \"\";\n    }\n    return model.titleFieldId;\n};\n"],"mappings":";;;;;;;AAEO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAA0C;EAC1E,IAAI,CAACA,KAAK,CAACC,YAAP,IAAuBD,KAAK,CAACC,YAAN,KAAuB,IAAlD,EAAwD;IACpD,OAAO,EAAP;EACH;;EACD,OAAOD,KAAK,CAACC,YAAb;AACH,CALM"}

package/admin/components/ContentEntryForm/functions/createValidators.d.ts

@@ -1,3 +0,0 @@
-import { CmsEditorFieldValidator } from "../../../../types";
-import { Validator } from "@webiny/validation/types";
-export declare const createValidators: (validation: CmsEditorFieldValidator[]) => Validator[];

package/admin/components/ContentEntryForm/functions/createValidators.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createValidators","validation","validatorPlugins","plugins","byType","reduce","collection","item","validatorPlugin","find","plugin","validator","name","validate","value","result","isInvalid","Error","message","push"],"sources":["createValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsEditorFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport const createValidators = (validation: CmsEditorFieldValidator[]): Validator[] => {\n    const validatorPlugins = plugins.byType<CmsModelFieldValidatorPlugin>(\n        \"cms-model-field-validator\"\n    );\n\n    return validation.reduce((collection, item) => {\n        const validatorPlugin = validatorPlugins.find(\n            plugin => plugin.validator.name === item.name\n        );\n\n        if (!validatorPlugin || typeof validatorPlugin.validator.validate !== \"function\") {\n            return collection;\n        }\n\n        const validator = async (value: string | string[]) => {\n            let isInvalid;\n            try {\n                const result = await validatorPlugin.validator.validate(value, item);\n                isInvalid = result === false;\n            } catch (e) {\n                isInvalid = true;\n            }\n\n            if (isInvalid) {\n                throw new Error(item.message || \"Invalid value.\");\n            }\n        };\n        collection.push(validator);\n        return collection;\n    }, [] as Validator[]);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,UAAD,EAAwD;EACpF,IAAMC,gBAAgB,GAAGC,gBAAA,CAAQC,MAAR,CACrB,2BADqB,CAAzB;;EAIA,OAAOH,UAAU,CAACI,MAAX,CAAkB,UAACC,UAAD,EAAaC,IAAb,EAAsB;IAC3C,IAAMC,eAAe,GAAGN,gBAAgB,CAACO,IAAjB,CACpB,UAAAC,MAAM;MAAA,OAAIA,MAAM,CAACC,SAAP,CAAiBC,IAAjB,KAA0BL,IAAI,CAACK,IAAnC;IAAA,CADc,CAAxB;;IAIA,IAAI,CAACJ,eAAD,IAAoB,OAAOA,eAAe,CAACG,SAAhB,CAA0BE,QAAjC,KAA8C,UAAtE,EAAkF;MAC9E,OAAOP,UAAP;IACH;;IAED,IAAMK,SAAS;MAAA,kGAAG,iBAAOG,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA;gBAAA;gBAAA,OAGWN,eAAe,CAACG,SAAhB,CAA0BE,QAA1B,CAAmCC,KAAnC,EAA0CP,IAA1C,CAHX;;cAAA;gBAGJQ,MAHI;gBAIVC,SAAS,GAAGD,MAAM,KAAK,KAAvB;gBAJU;gBAAA;;cAAA;gBAAA;gBAAA;gBAMVC,SAAS,GAAG,IAAZ;;cANU;gBAAA,KASVA,SATU;kBAAA;kBAAA;gBAAA;;gBAAA,MAUJ,IAAIC,KAAJ,CAAUV,IAAI,CAACW,OAAL,IAAgB,gBAA1B,CAVI;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAH;;MAAA,gBAATP,SAAS;QAAA;MAAA;IAAA,GAAf;;IAaAL,UAAU,CAACa,IAAX,CAAgBR,SAAhB;IACA,OAAOL,UAAP;EACH,CAxBM,EAwBJ,EAxBI,CAAP;AAyBH,CA9BM"}

package/admin/components/ContentModelEditor/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["contentModelEditorContext","React","createContext","apolloClient","data","isPristine","getContentModel","saveContentModel","error","setData","contentModelEditorReducer","prev","action","type","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","ContentModelEditorProvider","children","modelId","useReducer","state","dispatch","useRouter","history","useSnackbar","showSnackbar","setPristine","flag","modelData","pick","mutate","mutation","UPDATE_CONTENT_MODEL","variables","refetchQueries","query","LIST_MENU_CONTENT_GROUPS_MODELS","response","updateContentModel","setter","saveModel","GET_CONTENT_MODEL","get","Error","useEffect","catch","push","useMemo","Provider"],"sources":["Context.tsx"],"sourcesContent":["// TODO @ts-refactor verify that types are correct\nimport React, { useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { ApolloClient } from \"apollo-client\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UPDATE_CONTENT_MODEL,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport { CmsEditorContentModel, CmsEditorField, CmsModel } from \"~/types\";\nimport { FetchResult } from \"apollo-link\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsEditorContentModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n}\n\nexport const contentModelEditorContext = React.createContext<ContentModelEditorProviderContext>({\n    apolloClient: null as unknown as ApolloClient<any>,\n    data: null as unknown as CmsEditorContentModel,\n    isPristine: false,\n    getContentModel: async () => {\n        return {\n            data: null\n        };\n    },\n    saveContentModel: async () => {\n        return {\n            data: null,\n            error: null\n        };\n    },\n    setData: async () => {\n        return void 0;\n    }\n});\n\ntype PickedCmsEditorContentModel = Pick<\n    CmsEditorContentModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsEditorField[]): CmsEditorField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsEditorContentModel): PickedCmsEditorContentModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nexport const ContentModelEditorProvider: React.FC<ContentModelEditorProviderProps> = ({\n    children,\n    apolloClient,\n    modelId\n}) => {\n    const [state, dispatch] = useReducer<Reducer>(contentModelEditorReducer, {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel\n    });\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsEditorContentModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        setPristine(false);\n        const data = setter(state.data);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error);\n        }\n\n        await setData(() => data, false);\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            history.push(`/cms/content-models`);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const value = useMemo(\n        () => ({\n            data: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData\n        }),\n        [state, apolloClient]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return <Provider value={value}>{children}</Provider>;\n};\n"],"mappings":"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"}

package/admin/components/ContentModelEditor/useContentModelEditor.d.ts

@@ -1 +0,0 @@
-export declare function useContentModelEditor(): import("./Context").ContentModelEditorProviderContext;

package/admin/components/ContentModelEditor/useContentModelEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useContentModelEditor","context","React","useContext","contentModelEditorContext","Error"],"sources":["useContentModelEditor.ts"],"sourcesContent":["import React from \"react\";\nimport { contentModelEditorContext } from \"./Context\";\n\nexport function useContentModelEditor() {\n    const context = React.useContext(contentModelEditorContext);\n    if (!context) {\n        throw new Error(\"useContentModelEditor must be used within a ContentModelEditorProvider\");\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,SAASA,qBAAT,GAAiC;EACpC,IAAMC,OAAO,GAAGC,cAAA,CAAMC,UAAN,CAAiBC,kCAAjB,CAAhB;;EACA,IAAI,CAACH,OAAL,EAAc;IACV,MAAM,IAAII,KAAJ,CAAU,wEAAV,CAAN;EACH;;EAED,OAAOJ,OAAP;AACH"}

package/admin/components/FieldEditor/EditFieldDialog/ValidatorsTab.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { FormRenderPropParams } from "@webiny/form";
-import { CmsEditorField, CmsEditorFieldValidatorPlugin } from "../../../../types";
-interface ValidatorsTabPropsValidator {
-    optional: boolean;
-    validator: CmsEditorFieldValidatorPlugin["validator"];
-}
-interface ValidatorsTabProps {
-    name: string;
-    validators: ValidatorsTabPropsValidator[];
-    form: FormRenderPropParams;
-    field: CmsEditorField;
-}
-declare const ValidatorsTab: React.FC<ValidatorsTabProps>;
-export default ValidatorsTab;