@webiny/app-headless-cms-common 6.4.5 → 6.6.0-alpha.0

package/index.d.ts

@@ -1,10 +1 @@
-export * from "./Fields/index.js";
-export * from "./ModelFieldProvider/index.js";
-export * from "./ModelProvider/index.js";
-export * from "./entries.graphql.js";
-export * from "./getModelTitleFieldId.js";
-export * from "./createFieldsList.js";
-export * from "./createValidationContainer.js";
-export * from "./createValidators.js";
-export * from "./prepareFormData.js";
-export * from "./constants.js";
+export { CMS_MODEL_SINGLETON_TAG } from "./constants.js";

package/index.js

@@ -1,10 +1 @@
-export * from "./Fields/index.js";
-export * from "./ModelFieldProvider/index.js";
-export * from "./ModelProvider/index.js";
-export * from "./entries.graphql.js";
-export * from "./getModelTitleFieldId.js";
-export * from "./createFieldsList.js";
-export * from "./createValidationContainer.js";
-export * from "./createValidators.js";
-export * from "./prepareFormData.js";
-export * from "./constants.js";
+export { CMS_MODEL_SINGLETON_TAG } from "./constants.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms-common",
-	"version": "6.4.5",
+	"version": "6.6.0-alpha.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -17,28 +17,21 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@emotion/react": "11.14.0",
-		"@emotion/styled": "11.14.1",
-		"@fortawesome/fontawesome-svg-core": "7.3.0",
-		"@fortawesome/react-fontawesome": "3.4.0",
-		"@webiny/admin-ui": "6.4.5",
-		"@webiny/app": "6.4.5",
-		"@webiny/app-admin": "6.4.5",
-		"@webiny/form": "6.4.5",
-		"@webiny/plugins": "6.4.5",
-		"@webiny/react-composition": "6.4.5",
-		"@webiny/validation": "6.4.5",
+		"@fortawesome/fontawesome-svg-core": "7.3.1",
+		"@webiny/admin-ui": "6.6.0-alpha.0",
+		"@webiny/app": "6.6.0-alpha.0",
+		"@webiny/app-admin": "6.6.0-alpha.0",
+		"@webiny/form": "6.6.0-alpha.0",
+		"@webiny/plugins": "6.6.0-alpha.0",
+		"@webiny/validation": "6.6.0-alpha.0",
 		"dnd-core": "16.0.1",
