@webiny/app-headless-cms 5.39.3 → 5.40.0-beta.0

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-export declare const ContentEntryEditorConfig: (({ children }: {
-    children: import("react").ReactNode;
-}) => JSX.Element) & {
+export declare const ContentEntryEditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => JSX.Element) & {
     Actions: {
         ButtonAction: ((props: import("./Actions/ButtonAction").ButtonActionProps) => JSX.Element) & {
             useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
@@ -10,6 +8,11 @@ export declare const ContentEntryEditorConfig: (({ children }: {
             useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem").OptionsMenuItemProviderContext;
         };
     };
+    FieldElement: {
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("../../../..").FieldElementProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+            modelIds?: string[] | undefined;
+        }) => JSX.Element;
+    };
 };
 export declare const ContentEntryEditorWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => JSX.Element;
 export declare function useContentEntryEditorConfig(): {

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js

@@ -10,9 +10,11 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = require("react");
 var _reactProperties = require("@webiny/react-properties");
 var _Actions = require("./Actions");
+var _FieldElement = require("./FieldElement");
 var base = (0, _reactProperties.createConfigurableComponent)("ContentEntryEditorConfig");
 var ContentEntryEditorConfig = Object.assign(base.Config, {
-  Actions: _Actions.Actions
+  Actions: _Actions.Actions,
+  FieldElement: _FieldElement.FieldElement
 });
 exports.ContentEntryEditorConfig = ContentEntryEditorConfig;
 var ContentEntryEditorWithConfig = base.WithConfig;

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactProperties","_Actions","base","createConfigurableComponent","ContentEntryEditorConfig","Object","assign","Config","Actions","exports","ContentEntryEditorWithConfig","WithConfig","useContentEntryEditorConfig","config","useConfig","actions","useMemo","buttonActions","_toConsumableArray2","default","filter","action","$type","menuItemActions"],"sources":["ContentEntryEditorConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Actions, ActionsConfig } from \"./Actions\";\n\nconst base = createConfigurableComponent<ContentEntryEditorConfig>(\"ContentEntryEditorConfig\");\n\nexport const ContentEntryEditorConfig = Object.assign(base.Config, { Actions });\n\nexport const ContentEntryEditorWithConfig = base.WithConfig;\n\ninterface ContentEntryEditorConfig {\n    actions: ActionsConfig;\n}\n\nexport function useContentEntryEditorConfig() {\n    const config = base.useConfig();\n\n    const actions = config.actions || [];\n\n    return useMemo(\n        () => ({\n            buttonActions: [...(actions.filter(action => action.$type === \"button-action\") || [])],\n            menuItemActions: [\n                ...(actions.filter(action => action.$type === \"menu-item-action\") || [])\n            ]\n        }),\n        [config]\n    );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAMG,IAAI,GAAG,IAAAC,4CAA2B,EAA2B,0BAA0B,CAAC;AAEvF,IAAMC,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CAACJ,IAAI,CAACK,MAAM,EAAE;EAAEC,OAAO,EAAPA;AAAQ,CAAC,CAAC;AAACC,OAAA,CAAAL,wBAAA,GAAAA,wBAAA;AAEzE,IAAMM,4BAA4B,GAAGR,IAAI,CAACS,UAAU;AAACF,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAMrD,SAASE,2BAA2BA,CAAA,EAAG;EAC1C,IAAMC,MAAM,GAAGX,IAAI,CAACY,SAAS,CAAC,CAAC;EAE/B,IAAMC,OAAO,GAAGF,MAAM,CAACE,OAAO,IAAI,EAAE;EAEpC,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACHC,aAAa,MAAAC,mBAAA,CAAAC,OAAA,EAAOJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,eAAe;MAAA,EAAC,IAAI,EAAE,CAAE;MACtFC,eAAe,MAAAL,mBAAA,CAAAC,OAAA,EACPJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,kBAAkB;MAAA,EAAC,IAAI,EAAE;IAE/E,CAAC;EAAA,CAAC,EACF,CAACT,MAAM,CACX,CAAC;AACL"}
+{"version":3,"names":["_react","require","_reactProperties","_Actions","_FieldElement","base","createConfigurableComponent","ContentEntryEditorConfig","Object","assign","Config","Actions","FieldElement","exports","ContentEntryEditorWithConfig","WithConfig","useContentEntryEditorConfig","config","useConfig","actions","useMemo","buttonActions","_toConsumableArray2","default","filter","action","$type","menuItemActions"],"sources":["ContentEntryEditorConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Actions, ActionsConfig } from \"./Actions\";\nimport { FieldElement } from \"./FieldElement\";\n\nconst base = createConfigurableComponent<ContentEntryEditorConfig>(\"ContentEntryEditorConfig\");\n\nexport const ContentEntryEditorConfig = Object.assign(base.Config, { Actions, FieldElement });\n\nexport const ContentEntryEditorWithConfig = base.WithConfig;\n\ninterface ContentEntryEditorConfig {\n    actions: ActionsConfig;\n}\n\nexport function useContentEntryEditorConfig() {\n    const config = base.useConfig();\n\n    const actions = config.actions || [];\n\n    return useMemo(\n        () => ({\n            buttonActions: [...(actions.filter(action => action.$type === \"button-action\") || [])],\n            menuItemActions: [\n                ...(actions.filter(action => action.$type === \"menu-item-action\") || [])\n            ]\n        }),\n        [config]\n    );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAMI,IAAI,GAAG,IAAAC,4CAA2B,EAA2B,0BAA0B,CAAC;AAEvF,IAAMC,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CAACJ,IAAI,CAACK,MAAM,EAAE;EAAEC,OAAO,EAAPA,gBAAO;EAAEC,YAAY,EAAZA;AAAa,CAAC,CAAC;AAACC,OAAA,CAAAN,wBAAA,GAAAA,wBAAA;AAEvF,IAAMO,4BAA4B,GAAGT,IAAI,CAACU,UAAU;AAACF,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAMrD,SAASE,2BAA2BA,CAAA,EAAG;EAC1C,IAAMC,MAAM,GAAGZ,IAAI,CAACa,SAAS,CAAC,CAAC;EAE/B,IAAMC,OAAO,GAAGF,MAAM,CAACE,OAAO,IAAI,EAAE;EAEpC,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACHC,aAAa,MAAAC,mBAAA,CAAAC,OAAA,EAAOJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,eAAe;MAAA,EAAC,IAAI,EAAE,CAAE;MACtFC,eAAe,MAAAL,mBAAA,CAAAC,OAAA,EACPJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,kBAAkB;MAAA,EAAC,IAAI,EAAE;IAE/E,CAAC;EAAA,CAAC,EACF,CAACT,MAAM,CACX,CAAC;AACL"}

package/admin/config/contentEntries/editor/FieldElement.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const FieldElement: {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("../../../components/ContentEntryForm/FieldElement").FieldElementProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+        modelIds?: string[] | undefined;
+    }) => JSX.Element;
+};

