@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "0.0.0-unstable.40876133bb",
+	"version": "0.0.0-unstable.496cf268ac",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -15,42 +15,41 @@
 	"dependencies": {
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.19.0",
-		"@emotion/core": "10.3.1",
-		"@emotion/styled": "10.3.0",
+		"@babel/runtime": "7.20.13",
+		"@emotion/react": "11.10.6",
+		"@emotion/styled": "11.10.6",
 		"@fortawesome/fontawesome-common-types": "0.3.0",
 		"@fortawesome/fontawesome-svg-core": "1.3.0",
-		"@fortawesome/free-brands-svg-icons": "6.2.0",
-		"@fortawesome/free-regular-svg-icons": "6.2.0",
-		"@fortawesome/free-solid-svg-icons": "6.2.0",
+		"@fortawesome/free-brands-svg-icons": "6.2.1",
+		"@fortawesome/free-regular-svg-icons": "6.2.1",
+		"@fortawesome/free-solid-svg-icons": "6.2.1",
 		"@fortawesome/react-fontawesome": "0.1.19",
-		"@svgr/webpack": "6.4.0",
+		"@material-design-icons/svg": "0.14.2",
+		"@svgr/webpack": "6.5.1",
 		"@types/react": "17.0.39",
-		"@webiny/app": "0.0.0-unstable.40876133bb",
-		"@webiny/app-admin": "0.0.0-unstable.40876133bb",
-		"@webiny/app-graphql-playground": "0.0.0-unstable.40876133bb",
-		"@webiny/app-i18n": "0.0.0-unstable.40876133bb",
-		"@webiny/app-plugin-admin-welcome-screen": "0.0.0-unstable.40876133bb",
-		"@webiny/app-security": "0.0.0-unstable.40876133bb",
-		"@webiny/error": "0.0.0-unstable.40876133bb",
-		"@webiny/form": "0.0.0-unstable.40876133bb",
-		"@webiny/plugins": "0.0.0-unstable.40876133bb",
-		"@webiny/react-composition": "0.0.0-unstable.40876133bb",
-		"@webiny/react-router": "0.0.0-unstable.40876133bb",
-		"@webiny/ui": "0.0.0-unstable.40876133bb",
-		"@webiny/utils": "0.0.0-unstable.40876133bb",
-		"@webiny/validation": "0.0.0-unstable.40876133bb",
+		"@webiny/app": "0.0.0-unstable.496cf268ac",
+		"@webiny/app-admin": "0.0.0-unstable.496cf268ac",
+		"@webiny/app-graphql-playground": "0.0.0-unstable.496cf268ac",
+		"@webiny/app-i18n": "0.0.0-unstable.496cf268ac",
+		"@webiny/app-plugin-admin-welcome-screen": "0.0.0-unstable.496cf268ac",
+		"@webiny/app-security": "0.0.0-unstable.496cf268ac",
+		"@webiny/error": "0.0.0-unstable.496cf268ac",
+		"@webiny/form": "0.0.0-unstable.496cf268ac",
+		"@webiny/plugins": "0.0.0-unstable.496cf268ac",
+		"@webiny/react-composition": "0.0.0-unstable.496cf268ac",
+		"@webiny/react-router": "0.0.0-unstable.496cf268ac",
+		"@webiny/ui": "0.0.0-unstable.496cf268ac",
+		"@webiny/utils": "0.0.0-unstable.496cf268ac",
+		"@webiny/validation": "0.0.0-unstable.496cf268ac",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
-		"apollo-link-batch-http": "1.2.14",
 		"apollo-utilities": "1.3.4",
 		"classnames": "2.3.2",
 		"dot-prop-immutable": "2.1.1",
 		"emotion": "10.0.27",
 		"graphql": "15.8.0",
 		"graphql-tag": "2.12.6",
-		"invariant": "2.2.4",
 		"lodash": "4.17.21",
 		"pluralize": "8.0.0",
 		"prop-types": "15.8.1",
@@ -72,8 +71,8 @@
 		"@babel/preset-env": "^7.19.4",
 		"@babel/preset-react": "^7.16.0",
 		"@babel/preset-typescript": "^7.18.6",
-		"@webiny/cli": "^0.0.0-unstable.40876133bb",
-		"@webiny/project-utils": "^0.0.0-unstable.40876133bb",
+		"@webiny/cli": "^0.0.0-unstable.496cf268ac",
+		"@webiny/project-utils": "^0.0.0-unstable.496cf268ac",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"babel-plugin-module-resolver": "^4.1.0",
@@ -96,7 +95,7 @@
 			],
 			"dependencies": [
 				"@svgr/webpack",
-				"@emotion/core",
+				"@emotion/react",
 				"raw-loader"
 			],
 			"peerDependencies": [
@@ -104,5 +103,5 @@
 			]
 		}
 	},
