npm - @webiny/app-headless-cms - Versions diffs - 6.6.0-alpha.0 → 6.6.0-alpha.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/presentation/contentEntries/views/SingleEntryLayout.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ interface SingleEntryLayoutProps {
     presenter: ISingleEntryPresenter;
     modelName: string;
 }
-export declare const SingleEntryLayout: (({ presenter, modelName }: SingleEntryLayoutProps) => React.JSX.Element | null) & {
-    displayName: string;
+export declare const SingleEntryLayout: (({ presenter, modelName }: SingleEntryLayoutProps) => React.JSX.Element | null) & React.NamedExoticComponent<SingleEntryLayoutProps> & {
+    readonly type: ({ presenter, modelName }: SingleEntryLayoutProps) => React.JSX.Element | null;
 };
 export {};

package/presentation/contentEntries/views/Table/Table.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const Table: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const Table: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/contentEntries/views/actions/CreateNewRevisionButton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const CreateNewRevisionButton: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const CreateNewRevisionButton: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/contentEntries/views/actions/DeleteEntryMenuItem.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const DeleteEntryMenuItem: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const DeleteEntryMenuItem: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/contentEntries/views/actions/PublishOnlyButton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const PublishOnlyButton: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const PublishOnlyButton: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/contentEntries/views/actions/RevisionSelector.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const RevisionSelector: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const RevisionSelector: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/contentEntries/views/actions/SaveAndPublishButton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const SaveAndPublishButton: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const SaveAndPublishButton: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/contentEntries/views/actions/SaveContentButton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const SaveContentButton: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const SaveContentButton: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/contentEntries/views/actions/ShowRevisionListMenuItem.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const ShowRevisionListMenuItem: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const ShowRevisionListMenuItem: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/contentEntries/views/layout/ContentEntryForm.d.ts CHANGED Viewed

@@ -1,18 +1,18 @@
 import React from "react";
-export declare const ContentEntryForm: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const ContentEntryForm: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 } & {
-    original: (() => React.JSX.Element | null) & {
-        displayName: string;
+    original: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+        readonly type: () => React.JSX.Element | null;
     };
     originalName: string;
     displayName: string;
 } & {
-    original: (() => React.JSX.Element | null) & {
-        displayName: string;
+    original: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+        readonly type: () => React.JSX.Element | null;
     } & {
-        original: (() => React.JSX.Element | null) & {
-            displayName: string;
+        original: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+            readonly type: () => React.JSX.Element | null;
         };
         originalName: string;
         displayName: string;
@@ -20,11 +20,11 @@ export declare const ContentEntryForm: (() => React.JSX.Element | null) & {
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => React.JSX.Element | null) & {
-        displayName: string;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+        readonly type: () => React.JSX.Element | null;
     } & {
-        original: (() => React.JSX.Element | null) & {
-            displayName: string;
+        original: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+            readonly type: () => React.JSX.Element | null;
         };
         originalName: string;
         displayName: string;

package/presentation/contentEntries/views/layout/ContentEntryFormContent.d.ts CHANGED Viewed

@@ -1,20 +1,24 @@
 import React from "react";
-export declare const ContentEntryFormContent: (({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    original: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+interface ContentEntryFormContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: string;
+}
+export declare const ContentEntryFormContent: (({ children, className, width, ...props }: ContentEntryFormContentProps) => React.JSX.Element) & {
+    original: ({ children, className, width, ...props }: ContentEntryFormContentProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element) & {
-        original: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    original: (({ children, className, width, ...props }: ContentEntryFormContentProps) => React.JSX.Element) & {
+        original: ({ children, className, width, ...props }: ContentEntryFormContentProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element) & {
-        original: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, width, ...props }: ContentEntryFormContentProps) => React.JSX.Element) & {
+        original: ({ children, className, width, ...props }: ContentEntryFormContentProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/presentation/contentEntries/views/layout/ContentEntryFormContent.js CHANGED Viewed

@@ -1,10 +1,15 @@
 import react from "react";
 import { cn } from "@webiny/admin-ui";
 import { makeDecoratable } from "@webiny/react-composition";
-const ContentEntryFormContent = makeDecoratable("Content", ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+const ContentEntryFormContent = makeDecoratable("Content", ({ children, className, width, ...props })=>/*#__PURE__*/ react.createElement("div", {
         className: cn("flex justify-center pt-xl", className),
         ...props
-    }, children));
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base rounded-lg p-lg",
+        style: {
+            width
+        }
+    }, children)));
 export { ContentEntryFormContent };
 //# sourceMappingURL=ContentEntryFormContent.js.map

package/presentation/contentEntries/views/layout/ContentEntryFormContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/contentEntries/views/layout/ContentEntryFormContent.js","sources":["../../../../../src/presentation/contentEntries/views/layout/ContentEntryFormContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport const ContentEntryFormContent = makeDecoratable(\n \"Content\",\n ({ children, className, ...props }: ~~React.HTMLAttributes<HTMLDivElement>~~) => {\n return (\n <div className={cn(\"flex justify-center pt-xl\", className)} {...props}>\n {children}\n </div>\n );\n }\n);\n"],"names":["ContentEntryFormContent","makeDecoratable","children","className","props","cn"],"mappings":";;;~~AAIO~~,MAAMA,0BAA0BC,gBACnC,WACA,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,~~OAA6C~~,~~GAC7D~~,WAAP,GACI,oBAAC;QAAI,WAAWC,GAAG,~~6BAA6BF~~;QAAa,~~GAAGC~~,KAAK;~~OAChEF~~"}
1	+ {"version":3,"file":"presentation/contentEntries/views/layout/ContentEntryFormContent.js","sources":["../../../../../src/presentation/contentEntries/views/layout/ContentEntryFormContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\ninterface ContentEntryFormContentProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: string;\n}\n\nexport const ContentEntryFormContent = makeDecoratable(\n \"Content\",\n ({ children, className, width, ...props }: ContentEntryFormContentProps) => {\n return (\n <div className={cn(\"flex justify-center pt-xl\", className)} {...props}>\n <div className={\"bg-neutral-base rounded-lg p-lg\"} style={{ width }}>\n {children}\n </div>\n </div>\n );\n }\n);\n"],"names":["ContentEntryFormContent","makeDecoratable","children","className","width","props","cn"],"mappings":";;;AAQO,MAAMA,0BAA0BC,gBACnC,WACA,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAAqC,GAC5D,WAAP,GACI,oBAAC;QAAI,WAAWC,GAAG,6BAA6BH;QAAa,GAAGE,KAAK;qBACjE,oBAAC;QAAI,WAAW;QAAmC,OAAO;YAAED;QAAM;OAC7DF"}

package/presentation/contentModels/components/CloneContentModelDialog.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ interface CloneContentModelDialogProps {
     contentModel: CmsModel;
     closeModal: () => void;
 }
-export declare const CloneContentModelDialog: (({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const CloneContentModelDialog: (({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element) & React.NamedExoticComponent<CloneContentModelDialogProps> & {
+    readonly type: ({ onClose, contentModel, closeModal }: CloneContentModelDialogProps) => React.JSX.Element;
 };
 export {};

package/presentation/contentModels/components/ContentModels.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-declare const ContentModels: (() => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModels: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };
 export default ContentModels;

package/presentation/contentModels/components/ContentModelsDataList.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ interface ContentModelsDataListProps {
     onClone: (contentModel: CmsModel) => void;
     showImportModelModal: () => void;
 }
-declare const ContentModelsDataList: (({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModelsDataList: (({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element) & React.NamedExoticComponent<ContentModelsDataListProps> & {
+    readonly type: ({ canCreate, onCreate, onClone, showImportModelModal }: ContentModelsDataListProps) => React.JSX.Element;
 };
 export default ContentModelsDataList;

package/presentation/contentModels/components/NewContentModelDialog.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export interface NewContentModelDialogProps {
     open: boolean;
     onClose: DialogProps["onClose"];
 }
-declare const NewContentModelDialog: (({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element) & {
-    displayName: string;
+declare const NewContentModelDialog: (({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element) & React.NamedExoticComponent<NewContentModelDialogProps> & {
+    readonly type: ({ open, onClose }: NewContentModelDialogProps) => React.JSX.Element;
 };
 export default NewContentModelDialog;

package/presentation/contentModels/components/fullDelete/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/contentModels/components/fullDelete/types.js","sources":["../../../../../src/presentation/contentModels/components/fullDelete/types.ts"],"sourcesContent":["import type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport type { IDeleteCmsModelTask } from \"~/admin/viewsGraphql.js\";\n\nexport enum FullyDeleteModelStateStatus {\n NONE = 0,\n UNDERSTOOD = 1,\n CONFIRMED = 2,\n PROCESSED = 3,\n ERROR = 999\n}\n\nexport interface IFullyDeleteModelState {\n status: FullyDeleteModelStateStatus;\n confirmation: string;\n model: CmsModel;\n error: CmsErrorResponse \| null;\n task: IDeleteCmsModelTask \| null;\n}\n"],"names":["FullyDeleteModelStateStatus"],"mappings":"AAGO,IAAKA,oCAA2BA,WAAAA,GAAAA,SAA3BA,2BAA2B~~;;;;;;WAA3BA~~"}
1	+ {"version":3,"file":"presentation/contentModels/components/fullDelete/types.js","sources":["../../../../../src/presentation/contentModels/components/fullDelete/types.ts"],"sourcesContent":["import type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport type { IDeleteCmsModelTask } from \"~/admin/viewsGraphql.js\";\n\nexport enum FullyDeleteModelStateStatus {\n NONE = 0,\n UNDERSTOOD = 1,\n CONFIRMED = 2,\n PROCESSED = 3,\n ERROR = 999\n}\n\nexport interface IFullyDeleteModelState {\n status: FullyDeleteModelStateStatus;\n confirmation: string;\n model: CmsModel;\n error: CmsErrorResponse \| null;\n task: IDeleteCmsModelTask \| null;\n}\n"],"names":["FullyDeleteModelStateStatus"],"mappings":"AAGO,IAAKA,oCAA2BA,WAAAA,GAAAA,SAA3BA,2BAA2B;sEAC5B;4EACM;2EACD;2EACA;uEACJ;WALAA"}

package/presentation/fieldEditor/FieldEditorPresenter.js CHANGED Viewed

@@ -25,7 +25,7 @@ class FieldEditorPresenterImpl {
     }
     init(field, model) {
         this.originalField = cloneDeep(field);
-        const fieldType = this.fieldTypes.find((ft)=>ft.type === field.type);
+        const fieldType = this.fieldTypes.find((ft)=>ft.matches?.(field)) ?? this.fieldTypes.find((ft)=>ft.type === field.type);
         if (!fieldType) throw new Error(`Unknown field type: ${field.type}`);
         this.context = {
             field,

package/presentation/fieldEditor/FieldEditorPresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldEditor/FieldEditorPresenter.js","sources":["../../../src/presentation/fieldEditor/FieldEditorPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport {\n FieldEditorPresenter as PresenterAbstraction,\n CmsFieldEditorGroup,\n CmsFieldEditorGroupModifier\n} from \"./abstractions.js\";\nimport type {\n ICmsFieldEditorFormBuilder,\n ICmsFieldEditorContext,\n ICmsFieldEditorGroup,\n ICmsFieldEditorGroupModifier,\n IFieldEditorPresenter\n} from \"./abstractions.js\";\nimport { CmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\n\ntype FieldsFactory = (\n fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[];\n\ninterface CollectedGroup {\n group: ICmsFieldEditorGroup;\n fieldsFns: FieldsFactory[];\n layoutFns: LayoutFactory[];\n}\n\nclass FieldEditorPresenterImpl implements IFieldEditorPresenter {\n private form: FormModel.Interface \| null = null;\n private context: ICmsFieldEditorContext \| null = null;\n private originalField: CmsModelField \| null = null;\n\n constructor(\n private factory: FormModelFactory.Interface,\n private groups: ICmsFieldEditorGroup[],\n private modifiers: ICmsFieldEditorGroupModifier[] \| undefined,\n private fieldTypes: ICmsFieldType[]\n ) {\n makeAutoObservable(this, { vm: computed }, { autoBind: true });\n }\n\n get vm() {\n return {\n form: this.form ? this.form.vm : null\n };\n }\n\n init(field: CmsModelField, model: CmsModel) {\n this.originalField = cloneDeep(field);\n\n const fieldType = this.fieldTypes.find(ft => ft.type === field.type);\n if (!fieldType) {\n throw new Error(`Unknown field type: ${field.type}`);\n }\n\n this.context = { field, model, fieldType };\n this.form = this.buildForm(this.context);\n\n const data: Record<string, any> = {};\n for (const group of this.groups) {\n data[group.name] = group.mapToForm(field, this.context);\n }\n\n for (const mod of this.getApplicableModifiers(this.context)) {\n if (mod.mapToForm) {\n const modData = mod.mapToForm(field, this.context);\n data[mod.group] = { ...data[mod.group], ...modData };\n }\n }\n\n this.form.setData(data);\n }\n\n async submit(): Promise<CmsModelField \| false> {\n if (!this.form \|\| !this.context \|\| !this.originalField) {\n return false;\n }\n\n const data = await this.form.submit<Record<string, any>>();\n if (!data) {\n return false;\n }\n\n const field = cloneDeep(this.originalField);\n\n for (const group of this.groups) {\n group.mapFromForm(data[group.name] ?? {}, field, this.context);\n }\n\n for (const mod of this.getApplicableModifiers(this.context)) {\n if (mod.mapFromForm) {\n mod.mapFromForm(data[mod.group] ?? {}, field, this.context);\n }\n }\n\n return field;\n }\n\n private buildForm(context: ICmsFieldEditorContext) {\n const collected = this.collectGroups(context);\n\n return this.factory.create({\n fields: registry => {\n const result: Record<string, FormModelFactory.FieldBuilder> = {};\n for (const { group, fieldsFns } of collected) {\n result[group.name] = registry\n .object()\n .label(group.label)\n .renderer(\"passthrough\")\n .fields(childRegistry => {\n const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n for (const fn of fieldsFns) {\n Object.assign(merged, fn(childRegistry));\n }\n return merged;\n });\n }\n return result;\n },\n layout: layout => {\n const tabs = layout\n .tabs(\"field-settings\")\n .renderer(\"tabsHorizontal\", { spacing: \"lg\", size: \"md\", separator: true });\n for (const { group, layoutFns } of collected) {\n tabs.tab(group.name, tab => {\n tab.label(group.label);\n\n if (group.name === \"predefinedValues\") {\n tab.rules([\n {\n type: \"condition\",\n target: \"general.predefinedValuesEnabled\",\n operator: \"isFalsy\",\n value: null,\n action: \"disable\"\n }\n ]);\n }\n\n tab.layout(l => [\n l.object(group.name, inner => layoutFns.flatMap(fn => fn(inner)))\n ]);\n });\n }\n return [tabs];\n }\n });\n }\n\n private collectGroups(context: ICmsFieldEditorContext): CollectedGroup[] {\n return this.groups.map(group => {\n const fieldsFns: FieldsFactory[] = [];\n const layoutFns: LayoutFactory[] = [];\n\n const builder: ICmsFieldEditorFormBuilder = {\n fields(fn: FieldsFactory) {\n fieldsFns.push(fn);\n },\n layout(fn: LayoutFactory) {\n layoutFns.push(fn);\n }\n };\n\n group.buildForm(builder, context);\n\n for (const mod of this.getApplicableModifiers(context)) {\n if (mod.group !== group.name) {\n continue;\n }\n mod.modifyForm(builder, context);\n }\n\n return { group, fieldsFns, layoutFns };\n });\n }\n\n private getApplicableModifiers(\n context: ICmsFieldEditorContext\n ): ICmsFieldEditorGroupModifier[] {\n if (!this.modifiers) {\n return [];\n }\n return this.modifiers.filter(mod => {\n if (mod.shouldApply) {\n return mod.shouldApply(context);\n }\n return true;\n });\n }\n}\n\nexport const FieldEditorPresenterRegistration = PresenterAbstraction.createImplementation({\n implementation: FieldEditorPresenterImpl,\n dependencies: [\n FormModelFactory,\n [CmsFieldEditorGroup, { multiple: true }],\n [CmsFieldEditorGroupModifier, { multiple: true, optional: true }],\n [CmsFieldType, { multiple: true }]\n ]\n});\n"],"names":["FieldEditorPresenterImpl","factory","groups","modifiers","fieldTypes","makeAutoObservable","computed","field","model","cloneDeep","fieldType","ft","Error","data","group","mod","modData","context","collected","registry","result","fieldsFns","childRegistry","merged","fn","Object","layout","tabs","layoutFns","tab","l","inner","builder","FieldEditorPresenterRegistration","PresenterAbstraction","FormModelFactory","CmsFieldEditorGroup","CmsFieldEditorGroupModifier","CmsFieldType"],"mappings":"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"}
1	+ {"version":3,"file":"presentation/fieldEditor/FieldEditorPresenter.js","sources":["../../../src/presentation/fieldEditor/FieldEditorPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport {\n FieldEditorPresenter as PresenterAbstraction,\n CmsFieldEditorGroup,\n CmsFieldEditorGroupModifier\n} from \"./abstractions.js\";\nimport type {\n ICmsFieldEditorFormBuilder,\n ICmsFieldEditorContext,\n ICmsFieldEditorGroup,\n ICmsFieldEditorGroupModifier,\n IFieldEditorPresenter\n} from \"./abstractions.js\";\nimport { CmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\n\ntype FieldsFactory = (\n fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[];\n\ninterface CollectedGroup {\n group: ICmsFieldEditorGroup;\n fieldsFns: FieldsFactory[];\n layoutFns: LayoutFactory[];\n}\n\nclass FieldEditorPresenterImpl implements IFieldEditorPresenter {\n private form: FormModel.Interface \| null = null;\n private context: ICmsFieldEditorContext \| null = null;\n private originalField: CmsModelField \| null = null;\n\n constructor(\n private factory: FormModelFactory.Interface,\n private groups: ICmsFieldEditorGroup[],\n private modifiers: ICmsFieldEditorGroupModifier[] \| undefined,\n private fieldTypes: ICmsFieldType[]\n ) {\n makeAutoObservable(this, { vm: computed }, { autoBind: true });\n }\n\n get vm() {\n return {\n form: this.form ? this.form.vm : null\n };\n }\n\n init(field: CmsModelField, model: CmsModel) {\n this.originalField = cloneDeep(field);\n\n const fieldType =\n this.fieldTypes.find(ft => ft.matches?.(field)) ??\n this.fieldTypes.find(ft => ft.type === field.type);\n if (!fieldType) {\n throw new Error(`Unknown field type: ${field.type}`);\n }\n\n this.context = { field, model, fieldType };\n this.form = this.buildForm(this.context);\n\n const data: Record<string, any> = {};\n for (const group of this.groups) {\n data[group.name] = group.mapToForm(field, this.context);\n }\n\n for (const mod of this.getApplicableModifiers(this.context)) {\n if (mod.mapToForm) {\n const modData = mod.mapToForm(field, this.context);\n data[mod.group] = { ...data[mod.group], ...modData };\n }\n }\n\n this.form.setData(data);\n }\n\n async submit(): Promise<CmsModelField \| false> {\n if (!this.form \|\| !this.context \|\| !this.originalField) {\n return false;\n }\n\n const data = await this.form.submit<Record<string, any>>();\n if (!data) {\n return false;\n }\n\n const field = cloneDeep(this.originalField);\n\n for (const group of this.groups) {\n group.mapFromForm(data[group.name] ?? {}, field, this.context);\n }\n\n for (const mod of this.getApplicableModifiers(this.context)) {\n if (mod.mapFromForm) {\n mod.mapFromForm(data[mod.group] ?? {}, field, this.context);\n }\n }\n\n return field;\n }\n\n private buildForm(context: ICmsFieldEditorContext) {\n const collected = this.collectGroups(context);\n\n return this.factory.create({\n fields: registry => {\n const result: Record<string, FormModelFactory.FieldBuilder> = {};\n for (const { group, fieldsFns } of collected) {\n result[group.name] = registry\n .object()\n .label(group.label)\n .renderer(\"passthrough\")\n .fields(childRegistry => {\n const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n for (const fn of fieldsFns) {\n Object.assign(merged, fn(childRegistry));\n }\n return merged;\n });\n }\n return result;\n },\n layout: layout => {\n const tabs = layout\n .tabs(\"field-settings\")\n .renderer(\"tabsHorizontal\", { spacing: \"lg\", size: \"md\", separator: true });\n for (const { group, layoutFns } of collected) {\n tabs.tab(group.name, tab => {\n tab.label(group.label);\n\n if (group.name === \"predefinedValues\") {\n tab.rules([\n {\n type: \"condition\",\n target: \"general.predefinedValuesEnabled\",\n operator: \"isFalsy\",\n value: null,\n action: \"disable\"\n }\n ]);\n }\n\n tab.layout(l => [\n l.object(group.name, inner => layoutFns.flatMap(fn => fn(inner)))\n ]);\n });\n }\n return [tabs];\n }\n });\n }\n\n private collectGroups(context: ICmsFieldEditorContext): CollectedGroup[] {\n return this.groups.map(group => {\n const fieldsFns: FieldsFactory[] = [];\n const layoutFns: LayoutFactory[] = [];\n\n const builder: ICmsFieldEditorFormBuilder = {\n fields(fn: FieldsFactory) {\n fieldsFns.push(fn);\n },\n layout(fn: LayoutFactory) {\n layoutFns.push(fn);\n }\n };\n\n group.buildForm(builder, context);\n\n for (const mod of this.getApplicableModifiers(context)) {\n if (mod.group !== group.name) {\n continue;\n }\n mod.modifyForm(builder, context);\n }\n\n return { group, fieldsFns, layoutFns };\n });\n }\n\n private getApplicableModifiers(\n context: ICmsFieldEditorContext\n ): ICmsFieldEditorGroupModifier[] {\n if (!this.modifiers) {\n return [];\n }\n return this.modifiers.filter(mod => {\n if (mod.shouldApply) {\n return mod.shouldApply(context);\n }\n return true;\n });\n }\n}\n\nexport const FieldEditorPresenterRegistration = PresenterAbstraction.createImplementation({\n implementation: FieldEditorPresenterImpl,\n dependencies: [\n FormModelFactory,\n [CmsFieldEditorGroup, { multiple: true }],\n [CmsFieldEditorGroupModifier, { multiple: true, optional: true }],\n [CmsFieldType, { multiple: true }]\n ]\n});\n"],"names":["FieldEditorPresenterImpl","factory","groups","modifiers","fieldTypes","makeAutoObservable","computed","field","model","cloneDeep","fieldType","ft","Error","data","group","mod","modData","context","collected","registry","result","fieldsFns","childRegistry","merged","fn","Object","layout","tabs","layoutFns","tab","l","inner","builder","FieldEditorPresenterRegistration","PresenterAbstraction","FormModelFactory","CmsFieldEditorGroup","CmsFieldEditorGroupModifier","CmsFieldType"],"mappings":"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"}

package/presentation/fieldEditor/groups/ValidationsGroup.js CHANGED Viewed

@@ -147,7 +147,7 @@ class ValidationsGroupImpl {
         field.listValidation = this.flattenValidators(formData.listValidation || {});
     }
     flattenValidators(data) {
-        return Object.entries(data).filter(([_, v])=>v && v.enabled).map(([name, v])=>({
+        return Object.entries(data).filter(([, v])=>v && v.enabled).map(([name, v])=>({
                 name,
                 message: v.message,
                 settings: v.settings

package/presentation/fieldEditor/groups/ValidationsGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldEditor/groups/ValidationsGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/ValidationsGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { CmsModelFieldValidatorsGroup } from \"~/presentation/fieldTypes/abstractions.js\";\nimport { CmsFieldValidator } from \"~/presentation/fieldValidators/abstractions.js\";\nimport type {\n ICmsFieldValidator,\n ICmsFieldValidatorFormBuilder\n} from \"~/presentation/fieldValidators/abstractions.js\";\nimport type { FormModelFactory, FormModel } from \"@webiny/app-admin\";\n\nfunction resolveValidatorNames(\n config:\n \| string[]\n \| CmsModelFieldValidatorsGroup\n \| ((field: CmsModelField) => string[] \| CmsModelFieldValidatorsGroup)\n \| undefined,\n field: CmsModelField\n): string[] {\n if (!config) {\n return [];\n }\n if (typeof config === \"function\") {\n return resolveValidatorNames(config(field), field);\n }\n if (Array.isArray(config)) {\n return config;\n }\n return config.validators.map(v => (typeof v === \"string\" ? v : v.name));\n}\n\ninterface ValidatorBuildResult {\n fields: Record<string, FormModelFactory.FieldBuilder>;\n layouts: Map<\n string,\n {\n settingsLayoutFns: Array<\n (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n >;\n hasSettings: boolean;\n }\n >;\n}\n\nclass ValidationsGroupImpl implements CmsFieldEditorGroup.Interface {\n name = \"validations\";\n label = \"Validations\";\n\n constructor(private allValidators: ICmsFieldValidator[]) {}\n\n buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext) {\n const fieldValidatorNames = resolveValidatorNames(\n context.fieldType.validators,\n context.field\n );\n const DEFAULT_LIST_VALIDATORS = [\"minLength\", \"maxLength\"];\n const listValidatorNames =\n resolveValidatorNames(context.fieldType.listValidators, context.field).length > 0\n ? resolveValidatorNames(context.fieldType.listValidators, context.field)\n : DEFAULT_LIST_VALIDATORS;\n\n const fieldValidators = this.allValidators.filter(v =>\n fieldValidatorNames.includes(v.name)\n );\n const listValidators = this.allValidators.filter(v => listValidatorNames.includes(v.name));\n\n let fieldResult: ValidatorBuildResult \| null = null;\n let listResult: ValidatorBuildResult \| null = null;\n\n form.fields(fields => {\n const result: Record<string, FormModelFactory.FieldBuilder> = {};\n\n if (listValidators.length > 0) {\n listResult = this.buildValidatorFields(\n fields as FormModelFactory.FieldBuilderRegistry,\n listValidators,\n context\n );\n result.listValidation = fields\n .object()\n .renderer(\"passthrough\")\n .hiddenWhen(\n ({ form }: FormModel.CallbackParams) =>\n !form.field(\"general.list\").getValue()\n )\n .fields(() => listResult!.fields);\n }\n\n if (fieldValidators.length > 0) {\n fieldResult = this.buildValidatorFields(\n fields as FormModelFactory.FieldBuilderRegistry,\n fieldValidators,\n context\n );\n result.validation = fields\n .object()\n .renderer(\"passthrough\")\n .fields(() => fieldResult!.fields);\n }\n\n return result;\n });\n\n const listRule = {\n type: \"condition\",\n target: \"general.list\",\n operator: \"isFalsy\",\n value: null,\n action: \"hide\" as const\n };\n\n form.layout(layout => {\n const rows: FormModel.LayoutNodeBuilder[] = [];\n\n if (listValidators.length > 0 && listResult) {\n rows.push(\n layout\n .separator()\n .title(\"List validators\")\n .description(\"These validators are applied to the entire list of values.\")\n .rules([listRule])\n );\n rows.push(\n layout.object(\"listValidation\", inner =>\n this.buildValidatorLayouts(inner, listValidators, listResult!)\n )\n );\n }\n\n if (fieldValidators.length > 0 && fieldResult) {\n if (listValidators.length > 0) {\n rows.push(\n layout\n .separator()\n .title(\"Individual value validators\")\n .description(\"These validators are applied to each value in the list.\")\n .rules([listRule])\n );\n }\n rows.push(\n layout.object(\"validation\", inner =>\n this.buildValidatorLayouts(inner, fieldValidators, fieldResult!)\n )\n );\n }\n\n return rows;\n });\n }\n\n private buildValidatorLayouts(\n layout: FormModelFactory.LayoutBuilder,\n validators: ICmsFieldValidator[],\n result: ValidatorBuildResult\n ): FormModel.LayoutNodeBuilder[] {\n return validators.map(validator => {\n const meta = result.layouts.get(validator.name);\n return layout.object(validator.name, inner => {\n const rows: FormModel.LayoutNodeBuilder[] = [inner.row(\"message\")];\n if (meta && meta.hasSettings) {\n rows.push(\n inner.object(\"settings\", settingsLayout =>\n meta.settingsLayoutFns.flatMap(fn => fn(settingsLayout))\n )\n );\n }\n return rows;\n });\n });\n }\n\n private buildValidatorFields(\n fields: FormModelFactory.FieldBuilderRegistry,\n validators: ICmsFieldValidator[],\n context: ICmsFieldEditorContext\n ): ValidatorBuildResult {\n const resultFields: Record<string, FormModelFactory.FieldBuilder> = {};\n const layouts = new Map<\n string,\n {\n settingsLayoutFns: Array<\n (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n >;\n hasSettings: boolean;\n }\n >();\n\n for (const validator of validators) {\n let messageDescription = \"This message will be displayed to the user.\";\n if (validator.variables && validator.variables.length > 0) {\n const vars = validator.variables.map(v => `{${v.name}}`).join(\", \");\n messageDescription += ` Available variables: ${vars}.`;\n }\n\n const notEnabled = ({ field }: FormModel.CallbackParams) =>\n !field.parent().field(\"enabled\").getValue();\n\n const childFields: Record<string, FormModelFactory.FieldBuilder> = {\n enabled: fields.boolean().label(\"Enabled\").defaultValue(false).hidden(),\n message: fields\n .text()\n .label(\"Message\")\n .description(messageDescription)\n .defaultValue(validator.defaultMessage)\n .hiddenWhen(notEnabled)\n };\n\n const settingsLayoutFns: Array<\n (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n > = [];\n let hasSettings = false;\n\n if (validator.buildSettingsForm) {\n const settingsFieldsFns: Array<\n (\n f: FormModelFactory.FieldBuilderRegistry\n ) => Record<string, FormModelFactory.FieldBuilder>\n > = [];\n\n const builder: ICmsFieldValidatorFormBuilder = {\n message: childFields.message,\n fields: fn => {\n settingsFieldsFns.push(fn);\n },\n layout: fn => {\n settingsLayoutFns.push(fn);\n }\n };\n validator.buildSettingsForm(builder, { field: context.field });\n\n if (settingsFieldsFns.length > 0) {\n hasSettings = true;\n childFields.settings = fields\n .object()\n .renderer(\"passthrough\")\n .hiddenWhen(notEnabled)\n .fields((f: FormModelFactory.FieldBuilderRegistry) => {\n const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n for (const fn of settingsFieldsFns) {\n Object.assign(merged, fn(f));\n }\n return merged;\n });\n }\n }\n\n layouts.set(validator.name, { settingsLayoutFns, hasSettings });\n\n resultFields[validator.name] = fields\n .object()\n .label(validator.label)\n .description(validator.description)\n .renderer(\"cmsValidatorItem\")\n .fields(() => childFields);\n }\n\n return { fields: resultFields, layouts };\n }\n\n mapToForm(field: CmsModelField) {\n const validationMap: Record<string, Record<string, unknown>> = {};\n for (const v of field.validation \|\| []) {\n const validator = v as {\n name: string;\n message?: string;\n settings?: Record<string, unknown>;\n };\n validationMap[validator.name] = {\n enabled: true,\n message: validator.message,\n settings: validator.settings \|\| {}\n };\n }\n\n const listValidationMap: Record<string, Record<string, unknown>> = {};\n for (const v of field.listValidation \|\| []) {\n listValidationMap[v.name] = {\n enabled: true,\n message: v.message,\n settings: v.settings \|\| {}\n };\n }\n\n return {\n validation: validationMap,\n listValidation: listValidationMap\n };\n }\n\n mapFromForm(formData: Record<string, unknown>, field: CmsModelField) {\n field.validation = this.flattenValidators(\n (formData.validation \|\| {}) as Record<string, any>\n );\n field.listValidation = this.flattenValidators(\n (formData.listValidation \|\| {}) as Record<string, any>\n );\n }\n\n private flattenValidators(\n data: Record<\n string,\n {\n enabled?: boolean;\n message?: string;\n settings?: Record<string, unknown>;\n }\n >\n ) {\n return Object.entries(data)\n .filter(([_, v]) => v && v.enabled)\n .map(([name, v]) => ({\n name,\n message: v.message,\n settings: v.settings\n }));\n }\n}\n\nexport const ValidationsGroup = CmsFieldEditorGroup.createImplementation({\n implementation: ValidationsGroupImpl,\n dependencies: [[CmsFieldValidator, { multiple: true }]]\n});\n"],"names":["resolveValidatorNames","config","field","Array","v","ValidationsGroupImpl","allValidators","form","context","fieldValidatorNames","DEFAULT_LIST_VALIDATORS","listValidatorNames","fieldValidators","listValidators","fieldResult","listResult","fields","result","listRule","layout","rows","inner","validators","validator","meta","settingsLayout","fn","resultFields","layouts","Map","messageDescription","vars","notEnabled","childFields","settingsLayoutFns","hasSettings","settingsFieldsFns","builder","f","merged","Object","validationMap","listValidationMap","formData","data","_","name","ValidationsGroup","CmsFieldEditorGroup","CmsFieldValidator"],"mappings":"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"}
1	+ {"version":3,"file":"presentation/fieldEditor/groups/ValidationsGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/ValidationsGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { CmsModelFieldValidatorsGroup } from \"~/presentation/fieldTypes/abstractions.js\";\nimport { CmsFieldValidator } from \"~/presentation/fieldValidators/abstractions.js\";\nimport type {\n ICmsFieldValidator,\n ICmsFieldValidatorFormBuilder\n} from \"~/presentation/fieldValidators/abstractions.js\";\nimport type { FormModelFactory, FormModel } from \"@webiny/app-admin\";\n\nfunction resolveValidatorNames(\n config:\n \| string[]\n \| CmsModelFieldValidatorsGroup\n \| ((field: CmsModelField) => string[] \| CmsModelFieldValidatorsGroup)\n \| undefined,\n field: CmsModelField\n): string[] {\n if (!config) {\n return [];\n }\n if (typeof config === \"function\") {\n return resolveValidatorNames(config(field), field);\n }\n if (Array.isArray(config)) {\n return config;\n }\n return config.validators.map(v => (typeof v === \"string\" ? v : v.name));\n}\n\ninterface ValidatorBuildResult {\n fields: Record<string, FormModelFactory.FieldBuilder>;\n layouts: Map<\n string,\n {\n settingsLayoutFns: Array<\n (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n >;\n hasSettings: boolean;\n }\n >;\n}\n\nclass ValidationsGroupImpl implements CmsFieldEditorGroup.Interface {\n name = \"validations\";\n label = \"Validations\";\n\n constructor(private allValidators: ICmsFieldValidator[]) {}\n\n buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext) {\n const fieldValidatorNames = resolveValidatorNames(\n context.fieldType.validators,\n context.field\n );\n const DEFAULT_LIST_VALIDATORS = [\"minLength\", \"maxLength\"];\n const listValidatorNames =\n resolveValidatorNames(context.fieldType.listValidators, context.field).length > 0\n ? resolveValidatorNames(context.fieldType.listValidators, context.field)\n : DEFAULT_LIST_VALIDATORS;\n\n const fieldValidators = this.allValidators.filter(v =>\n fieldValidatorNames.includes(v.name)\n );\n const listValidators = this.allValidators.filter(v => listValidatorNames.includes(v.name));\n\n let fieldResult: ValidatorBuildResult \| null = null;\n let listResult: ValidatorBuildResult \| null = null;\n\n form.fields(fields => {\n const result: Record<string, FormModelFactory.FieldBuilder> = {};\n\n if (listValidators.length > 0) {\n listResult = this.buildValidatorFields(\n fields as FormModelFactory.FieldBuilderRegistry,\n listValidators,\n context\n );\n result.listValidation = fields\n .object()\n .renderer(\"passthrough\")\n .hiddenWhen(\n ({ form }: FormModel.CallbackParams) =>\n !form.field(\"general.list\").getValue()\n )\n .fields(() => listResult!.fields);\n }\n\n if (fieldValidators.length > 0) {\n fieldResult = this.buildValidatorFields(\n fields as FormModelFactory.FieldBuilderRegistry,\n fieldValidators,\n context\n );\n result.validation = fields\n .object()\n .renderer(\"passthrough\")\n .fields(() => fieldResult!.fields);\n }\n\n return result;\n });\n\n const listRule = {\n type: \"condition\",\n target: \"general.list\",\n operator: \"isFalsy\",\n value: null,\n action: \"hide\" as const\n };\n\n form.layout(layout => {\n const rows: FormModel.LayoutNodeBuilder[] = [];\n\n if (listValidators.length > 0 && listResult) {\n rows.push(\n layout\n .separator()\n .title(\"List validators\")\n .description(\"These validators are applied to the entire list of values.\")\n .rules([listRule])\n );\n rows.push(\n layout.object(\"listValidation\", inner =>\n this.buildValidatorLayouts(inner, listValidators, listResult!)\n )\n );\n }\n\n if (fieldValidators.length > 0 && fieldResult) {\n if (listValidators.length > 0) {\n rows.push(\n layout\n .separator()\n .title(\"Individual value validators\")\n .description(\"These validators are applied to each value in the list.\")\n .rules([listRule])\n );\n }\n rows.push(\n layout.object(\"validation\", inner =>\n this.buildValidatorLayouts(inner, fieldValidators, fieldResult!)\n )\n );\n }\n\n return rows;\n });\n }\n\n private buildValidatorLayouts(\n layout: FormModelFactory.LayoutBuilder,\n validators: ICmsFieldValidator[],\n result: ValidatorBuildResult\n ): FormModel.LayoutNodeBuilder[] {\n return validators.map(validator => {\n const meta = result.layouts.get(validator.name);\n return layout.object(validator.name, inner => {\n const rows: FormModel.LayoutNodeBuilder[] = [inner.row(\"message\")];\n if (meta && meta.hasSettings) {\n rows.push(\n inner.object(\"settings\", settingsLayout =>\n meta.settingsLayoutFns.flatMap(fn => fn(settingsLayout))\n )\n );\n }\n return rows;\n });\n });\n }\n\n private buildValidatorFields(\n fields: FormModelFactory.FieldBuilderRegistry,\n validators: ICmsFieldValidator[],\n context: ICmsFieldEditorContext\n ): ValidatorBuildResult {\n const resultFields: Record<string, FormModelFactory.FieldBuilder> = {};\n const layouts = new Map<\n string,\n {\n settingsLayoutFns: Array<\n (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n >;\n hasSettings: boolean;\n }\n >();\n\n for (const validator of validators) {\n let messageDescription = \"This message will be displayed to the user.\";\n if (validator.variables && validator.variables.length > 0) {\n const vars = validator.variables.map(v => `{${v.name}}`).join(\", \");\n messageDescription += ` Available variables: ${vars}.`;\n }\n\n const notEnabled = ({ field }: FormModel.CallbackParams) =>\n !field.parent().field(\"enabled\").getValue();\n\n const childFields: Record<string, FormModelFactory.FieldBuilder> = {\n enabled: fields.boolean().label(\"Enabled\").defaultValue(false).hidden(),\n message: fields\n .text()\n .label(\"Message\")\n .description(messageDescription)\n .defaultValue(validator.defaultMessage)\n .hiddenWhen(notEnabled)\n };\n\n const settingsLayoutFns: Array<\n (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n > = [];\n let hasSettings = false;\n\n if (validator.buildSettingsForm) {\n const settingsFieldsFns: Array<\n (\n f: FormModelFactory.FieldBuilderRegistry\n ) => Record<string, FormModelFactory.FieldBuilder>\n > = [];\n\n const builder: ICmsFieldValidatorFormBuilder = {\n message: childFields.message,\n fields: fn => {\n settingsFieldsFns.push(fn);\n },\n layout: fn => {\n settingsLayoutFns.push(fn);\n }\n };\n validator.buildSettingsForm(builder, { field: context.field });\n\n if (settingsFieldsFns.length > 0) {\n hasSettings = true;\n childFields.settings = fields\n .object()\n .renderer(\"passthrough\")\n .hiddenWhen(notEnabled)\n .fields((f: FormModelFactory.FieldBuilderRegistry) => {\n const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n for (const fn of settingsFieldsFns) {\n Object.assign(merged, fn(f));\n }\n return merged;\n });\n }\n }\n\n layouts.set(validator.name, { settingsLayoutFns, hasSettings });\n\n resultFields[validator.name] = fields\n .object()\n .label(validator.label)\n .description(validator.description)\n .renderer(\"cmsValidatorItem\")\n .fields(() => childFields);\n }\n\n return { fields: resultFields, layouts };\n }\n\n mapToForm(field: CmsModelField) {\n const validationMap: Record<string, Record<string, unknown>> = {};\n for (const v of field.validation \|\| []) {\n const validator = v as {\n name: string;\n message?: string;\n settings?: Record<string, unknown>;\n };\n validationMap[validator.name] = {\n enabled: true,\n message: validator.message,\n settings: validator.settings \|\| {}\n };\n }\n\n const listValidationMap: Record<string, Record<string, unknown>> = {};\n for (const v of field.listValidation \|\| []) {\n listValidationMap[v.name] = {\n enabled: true,\n message: v.message,\n settings: v.settings \|\| {}\n };\n }\n\n return {\n validation: validationMap,\n listValidation: listValidationMap\n };\n }\n\n mapFromForm(formData: Record<string, unknown>, field: CmsModelField) {\n field.validation = this.flattenValidators(\n (formData.validation \|\| {}) as Record<string, any>\n );\n field.listValidation = this.flattenValidators(\n (formData.listValidation \|\| {}) as Record<string, any>\n );\n }\n\n private flattenValidators(\n data: Record<\n string,\n {\n enabled?: boolean;\n message?: string;\n settings?: Record<string, unknown>;\n }\n >\n ) {\n return Object.entries(data)\n .filter(([, v]) => v && v.enabled)\n .map(([name, v]) => ({\n name,\n message: v.message,\n settings: v.settings\n }));\n }\n}\n\nexport const ValidationsGroup = CmsFieldEditorGroup.createImplementation({\n implementation: ValidationsGroupImpl,\n dependencies: [[CmsFieldValidator, { multiple: true }]]\n});\n"],"names":["resolveValidatorNames","config","field","Array","v","ValidationsGroupImpl","allValidators","form","context","fieldValidatorNames","DEFAULT_LIST_VALIDATORS","listValidatorNames","fieldValidators","listValidators","fieldResult","listResult","fields","result","listRule","layout","rows","inner","validators","validator","meta","settingsLayout","fn","resultFields","layouts","Map","messageDescription","vars","notEnabled","childFields","settingsLayoutFns","hasSettings","settingsFieldsFns","builder","f","merged","Object","validationMap","listValidationMap","formData","data","name","ValidationsGroup","CmsFieldEditorGroup","CmsFieldValidator"],"mappings":"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"}

package/presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.js CHANGED Viewed

@@ -2,7 +2,7 @@ import react, { useCallback, useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { useFeature } from "@webiny/app";
 import { createObjectFieldRenderer } from "@webiny/app-admin/features/formModel/createFieldRenderer.js";
-import { useWcp } from "@webiny/app-admin";
+import { useFeatureFlags } from "@webiny/app-admin";
 import { Grid } from "@webiny/admin-ui";
 import { UsersTeamsMultiAutocomplete } from "@webiny/app-aco";
 import { ListFolderPermissionsTargetsFeature } from "../../../features/listFolderPermissionsTargets/feature.js";
@@ -12,7 +12,7 @@ const CmsAccessControlRulesRenderer = createObjectFieldRenderer(({ field })=>/*#
         field: field
     }));
 const AccessControlRules = observer(({ field })=>{
-    const wcp = useWcp();
+    const featureFlags = useFeatureFlags();
     const { useCase } = useFeature(ListFolderPermissionsTargetsFeature);
     const rules = Array.isArray(field.value) ? field.value : [];
     const [targetsList, setTargetsList] = useState([]);
@@ -50,7 +50,7 @@ const AccessControlRules = observer(({ field })=>{
         rules,
         field
     ]);
-    if (!wcp.canUseHcmsFieldPermissions()) return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+    if (!featureFlags.isEnabled("advancedAccessControlLayer.hcmsFieldPermissions")) return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 12
     }, /*#__PURE__*/ react.createElement(CannotUsePermissions, null)));
     const selectedValues = useMemo(()=>rules.map((rule)=>String(rule.value)), [

package/presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.js","sources":["../../../../src/presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { createObjectFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IObjectFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { ~~useWcp~~ } from \"@webiny/app-admin\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { UsersTeamsMultiAutocomplete } from \"@webiny/app-aco\";\nimport type { FolderLevelPermissionsTarget } from \"@webiny/app-aco\";\nimport { ListFolderPermissionsTargetsFeature } from \"~/features/listFolderPermissionsTargets/feature.js\";\nimport type { FieldRule } from \"~/types.js\";\nimport { FieldPermissionsSelection } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/FieldPermissionsSelection.js\";\nimport { CannotUsePermissions } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/CannotUsePermissions.js\";\n\nexport const CmsAccessControlRulesRenderer = createObjectFieldRenderer(({ field }) => {\n return <AccessControlRules field={field} />;\n});\n\ninterface AccessControlRulesProps {\n field: IObjectFieldVM;\n}\n\nconst AccessControlRules = observer(({ field }: AccessControlRulesProps) => {\n const ~~wcp~~ = ~~useWcp~~();\n const { useCase } = useFeature(ListFolderPermissionsTargetsFeature);\n const rules: FieldRule[] = Array.isArray(field.value) ? (field.value as FieldRule[]) : [];\n\n const [targetsList, setTargetsList] = useState<FolderLevelPermissionsTarget[]>([]);\n\n useEffect(() => {\n useCase.execute().then(setTargetsList).catch(console.error);\n }, []);\n\n const addPermission = useCallback(\n (value: string[]) => {\n const selectedUserOrTeam = value[value.length - 1];\n if (!selectedUserOrTeam) {\n return;\n }\n const newRule: FieldRule = {\n type: \"accessControl\",\n target: \"identity\",\n operator: \"matches\",\n value: selectedUserOrTeam,\n action: \"disable\"\n };\n field.onChange([...rules, newRule]);\n },\n [rules, field]\n );\n\n const updatePermission = useCallback(\n ({ rule: updatedRule }: { rule: FieldRule }) => {\n const updated = rules.map(rule =>\n rule.value === updatedRule.value ? updatedRule : rule\n );\n field.onChange(updated);\n },\n [rules, field]\n );\n\n const removePermission = useCallback(\n ({ rule: removedRule }: { rule: FieldRule }) => {\n field.onChange(rules.filter(rule => rule.value !== removedRule.value));\n },\n [rules, field]\n );\n\n if (!~~wcp~~.~~canUseHcmsFieldPermissions~~()) {\n return (\n <Grid>\n <Grid.Column span={12}>\n <CannotUsePermissions />\n </Grid.Column>\n </Grid>\n );\n }\n\n const selectedValues = useMemo(\n () => rules.map(rule => String(rule.value) as `admin:${string}` \| `team:${string}`),\n [rules]\n );\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <UsersTeamsMultiAutocomplete\n options={targetsList}\n value={selectedValues}\n onChange={addPermission}\n />\n </Grid.Column>\n <Grid.Column span={12}>\n <FieldPermissionsSelection\n rules={rules}\n targetsList={targetsList}\n onRemoveAccess={removePermission}\n onUpdatePermission={updatePermission}\n />\n </Grid.Column>\n </Grid>\n );\n});\n"],"names":["CmsAccessControlRulesRenderer","createObjectFieldRenderer","field","AccessControlRules","observer","~~wcp~~","~~useWcp~~","useCase","useFeature","ListFolderPermissionsTargetsFeature","rules","Array","targetsList","setTargetsList","useState","useEffect","console","addPermission","useCallback","value","selectedUserOrTeam","newRule","updatePermission","updatedRule","updated","rule","removePermission","removedRule","Grid","CannotUsePermissions","selectedValues","useMemo","String","UsersTeamsMultiAutocomplete","FieldPermissionsSelection"],"mappings":";;;;;;;;;;AAcO,MAAMA,gCAAgCC,0BAA0B,CAAC,EAAEC,KAAK,EAAE,GACtE,WAAP,GAAO,oBAACC,oBAAkBA;QAAC,OAAOD;;AAOtC,MAAMC,qBAAqBC,SAAS,CAAC,EAAEF,KAAK,EAA2B;IACnE,MAAMG,~~MAAMC~~;~~IACZ~~,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAMC,QAAqBC,MAAM,OAAO,CAACT,MAAM,KAAK,IAAKA,MAAM,KAAK,GAAmB,EAAE;IAEzF,MAAM,CAACU,aAAaC,eAAe,GAAGC,SAAyC,EAAE;IAEjFC,UAAU;QACNR,QAAQ,OAAO,GAAG,IAAI,CAACM,gBAAgB,KAAK,CAACG,QAAQ,KAAK;IAC9D,GAAG,EAAE;IAEL,MAAMC,gBAAgBC,YAClB,CAACC;QACG,MAAMC,qBAAqBD,KAAK,CAACA,MAAM,MAAM,GAAG,EAAE;QAClD,IAAI,CAACC,oBACD;QAEJ,MAAMC,UAAqB;YACvB,MAAM;YACN,QAAQ;YACR,UAAU;YACV,OAAOD;YACP,QAAQ;QACZ;QACAlB,MAAM,QAAQ,CAAC;eAAIQ;YAAOW;SAAQ;IACtC,GACA;QAACX;QAAOR;KAAM;IAGlB,MAAMoB,mBAAmBJ,YACrB,CAAC,EAAE,MAAMK,WAAW,EAAuB;QACvC,MAAMC,UAAUd,MAAM,GAAG,CAACe,CAAAA,OACtBA,KAAK,KAAK,KAAKF,YAAY,KAAK,GAAGA,cAAcE;QAErDvB,MAAM,QAAQ,CAACsB;IACnB,GACA;QAACd;QAAOR;KAAM;IAGlB,MAAMwB,mBAAmBR,YACrB,CAAC,EAAE,MAAMS,WAAW,EAAuB;QACvCzB,MAAM,QAAQ,CAACQ,MAAM,MAAM,CAACe,CAAAA,OAAQA,KAAK,KAAK,KAAKE,YAAY,KAAK;IACxE,GACA;QAACjB;QAAOR;KAAM;IAGlB,IAAI,CAACG,~~IAAI~~,~~0BAA0B~~,~~IAC/B~~,OAAO,WAAP,GACI,oBAACuB,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,sBAAoBA;IAMrC,MAAMC,iBAAiBC,QACnB,IAAMrB,MAAM,GAAG,CAACe,CAAAA,OAAQO,OAAOP,KAAK,KAAK,IACzC;QAACf;KAAM;IAGX,OAAO,WAAP,GACI,oBAACkB,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,6BAA2BA;QACxB,SAASrB;QACT,OAAOkB;QACP,UAAUb;uBAGlB,oBAACW,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,2BAAyBA;QACtB,OAAOxB;QACP,aAAaE;QACb,gBAAgBc;QAChB,oBAAoBJ;;AAKxC"}
1	+ {"version":3,"file":"presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.js","sources":["../../../../src/presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { createObjectFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IObjectFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { useFeatureFlags } from \"@webiny/app-admin\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { UsersTeamsMultiAutocomplete } from \"@webiny/app-aco\";\nimport type { FolderLevelPermissionsTarget } from \"@webiny/app-aco\";\nimport { ListFolderPermissionsTargetsFeature } from \"~/features/listFolderPermissionsTargets/feature.js\";\nimport type { FieldRule } from \"~/types.js\";\nimport { FieldPermissionsSelection } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/FieldPermissionsSelection.js\";\nimport { CannotUsePermissions } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/CannotUsePermissions.js\";\n\nexport const CmsAccessControlRulesRenderer = createObjectFieldRenderer(({ field }) => {\n return <AccessControlRules field={field} />;\n});\n\ninterface AccessControlRulesProps {\n field: IObjectFieldVM;\n}\n\nconst AccessControlRules = observer(({ field }: AccessControlRulesProps) => {\n const featureFlags = useFeatureFlags();\n const { useCase } = useFeature(ListFolderPermissionsTargetsFeature);\n const rules: FieldRule[] = Array.isArray(field.value) ? (field.value as FieldRule[]) : [];\n\n const [targetsList, setTargetsList] = useState<FolderLevelPermissionsTarget[]>([]);\n\n useEffect(() => {\n useCase.execute().then(setTargetsList).catch(console.error);\n }, []);\n\n const addPermission = useCallback(\n (value: string[]) => {\n const selectedUserOrTeam = value[value.length - 1];\n if (!selectedUserOrTeam) {\n return;\n }\n const newRule: FieldRule = {\n type: \"accessControl\",\n target: \"identity\",\n operator: \"matches\",\n value: selectedUserOrTeam,\n action: \"disable\"\n };\n field.onChange([...rules, newRule]);\n },\n [rules, field]\n );\n\n const updatePermission = useCallback(\n ({ rule: updatedRule }: { rule: FieldRule }) => {\n const updated = rules.map(rule =>\n rule.value === updatedRule.value ? updatedRule : rule\n );\n field.onChange(updated);\n },\n [rules, field]\n );\n\n const removePermission = useCallback(\n ({ rule: removedRule }: { rule: FieldRule }) => {\n field.onChange(rules.filter(rule => rule.value !== removedRule.value));\n },\n [rules, field]\n );\n\n if (!featureFlags.isEnabled(\"advancedAccessControlLayer.hcmsFieldPermissions\")) {\n return (\n <Grid>\n <Grid.Column span={12}>\n <CannotUsePermissions />\n </Grid.Column>\n </Grid>\n );\n }\n\n const selectedValues = useMemo(\n () => rules.map(rule => String(rule.value) as `admin:${string}` \| `team:${string}`),\n [rules]\n );\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <UsersTeamsMultiAutocomplete\n options={targetsList}\n value={selectedValues}\n onChange={addPermission}\n />\n </Grid.Column>\n <Grid.Column span={12}>\n <FieldPermissionsSelection\n rules={rules}\n targetsList={targetsList}\n onRemoveAccess={removePermission}\n onUpdatePermission={updatePermission}\n />\n </Grid.Column>\n </Grid>\n );\n});\n"],"names":["CmsAccessControlRulesRenderer","createObjectFieldRenderer","field","AccessControlRules","observer","featureFlags","useFeatureFlags","useCase","useFeature","ListFolderPermissionsTargetsFeature","rules","Array","targetsList","setTargetsList","useState","useEffect","console","addPermission","useCallback","value","selectedUserOrTeam","newRule","updatePermission","updatedRule","updated","rule","removePermission","removedRule","Grid","CannotUsePermissions","selectedValues","useMemo","String","UsersTeamsMultiAutocomplete","FieldPermissionsSelection"],"mappings":";;;;;;;;;;AAcO,MAAMA,gCAAgCC,0BAA0B,CAAC,EAAEC,KAAK,EAAE,GACtE,WAAP,GAAO,oBAACC,oBAAkBA;QAAC,OAAOD;;AAOtC,MAAMC,qBAAqBC,SAAS,CAAC,EAAEF,KAAK,EAA2B;IACnE,MAAMG,eAAeC;IACrB,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAMC,QAAqBC,MAAM,OAAO,CAACT,MAAM,KAAK,IAAKA,MAAM,KAAK,GAAmB,EAAE;IAEzF,MAAM,CAACU,aAAaC,eAAe,GAAGC,SAAyC,EAAE;IAEjFC,UAAU;QACNR,QAAQ,OAAO,GAAG,IAAI,CAACM,gBAAgB,KAAK,CAACG,QAAQ,KAAK;IAC9D,GAAG,EAAE;IAEL,MAAMC,gBAAgBC,YAClB,CAACC;QACG,MAAMC,qBAAqBD,KAAK,CAACA,MAAM,MAAM,GAAG,EAAE;QAClD,IAAI,CAACC,oBACD;QAEJ,MAAMC,UAAqB;YACvB,MAAM;YACN,QAAQ;YACR,UAAU;YACV,OAAOD;YACP,QAAQ;QACZ;QACAlB,MAAM,QAAQ,CAAC;eAAIQ;YAAOW;SAAQ;IACtC,GACA;QAACX;QAAOR;KAAM;IAGlB,MAAMoB,mBAAmBJ,YACrB,CAAC,EAAE,MAAMK,WAAW,EAAuB;QACvC,MAAMC,UAAUd,MAAM,GAAG,CAACe,CAAAA,OACtBA,KAAK,KAAK,KAAKF,YAAY,KAAK,GAAGA,cAAcE;QAErDvB,MAAM,QAAQ,CAACsB;IACnB,GACA;QAACd;QAAOR;KAAM;IAGlB,MAAMwB,mBAAmBR,YACrB,CAAC,EAAE,MAAMS,WAAW,EAAuB;QACvCzB,MAAM,QAAQ,CAACQ,MAAM,MAAM,CAACe,CAAAA,OAAQA,KAAK,KAAK,KAAKE,YAAY,KAAK;IACxE,GACA;QAACjB;QAAOR;KAAM;IAGlB,IAAI,CAACG,aAAa,SAAS,CAAC,oDACxB,OAAO,WAAP,GACI,oBAACuB,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,sBAAoBA;IAMrC,MAAMC,iBAAiBC,QACnB,IAAMrB,MAAM,GAAG,CAACe,CAAAA,OAAQO,OAAOP,KAAK,KAAK,IACzC;QAACf;KAAM;IAGX,OAAO,WAAP,GACI,oBAACkB,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,6BAA2BA;QACxB,SAASrB;QACT,OAAOkB;QACP,UAAUb;uBAGlB,oBAACW,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,2BAAyBA;QACtB,OAAOxB;QACP,aAAaE;QACb,gBAAgBc;QAChB,oBAAoBJ;;AAKxC"}

package/presentation/fieldRenderers/ref/CmsRefDetailedMultipleRenderer.js CHANGED Viewed

@@ -9,6 +9,7 @@ import { EntryList } from "./components/EntryList.js";
 import { RefFieldOptions } from "./components/RefFieldOptions.js";
 import { ReferencesDialog } from "./components/ReferencesDialog.js";
 import { NewEntryDrawer } from "./components/NewEntryDrawer.js";
+import { EditEntryDrawer } from "./components/EditEntryDrawer.js";
 import { parseIdentifier } from "@webiny/utils";
 const CmsRefDetailedMultipleRenderer = createFieldRenderer(({ field })=>{
     const parentContainer = useContainer();
@@ -27,6 +28,7 @@ const RefDetailedMultipleInner = observer(({ field })=>{
     const { presenter } = useFeature(RefDetailedPresenterFeature);
     const [selectDialogModel, setSelectDialogModel] = useState(null);
     const [newEntryModelId, setNewEntryModelId] = useState(null);
+    const [editEntry, setEditEntry] = useState(null);
     const settings = field.rendererSettings;
     const modelIds = (settings.models || []).map((m)=>m.modelId);
     const values = Array.isArray(field.value) ? field.value : [];
@@ -131,6 +133,7 @@ const RefDetailedMultipleInner = observer(({ field })=>{
             index: index,
             entry: entry,
             onRemove: onRemove,
+            onEdit: setEditEntry,
             onMoveUp: isFirst ? void 0 : onMoveUp,
             onMoveDown: isLast ? void 0 : onMoveDown
         });
@@ -161,6 +164,11 @@ const RefDetailedMultipleInner = observer(({ field })=>{
             ]) : null);
             setNewEntryModelId(null);
         }
+    }), editEntry && /*#__PURE__*/ react.createElement(EditEntryDrawer, {
+        modelId: editEntry.model.modelId,
+        entryId: editEntry.id,
+        onClose: ()=>setEditEntry(null),
+        onSaved: (patch)=>presenter.patchEntry(patch)
     }));
 });
 export { CmsRefDetailedMultipleRenderer };

package/presentation/fieldRenderers/ref/CmsRefDetailedMultipleRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldRenderers/ref/CmsRefDetailedMultipleRenderer.js","sources":["../../../../src/presentation/fieldRenderers/ref/CmsRefDetailedMultipleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { createFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { CmsReferenceEntry, CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { RefFieldRendererSettings } from \"./types.js\";\nimport { RefDetailedPresenterFeature } from \"./detailed/feature.js\";\nimport { EntryCard } from \"./components/EntryCard.js\";\nimport { EntryList } from \"./components/EntryList.js\";\nimport { RefFieldOptions } from \"./components/RefFieldOptions.js\";\nimport { ReferencesDialog } from \"./components/ReferencesDialog.js\";\nimport { NewEntryDrawer } from \"./components/NewEntryDrawer.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n interface IFieldRendererRegistry {\n refDetailedMultiple: { fieldType: \"ref\"; settings: RefFieldRendererSettings };\n }\n}\n\nexport const CmsRefDetailedMultipleRenderer = createFieldRenderer<\"refDetailedMultiple\">(\n ({ field }) => {\n const parentContainer = useContainer();\n\n const scopedContainer = useMemo(() => {\n const child = parentContainer.createChildContainer();\n RefDetailedPresenterFeature.register(child);\n return child;\n }, []);\n\n return (\n <DiContainerProvider container={scopedContainer}>\n <RefDetailedMultipleInner field={field} />\n </DiContainerProvider>\n );\n }\n);\n\ninterface InnerFieldProps {\n field: IFieldVM & { rendererSettings: RefFieldRendererSettings };\n}\n\nconst RefDetailedMultipleInner = observer(({ field }: InnerFieldProps) => {\n const { presenter } = useFeature(RefDetailedPresenterFeature);\n\n const [selectDialogModel, setSelectDialogModel] = useState<CmsModel \| null>(null);\n const [newEntryModelId, setNewEntryModelId] = useState<string \| null>(null);\n\n const settings = field.rendererSettings;\n const modelIds = (settings.models \|\| []).map(m => m.modelId);\n\n const values: CmsReferenceValue[] = Array.isArray(field.value) ? field.value : [];\n\n useEffect(() => {\n presenter.init({ modelIds, multiSelect: true });\n if (values.length > 0) {\n presenter.resolveValues(values);\n }\n }, []);\n\n const onRemove = useCallback(\n (id: string) => {\n const { id: entryId } = parseIdentifier(id);\n const newValues = values.filter(v => {\n const { id: vEntryId } = parseIdentifier(v.id);\n return vEntryId !== entryId;\n });\n field.onChange(newValues.length > 0 ? newValues : null);\n },\n [values]\n );\n\n const onMoveUp = useCallback(\n (index: number, toTop?: boolean) => {\n if (values.length === 0) {\n return;\n }\n const newValues = [...values];\n if (toTop) {\n const [item] = newValues.splice(index, 1);\n newValues.unshift(item);\n } else {\n const temp = newValues[index - 1];\n newValues[index - 1] = newValues[index];\n newValues[index] = temp;\n }\n field.onChange(newValues);\n },\n [values]\n );\n\n const onMoveDown = useCallback(\n (index: number, toBottom?: boolean) => {\n if (values.length === 0) {\n return;\n }\n const newValues = [...values];\n if (toBottom) {\n const [item] = newValues.splice(index, 1);\n newValues.push(item);\n } else {\n const temp = newValues[index + 1];\n newValues[index + 1] = newValues[index];\n newValues[index] = temp;\n }\n field.onChange(newValues);\n },\n [values]\n );\n\n const onNewRecord = useCallback((modelId: string) => {\n setNewEntryModelId(modelId);\n }, []);\n\n const onExistingRecord = useCallback(\n (modelId: string) => {\n const model = presenter.vm.models.find(m => m.modelId === modelId);\n if (model) {\n setSelectDialogModel(model);\n }\n },\n [presenter.vm.models]\n );\n\n const onDialogSave = useCallback(\n (selectedValues: CmsReferenceValue[], entries: CmsReferenceEntry[]) => {\n presenter.addEntries(entries);\n field.onChange(selectedValues.length > 0 ? selectedValues : null);\n },\n []\n );\n\n const { validation } = field;\n const invalid = validation.isValid === false;\n const disabled = field.disabled;\n\n const entryMap = new Map(presenter.vm.entries.map(e => [e.entryId, e]));\n const orderedEntries = values\n .map(v => {\n const entryId = v.id.split(\"#\")[0];\n return entryMap.get(entryId);\n })\n .filter((e): e is CmsReferenceEntry => e != null);\n\n return (\n <div className={\"@container\"}>\n <div className={\"flex items-center justify-between\"}>\n <FormComponentLabel\n text={field.label}\n hint={field.help}\n invalid={invalid}\n disabled={disabled}\n />\n </div>\n <div className={\"webiny_ref-field-container\"}>\n <EntryList entries={orderedEntries} loadMore={() => presenter.loadMore()}>\n {(entry, index) => {\n const isFirst = index === 0;\n const isLast = index >= values.length - 1;\n const model = presenter.vm.models.find(\n m => m.modelId === entry.model.modelId\n );\n if (!model) {\n return null;\n }\n return (\n <EntryCard\n disabled={disabled}\n model={model}\n placement=\"multiRef\"\n index={index}\n entry={entry}\n onRemove={onRemove}\n onMoveUp={!isFirst ? onMoveUp : undefined}\n onMoveDown={!isLast ? onMoveDown : undefined}\n />\n );\n }}\n </EntryList>\n </div>\n <FormComponentErrorMessage\n text={validation.message}\n invalid={invalid}\n disabled={disabled}\n />\n {values.length > 0 && <div className=\"mb-md\" />}\n {!disabled && (\n <RefFieldOptions\n models={presenter.vm.models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\n )}\n {selectDialogModel && (\n <ReferencesDialog\n model={selectDialogModel}\n values={values}\n multiple={true}\n onSave={onDialogSave}\n onClose={() => setSelectDialogModel(null)}\n />\n )}\n {newEntryModelId && (\n <NewEntryDrawer\n modelId={newEntryModelId}\n onClose={() => setNewEntryModelId(null)}\n onChange={ref => {\n field.onChange(\n values.concat([ref]).length > 0 ? values.concat([ref]) : null\n );\n setNewEntryModelId(null);\n }}\n />\n )}\n </div>\n );\n});\n"],"names":["CmsRefDetailedMultipleRenderer","createFieldRenderer","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefDetailedPresenterFeature","DiContainerProvider","RefDetailedMultipleInner","observer","presenter","useFeature","selectDialogModel","setSelectDialogModel","useState","newEntryModelId","setNewEntryModelId","settings","modelIds","m","values","Array","useEffect","onRemove","useCallback","id","entryId","parseIdentifier","newValues","v","vEntryId","onMoveUp","index","toTop","item","temp","onMoveDown","toBottom","onNewRecord","modelId","onExistingRecord","model","onDialogSave","selectedValues","entries","validation","invalid","disabled","entryMap","Map","e","orderedEntries","FormComponentLabel","EntryList","entry","isFirst","isLast","EntryCard","undefined","FormComponentErrorMessage","RefFieldOptions","ReferencesDialog","NewEntryDrawer","ref"],"mappings":"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"}
1	+ {"version":3,"file":"presentation/fieldRenderers/ref/CmsRefDetailedMultipleRenderer.js","sources":["../../../../src/presentation/fieldRenderers/ref/CmsRefDetailedMultipleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { createFieldRenderer } from \"@webiny/app-admin/features/formModel/createFieldRenderer.js\";\nimport type { IFieldVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { CmsModel } from \"~/types.js\";\nimport type { CmsReferenceEntry, CmsReferenceValue } from \"~/features/contentEntry/refTypes.js\";\nimport type { RefFieldRendererSettings } from \"./types.js\";\nimport { RefDetailedPresenterFeature } from \"./detailed/feature.js\";\nimport { EntryCard } from \"./components/EntryCard.js\";\nimport { EntryList } from \"./components/EntryList.js\";\nimport { RefFieldOptions } from \"./components/RefFieldOptions.js\";\nimport { ReferencesDialog } from \"./components/ReferencesDialog.js\";\nimport { NewEntryDrawer } from \"./components/NewEntryDrawer.js\";\nimport { EditEntryDrawer } from \"./components/EditEntryDrawer.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n interface IFieldRendererRegistry {\n refDetailedMultiple: { fieldType: \"ref\"; settings: RefFieldRendererSettings };\n }\n}\n\nexport const CmsRefDetailedMultipleRenderer = createFieldRenderer<\"refDetailedMultiple\">(\n ({ field }) => {\n const parentContainer = useContainer();\n\n const scopedContainer = useMemo(() => {\n const child = parentContainer.createChildContainer();\n RefDetailedPresenterFeature.register(child);\n return child;\n }, []);\n\n return (\n <DiContainerProvider container={scopedContainer}>\n <RefDetailedMultipleInner field={field} />\n </DiContainerProvider>\n );\n }\n);\n\ninterface InnerFieldProps {\n field: IFieldVM & { rendererSettings: RefFieldRendererSettings };\n}\n\nconst RefDetailedMultipleInner = observer(({ field }: InnerFieldProps) => {\n const { presenter } = useFeature(RefDetailedPresenterFeature);\n\n const [selectDialogModel, setSelectDialogModel] = useState<CmsModel \| null>(null);\n const [newEntryModelId, setNewEntryModelId] = useState<string \| null>(null);\n const [editEntry, setEditEntry] = useState<CmsReferenceEntry \| null>(null);\n\n const settings = field.rendererSettings;\n const modelIds = (settings.models \|\| []).map(m => m.modelId);\n\n const values: CmsReferenceValue[] = Array.isArray(field.value) ? field.value : [];\n\n useEffect(() => {\n presenter.init({ modelIds, multiSelect: true });\n if (values.length > 0) {\n presenter.resolveValues(values);\n }\n }, []);\n\n const onRemove = useCallback(\n (id: string) => {\n const { id: entryId } = parseIdentifier(id);\n const newValues = values.filter(v => {\n const { id: vEntryId } = parseIdentifier(v.id);\n return vEntryId !== entryId;\n });\n field.onChange(newValues.length > 0 ? newValues : null);\n },\n [values]\n );\n\n const onMoveUp = useCallback(\n (index: number, toTop?: boolean) => {\n if (values.length === 0) {\n return;\n }\n const newValues = [...values];\n if (toTop) {\n const [item] = newValues.splice(index, 1);\n newValues.unshift(item);\n } else {\n const temp = newValues[index - 1];\n newValues[index - 1] = newValues[index];\n newValues[index] = temp;\n }\n field.onChange(newValues);\n },\n [values]\n );\n\n const onMoveDown = useCallback(\n (index: number, toBottom?: boolean) => {\n if (values.length === 0) {\n return;\n }\n const newValues = [...values];\n if (toBottom) {\n const [item] = newValues.splice(index, 1);\n newValues.push(item);\n } else {\n const temp = newValues[index + 1];\n newValues[index + 1] = newValues[index];\n newValues[index] = temp;\n }\n field.onChange(newValues);\n },\n [values]\n );\n\n const onNewRecord = useCallback((modelId: string) => {\n setNewEntryModelId(modelId);\n }, []);\n\n const onExistingRecord = useCallback(\n (modelId: string) => {\n const model = presenter.vm.models.find(m => m.modelId === modelId);\n if (model) {\n setSelectDialogModel(model);\n }\n },\n [presenter.vm.models]\n );\n\n const onDialogSave = useCallback(\n (selectedValues: CmsReferenceValue[], entries: CmsReferenceEntry[]) => {\n presenter.addEntries(entries);\n field.onChange(selectedValues.length > 0 ? selectedValues : null);\n },\n []\n );\n\n const { validation } = field;\n const invalid = validation.isValid === false;\n const disabled = field.disabled;\n\n const entryMap = new Map(presenter.vm.entries.map(e => [e.entryId, e]));\n const orderedEntries = values\n .map(v => {\n const entryId = v.id.split(\"#\")[0];\n return entryMap.get(entryId);\n })\n .filter((e): e is CmsReferenceEntry => e != null);\n\n return (\n <div className={\"@container\"}>\n <div className={\"flex items-center justify-between\"}>\n <FormComponentLabel\n text={field.label}\n hint={field.help}\n invalid={invalid}\n disabled={disabled}\n />\n </div>\n <div className={\"webiny_ref-field-container\"}>\n <EntryList entries={orderedEntries} loadMore={() => presenter.loadMore()}>\n {(entry, index) => {\n const isFirst = index === 0;\n const isLast = index >= values.length - 1;\n const model = presenter.vm.models.find(\n m => m.modelId === entry.model.modelId\n );\n if (!model) {\n return null;\n }\n return (\n <EntryCard\n disabled={disabled}\n model={model}\n placement=\"multiRef\"\n index={index}\n entry={entry}\n onRemove={onRemove}\n onEdit={setEditEntry}\n onMoveUp={!isFirst ? onMoveUp : undefined}\n onMoveDown={!isLast ? onMoveDown : undefined}\n />\n );\n }}\n </EntryList>\n </div>\n <FormComponentErrorMessage\n text={validation.message}\n invalid={invalid}\n disabled={disabled}\n />\n {values.length > 0 && <div className=\"mb-md\" />}\n {!disabled && (\n <RefFieldOptions\n models={presenter.vm.models}\n onNewRecord={onNewRecord}\n onLinkExistingRecord={onExistingRecord}\n />\n )}\n {selectDialogModel && (\n <ReferencesDialog\n model={selectDialogModel}\n values={values}\n multiple={true}\n onSave={onDialogSave}\n onClose={() => setSelectDialogModel(null)}\n />\n )}\n {newEntryModelId && (\n <NewEntryDrawer\n modelId={newEntryModelId}\n onClose={() => setNewEntryModelId(null)}\n onChange={ref => {\n field.onChange(\n values.concat([ref]).length > 0 ? values.concat([ref]) : null\n );\n setNewEntryModelId(null);\n }}\n />\n )}\n {editEntry && (\n <EditEntryDrawer\n modelId={editEntry.model.modelId}\n entryId={editEntry.id}\n onClose={() => setEditEntry(null)}\n onSaved={patch => presenter.patchEntry(patch)}\n />\n )}\n </div>\n );\n});\n"],"names":["CmsRefDetailedMultipleRenderer","createFieldRenderer","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefDetailedPresenterFeature","DiContainerProvider","RefDetailedMultipleInner","observer","presenter","useFeature","selectDialogModel","setSelectDialogModel","useState","newEntryModelId","setNewEntryModelId","editEntry","setEditEntry","settings","modelIds","m","values","Array","useEffect","onRemove","useCallback","id","entryId","parseIdentifier","newValues","v","vEntryId","onMoveUp","index","toTop","item","temp","onMoveDown","toBottom","onNewRecord","modelId","onExistingRecord","model","onDialogSave","selectedValues","entries","validation","invalid","disabled","entryMap","Map","e","orderedEntries","FormComponentLabel","EntryList","entry","isFirst","isLast","EntryCard","undefined","FormComponentErrorMessage","RefFieldOptions","ReferencesDialog","NewEntryDrawer","ref","EditEntryDrawer","patch"],"mappings":"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"}