package/admin/config/contentEntries/editor/FieldElement.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldElement = void 0;
+var _reactComposition = require("@webiny/react-composition");
+var _FieldElement = require("../../../components/ContentEntryForm/FieldElement");
+var _ModelProvider = require("../../../components/ModelProvider");
+var createDecorator = (0, _reactComposition.createDecoratorFactory)()(_FieldElement.FieldElement, function (decoratorProps) {
+  var _useModel = (0, _ModelProvider.useModel)(),
+    model = _useModel.model;
+  if (decoratorProps?.modelIds?.length && !decoratorProps.modelIds.includes(model.modelId)) {
+    return false;
+  }
+  return true;
+});
+var FieldElement = {
+  createDecorator: createDecorator
+};
+exports.FieldElement = FieldElement;
+
+//# sourceMappingURL=FieldElement.js.map

package/admin/config/contentEntries/editor/FieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactComposition","require","_FieldElement","_ModelProvider","createDecorator","createDecoratorFactory","FieldElementComponent","decoratorProps","_useModel","useModel","model","modelIds","length","includes","modelId","FieldElement","exports"],"sources":["FieldElement.tsx"],"sourcesContent":["import { createDecoratorFactory } from \"@webiny/react-composition\";\nimport { FieldElement as FieldElementComponent } from \"~/admin/components/ContentEntryForm/FieldElement\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\nconst createDecorator = createDecoratorFactory<{ modelIds?: string[] }>()(\n    FieldElementComponent,\n    decoratorProps => {\n        const { model } = useModel();\n\n        if (decoratorProps?.modelIds?.length && !decoratorProps.modelIds.includes(model.modelId)) {\n            return false;\n        }\n\n        return true;\n    }\n);\n\nexport const FieldElement = {\n    createDecorator\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAMG,eAAe,GAAG,IAAAC,wCAAsB,EAA0B,CAAC,CACrEC,0BAAqB,EACrB,UAAAC,cAAc,EAAI;EACd,IAAAC,SAAA,GAAkB,IAAAC,uBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAIH,cAAc,EAAEI,QAAQ,EAAEC,MAAM,IAAI,CAACL,cAAc,CAACI,QAAQ,CAACE,QAAQ,CAACH,KAAK,CAACI,OAAO,CAAC,EAAE;IACtF,OAAO,KAAK;EAChB;EAEA,OAAO,IAAI;AACf,CACJ,CAAC;AAEM,IAAMC,YAAY,GAAG;EACxBX,eAAe,EAAfA;AACJ,CAAC;AAACY,OAAA,CAAAD,YAAA,GAAAA,YAAA"}

package/admin/config/contentEntries/list/Browser/Filter.d.ts

@@ -15,9 +15,11 @@ export interface CreateDecoratorParams {
     name: string;
     modelIds?: string[];
 }
-export declare const Filter: ((args_0: FilterProps) => JSX.Element | null) & {
-    original: (args_0: FilterProps) => JSX.Element | null;
+export declare const Filter: import("@webiny/react-composition").GenericComponent<FilterProps> & {
+    original: import("@webiny/react-composition").GenericComponent<FilterProps>;
     originalName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(args_0: FilterProps) => JSX.Element | null>) => (props: CreateDecoratorParams) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(args_0: FilterProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: React.PropsWithChildren<FilterProps>, context?: any) => React.ReactElement<any, any> | null>) => (props: CreateDecoratorParams) => JSX.Element;
 };

package/admin/config/contentEntries/list/Browser/index.d.ts

@@ -29,11 +29,13 @@ export declare const Browser: {
         OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => JSX.Element;
         OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => JSX.Element;
     };