-		"graphql": "16.14.2",
-		"graphql-tag": "2.12.7",
-		"lodash": "4.18.1",
 		"react": "18.3.1"
 	},
 	"devDependencies": {
 		"@types/react": "18.3.31",
-		"@webiny/build-tools": "6.4.5",
+		"@webiny/build-tools": "6.6.0-alpha.0",
 		"rimraf": "6.1.3",
-		"typescript": "6.0.3"
+		"typescript": "7.0.2"
 	},
 	"publishConfig": {
 		"access": "public"

package/types/index.d.ts

@@ -3,25 +3,19 @@ import type { ReactElement, ReactNode } from "react";
 import type { Plugin } from "@webiny/plugins/types.js";
 import type { BindComponent as BaseBindComponent, BindComponentProps as BaseBindComponentProps, BindComponentRenderProp as BaseBindComponentRenderProp, FormAPI } from "@webiny/form";
 import type { IconName, IconPrefix } from "@fortawesome/fontawesome-svg-core";
-import type { CmsModelFieldValidator, CmsModelFieldValidatorsFactory, CmsModelFieldValidatorsGroup } from "./validation.js";
-import type { CmsModelLayoutField, CmsEditorFieldsLayout, CmsLayoutField, CmsModel, CmsModelField } from "./model.js";
+import type { CmsEditorFieldsLayout, CmsLayoutField, CmsModel, CmsModelField } from "./model.js";
 import type { CmsIdentity } from "../types/shared.js";
 import type { SourceType } from "dnd-core";
 import type { IconPickerIconDto } from "@webiny/admin-ui";
-import { GenericRecord } from "@webiny/app/types.js";
-import { Identity } from "@webiny/app-admin/domain/Identity.js";
+import type { GenericRecord } from "@webiny/app/types.js";
+import type { Identity } from "@webiny/app-admin/domain/Identity.js";
+import type { CmsModelFieldValidator } from "./model.js";
 export type DragObjectWithType = {
     type: SourceType;
 };
-export type * from "./validation.js";
 export type * from "./model.js";
-export { isLayoutField, isLayoutDescriptor } from "./model.js";
+export { isLayoutField } from "./model.js";
 export type * from "./shared.js";
-interface QueryFieldParams {
-    model: CmsModel;
-    field: CmsModelField;
-    graphQLTypePrefix: string;
-}
 interface Position {
     row: number;
     index: number;
@@ -39,319 +33,6 @@ export interface DragSource extends DragObjectWithType {
     fields?: CmsModelField[];
     layoutField?: CmsLayoutField;
 }
-export interface CmsModelFieldTypePlugin extends Plugin {
-    /**
-     * a plugin type
-     */
-    type: "cms-editor-field-type";
-    field: {
-        /**
-         * A unique identifier of the field type (text, number, json, myField, ...).
-         *
-         * ```ts
-         * type: "myField"
-         * ```
-         */
-        type: string;
-        /**
-         * A display name for the field.
-         *
-         * ```ts
-         * label: "Field name"
-         * ```
-         */
-        label: string;
-        /**
-         * A list of available validators for the model field.
-         *
-         * ```ts
-         * validators: [
-         *     "required",
-         *     "gte",
-         *     "lte"
-         * ]
-         * ```
-         */
-        validators?: string[] | CmsModelFieldValidatorsGroup | CmsModelFieldValidatorsFactory;
-        /**
-         * A list of available validators when a model field accepts a list (array) of values.
-         *
-         * ```ts
-         * listValidators: [
-         *     "minLength",
-         *     "maxLength"
-         * ]
-         * ```
-         */
-        listValidators?: string[] | CmsModelFieldValidatorsGroup | CmsModelFieldValidatorsFactory;
-        /**
-         * An explanation of the field displayed beneath the label.
-         *
-         * ```ts
-         * description: "A short description of the field"
-         * ```
-         */
-        description: string;
-        /**
-         * A ReactNode to display the icon for the field.
-         *
-         * ```tsx
-         * icon: <MyIconComponent />
-         * ```
-         */
-        icon: React.ReactNode;
-        /**
-         * Is it allowed to have multiple values in this field?
-         *
-         * ```ts
-         * allowList: true
-         * ```
-         */
-        allowList?: boolean;
-        /**
-         * Does this field type have a fixed list of values that can be selected?
-         *
-         * ```ts
-         * allowPredefinedValues: false
-         * ```
-         */
-        allowPredefinedValues?: boolean;
-        /**
-         * A ReactNode label when multiple values are enabled.
-         */
-        listLabel?: React.ReactNode;
-        /**
-         * Determines if this field type should be hidden from the admin UI.
-         * If set to `true`, the field type will not be visible or selectable in the admin interface.
-         */
-        hideInAdmin?: boolean;
-        /**
-         * These are default values when the field is first created. This is a representation of the field that is stored in the database.
-         *
-         * ```ts
-         * createField: () => ({
-         *     type: "fieldType",
-         *     validation: [],
-         *     renderer: {
-         *         name: "fieldTypeRenderer"
-         *     }
-         * })
-         * ```
-         */
-        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.
-         *
-         * ```tsx
-         * renderSettings: (params) => {
-         *     return <FieldSettingsComponent />;
-         * }
-         * ```
-         */
-        renderSettings?: (params: {
-            afterChangeLabel: (value: string) => void;
-            uniqueFieldIdValidator: (fieldId: string) => void;
-            contentModel: CmsModel;
-        }) => React.ReactNode;
-        /**
-         * A ReactNode that renders in the Predefined values tab.
-         *
-         * ```tsx
-         * renderPredefinedValues: (params) => {
-         *     const {form: {Bind}} = params;
-         *     return (
-         *         <Bind name="fieldProperty">
-         *             <InputComponent />
-         *         </Bind>
-         *     );
-         * }
-         * ```
-         */
-        renderPredefinedValues?: (params: {
-            getBind: (index?: number) => any;
-        }) => React.ReactElement;
-        /**
-         * Object wrapper for GraphQL stuff
-         */
-        graphql?: {
-            /**
-             * Define field selection.
-             *
-             * ```ts
-             * graphql: {
-             *     queryField: `
-             *         {
-             *             id
-             *             title
-             *             createdOn
-             *         }
-             *     `,
-             * }
-             * ```
-             */
-            queryField?: string | ((params: QueryFieldParams) => string | null);
-        };
-        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 CmsModelLayoutFieldTypePlugin<T extends CmsModelLayoutField = CmsModelLayoutField> extends Plugin {
-    type: "cms-editor-layout-field-type";
-    field: {
-        type: T["type"];
-        label: string;
-        description: string;
-        icon: React.ReactElement;
-        createField(): Omit<T, "id">;
-        canEditSettings?: boolean;
-        renderSettings?(): React.ReactNode;
-        /**
-         * Collect all model fields embedded inside a layout field's nested layout.
-         * Used during drag-and-drop to move embedded fields along with the layout field
-         * across parent boundaries. Return `[]` or omit for layout fields with no nested fields.
-         */
-        collectFields?(params: {
-            field: T;
-            getField: (id: string) => CmsModelField | undefined;
-        }): CmsModelField[];
-        /**
-         * Return a label prefix for each field ID nested inside this layout field.
-         * Used by `buildFieldOptions` to include layout hierarchy in field labels.
-         *
-         * For example, a tabs layout field with label "My Tabs" containing a tab "SEO"
-         * with field "metaTitle" would return: `{ "metaTitle": "My Tabs › SEO" }`.
-         *
-         * Omit or return `{}` for layout fields that don't group fields.
-         */
-        getFieldLabelPrefixes?(params: {
-            field: T;
-        }): Record<string, string>;
-        /**
-         * Controls how this layout field looks on the model editor canvas.
-         * Each plugin fully owns its visual representation.
-         */
-        render(params: {
-            field: T;
-            onUpdate: (d: T) => void;
-            onDelete: () => void;
-        }): React.ReactElement;
-    };
-}
-export interface CmsModelLayoutFieldRendererPlugin<T extends CmsModelLayoutField = CmsModelLayoutField> extends Plugin {
-    type: "cms-layout-field-renderer";
-    fieldType: string;
-    render(props: {
-        field: T;
-        Bind: BindComponent;
-        fields: CmsModelField[];
-        contentModel: CmsModel;
-        gridClassName?: string;
-    }): React.ReactElement | null;
-}
-export interface CmsModelFieldRendererSettingsProps {
-    field: CmsModelField;
-}
-export interface CmsModelFieldRendererProps {
-    field: CmsModelField;
-    Label: React.ComponentType<React.PropsWithChildren>;
-    getBind: <T = any>(index?: number, key?: string) => BindComponent<T>;
-    contentModel: CmsModel;
-}
-export interface CmsModelFieldRendererPlugin extends Plugin {
-    /**
-     * a plugin type
-     */
-    type: "cms-editor-field-renderer";
-    renderer: {
-        /**
-         * Name of the renderer to match the one from `createField()` method in `CmsModelFieldTypePlugin`.
-         *
-         * ```ts
-         * renderName: "myFieldTypeRenderer"
-         * ```
-         */
-        rendererName: string;
-        /**
-         * A display name for the field in the UI. It is a `ReactNode` type, so you can use a JSX element.
-         *
-         * ```tsx
-         * name: <MyFieldNameComponent />
-         * ```
-         */
-        name: React.ReactNode;
-        /**
-         * A description for the field in the UI. Works exactly like the `name` property.
-         *
-         * ```tsx
-         * name: <MyFieldDescriptionComponent />
-         * ```
-         */
-        description: React.ReactNode;
-        /**
-         * A method that determines if the field can be rendered by this plugin.
-         *
-         * ```ts
-         * canUse({ field }) {
-         *     return (
-         *         field.type === "myType" && !field.list
-         *     );
-         * }
-         * ```
-         */
-        canUse(props: {
-            field: CmsModelField;
-            fieldPlugin: CmsModelFieldTypePlugin;
-            model: CmsModel;
-        }): boolean;
-        /**
-         * Renders a field in the UI.
-         *
-         * ```tsx
-         * render({ field, getBind }) {
-         *     const Bind = getBind();
-         *
-         *     return (
-         *         <Bind>
-         *             {bind => {
-         *                 return (
-         *                     <Input
-         *                         value={bind.value}
-         *                         onChange={bind.onChange}
-         *                     />
-         *                 )
-         *             }}
-         *         </Bind>
-         *     );
-         * }
-         * ```
-         */
-        render(props: CmsModelFieldRendererProps): React.ReactNode;
-        renderSettings?: (props: CmsModelFieldRendererSettingsProps) => React.ReactNode;
-    };
-}
 export interface CmsEditorFieldPredefinedValuesEntry {
     label: string;
     value: string;
@@ -372,14 +53,7 @@ export interface CmsDynamicZoneTemplate {
     validation: CmsModelFieldValidator[];
     tags?: string[];
 }
-export interface CmsDynamicZoneTemplateWithTypename extends CmsDynamicZoneTemplate {
-    __typename: string;
-}
 export type CmsContentEntryStatusType = "draft" | "published" | "unpublished";
-/**
- * @deprecated Use `CmsContentEntry`.
- */
-export type CmsEditorContentEntry = CmsContentEntry;
 export interface CmsContentEntryLive {
     version: number;
 }
@@ -457,9 +131,6 @@ export interface CmsContentEntryRevision {
         version: number;
     };
 }
-export type CmsEditorContentTab = React.ComponentType<{
-    activeTab: boolean;
-}>;
 export interface CmsEditorFieldOptionPlugin extends Plugin {
     type: "cms-editor-field-option";
     render(): ReactElement;
@@ -467,10 +138,6 @@ export interface CmsEditorFieldOptionPlugin extends Plugin {
 export interface CmsContentDetailsPlugin extends Plugin {
     render: (params: any) => ReactNode;
 }
-export interface FieldLayoutPosition {
-    row: number;
-    index: number | null;
-}
 export interface CmsEditorFormSettingsPlugin<T = GenericRecord> extends Plugin {
     type: "cms-editor-form-settings";
     title: string;

package/types/index.js

@@ -1 +1 @@
-export { isLayoutDescriptor, isLayoutField } from "./model.js";
+export { isLayoutField } from "./model.js";

package/types/model.d.ts

@@ -1,8 +1,12 @@
+import type React from "react";
 import type { Validator } from "@webiny/validation/types.js";
-import type { CmsModelFieldValidator } from "../types/validation.js";
-import type { CmsDynamicZoneTemplate, CmsEditorFieldPredefinedValues, CmsModelFieldRendererPlugin } from "../types/index.js";
+import type { CmsDynamicZoneTemplate, CmsEditorFieldPredefinedValues } from "../types/index.js";
 import type { CmsIdentity } from "../types/shared.js";
-import type React from "react";
+export interface CmsModelFieldValidator {
+    name: string;
+    message?: string;
+    settings?: any;
+}
 export interface CmsModelFieldSettings<T = unknown> {
     defaultValue?: string | boolean | number | null | undefined;
     defaultSetValue?: string;
@@ -40,12 +44,7 @@ export type CmsModelField<T = unknown> = T & {
     renderer: {
         name: string;
         settings?: Record<string, any>;
-    }
-    /**
-     * Use this only for programmatic assignment of renderers.
-     * Since functions cannot be serialized, this can only work via code.
-     */
-     | CmsModelFieldRendererPlugin["renderer"]["render"];
+    };
     tags?: string[];
     rules?: FieldRule[];
 };
@@ -93,15 +92,6 @@ export type CmsEditorFieldsLayout = CmsEditorLayoutCell[][];
  * has `fieldId`, so we use its absence as the discriminator.
  */
 export declare function isLayoutField(cell: unknown): cell is CmsLayoutField;
-/**
- * @deprecated Use `isLayoutField` instead.
- */
-export declare const isLayoutDescriptor: typeof isLayoutField;
-/**
- * @category GraphQL
- * @category Model
- */
-export type CmsEditorContentModel = CmsModel;
 /**
  * @category GraphQL
  * @category Group
@@ -147,6 +137,7 @@ export interface CmsModel {
      * Is model currently being deleted?
      */
     isBeingDeleted?: boolean;
+    valuesSelection?: string;
     settings: {
         [key: string]: any;
     };

package/types/model.js

@@ -1,7 +1,6 @@
 function isLayoutField(cell) {
     return "object" == typeof cell && null !== cell && "type" in cell && "string" == typeof cell.type && !("fieldId" in cell);
 }
-const isLayoutDescriptor = isLayoutField;
-export { isLayoutDescriptor, isLayoutField };
+export { isLayoutField };
 
 //# sourceMappingURL=model.js.map

package/types/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"types/model.js","sources":["../../src/types/model.ts"],"sourcesContent":["import type { Validator } from \"@webiny/validation/types.js\";\nimport type { CmsModelFieldValidator } from \"~/types/validation.js\";\nimport type {\n    CmsDynamicZoneTemplate,\n    CmsEditorFieldPredefinedValues,\n    CmsModelFieldRendererPlugin\n} from \"~/types/index.js\";\nimport type { CmsIdentity } from \"~/types/shared.js\";\nimport type React from \"react\";\n\nexport interface CmsModelFieldSettings<T = unknown> {\n    defaultValue?: string | boolean | number | null | undefined;\n    defaultSetValue?: string;\n    type?: string;\n    fields?: CmsModelField<T>[];\n    layout?: CmsEditorFieldsLayout;\n    models?: Pick<CmsModel, \"modelId\">[];\n    templates?: CmsDynamicZoneTemplate[];\n    imagesOnly?: boolean;\n    [key: string]: any;\n}\n\nexport type FieldRuleAction = \"hide\" | \"disable\" | string;\n\nexport interface FieldRule {\n    type: \"accessControl\" | \"condition\";\n    target: string;\n    operator: string;\n    value: string | number | boolean | null;\n    action: FieldRuleAction;\n}\n\nexport type CmsModelField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    storageId?: string;\n    label: string;\n    help?: string | React.ReactNode;\n    description?: string | React.ReactNode;\n    note?: string | React.ReactNode;\n    placeholder?: string;\n    validation?: (CmsModelFieldValidator | Validator)[];\n    listValidation?: CmsModelFieldValidator[];\n    list?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: CmsModelFieldSettings<T>;\n    renderer:\n        | {\n              name: string;\n              settings?: Record<string, any>;\n          }\n        /**\n         * Use this only for programmatic assignment of renderers.\n         * Since functions cannot be serialized, this can only work via code.\n         */\n        | CmsModelFieldRendererPlugin[\"renderer\"][\"render\"];\n    tags?: string[];\n    rules?: FieldRule[];\n};\n\nexport type CmsEditorFieldId = string;\n\nexport interface CmsModelLayoutField {\n    id: string;\n    type: string;\n    rules?: FieldRule[];\n}\n\nexport interface CmsSeparatorLayoutField extends CmsModelLayoutField {\n    type: \"separator\";\n    label: string;\n    description?: string;\n}\n\nexport interface CmsAlertLayoutField extends CmsModelLayoutField {\n    type: \"alert\";\n    label: string;\n    alertType: \"info\" | \"success\" | \"warning\" | \"danger\";\n}\n\nexport interface CmsTabLayoutTab {\n    id: string;\n    label: string;\n    icon?: string;\n    layout: CmsEditorFieldsLayout;\n    rules?: FieldRule[];\n}\n\nexport interface CmsTabLayoutField extends CmsModelLayoutField {\n    type: \"tabs\";\n    label: string;\n    description?: string | null;\n    help?: string | null;\n    tabs: CmsTabLayoutTab[];\n}\n\nexport type CmsLayoutField =\n    | CmsSeparatorLayoutField\n    | CmsAlertLayoutField\n    | CmsTabLayoutField\n    | CmsModelLayoutField;\n\nexport type CmsEditorLayoutCell = CmsEditorFieldId | CmsLayoutField;\nexport type CmsEditorFieldsLayout = CmsEditorLayoutCell[][];\n\n/**\n * Distinguish layout fields from field IDs (strings) and CmsModelField objects.\n *\n * In raw layout data (`CmsEditorFieldsLayout`), cells are either strings (field IDs)\n * or layout field objects — the `typeof` check handles that.\n *\n * In resolved layout data (after `getFieldsInLayout`), cells are either `CmsModelField`\n * or layout field objects — both have `{ id, type }`, but only `CmsModelField`\n * has `fieldId`, so we use its absence as the discriminator.\n */\nexport function isLayoutField(cell: unknown): cell is CmsLayoutField {\n    return (\n        typeof cell === \"object\" &&\n        cell !== null &&\n        \"type\" in cell &&\n        typeof (cell as any).type === \"string\" &&\n        !(\"fieldId\" in cell)\n    );\n}\n\n/**\n * @deprecated Use `isLayoutField` instead.\n */\nexport const isLayoutDescriptor = isLayoutField;\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: string;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: 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    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     * Is model currently being deleted?\n     */\n    isBeingDeleted?: boolean;\n    settings: {\n        [key: string]: any;\n    };\n}\n"],"names":["isLayoutField","cell","isLayoutDescriptor"],"mappings":"AAoHO,SAASA,cAAcC,IAAa;IACvC,OACI,AAAgB,YAAhB,OAAOA,QACPA,AAAS,SAATA,QACA,UAAUA,QACV,AAA8B,YAA9B,OAAQA,KAAa,IAAI,IACzB,CAAE,cAAaA,IAAG;AAE1B;AAKO,MAAMC,qBAAqBF"}
+{"version":3,"file":"types/model.js","sources":["../../src/types/model.ts"],"sourcesContent":["import type React from \"react\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport type { CmsDynamicZoneTemplate, CmsEditorFieldPredefinedValues } from \"~/types/index.js\";\nimport type { CmsIdentity } from \"~/types/shared.js\";\n\nexport interface CmsModelFieldValidator {\n    name: string;\n    message?: string;\n    settings?: any;\n}\n\nexport interface CmsModelFieldSettings<T = unknown> {\n    defaultValue?: string | boolean | number | null | undefined;\n    defaultSetValue?: string;\n    type?: string;\n    fields?: CmsModelField<T>[];\n    layout?: CmsEditorFieldsLayout;\n    models?: Pick<CmsModel, \"modelId\">[];\n    templates?: CmsDynamicZoneTemplate[];\n    imagesOnly?: boolean;\n    [key: string]: any;\n}\n\nexport type FieldRuleAction = \"hide\" | \"disable\" | string;\n\nexport interface FieldRule {\n    type: \"accessControl\" | \"condition\";\n    target: string;\n    operator: string;\n    value: string | number | boolean | null;\n    action: FieldRuleAction;\n}\n\nexport type CmsModelField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    storageId?: string;\n    label: string;\n    help?: string | React.ReactNode;\n    description?: string | React.ReactNode;\n    note?: string | React.ReactNode;\n    placeholder?: string;\n    validation?: (CmsModelFieldValidator | Validator)[];\n    listValidation?: CmsModelFieldValidator[];\n    list?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: CmsModelFieldSettings<T>;\n    renderer: {\n        name: string;\n        settings?: Record<string, any>;\n    };\n    tags?: string[];\n    rules?: FieldRule[];\n};\n\nexport type CmsEditorFieldId = string;\n\nexport interface CmsModelLayoutField {\n    id: string;\n    type: string;\n    rules?: FieldRule[];\n}\n\nexport interface CmsSeparatorLayoutField extends CmsModelLayoutField {\n    type: \"separator\";\n    label: string;\n    description?: string;\n}\n\nexport interface CmsAlertLayoutField extends CmsModelLayoutField {\n    type: \"alert\";\n    label: string;\n    alertType: \"info\" | \"success\" | \"warning\" | \"danger\";\n}\n\nexport interface CmsTabLayoutTab {\n    id: string;\n    label: string;\n    icon?: string;\n    layout: CmsEditorFieldsLayout;\n    rules?: FieldRule[];\n}\n\nexport interface CmsTabLayoutField extends CmsModelLayoutField {\n    type: \"tabs\";\n    label: string;\n    description?: string | null;\n    help?: string | null;\n    tabs: CmsTabLayoutTab[];\n}\n\nexport type CmsLayoutField =\n    | CmsSeparatorLayoutField\n    | CmsAlertLayoutField\n    | CmsTabLayoutField\n    | CmsModelLayoutField;\n\nexport type CmsEditorLayoutCell = CmsEditorFieldId | CmsLayoutField;\nexport type CmsEditorFieldsLayout = CmsEditorLayoutCell[][];\n\n/**\n * Distinguish layout fields from field IDs (strings) and CmsModelField objects.\n *\n * In raw layout data (`CmsEditorFieldsLayout`), cells are either strings (field IDs)\n * or layout field objects — the `typeof` check handles that.\n *\n * In resolved layout data (after `getFieldsInLayout`), cells are either `CmsModelField`\n * or layout field objects — both have `{ id, type }`, but only `CmsModelField`\n * has `fieldId`, so we use its absence as the discriminator.\n */\nexport function isLayoutField(cell: unknown): cell is CmsLayoutField {\n    return (\n        typeof cell === \"object\" &&\n        cell !== null &&\n        \"type\" in cell &&\n        typeof (cell as any).type === \"string\" &&\n        !(\"fieldId\" in cell)\n    );\n}\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: string;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: 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    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     * Is model currently being deleted?\n     */\n    isBeingDeleted?: boolean;\n    valuesSelection?: string;\n    settings: {\n        [key: string]: any;\n    };\n}\n"],"names":["isLayoutField","cell"],"mappings":"AA+GO,SAASA,cAAcC,IAAa;IACvC,OACI,AAAgB,YAAhB,OAAOA,QACPA,AAAS,SAATA,QACA,UAAUA,QACV,AAA8B,YAA9B,OAAQA,KAAa,IAAI,IACzB,CAAE,cAAaA,IAAG;AAE1B"}

package/types/shared.d.ts

@@ -1,5 +1,11 @@
+import type { IconPickerIconDto } from "@webiny/admin-ui";
+import type { Plugin } from "@webiny/plugins/types.js";
 export interface CmsIdentity {
     id: string;
     displayName: string;
     type: string;
 }
+export interface CmsIconsPlugin extends Plugin {
+    type: "cms-icons";
+    getIcons(): IconPickerIconDto[];
+}

package/Fields/ErrorBoundary.d.ts

@@ -1,24 +0,0 @@
-import type { ErrorInfo } from "react";
-import React from "react";
-import type { CmsModelField } from "../types/index.js";
-type State = {
-    hasError: true;
-    error: Error;
-} | {
-    hasError: false;
-    error: undefined;
-};
-interface Props {
-    field: CmsModelField;
-    [key: string]: any;
-}
-export declare class ErrorBoundary extends React.Component<Props, State> {
-    constructor(props: Props);
-    static getDerivedStateFromError(error: Error): {
-        hasError: boolean;
-        error: Error;
-    };
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): any;
-}
-export {};

package/Fields/ErrorBoundary.js

@@ -1,35 +0,0 @@
-import react from "react";
-import { FieldElementError } from "./FieldElementError.js";
-class ErrorBoundary extends react.Component {
-    constructor(props){
-        super(props);
-        this.state = {
-            hasError: false,
-            error: void 0
-        };
-    }
-    static getDerivedStateFromError(error) {
-        return {
-            hasError: true,
-            error
-        };
-    }
-    componentDidCatch(error, errorInfo) {
-        const { field } = this.props;
-        if (!field) return;
-        console.groupCollapsed(`%cFIELD ERROR%c: An error occurred while rendering model field "${field.fieldId}" (${field.id}) of type "${field.type}".`, "color:red", "color:default");
-        console.log("Field definition", field);
-        console.error(error, errorInfo);
-        console.groupEnd();
-    }
-    render() {
-        if (this.state.hasError) return /*#__PURE__*/ react.createElement(FieldElementError, {
-            title: `Error: ${this.state.error.message}`,
-            description: "See developer console for more details."
-        });
-        return this.props.children;
-    }
-}
-export { ErrorBoundary };
-
-//# sourceMappingURL=ErrorBoundary.js.map

package/Fields/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fields/ErrorBoundary.js","sources":["../../src/Fields/ErrorBoundary.tsx"],"sourcesContent":["import type { ErrorInfo } from \"react\";\nimport React from \"react\";\nimport type { CmsModelField } from \"~/types/index.js\";\nimport { FieldElementError } from \"./FieldElementError.js\";\n\ntype State =\n    | {\n          hasError: true;\n          error: Error;\n      }\n    | { hasError: false; error: undefined };\n\ninterface Props {\n    field: CmsModelField;\n    [key: string]: any;\n}\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n    constructor(props: Props) {\n        super(props);\n        this.state = {\n            hasError: false,\n            error: undefined\n        };\n    }\n\n    static getDerivedStateFromError(error: Error) {\n        return {\n            hasError: true,\n            error\n        };\n    }\n\n    public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n        const { field } = this.props;\n        if (!field) {\n            return;\n        }\n        console.groupCollapsed(\n            `%cFIELD ERROR%c: An error occurred while rendering model field \"${field.fieldId}\" (${field.id}) of type \"${field.type}\".`,\n            \"color:red\",\n            \"color:default\"\n        );\n        console.log(\"Field definition\", field);\n        console.error(error, errorInfo);\n        console.groupEnd();\n    }\n\n    public override render() {\n        if (this.state.hasError) {\n            return (\n                <FieldElementError\n                    title={`Error: ${this.state.error.message}`}\n                    description={\"See developer console for more details.\"}\n                />\n            );\n        }\n\n        return this.props.children;\n    }\n}\n"],"names":["ErrorBoundary","React","props","undefined","error","errorInfo","field","console","FieldElementError"],"mappings":";;AAiBO,MAAMA,sBAAsBC,MAAAA,SAAe;IAC9C,YAAYC,KAAY,CAAE;QACtB,KAAK,CAACA;QACN,IAAI,CAAC,KAAK,GAAG;YACT,UAAU;YACV,OAAOC;QACX;IACJ;IAEA,OAAO,yBAAyBC,KAAY,EAAE;QAC1C,OAAO;YACH,UAAU;YACVA;QACJ;IACJ;IAEgB,kBAAkBA,KAAY,EAAEC,SAAoB,EAAE;QAClE,MAAM,EAAEC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;QAC5B,IAAI,CAACA,OACD;QAEJC,QAAQ,cAAc,CAClB,CAAC,gEAAgE,EAAED,MAAM,OAAO,CAAC,GAAG,EAAEA,MAAM,EAAE,CAAC,WAAW,EAAEA,MAAM,IAAI,CAAC,EAAE,CAAC,EAC1H,aACA;QAEJC,QAAQ,GAAG,CAAC,oBAAoBD;QAChCC,QAAQ,KAAK,CAACH,OAAOC;QACrBE,QAAQ,QAAQ;IACpB;IAEgB,SAAS;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,OAAO,WAAP,GACI,oBAACC,mBAAiBA;YACd,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,aAAa;;QAKzB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC9B;AACJ"}