-	"gitHead": "f33811072795d25c5787ae39808e75e3312fb247"
+	"gitHead": "496cf268acd5b092c860b62d75c7d765c9472043"
 }

package/{types.d.ts → types/index.d.ts}

@@ -1,15 +1,23 @@
 import * as React from "react";
 import { Plugin } from "@webiny/plugins/types";
 import { ReactElement, ReactNode } from "react";
-import { FormRenderPropParams, FormAPI, BindComponent as BaseBindComponent, BindComponentRenderProp as BaseBindComponentRenderProp, BindComponentProps as BaseBindComponentProps } from "@webiny/form";
-import { ApolloClient } from "apollo-client";
+import { FormAPI, BindComponent as BaseBindComponent, BindComponentRenderProp as BaseBindComponentRenderProp, BindComponentProps as BaseBindComponentProps } from "@webiny/form";
 import { IconPrefix, IconName } from "@fortawesome/fontawesome-svg-core";
-import Label from "./admin/components/ContentEntryForm/Label";
+import Label from "../admin/components/ContentEntryForm/Label";
 import { SecurityPermission } from "@webiny/app-security/types";
+import { DragSource } from "../admin/components/FieldEditor/FieldEditorContext";
+import { CmsModelFieldValidator, CmsModelFieldValidatorsGroup, CmsModelFieldValidatorsFactory } from "./validation";
+import { CmsModelField, CmsModel } from "./model";
+import { CmsIdentity } from "./shared";
+export * from "./validation";
+export * from "./model";
+export * from "./shared";
 interface QueryFieldParams {
-    field: CmsEditorField;
+    model: CmsModel;
+    field: CmsModelField;
 }