-    Filter: ((args_0: import("./Filter").FilterProps) => JSX.Element | null) & {
-        original: (args_0: import("./Filter").FilterProps) => JSX.Element | null;
+    Filter: import("@webiny/react-composition").GenericComponent<import("./Filter").FilterProps> & {
+        original: import("@webiny/react-composition").GenericComponent<import("./Filter").FilterProps>;
         originalName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(args_0: import("./Filter").FilterProps) => JSX.Element | null>) => (props: import("./Filter").CreateDecoratorParams) => JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(args_0: import("./Filter").FilterProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./Filter").FilterProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./Filter").CreateDecoratorParams) => JSX.Element;
     };
     FiltersToWhere: ({ converter, modelIds }: import("./FiltersToWhere").FiltersToWhereProps) => JSX.Element | null;
     FolderAction: (({ modelIds, ...props }: import("./FolderAction").FolderActionProps) => JSX.Element | null) & {

package/admin/config/contentEntries/list/ContentEntryListConfig.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
-export declare const ContentEntryListConfig: (({ children }: {
-    children: import("react").ReactNode;
-}) => JSX.Element) & {
+export declare const ContentEntryListConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => JSX.Element) & {
     Browser: {
         BulkAction: (({ name, after, before, remove, modelIds, element }: import("./Browser/BulkAction").BulkActionProps) => JSX.Element | null) & {
             useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
@@ -18,11 +16,13 @@ export declare const ContentEntryListConfig: (({ children }: {
             OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => JSX.Element;
             OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => JSX.Element;
         };
-        Filter: ((args_0: import("./Browser/Filter").FilterProps) => JSX.Element | null) & {
-            original: (args_0: import("./Browser/Filter").FilterProps) => JSX.Element | null;
+        Filter: import("@webiny/react-composition").GenericComponent<import("./Browser/Filter").FilterProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./Browser/Filter").FilterProps>;
             originalName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(args_0: import("./Browser/Filter").FilterProps) => JSX.Element | null>) => (props: import("./Browser/Filter").CreateDecoratorParams) => JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(args_0: import("./Browser/Filter").FilterProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./Browser/Filter").FilterProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./Browser/Filter").CreateDecoratorParams) => JSX.Element;
         };
         FiltersToWhere: ({ converter, modelIds }: import("./Browser/FiltersToWhere").FiltersToWhereProps) => JSX.Element | null;
         FolderAction: (({ modelIds, ...props }: import("./Browser/FolderAction").FolderActionProps) => JSX.Element | null) & {

package/admin/hooks/index.d.ts

@@ -7,6 +7,7 @@ export { default as useApolloClient } from "./useApolloClient";
 export { default as usePermission } from "./usePermission";
 export { useModel } from "../components/ModelProvider";
 export { useModelEditor } from "../components/ContentModelEditor";
+export { useParentField, ParentFieldProvider } from "../components/ContentEntryForm/ParentValue";
 export { useModelField } from "../components/ModelFieldProvider";
 export { useModelFieldEditor } from "../components/FieldEditor";
 export { useChangeEntryStatus } from "./useChangeEntryStatus";

package/admin/hooks/index.js

@@ -13,12 +13,20 @@ var _exportNames = {
   usePermission: true,
   useModel: true,
   useModelEditor: true,
+  useParentField: true,
+  ParentFieldProvider: true,
   useModelField: true,
   useModelFieldEditor: true,
   useChangeEntryStatus: true,
   useDeleteEntry: true,
   useEntry: true
 };
+Object.defineProperty(exports, "ParentFieldProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ParentValue.ParentFieldProvider;
+  }
+});
 Object.defineProperty(exports, "useApolloClient", {
   enumerable: true,
   get: function get() {
@@ -85,6 +93,12 @@ Object.defineProperty(exports, "useMutation", {
     return _useMutation.default;
   }
 });
+Object.defineProperty(exports, "useParentField", {
+  enumerable: true,
+  get: function get() {
+    return _ParentValue.useParentField;
+  }
+});
 Object.defineProperty(exports, "usePermission", {
   enumerable: true,
   get: function get() {
@@ -117,6 +131,7 @@ var _useApolloClient = _interopRequireDefault(require("./useApolloClient"));
 var _usePermission = _interopRequireDefault(require("./usePermission"));
 var _ModelProvider = require("../components/ModelProvider");
 var _ContentModelEditor = require("../components/ContentModelEditor");
+var _ParentValue = require("../components/ContentEntryForm/ParentValue");
 var _ModelFieldProvider = require("../components/ModelFieldProvider");
 var _FieldEditor = require("../components/FieldEditor");
 var _useChangeEntryStatus = require("./useChangeEntryStatus");

package/admin/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useCms","_interopRequireDefault","require","_useQuery","_useQueryLocale","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_useLazyQuery","_useMutation","_useApolloClient","_usePermission","_ModelProvider","_ContentModelEditor","_ModelFieldProvider","_FieldEditor","_useChangeEntryStatus","_useDeleteEntry","_useEntry","_useContentModels","_hooks","_useModelFieldGraphqlContext"],"sources":["index.ts"],"sourcesContent":["export { default as useCms } from \"./useCms\";\nexport { default as useQuery } from \"./useQuery\";\nexport * from \"./useQueryLocale\";\nexport { default as useLazyQuery } from \"./useLazyQuery\";\nexport { default as useMutation } from \"./useMutation\";\nexport { default as useApolloClient } from \"./useApolloClient\";\nexport { default as usePermission } from \"./usePermission\";\nexport { useModel } from \"../components/ModelProvider\";\nexport { useModelEditor } from \"../components/ContentModelEditor\";\nexport { useModelField } from \"../components/ModelFieldProvider\";\nexport { useModelFieldEditor } from \"../components/FieldEditor\";\nexport { useChangeEntryStatus } from \"~/admin/hooks/useChangeEntryStatus\";\nexport { useDeleteEntry } from \"~/admin/hooks/useDeleteEntry\";\nexport { useEntry } from \"~/admin/hooks/useEntry\";\nexport * from \"./useContentModels\";\nexport * from \"~/admin/views/contentEntries/hooks\";\nexport * from \"./useModelFieldGraphqlContext\";\n"],"mappings":"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"}
+{"version":3,"names":["_useCms","_interopRequireDefault","require","_useQuery","_useQueryLocale","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_useLazyQuery","_useMutation","_useApolloClient","_usePermission","_ModelProvider","_ContentModelEditor","_ParentValue","_ModelFieldProvider","_FieldEditor","_useChangeEntryStatus","_useDeleteEntry","_useEntry","_useContentModels","_hooks","_useModelFieldGraphqlContext"],"sources":["index.ts"],"sourcesContent":["export { default as useCms } from \"./useCms\";\nexport { default as useQuery } from \"./useQuery\";\nexport * from \"./useQueryLocale\";\nexport { default as useLazyQuery } from \"./useLazyQuery\";\nexport { default as useMutation } from \"./useMutation\";\nexport { default as useApolloClient } from \"./useApolloClient\";\nexport { default as usePermission } from \"./usePermission\";\nexport { useModel } from \"../components/ModelProvider\";\nexport { useModelEditor } from \"../components/ContentModelEditor\";\nexport { useParentField, ParentFieldProvider } from \"../components/ContentEntryForm/ParentValue\";\nexport { useModelField } from \"../components/ModelFieldProvider\";\nexport { useModelFieldEditor } from \"../components/FieldEditor\";\nexport { useChangeEntryStatus } from \"~/admin/hooks/useChangeEntryStatus\";\nexport { useDeleteEntry } from \"~/admin/hooks/useDeleteEntry\";\nexport { useEntry } from \"~/admin/hooks/useEntry\";\nexport * from \"./useContentModels\";\nexport * from \"~/admin/views/contentEntries/hooks\";\nexport * from \"./useModelFieldGraphqlContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,aAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,YAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,gBAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,cAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,cAAA,GAAAnB,OAAA;AACA,IAAAoB,mBAAA,GAAApB,OAAA;AACA,IAAAqB,YAAA,GAAArB,OAAA;AACA,IAAAsB,mBAAA,GAAAtB,OAAA;AACA,IAAAuB,YAAA,GAAAvB,OAAA;AACA,IAAAwB,qBAAA,GAAAxB,OAAA;AACA,IAAAyB,eAAA,GAAAzB,OAAA;AACA,IAAA0B,SAAA,GAAA1B,OAAA;AACA,IAAA2B,iBAAA,GAAA3B,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAuB,iBAAA,EAAAtB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAqB,iBAAA,CAAArB,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAa,iBAAA,CAAArB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAsB,MAAA,GAAA5B,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAwB,MAAA,EAAAvB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAsB,MAAA,CAAAtB,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAc,MAAA,CAAAtB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAuB,4BAAA,GAAA7B,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAyB,4BAAA,EAAAxB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAuB,4BAAA,CAAAvB,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAe,4BAAA,CAAAvB,GAAA;IAAA;EAAA;AAAA"}

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -13,6 +13,7 @@ var _Grid = require("@webiny/ui/Grid");
 var _Button = require("@webiny/ui/Button");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
 var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+var _hooks = require("../../hooks");
 var _templateObject;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var style = {
@@ -46,24 +47,28 @@ var DynamicSection = function DynamicSection(_ref) {
       var value = bindField.value,
         appendValue = bindField.appendValue;
       var bindFieldValue = value || [];
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+      return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+        value: value,
+        path: Bind.parentName
+      }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: gridClassName
       }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
       }, showLabel && field.label && /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(FirstFieldBind, null, function (bindProps) {
-        return (/* We bind it to index "0", so when you start typing, that index in parent array will be populated */
-          children({
-            Bind: FirstFieldBind,
-            field: field,
-            // "index" contains Bind props for this particular item in the array
-            // "field" contains Bind props for the main (parent) field.
-            bind: {
-              index: bindProps,
-              field: bindField
-            },
-            index: 0 // Binds to "items.0" in the <Form>.
-          })
-        );
+        return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+          value: bindProps.value,
+          path: FirstFieldBind.parentName
+        }, children({
+          Bind: FirstFieldBind,
+          field: field,
+          // "index" contains Bind props for this particular item in the array
+          // "field" contains Bind props for the main (parent) field.
+          bind: {
+            index: bindProps,
+            field: bindField
+          },
+          index: 0 // Binds to "items.0" in the <Form>.
+        }));
       })), bindFieldValue.slice(1).map(function (_, index) {
         /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */
         var realIndex = index + 1;
@@ -72,7 +77,10 @@ var DynamicSection = function DynamicSection(_ref) {
           span: 12,
           key: realIndex
         }, /*#__PURE__*/_react.default.createElement(BindField, null, function (bindProps) {
-          return children({
+          return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+            value: bindProps.value,
+            path: BindField.parentName
+          }, children({
             Bind: BindField,
             field: field,
             bind: {
@@ -80,7 +88,7 @@ var DynamicSection = function DynamicSection(_ref) {
               field: bindField
             },
             index: realIndex
-          });
+          }));
         }));
       }), bindField.validation.isValid === false && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
@@ -96,7 +104,7 @@ var DynamicSection = function DynamicSection(_ref) {
         }
       }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
         icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Add value"]))))));