-export interface CmsEditorFieldTypePlugin extends Plugin {
+export declare type CmsEditorFieldTypePlugin = CmsModelFieldTypePlugin;
+export interface CmsModelFieldTypePlugin extends Plugin {
     /**
      * a plugin type
      */
@@ -42,7 +50,7 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * ]
          * ```
          */
-        validators?: string[];
+        validators?: string[] | CmsModelFieldValidatorsGroup | CmsModelFieldValidatorsFactory;
         /**
          * A list of available validators when a model field accepts a list (array) of values.
          *
@@ -53,7 +61,7 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * ]
          * ```
          */
-        listValidators?: string[];
+        listValidators?: string[] | CmsModelFieldValidatorsGroup | CmsModelFieldValidatorsFactory;
         /**
          * An explanation of the field displayed beneath the label.
          *
@@ -103,7 +111,23 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * })
          * ```
          */
-        createField: () => Pick<CmsEditorField, "type" | "validation" | "renderer" | "settings">;
+        createField: () => Pick<CmsModelField, "type" | "validation" | "renderer" | "settings">;
+        /**
+         * If `true` (default), this field will be configurable via a settings dialog.
+         * If `false`, a user will not be able to open the settings dialog, not will the dialog be opened on field drop.
+         */
+        canEditSettings?: boolean;
+        /**
+         * Determine if a `draggable` can be dropped into this field.
+         * NOTE: This is only applicable to nested field types.
+         */
+        canAccept?(field: CmsModelField, draggable: DragSource): boolean;
+        /**
+         * If `true` (default), will allow fields to be laid out into columns (next to each other).
+         * If `false`, horizontal layout will not be allowed.
+         * NOTE: This is only applicable to nested field types.
+         */
+        allowLayout?: boolean;
         /**
          * A ReactNode that you can add in the section below the help text when creating/editing field.
          *
@@ -114,10 +138,9 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * ```
          */
         renderSettings?: (params: {
-            form: FormRenderPropParams;
             afterChangeLabel: (value: string) => void;
             uniqueFieldIdValidator: (fieldId: string) => void;
-            contentModel: CmsEditorContentModel;
+            contentModel: CmsModel;
         }) => React.ReactNode;
         /**
          * A ReactNode that renders in the Predefined values tab.
@@ -134,8 +157,6 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * ```
          */
         renderPredefinedValues?: (params: {
-            form: FormRenderPropParams;
-            field: CmsEditorField;
             getBind: (index?: number) => any;
         }) => React.ReactElement;
         /**
@@ -160,13 +181,21 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
             queryField?: string | ((params: QueryFieldParams) => string);
         };
         render?(params: any): React.ReactElement;
+        tags?: string[];
+        /**
+         * Render additional information in the Admin UI Model edit view
+         */
+        renderInfo?: (params: {
+            field: CmsModelField;
+            model: CmsModel;
+        }) => React.ReactElement;
     };
 }
 export interface CmsEditorFieldRendererProps {
-    field: CmsEditorField;
+    field: CmsModelField;
     Label: typeof Label;
     getBind: (index?: number, key?: string) => BindComponent;
-    contentModel: CmsEditorContentModel;
+    contentModel: CmsModel;
 }
 export interface CmsEditorFieldRendererPlugin extends Plugin {
     /**
@@ -183,7 +212,7 @@ export interface CmsEditorFieldRendererPlugin extends Plugin {
          */
         rendererName: string;
         /**
-         * A display name for the field in the UI. It is a `ReactNode` type so you can return a component if you want to.
+         * A display name for the field in the UI. It is a `ReactNode` type, so you can use a JSX element.
          *
          * ```tsx
          * name: <MyFieldNameComponent />
@@ -210,7 +239,8 @@ export interface CmsEditorFieldRendererPlugin extends Plugin {
          * ```
          */
         canUse(props: {
-            field: CmsEditorField;
+            field: CmsModelField;
+            fieldPlugin: CmsEditorFieldTypePlugin;
         }): boolean;
         /**
          * Renders a field in the UI.
@@ -246,63 +276,22 @@ export interface CmsEditorFieldPredefinedValues {
     enabled: boolean;
     values: CmsEditorFieldPredefinedValuesEntry[];
 }
-export declare type CmsEditorField<T = unknown> = T & {
+export interface CmsDynamicZoneTemplate {
     id: string;
-    type: string;
-    fieldId: CmsEditorFieldId;
-    storageId?: string;
-    label?: string;
-    helpText?: string;
-    placeholderText?: string;
-    validation?: CmsEditorFieldValidator[];
-    listValidation?: CmsEditorFieldValidator[];
-    multipleValues?: boolean;
-    predefinedValues?: CmsEditorFieldPredefinedValues;
-    settings?: {
-        defaultValue?: string | null | undefined;
-        defaultSetValue?: string;
-        type?: string;
-        fields?: CmsEditorField<any>[];
-        layout?: string[][];
-        models?: Pick<CmsModel, "modelId" | "name">[];
-        imagesOnly?: boolean;
-        [key: string]: any;
-    };
-    renderer: {
-        name: string;
-    };
-};
-export declare type CmsEditorFieldId = string;
-export declare type CmsEditorFieldsLayout = CmsEditorFieldId[][];
-export interface CmsEditorContentModel {
-    id: string;
-    group: Pick<CmsGroup, "id" | "name">;
-    description?: string;
-    version: number;
-    layout?: CmsEditorFieldsLayout;
-    fields: CmsEditorField[];
-    lockedFields: CmsEditorField[];
     name: string;
-    modelId: string;
-    titleFieldId: string;
-    settings: {
-        [key: string]: any;
-    };
-    status: string;
-    savedOn: string;
-    meta: any;
-    createdBy: CmsCreatedBy;
-    /**
-     * If model is a plugin one (it cannot be changed/deleted)
-     */
-    plugin?: boolean;
+    gqlTypeName: string;
+    description: string;
+    icon: string;
+    fields: CmsModelField[];
+    layout: string[][];
+    validation: CmsModelFieldValidator[];
 }
 export declare type CmsContentEntryStatusType = "draft" | "published" | "unpublished";
 export interface CmsEditorContentEntry {
     id: string;
     savedOn: string;
     modelId: string;
-    createdBy: CmsCreatedBy;
+    createdBy: CmsIdentity;
     meta: {
         title: string;
         publishedOn: string;
@@ -316,7 +305,7 @@ export interface CmsContentEntryRevision {
     id: string;
     savedOn: string;
     modelId: string;
-    createdBy: CmsCreatedBy;
+    createdBy: CmsIdentity;
     meta: {
         title: string;
         publishedOn: string;
@@ -325,29 +314,6 @@ export interface CmsContentEntryRevision {
         version: number;
     };
 }
-export interface CmsEditorFieldValidator {
-    name: string;
-    message: string;
-    settings: any;
-}
-export interface CmsEditorFieldValidatorPluginValidator {
-    name: string;
-    label: string;
-    description: string;
-    defaultMessage: string;
-    defaultSettings?: Record<string, any>;
-    renderSettings?: (props: {
-        field: CmsEditorField;
-        Bind: BindComponent;
-        setValue: (name: string, value: any) => void;
-        setMessage: (message: string) => void;
-        data: CmsEditorFieldValidator;
-    }) => React.ReactElement;
-}
-export interface CmsEditorFieldValidatorPlugin extends Plugin {
-    type: "cms-editor-field-validator";
-    validator: CmsEditorFieldValidatorPluginValidator;
-}
 export declare type CmsEditorContentTab = React.FC<{
     activeTab: boolean;
 }>;
@@ -358,58 +324,6 @@ export interface CmsEditorFieldOptionPlugin extends Plugin {
 export interface CmsContentDetailsPlugin extends Plugin {
     render: (params: any) => ReactNode;
 }
-export interface CmsContentDetailsRevisionContentPlugin extends Plugin {
-    type: "cms-content-details-revision-content";
-    render(params: any): ReactElement;
-}
-export interface CmsEditorFieldValidatorPatternPlugin extends Plugin {
-    type: "cms-editor-field-validator-pattern";
-    pattern: {
-        name: string;
-        message: string;
-        label: string;
-    };
-}
-export interface CmsFieldValidator {
-    name: string;
-    message: any;
-    settings: any;
-}
-export interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {
-    type: "cms-model-field-validator";
-    validator: {
-        name: string;
-        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;
-    };
-}
-/**
- * @category Plugin
- * @category ContentModelField
- * @category FieldValidation
- */
-export interface CmsModelFieldValidatorPatternPlugin extends Plugin {
-    /**
-     * A plugin type
-     */
-    type: "cms-model-field-validator-pattern";
-    /**
-     * A pattern object for the validator.
-     */
-    pattern: {
-        /**
-         * name of the pattern.
-         */
-        name: string;
-        /**
-         * RegExp of the validator.
-         */
-        regex: string;
-        /**
-         * RegExp flags
-         */
-        flags: string;
-    };
-}
 export interface FieldLayoutPosition {
     row: number;
     index: number | null;
@@ -448,14 +362,10 @@ export interface CmsIconsPlugin extends Plugin {
     type: "cms-icons";
     getIcons(): CmsIcon[];
 }
-export interface UseContentModelEditorReducerState {
-    apolloClient: ApolloClient<any>;
-    id: string;
-}
 /**
  * Transform field value when sending data to the API.
  */
-export interface CmsFieldValueTransformer extends Plugin {
+export interface CmsFieldValueTransformer<TField extends CmsModelField = CmsModelField> extends Plugin {
     /**
      * A plugin type.
      */
@@ -467,7 +377,7 @@ export interface CmsFieldValueTransformer extends Plugin {
     /**
      * A transformer function that takes a value and returns a new one.
      */
-    transform: (value: any, field: CmsEditorField) => any;
+    transform: (value: any, field: TField) => any;
 }
 /**
  * Define a custom form layout renderer for a specific content model.
@@ -488,7 +398,7 @@ export interface CmsContentFormRendererPlugin extends Plugin {
         /**
          * Content model that is being rendered.
          */
-        contentModel: CmsEditorContentModel;
+        contentModel: CmsModel;
         /**
          * Content entry data handled by the Form element.
          */
@@ -518,33 +428,6 @@ export interface CmsSecurityPermission extends SecurityPermission {
     own?: boolean;
     pw?: string;
 }
-export interface CmsCreatedBy {
-    id: string;
-    displayName: string;
-    type: string;
-}
-/**
- * @category GraphQL
- * @category Model
- */
-export declare type CmsModel = CmsEditorContentModel;
-/**
- * @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;
-}
 /**
  * @category GraphQL
  * @category Error
@@ -566,9 +449,9 @@ export interface CmsMetaResponse {
 /***
  * ###### FORM ########
  */
-export interface BindComponentRenderProp extends BaseBindComponentRenderProp {
+export interface BindComponentRenderProp<T = any, F = Record<string, any>> extends BaseBindComponentRenderProp<T, F> {
     parentName: string;
-    appendValue: (value: any) => void;
+    appendValue: (value: any, index?: number) => void;
     prependValue: (value: any) => void;
     appendValues: (values: any[]) => void;
     removeValue: (index: number) => void;
@@ -590,4 +473,3 @@ export interface CmsEntryFilterStatusPlugin extends Plugin {
     label: string;
     value: string;
 }
-export {};

package/types/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _validation = require("./validation");
+Object.keys(_validation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _validation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _validation[key];
+    }
+  });
+});
+var _model = require("./model");
+Object.keys(_model).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _model[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _model[key];
+    }
+  });
+});
+var _shared = require("./shared");
+Object.keys(_shared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _shared[key];
+    }
+  });
+});

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 { CmsIdentity } 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         * Render additional information in the Admin UI Model edit view\n         */\n        renderInfo?: (params: { field: CmsModelField; model: CmsModel }) => React.ReactElement;\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: CmsIdentity;\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: CmsIdentity;\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<T = any, F = Record<string, any>>\n    extends BaseBindComponentRenderProp<T, F> {\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,88 @@
+import { CmsModelFieldValidator } from "./validation";
+import { CmsDynamicZoneTemplate, CmsEditorFieldPredefinedValues } from "./index";
+import { CmsIdentity } 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">[];
+        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: CmsIdentity;
+    /**
+     * 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[];
+    icon: string;
+    name: string;
+    modelId: string;
+    singularApiName: string;
+    pluralApiName: string;
+    titleFieldId: string | null;
+    descriptionFieldId: string | null;
+    imageFieldId: string | null;
+    settings: {
+        [key: string]: any;
+    };
+    status: string;
+    savedOn: string;
+    meta: any;
+    createdBy: CmsIdentity;
+    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 { CmsIdentity } 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\">[];\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: CmsIdentity;\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    icon: string;\n    name: string;\n    modelId: string;\n    singularApiName: string;\n    pluralApiName: string;\n    titleFieldId: string | null;\n    descriptionFieldId: string | null;\n    imageFieldId: string | null;\n    settings: {\n        [key: string]: any;\n    };\n    status: string;\n    savedOn: string;\n    meta: any;\n    createdBy: CmsIdentity;\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 CmsIdentity {
+    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 CmsIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n"],"mappings":""}