+      }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Add value"])))))));
     })
   );
 };

package/admin/plugins/fieldRenderers/DynamicSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_i18n","_Grid","_Button","_FormElementMessage","_add18px","_templateObject","t","i18n","ns","style","addButton","css","width","borderTop","paddingTop","DynamicSection","_ref","field","getBind","Label","children","_ref$showLabel","showLabel","_ref$emptyValue","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","default","createElement","bindField","value","appendValue","bindFieldValue","Grid","className","Cell","span","label","bindProps","bind","index","slice","map","_","realIndex","BindField","key","validation","isValid","FormElementMessage","error","message","ButtonDefault","disabled","undefined","onClick","ButtonIcon","icon","ReactComponent","_taggedTemplateLiteral2","_default","exports"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <Grid className={gridClassName}>\n                        {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                        <Cell span={12}>\n                            {/* We always render the first item, for better UX */}\n                            {showLabel && field.label && <Label>{field.label}</Label>}\n                            <FirstFieldBind>\n                                {bindProps =>\n                                    /* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */\n                                    children({\n                                        Bind: FirstFieldBind,\n                                        field,\n                                        // \"index\" contains Bind props for this particular item in the array\n                                        // \"field\" contains Bind props for the main (parent) field.\n                                        bind: {\n                                            index: bindProps,\n                                            field: bindField\n                                        },\n                                        index: 0 // Binds to \"items.0\" in the <Form>.\n                                    })\n                                }\n                            </FirstFieldBind>\n                        </Cell>\n\n                        {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                        {bindFieldValue.slice(1).map((_, index) => {\n                            /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                            const realIndex = index + 1;\n                            const BindField = getBind(realIndex);\n                            return (\n                                <Cell span={12} key={realIndex}>\n                                    <BindField>\n                                        {bindProps =>\n                                            children({\n                                                Bind: BindField,\n                                                field,\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: realIndex\n                                            })\n                                        }\n                                    </BindField>\n                                </Cell>\n                            );\n                        })}\n\n                        {bindField.validation.isValid === false && (\n                            <Cell span={12}>\n                                <FormElementMessage error>\n                                    {bindField.validation.message}\n                                </FormElementMessage>\n                            </Cell>\n                        )}\n                        <Cell span={12} className={style.addButton}>\n                            <ButtonDefault\n                                disabled={bindFieldValue[0] === undefined}\n                                onClick={() => appendValue(emptyValue)}\n                            >\n                                <ButtonIcon icon={<AddIcon />} />\n                                {t`Add value`}\n                            </ButtonDefault>\n                        </Cell>\n                    </Grid>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_i18n","_Grid","_Button","_FormElementMessage","_add18px","_hooks","_templateObject","t","i18n","ns","style","addButton","css","width","borderTop","paddingTop","DynamicSection","_ref","field","getBind","Label","children","_ref$showLabel","showLabel","_ref$emptyValue","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","default","createElement","bindField","value","appendValue","bindFieldValue","ParentFieldProvider","path","parentName","Grid","className","Cell","span","label","bindProps","bind","index","slice","map","_","realIndex","BindField","key","validation","isValid","FormElementMessage","error","message","ButtonDefault","disabled","undefined","onClick","ButtonIcon","icon","ReactComponent","_taggedTemplateLiteral2","_default","exports"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <ParentFieldProvider value={value} path={Bind.parentName}>\n                        <Grid className={gridClassName}>\n                            {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                            <Cell span={12}>\n                                {/* We always render the first item, for better UX */}\n                                {showLabel && field.label && <Label>{field.label}</Label>}\n\n                                <FirstFieldBind>\n                                    {bindProps => (\n                                        <ParentFieldProvider\n                                            value={bindProps.value}\n                                            path={FirstFieldBind.parentName}\n                                        >\n                                            {/* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */}\n                                            {children({\n                                                Bind: FirstFieldBind,\n                                                field,\n                                                // \"index\" contains Bind props for this particular item in the array\n                                                // \"field\" contains Bind props for the main (parent) field.\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: 0 // Binds to \"items.0\" in the <Form>.\n                                            })}\n                                        </ParentFieldProvider>\n                                    )}\n                                </FirstFieldBind>\n                            </Cell>\n\n                            {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                            {bindFieldValue.slice(1).map((_, index) => {\n                                /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                                const realIndex = index + 1;\n                                const BindField = getBind(realIndex);\n                                return (\n                                    <Cell span={12} key={realIndex}>\n                                        <BindField>\n                                            {bindProps => (\n                                                <ParentFieldProvider\n                                                    value={bindProps.value}\n                                                    path={BindField.parentName}\n                                                >\n                                                    {children({\n                                                        Bind: BindField,\n                                                        field,\n                                                        bind: {\n                                                            index: bindProps,\n                                                            field: bindField\n                                                        },\n                                                        index: realIndex\n                                                    })}\n                                                </ParentFieldProvider>\n                                            )}\n                                        </BindField>\n                                    </Cell>\n                                );\n                            })}\n\n                            {bindField.validation.isValid === false && (\n                                <Cell span={12}>\n                                    <FormElementMessage error>\n                                        {bindField.validation.message}\n                                    </FormElementMessage>\n                                </Cell>\n                            )}\n                            <Cell span={12} className={style.addButton}>\n                                <ButtonDefault\n                                    disabled={bindFieldValue[0] === undefined}\n                                    onClick={() => appendValue(emptyValue)}\n                                >\n                                    <ButtonIcon icon={<AddIcon />} />\n                                    {t`Add value`}\n                                </ButtonDefault>\n                            </Cell>\n                        </Grid>\n                    </ParentFieldProvider>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/dynamicZone/AddTemplate.js

@@ -63,7 +63,7 @@ var AddTemplateButton = function AddTemplateButton(props) {
     onClick: browseTemplates
   }, "+ Add a template"), /*#__PURE__*/_react.default.createElement(Info, null, /*#__PURE__*/_react.default.createElement(_info.ReactComponent, null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "caption"
-  }, "Click here to learn how templates and dynamic zones work"))));
+  }, "Click here to learn how templates and dynamic zones work."))));
 };
 exports.AddTemplateButton = AddTemplateButton;
 var AddTemplateIcon = function AddTemplateIcon(props) {

package/admin/plugins/fieldRenderers/dynamicZone/AddTemplate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_info","_add_circle_outline","_Typography","_TemplateGallery","_Button","AddIconContainer","styled","label","target","AddButtonContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","default","showGallery","setShowGallery","browseTemplates","onTemplate","template","onGalleryClose","AddTemplateButton","props","_useAddTemplate","createElement","TemplateGallery","onClose","Fragment","ButtonSecondary","onClick","ReactComponent","Typography","use","exports","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { IconButton, ButtonSecondary } from \"@webiny/ui/Button\";\n\nconst AddIconContainer = styled.div`\n    text-align: center;\n    padding-top: 3px;\n`;\n\nconst AddButtonContainer = styled.div`\n    text-align: center;\n    margin-top: 20px;\n\n    :first-of-type {\n        margin-top: 0;\n    }\n`;\n\nconst Info = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 5px;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddButtonContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <>\n                    <ButtonSecondary onClick={browseTemplates}>+ Add a template</ButtonSecondary>\n                    <Info>\n                        <InfoIcon />\n                        <Typography use={\"caption\"}>\n                            Click here to learn how templates and dynamic zones work\n                        </Typography>\n                    </Info>\n                </>\n            )}\n        </AddButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddIconContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <IconButton onClick={browseTemplates} icon={<AddIcon />} />\n            )}\n        </AddIconContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_info","_add_circle_outline","_Typography","_TemplateGallery","_Button","AddIconContainer","styled","label","target","AddButtonContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","default","showGallery","setShowGallery","browseTemplates","onTemplate","template","onGalleryClose","AddTemplateButton","props","_useAddTemplate","createElement","TemplateGallery","onClose","Fragment","ButtonSecondary","onClick","ReactComponent","Typography","use","exports","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { IconButton, ButtonSecondary } from \"@webiny/ui/Button\";\n\nconst AddIconContainer = styled.div`\n    text-align: center;\n    padding-top: 3px;\n`;\n\nconst AddButtonContainer = styled.div`\n    text-align: center;\n    margin-top: 20px;\n\n    :first-of-type {\n        margin-top: 0;\n    }\n`;\n\nconst Info = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 5px;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddButtonContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <>\n                    <ButtonSecondary onClick={browseTemplates}>+ Add a template</ButtonSecondary>\n                    <Info>\n                        <InfoIcon />\n                        <Typography use={\"caption\"}>\n                            Click here to learn how templates and dynamic zones work.\n                        </Typography>\n                    </Info>\n                </>\n            )}\n        </AddButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddIconContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <IconButton onClick={browseTemplates} icon={<AddIcon />} />\n            )}\n        </AddIconContainer>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.d.ts

@@ -17,13 +17,23 @@ export interface MultiValueItemContainerProps {
     template: CmsDynamicZoneTemplate;
     children: React.ReactNode;
 }
-export declare const MultiValueItemContainer: import("@webiny/react-composition").DecoratableComponent<(args_0: MultiValueItemContainerProps) => JSX.Element | null>;
+export declare const MultiValueItemContainer: import("@webiny/react-composition").GenericComponent<MultiValueItemContainerProps> & {
+    original: import("@webiny/react-composition").GenericComponent<MultiValueItemContainerProps>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+};
 export interface MultiValueItemItemProps {
     template: CmsDynamicZoneTemplate;
     contentModel: CmsModel;
     Bind: BindComponent;
 }
-export declare const MultiValueItem: import("@webiny/react-composition").DecoratableComponent<(props: MultiValueItemItemProps) => JSX.Element | null>;
+export declare const MultiValueItem: import("@webiny/react-composition").GenericComponent<MultiValueItemItemProps> & {
+    original: import("@webiny/react-composition").GenericComponent<MultiValueItemItemProps>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemItemProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+};
 interface TemplateValue {
     _templateId: string;
     [key: string]: any;
@@ -31,7 +41,12 @@ interface TemplateValue {
 export interface MultiValueContainerProps extends MultiValueDynamicZoneProps {
     children: React.ReactNode;
 }
-export declare const MultiValueContainer: import("@webiny/react-composition").DecoratableComponent<(props: React.PropsWithChildren<MultiValueContainerProps>, context?: any) => React.ReactElement<any, any> | null>;
+export declare const MultiValueContainer: import("@webiny/react-composition").GenericComponent<MultiValueContainerProps> & {
+    original: import("@webiny/react-composition").GenericComponent<MultiValueContainerProps>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+};
 interface MultiValueDynamicZoneProps {
     field: CmsModelField;
     bind: BindComponentRenderProp;

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js

@@ -18,6 +18,7 @@ var _TemplateIcon = require("./TemplateIcon");
 var _hooks = require("../../../hooks");
 var _Fields = require("../../../components/ContentEntryForm/Fields");
 var _reactComposition = require("@webiny/react-composition");
+var _TemplateProvider = require("./TemplateProvider");
 var BottomMargin = /*#__PURE__*/(0, _styled.default)("div", {
   label: "BottomMargin",
   target: "e1mhu37c0"
@@ -40,12 +41,14 @@ var MultiValueItem = (0, _reactComposition.makeDecoratable)("MultiValueItem", fu
   var template = props.template,
     Bind = props.Bind,
     contentModel = props.contentModel;
-  return /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+  return /*#__PURE__*/_react.default.createElement(_TemplateProvider.TemplateProvider, {
+    template: template
+  }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
     fields: template.fields,
     layout: template.layout || [],
     contentModel: contentModel,
     Bind: Bind
-  });
+  }));
 });
 exports.MultiValueItem = MultiValueItem;
 var TemplateValueForm = function TemplateValueForm(_ref2) {
@@ -123,12 +126,20 @@ var MultiValueDynamicZone = function MultiValueDynamicZone(props) {
   };
   var values = bind.value || [];
   var hasValues = values.length > 0;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasValues ? /*#__PURE__*/_react.default.createElement(MultiValueContainer, props, values.map(function (value, index) {
-    return /*#__PURE__*/_react.default.createElement(TemplateValueForm, {
+  var Bind = getBind();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasValues ? /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+    value: bind.value,
+    path: Bind.parentName
+  }, /*#__PURE__*/_react.default.createElement(MultiValueContainer, props, values.map(function (value, index) {
+    var Bind = getBind(index);
+    return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+      value: value,
       key: index,
+      path: Bind.parentName
+    }, /*#__PURE__*/_react.default.createElement(TemplateValueForm, {
       value: value,
       contentModel: contentModel,
-      Bind: getBind(index),
+      Bind: Bind,
       isFirst: index === 0,
       isLast: index === values.length - 1,
       onMoveUp: function onMoveUp() {
@@ -143,8 +154,8 @@ var MultiValueDynamicZone = function MultiValueDynamicZone(props) {
       onClone: function onClone() {
         return cloneValue(index);
       }
-    });
-  })) : null, hasValues ? /*#__PURE__*/_react.default.createElement(_AddTemplate.AddTemplateIcon, {
+    }));
+  }))) : null, hasValues ? /*#__PURE__*/_react.default.createElement(_AddTemplate.AddTemplateIcon, {
     onTemplate: onTemplate
   }) : /*#__PURE__*/_react.default.createElement(BottomMargin, null, /*#__PURE__*/_react.default.createElement(_AddTemplate.AddTemplateButton, {
     onTemplate: onTemplate

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_cloneDeep","_Accordion","_delete_outline","_library_add","_expand_less","_expand_more","_AddTemplate","_TemplateIcon","_hooks","_Fields","_reactComposition","BottomMargin","styled","label","target","MultiValueItemContainer","makeDecoratable","_ref","title","description","icon","actions","children","default","createElement","AccordionItem","exports","MultiValueItem","props","template","Bind","contentModel","Fields","fields","layout","TemplateValueForm","_ref2","value","isLast","isFirst","onMoveUp","onMoveDown","onDelete","onClone","_useModelField","useModelField","field","templates","settings","find","tpl","id","_templateId","name","TemplateIcon","Actions","Action","ReactComponent","onClick","disabled","Divider","MultiValueContainer","_ref3","Accordion","Fragment","MultiValueDynamicZone","bind","getBind","onTemplate","appendValue","cloneValue","index","newValue","cloneDeep","values","hasValues","length","map","key","moveValueUp","moveValueDown","removeValue","AddTemplateIcon","AddTemplateButton"],"sources":["MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@material-design-icons/svg/outlined/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AddTemplateButton, AddTemplateIcon } from \"./AddTemplate\";\nimport { TemplateIcon } from \"./TemplateIcon\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField\n} from \"~/types\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst BottomMargin = styled.div`\n    margin-bottom: 20px;\n`;\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: () => void;\n    title: React.ReactNode;\n    description: string;\n    icon: JSX.Element;\n    actions: JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ title, description, icon, actions, children }: MultiValueItemContainerProps) => {\n        return (\n            <AccordionItem title={title} description={description} icon={icon} actions={actions}>\n                {children}\n            </AccordionItem>\n        );\n    }\n);\n\nexport interface MultiValueItemItemProps {\n    template: CmsDynamicZoneTemplate;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n}\n\nexport const MultiValueItem = makeDecoratable(\n    \"MultiValueItem\",\n    (props: MultiValueItemItemProps) => {\n        const { template, Bind, contentModel } = props;\n\n        return (\n            <Fields\n                fields={template.fields}\n                layout={template.layout || []}\n                contentModel={contentModel}\n                Bind={Bind}\n            />\n        );\n    }\n);\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\ninterface TemplateValueFormProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: () => void;\n}\n\nconst TemplateValueForm = ({\n    value,\n    contentModel,\n    Bind,\n    isLast,\n    isFirst,\n    onMoveUp,\n    onMoveDown,\n    onDelete,\n    onClone\n}: TemplateValueFormProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = templates.find(\n        tpl => tpl.id === value._templateId\n    );\n\n    if (!template) {\n        return null;\n    }\n\n    return (\n        <MultiValueItemContainer\n            value={value}\n            contentModel={contentModel}\n            onClone={onClone}\n            isFirst={isFirst}\n            isLast={isLast}\n            onDelete={onDelete}\n            onMoveUp={onMoveUp}\n            onMoveDown={onMoveDown}\n            title={template.name}\n            description={template.description}\n            icon={<TemplateIcon icon={template.icon} />}\n            template={template}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={onMoveUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={onMoveDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<CloneIcon />} onClick={onClone} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={onDelete} />\n                </AccordionItem.Actions>\n            }\n        >\n            <MultiValueItem template={template} contentModel={contentModel} Bind={Bind} />\n        </MultiValueItemContainer>\n    );\n};\n\nexport interface MultiValueContainerProps extends MultiValueDynamicZoneProps {\n    children: React.ReactNode;\n}\n\nexport const MultiValueContainer = makeDecoratable<\n    React.FunctionComponent<MultiValueContainerProps>\n>(\"MultiValueContainer\", ({ children }) => {\n    return (\n        <Accordion>\n            <>{children}</>\n        </Accordion>\n    );\n});\n\ninterface MultiValueDynamicZoneProps {\n    // TODO: this prop might be useless, because we now have a `useModelField` hook.\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const MultiValueDynamicZone = (props: MultiValueDynamicZoneProps) => {\n    const { bind, getBind, contentModel } = props;\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        bind.appendValue({ _templateId: template.id });\n    };\n\n    const cloneValue = (index: number) => {\n        const newValue = cloneDeep(bind.value[index]);\n        bind.appendValue(newValue, index + 1);\n    };\n\n    const values: TemplateValue[] = bind.value || [];\n    const hasValues = values.length > 0;\n\n    return (\n        <>\n            {hasValues ? (\n                <MultiValueContainer {...props}>\n                    {values.map((value, index) => (\n                        <TemplateValueForm\n                            key={index}\n                            value={value}\n                            contentModel={contentModel}\n                            Bind={getBind(index)}\n                            isFirst={index === 0}\n                            isLast={index === values.length - 1}\n                            onMoveUp={() => bind.moveValueUp(index)}\n                            onMoveDown={() => bind.moveValueDown(index)}\n                            onDelete={() => bind.removeValue(index)}\n                            onClone={() => cloneValue(index)}\n                        />\n                    ))}\n                </MultiValueContainer>\n            ) : null}\n            {hasValues ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <BottomMargin>\n                    <AddTemplateButton onTemplate={onTemplate} />\n                </BottomMargin>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_cloneDeep","_Accordion","_delete_outline","_library_add","_expand_less","_expand_more","_AddTemplate","_TemplateIcon","_hooks","_Fields","_reactComposition","_TemplateProvider","BottomMargin","styled","label","target","MultiValueItemContainer","makeDecoratable","_ref","title","description","icon","actions","children","default","createElement","AccordionItem","exports","MultiValueItem","props","template","Bind","contentModel","TemplateProvider","Fields","fields","layout","TemplateValueForm","_ref2","value","isLast","isFirst","onMoveUp","onMoveDown","onDelete","onClone","_useModelField","useModelField","field","templates","settings","find","tpl","id","_templateId","name","TemplateIcon","Actions","Action","ReactComponent","onClick","disabled","Divider","MultiValueContainer","_ref3","Accordion","Fragment","MultiValueDynamicZone","bind","getBind","onTemplate","appendValue","cloneValue","index","newValue","cloneDeep","values","hasValues","length","ParentFieldProvider","path","parentName","map","key","moveValueUp","moveValueDown","removeValue","AddTemplateIcon","AddTemplateButton"],"sources":["MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@material-design-icons/svg/outlined/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AddTemplateButton, AddTemplateIcon } from \"./AddTemplate\";\nimport { TemplateIcon } from \"./TemplateIcon\";\nimport { ParentFieldProvider, useModelField } from \"~/admin/hooks\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField\n} from \"~/types\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { TemplateProvider } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider\";\n\nconst BottomMargin = styled.div`\n    margin-bottom: 20px;\n`;\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: () => void;\n    title: React.ReactNode;\n    description: string;\n    icon: JSX.Element;\n    actions: JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ title, description, icon, actions, children }: MultiValueItemContainerProps) => {\n        return (\n            <AccordionItem title={title} description={description} icon={icon} actions={actions}>\n                {children}\n            </AccordionItem>\n        );\n    }\n);\n\nexport interface MultiValueItemItemProps {\n    template: CmsDynamicZoneTemplate;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n}\n\nexport const MultiValueItem = makeDecoratable(\n    \"MultiValueItem\",\n    (props: MultiValueItemItemProps) => {\n        const { template, Bind, contentModel } = props;\n\n        return (\n            <TemplateProvider template={template}>\n                <Fields\n                    fields={template.fields}\n                    layout={template.layout || []}\n                    contentModel={contentModel}\n                    Bind={Bind}\n                />\n            </TemplateProvider>\n        );\n    }\n);\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\ninterface TemplateValueFormProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: () => void;\n}\n\nconst TemplateValueForm = ({\n    value,\n    contentModel,\n    Bind,\n    isLast,\n    isFirst,\n    onMoveUp,\n    onMoveDown,\n    onDelete,\n    onClone\n}: TemplateValueFormProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = templates.find(\n        tpl => tpl.id === value._templateId\n    );\n\n    if (!template) {\n        return null;\n    }\n\n    return (\n        <MultiValueItemContainer\n            value={value}\n            contentModel={contentModel}\n            onClone={onClone}\n            isFirst={isFirst}\n            isLast={isLast}\n            onDelete={onDelete}\n            onMoveUp={onMoveUp}\n            onMoveDown={onMoveDown}\n            title={template.name}\n            description={template.description}\n            icon={<TemplateIcon icon={template.icon} />}\n            template={template}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={onMoveUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={onMoveDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<CloneIcon />} onClick={onClone} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={onDelete} />\n                </AccordionItem.Actions>\n            }\n        >\n            <MultiValueItem template={template} contentModel={contentModel} Bind={Bind} />\n        </MultiValueItemContainer>\n    );\n};\n\nexport interface MultiValueContainerProps extends MultiValueDynamicZoneProps {\n    children: React.ReactNode;\n}\n\nexport const MultiValueContainer = makeDecoratable(\n    \"MultiValueContainer\",\n    ({ children }: MultiValueContainerProps) => {\n        return (\n            <Accordion>\n                <>{children}</>\n            </Accordion>\n        );\n    }\n);\n\ninterface MultiValueDynamicZoneProps {\n    // TODO: this prop might be useless, because we now have a `useModelField` hook.\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const MultiValueDynamicZone = (props: MultiValueDynamicZoneProps) => {\n    const { bind, getBind, contentModel } = props;\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        bind.appendValue({ _templateId: template.id });\n    };\n\n    const cloneValue = (index: number) => {\n        const newValue = cloneDeep(bind.value[index]);\n        bind.appendValue(newValue, index + 1);\n    };\n\n    const values: TemplateValue[] = bind.value || [];\n    const hasValues = values.length > 0;\n\n    const Bind = getBind();\n\n    return (\n        <>\n            {hasValues ? (\n                <ParentFieldProvider value={bind.value} path={Bind.parentName}>\n                    <MultiValueContainer {...props}>\n                        {values.map((value, index) => {\n                            const Bind = getBind(index);\n\n                            return (\n                                <ParentFieldProvider\n                                    value={value}\n                                    key={index}\n                                    path={Bind.parentName}\n                                >\n                                    <TemplateValueForm\n                                        value={value}\n                                        contentModel={contentModel}\n                                        Bind={Bind}\n                                        isFirst={index === 0}\n                                        isLast={index === values.length - 1}\n                                        onMoveUp={() => bind.moveValueUp(index)}\n                                        onMoveDown={() => bind.moveValueDown(index)}\n                                        onDelete={() => bind.removeValue(index)}\n                                        onClone={() => cloneValue(index)}\n                                    />\n                                </ParentFieldProvider>\n                            );\n                        })}\n                    </MultiValueContainer>\n                </ParentFieldProvider>\n            ) : null}\n            {hasValues ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <BottomMargin>\n                    <AddTemplateButton onTemplate={onTemplate} />\n                </BottomMargin>\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}