@webiny/app-headless-cms 5.41.4-beta.5 → 5.41.4

package/admin/components/ContentEntryForm/useBind.js

@@ -70,8 +70,7 @@ function useBind(_ref) {
             if (index < 0) {
               return;
             }
-            var value = bind.value;
-            value = [].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(value.slice(index + 1)));
+            var value = [].concat((0, _toConsumableArray2.default)(bind.value.slice(0, index)), (0, _toConsumableArray2.default)(bind.value.slice(index + 1)));
             bind.onChange(value.length === 0 ? null : value);
 
             // To make sure the field is still valid, we must trigger validation.

package/admin/components/ContentEntryForm/useBind.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","_ref","Bind","memoizedBindComponents","useRef","cacheKey","form","useForm","useCallback","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","isMultipleValues","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","_params$defaultValue","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","element","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\n\ninterface UseBindProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\n\n            // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n            // This allows us to have nested fields (like \"object\" field with nested properties)\n            const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n                .filter(v => v !== undefined)\n                .join(\".\");\n\n            const componentId = `${name};${cacheKey}`;\n\n            if (memoizedBindComponents.current[componentId]) {\n                return memoizedBindComponents.current[componentId];\n            }\n\n            const validators = createValidators(field, field.validation || emptyValidators);\n            const listValidators = createValidators(field, field.listValidation || emptyValidators);\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            // We only use default values for single-value fields.\n            const defaultValueFromSettings = !isMultipleValues\n                ? field.settings?.defaultValue\n                : null;\n\n            memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n                const {\n                    name: childName,\n                    validators: childValidators,\n                    children,\n                    defaultValue = defaultValueFromSettings\n                } = params;\n\n                return (\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={defaultValue ?? null}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.multipleValues && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n                                    let value = bind.value;\n                                    value = [...value.slice(0, index), ...value.slice(index + 1)];\n\n                                    bind.onChange(value.length === 0 ? null : value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[componentId].parentName = name;\n            memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[componentId];\n        },\n        [field.fieldId, cacheKey]\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","_ref","Bind","memoizedBindComponents","useRef","cacheKey","form","useForm","useCallback","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","isMultipleValues","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","_params$defaultValue","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","element","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\n\ninterface UseBindProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\n\n            // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n            // This allows us to have nested fields (like \"object\" field with nested properties)\n            const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n                .filter(v => v !== undefined)\n                .join(\".\");\n\n            const componentId = `${name};${cacheKey}`;\n\n            if (memoizedBindComponents.current[componentId]) {\n                return memoizedBindComponents.current[componentId];\n            }\n\n            const validators = createValidators(field, field.validation || emptyValidators);\n            const listValidators = createValidators(field, field.listValidation || emptyValidators);\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            // We only use default values for single-value fields.\n            const defaultValueFromSettings = !isMultipleValues\n                ? field.settings?.defaultValue\n                : null;\n\n            memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n                const {\n                    name: childName,\n                    validators: childValidators,\n                    children,\n                    defaultValue = defaultValueFromSettings\n                } = params;\n\n                return (\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={defaultValue ?? null}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.multipleValues && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n\n                                    const value = [\n                                        ...bind.value.slice(0, index),\n                                        ...bind.value.slice(index + 1)\n                                    ];\n\n                                    bind.onChange(value.length === 0 ? null : value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[componentId].parentName = name;\n            memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[componentId];\n        },\n        [field.fieldId, cacheKey]\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/multipleObjects.js

@@ -53,12 +53,12 @@ var Actions = function Actions(_ref) {
       return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
     });
   }, [moveValueUp, index]);
-  var onDelete = (0, _react.useCallback)(function (ev) {
+  var onDelete = function onDelete(ev) {
     ev.stopPropagation();
     showConfirmation(function () {
       bind.field.removeValue(index);
     });
-  }, [index]);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
     onClick: onDown

package/admin/plugins/fieldRenderers/object/multipleObjects.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion","_StyledComponents","_utils","_FieldSettings","_appAdmin","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_useConfirmationDialo","useConfirmationDialog","message","acceptLabel","cancelLabel","showConfirmation","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","onDelete","removeValue","createElement","Fragment","IconButton","icon","ReactComponent","onClick","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","Object","assign","emptyValue","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","title","concat","label","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref3","Boolean","multipleValues","render","_default","exports"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    const onDelete = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            showConfirmation(() => {\n                bind.field.removeValue(index);\n            });\n        },\n        [index]\n    );\n\n    return (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={onDelete} />\n        </>\n    );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const settings = fieldSettings.getSettings();\n\n    return (\n        <DynamicSection {...props} emptyValue={{}} gridClassName={dynamicSectionGridStyle}>\n            {({ Bind, bind, index }) => (\n                <ObjectItem>\n                    {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n                    <Accordion\n                        title={`${props.field.label} #${index + 1}`}\n                        action={\n                            <Actions\n                                setHighlightIndex={setHighlightIndex}\n                                index={index}\n                                bind={bind}\n                            />\n                        }\n                        // Open first Accordion by default\n                        defaultValue={index === 0}\n                    >\n                        <Cell span={12} className={fieldsWrapperStyle}>\n                            <Fields\n                                Bind={Bind}\n                                contentModel={contentModel}\n                                fields={settings.fields}\n                                layout={settings.layout}\n                                gridClassName={fieldsGridStyle}\n                            />\n                        </Cell>\n                    </Accordion>\n                </ObjectItem>\n            )}\n        </DynamicSection>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects\",\n    renderer: {\n        rendererName: \"objects\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAMA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAL,sBAAA,CAAAL,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AAOA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AAA0D,IAAAe,eAAA,EAAAC,gBAAA;AAE1D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAWvD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAyD;EAAA,IAAnDC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAC7C,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,OAAO,6EAA6E;MACpFC,WAAW,kBAAkB;MAC7BC,WAAW;IACf,CAAC,CAAC;IAJMC,gBAAgB,GAAAL,qBAAA,CAAhBK,gBAAgB;EAMxB,IAAAC,WAAA,GAAuCR,IAAI,CAACS,KAAK;IAAzCC,aAAa,GAAAF,WAAA,CAAbE,aAAa;IAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;EAElC,IAAMC,MAAM,GAAG,IAAAC,kBAAW,EACtB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBL,aAAa,CAACT,KAAK,CAAC;IACpBF,iBAAiB,CAAC,UAAAiB,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACdF,GAAG,WAAAG,gBAAA,CAAAD,OAAA,MACLjB,KAAK,GAAG,CAAC,EAAG,IAAAmB,sCAA+B,EAAC,EAAE,CAAC;IAAA,CAClD,CAAC;EACP,CAAC,EACD,CAACV,aAAa,EAAET,KAAK,CACzB,CAAC;EAED,IAAMoB,IAAI,GAAG,IAAAR,kBAAW,EACpB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBJ,WAAW,CAACV,KAAK,CAAC;IAClBF,iBAAiB,CAAC,UAAAiB,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACdF,GAAG,WAAAG,gBAAA,CAAAD,OAAA,MACLjB,KAAK,GAAG,CAAC,EAAG,IAAAmB,sCAA+B,EAAC,EAAE,CAAC;IAAA,CAClD,CAAC;EACP,CAAC,EACD,CAACT,WAAW,EAAEV,KAAK,CACvB,CAAC;EAED,IAAMqB,QAAQ,GAAG,IAAAT,kBAAW,EACxB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBR,gBAAgB,CAAC,YAAM;MACnBP,IAAI,CAACS,KAAK,CAACc,WAAW,CAACtB,KAAK,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EACD,CAACA,KAAK,CACV,CAAC;EAED,oBACI1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAAjD,MAAA,CAAA2C,OAAA,CAAAO,QAAA,qBACIlD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC7C,OAAA,CAAA+C,UAAU;IAACC,IAAI,eAAEpD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACtC,gBAAA,CAAA0C,cAAS,MAAE,CAAE;IAACC,OAAO,EAAEjB;EAAO,CAAE,CAAC,eACpDrC,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC7C,OAAA,CAAA+C,UAAU;IAACC,IAAI,eAAEpD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACvC,cAAA,CAAA2C,cAAO,MAAE,CAAE;IAACC,OAAO,EAAER;EAAK,CAAE,CAAC,eAChD9C,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC7C,OAAA,CAAA+C,UAAU;IAACC,IAAI,eAAEpD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACxC,MAAA,CAAA4C,cAAU,MAAE,CAAE;IAACC,OAAO,EAAEP;EAAS,CAAE,CACxD,CAAC;AAEX,CAAC;AAED,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiC,EAAK;EAC3D,IAAAC,SAAA,GAA0C,IAAAC,eAAQ,EAA4B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAjB,OAAA,EAAAc,SAAA;IAA1EI,YAAY,GAAAF,UAAA;IAAEnC,iBAAiB,GAAAmC,UAAA;EACtC,IAAQzB,KAAK,GAAmBsB,KAAK,CAA7BtB,KAAK;IAAE4B,YAAY,GAAKN,KAAK,CAAtBM,YAAY;EAE3B,IAAMC,aAAa,GAAGC,4BAAa,CAACC,UAAU,CAAC/B,KAAK,CAAC;EAErD,IAAI,CAAC6B,aAAa,CAACG,SAAS,CAAC,CAAC,EAAE;IAC5BH,aAAa,CAACI,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,IAAMC,QAAQ,GAAGL,aAAa,CAACM,WAAW,CAAC,CAAC;EAE5C,oBACIrE,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC3C,eAAA,CAAAqC,OAAc,EAAA2B,MAAA,CAAAC,MAAA,KAAKf,KAAK;IAAEgB,UAAU,EAAE,CAAC,CAAE;IAACC,aAAa,EAAEC;EAAwB,IAC7E,UAAAC,KAAA;IAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAEnD,IAAI,GAAAkD,KAAA,CAAJlD,IAAI;MAAEC,KAAK,GAAAiD,KAAA,CAALjD,KAAK;IAAA,oBACjB1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACpC,iBAAA,CAAAgE,UAAU,QACNhB,YAAY,CAACnC,KAAK,CAAC,gBAAG1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACpC,iBAAA,CAAAiE,aAAa;MAACC,GAAG,EAAElB,YAAY,CAACnC,KAAK;IAAE,CAAE,CAAC,GAAG,IAAI,eACzE1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACrC,UAAA,CAAA+B,OAAS;MACNqC,KAAK,KAAAC,MAAA,CAAKzB,KAAK,CAACtB,KAAK,CAACgD,KAAK,QAAAD,MAAA,CAAKvD,KAAK,GAAG,CAAC,CAAG;MAC5CyD,MAAM,eACFnF,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC3B,OAAO;QACJE,iBAAiB,EAAEA,iBAAkB;QACrCE,KAAK,EAAEA,KAAM;QACbD,IAAI,EAAEA;MAAK,CACd;MAEL;MAAA;MACA2D,YAAY,EAAE1D,KAAK,KAAK;IAAE,gBAE1B1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC5C,KAAA,CAAAgF,IAAI;MAACC,IAAI,EAAE,EAAG;MAACC,SAAS,EAAEC;IAAmB,gBAC1CxF,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACzC,OAAA,CAAAiF,MAAM;MACHb,IAAI,EAAEA,IAAK;MACXd,YAAY,EAAEA,YAAa;MAC3B4B,MAAM,EAAEtB,QAAQ,CAACsB,MAAO;MACxBC,MAAM,EAAEvB,QAAQ,CAACuB,MAAO;MACxBlB,aAAa,EAAEmB;IAAgB,CAClC,CACC,CACC,CACH,CAAC;EAAA,CAEL,CAAC;AAEzB,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,SAAS;IACvBF,IAAI,EAAE5E,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAiF,uBAAA,CAAAvD,OAAA,oBAAa;IACpBwD,WAAW,EAAEhF,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAgF,uBAAA,CAAAvD,OAAA,iCAA0B;IACxCyD,MAAM,WAAAA,OAAAC,KAAA,EAAY;MAAA,IAATnE,KAAK,GAAAmE,KAAA,CAALnE,KAAK;MACV,OAAOA,KAAK,CAAC4D,IAAI,KAAK,QAAQ,IAAIQ,OAAO,CAACpE,KAAK,CAACqE,cAAc,CAAC;IACnE,CAAC;IACDC,MAAM,WAAAA,OAAChD,KAAK,EAAE;MACV,oBAAOxD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACM,eAAe,EAAKC,KAAQ,CAAC;IACzC;EACJ;AACJ,CAAC;AAAC,IAAAiD,QAAA,GAAAC,OAAA,CAAA/D,OAAA,GAEakD,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion","_StyledComponents","_utils","_FieldSettings","_appAdmin","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_useConfirmationDialo","useConfirmationDialog","message","acceptLabel","cancelLabel","showConfirmation","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","onDelete","removeValue","createElement","Fragment","IconButton","icon","ReactComponent","onClick","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","Object","assign","emptyValue","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","title","concat","label","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref3","Boolean","multipleValues","render","_default","exports"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    const onDelete = (ev: React.BaseSyntheticEvent) => {\n        ev.stopPropagation();\n        showConfirmation(() => {\n            bind.field.removeValue(index);\n        });\n    };\n\n    return (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={onDelete} />\n        </>\n    );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const settings = fieldSettings.getSettings();\n\n    return (\n        <DynamicSection {...props} emptyValue={{}} gridClassName={dynamicSectionGridStyle}>\n            {({ Bind, bind, index }) => (\n                <ObjectItem>\n                    {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n                    <Accordion\n                        title={`${props.field.label} #${index + 1}`}\n                        action={\n                            <Actions\n                                setHighlightIndex={setHighlightIndex}\n                                index={index}\n                                bind={bind}\n                            />\n                        }\n                        // Open first Accordion by default\n                        defaultValue={index === 0}\n                    >\n                        <Cell span={12} className={fieldsWrapperStyle}>\n                            <Fields\n                                Bind={Bind}\n                                contentModel={contentModel}\n                                fields={settings.fields}\n                                layout={settings.layout}\n                                gridClassName={fieldsGridStyle}\n                            />\n                        </Cell>\n                    </Accordion>\n                </ObjectItem>\n            )}\n        </DynamicSection>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects\",\n    renderer: {\n        rendererName: \"objects\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAMA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAL,sBAAA,CAAAL,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AAOA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AAA0D,IAAAe,eAAA,EAAAC,gBAAA;AAE1D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAWvD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAyD;EAAA,IAAnDC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAC7C,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,OAAO,6EAA6E;MACpFC,WAAW,kBAAkB;MAC7BC,WAAW;IACf,CAAC,CAAC;IAJMC,gBAAgB,GAAAL,qBAAA,CAAhBK,gBAAgB;EAMxB,IAAAC,WAAA,GAAuCR,IAAI,CAACS,KAAK;IAAzCC,aAAa,GAAAF,WAAA,CAAbE,aAAa;IAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;EAElC,IAAMC,MAAM,GAAG,IAAAC,kBAAW,EACtB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBL,aAAa,CAACT,KAAK,CAAC;IACpBF,iBAAiB,CAAC,UAAAiB,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACdF,GAAG,WAAAG,gBAAA,CAAAD,OAAA,MACLjB,KAAK,GAAG,CAAC,EAAG,IAAAmB,sCAA+B,EAAC,EAAE,CAAC;IAAA,CAClD,CAAC;EACP,CAAC,EACD,CAACV,aAAa,EAAET,KAAK,CACzB,CAAC;EAED,IAAMoB,IAAI,GAAG,IAAAR,kBAAW,EACpB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBJ,WAAW,CAACV,KAAK,CAAC;IAClBF,iBAAiB,CAAC,UAAAiB,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACdF,GAAG,WAAAG,gBAAA,CAAAD,OAAA,MACLjB,KAAK,GAAG,CAAC,EAAG,IAAAmB,sCAA+B,EAAC,EAAE,CAAC;IAAA,CAClD,CAAC;EACP,CAAC,EACD,CAACT,WAAW,EAAEV,KAAK,CACvB,CAAC;EAED,IAAMqB,QAAQ,GAAG,SAAXA,QAAQA,CAAIR,EAA4B,EAAK;IAC/CA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBR,gBAAgB,CAAC,YAAM;MACnBP,IAAI,CAACS,KAAK,CAACc,WAAW,CAACtB,KAAK,CAAC;IACjC,CAAC,CAAC;EACN,CAAC;EAED,oBACI1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAAjD,MAAA,CAAA2C,OAAA,CAAAO,QAAA,qBACIlD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC7C,OAAA,CAAA+C,UAAU;IAACC,IAAI,eAAEpD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACtC,gBAAA,CAAA0C,cAAS,MAAE,CAAE;IAACC,OAAO,EAAEjB;EAAO,CAAE,CAAC,eACpDrC,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC7C,OAAA,CAAA+C,UAAU;IAACC,IAAI,eAAEpD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACvC,cAAA,CAAA2C,cAAO,MAAE,CAAE;IAACC,OAAO,EAAER;EAAK,CAAE,CAAC,eAChD9C,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC7C,OAAA,CAAA+C,UAAU;IAACC,IAAI,eAAEpD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACxC,MAAA,CAAA4C,cAAU,MAAE,CAAE;IAACC,OAAO,EAAEP;EAAS,CAAE,CACxD,CAAC;AAEX,CAAC;AAED,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiC,EAAK;EAC3D,IAAAC,SAAA,GAA0C,IAAAC,eAAQ,EAA4B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAjB,OAAA,EAAAc,SAAA;IAA1EI,YAAY,GAAAF,UAAA;IAAEnC,iBAAiB,GAAAmC,UAAA;EACtC,IAAQzB,KAAK,GAAmBsB,KAAK,CAA7BtB,KAAK;IAAE4B,YAAY,GAAKN,KAAK,CAAtBM,YAAY;EAE3B,IAAMC,aAAa,GAAGC,4BAAa,CAACC,UAAU,CAAC/B,KAAK,CAAC;EAErD,IAAI,CAAC6B,aAAa,CAACG,SAAS,CAAC,CAAC,EAAE;IAC5BH,aAAa,CAACI,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,IAAMC,QAAQ,GAAGL,aAAa,CAACM,WAAW,CAAC,CAAC;EAE5C,oBACIrE,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC3C,eAAA,CAAAqC,OAAc,EAAA2B,MAAA,CAAAC,MAAA,KAAKf,KAAK;IAAEgB,UAAU,EAAE,CAAC,CAAE;IAACC,aAAa,EAAEC;EAAwB,IAC7E,UAAAC,KAAA;IAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAEnD,IAAI,GAAAkD,KAAA,CAAJlD,IAAI;MAAEC,KAAK,GAAAiD,KAAA,CAALjD,KAAK;IAAA,oBACjB1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACpC,iBAAA,CAAAgE,UAAU,QACNhB,YAAY,CAACnC,KAAK,CAAC,gBAAG1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACpC,iBAAA,CAAAiE,aAAa;MAACC,GAAG,EAAElB,YAAY,CAACnC,KAAK;IAAE,CAAE,CAAC,GAAG,IAAI,eACzE1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACrC,UAAA,CAAA+B,OAAS;MACNqC,KAAK,KAAAC,MAAA,CAAKzB,KAAK,CAACtB,KAAK,CAACgD,KAAK,QAAAD,MAAA,CAAKvD,KAAK,GAAG,CAAC,CAAG;MAC5CyD,MAAM,eACFnF,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC3B,OAAO;QACJE,iBAAiB,EAAEA,iBAAkB;QACrCE,KAAK,EAAEA,KAAM;QACbD,IAAI,EAAEA;MAAK,CACd;MAEL;MAAA;MACA2D,YAAY,EAAE1D,KAAK,KAAK;IAAE,gBAE1B1B,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAAC5C,KAAA,CAAAgF,IAAI;MAACC,IAAI,EAAE,EAAG;MAACC,SAAS,EAAEC;IAAmB,gBAC1CxF,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACzC,OAAA,CAAAiF,MAAM;MACHb,IAAI,EAAEA,IAAK;MACXd,YAAY,EAAEA,YAAa;MAC3B4B,MAAM,EAAEtB,QAAQ,CAACsB,MAAO;MACxBC,MAAM,EAAEvB,QAAQ,CAACuB,MAAO;MACxBlB,aAAa,EAAEmB;IAAgB,CAClC,CACC,CACC,CACH,CAAC;EAAA,CAEL,CAAC;AAEzB,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,SAAS;IACvBF,IAAI,EAAE5E,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAiF,uBAAA,CAAAvD,OAAA,oBAAa;IACpBwD,WAAW,EAAEhF,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAgF,uBAAA,CAAAvD,OAAA,iCAA0B;IACxCyD,MAAM,WAAAA,OAAAC,KAAA,EAAY;MAAA,IAATnE,KAAK,GAAAmE,KAAA,CAALnE,KAAK;MACV,OAAOA,KAAK,CAAC4D,IAAI,KAAK,QAAQ,IAAIQ,OAAO,CAACpE,KAAK,CAACqE,cAAc,CAAC;IACnE,CAAC;IACDC,MAAM,WAAAA,OAAChD,KAAK,EAAE;MACV,oBAAOxD,MAAA,CAAA2C,OAAA,CAAAM,aAAA,CAACM,eAAe,EAAKC,KAAQ,CAAC;IACzC;EACJ;AACJ,CAAC;AAAC,IAAAiD,QAAA,GAAAC,OAAA,CAAA/D,OAAA,GAEakD,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js

@@ -55,12 +55,12 @@ var Actions = function Actions(_ref) {
       return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
     });
   }, [moveValueUp, index]);
-  var onDelete = (0, _react.useCallback)(function (ev) {
+  var onDelete = function onDelete(ev) {
     ev.stopPropagation();
     showConfirmation(function () {
       bind.field.removeValue(index);
     });
-  }, [index]);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
     onClick: onDown

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_AccordionRenderSettings","_appAdmin","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","_useConfirmationDialo","useConfirmationDialog","message","acceptLabel","cancelLabel","showConfirmation","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","onDelete","removeValue","createElement","Fragment","IconButton","icon","ReactComponent","onClick","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","getBind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","Bind","_ref2","value","values","label","concat","length","Accordion","AccordionItem","title","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref3","ObjectItem","ItemHighLight","key","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref4","Boolean","multipleValues","render","renderSettings","_ref5","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const onDown = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    const onDelete = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            showConfirmation(() => {\n                bind.field.removeValue(index);\n            });\n        },\n        [index]\n    );\n\n    return (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={onDelete} />\n        </>\n    );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel, getBind } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const settings = fieldSettings.getSettings();\n    const { open } = getAccordionRenderSettings(field);\n\n    const Bind = getBind();\n\n    return (\n        <Bind>\n            {({ value }) => {\n                const values = value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <RootAccordion>\n                        <AccordionItem title={label} description={field.helpText} open={open}>\n                            <DynamicSection\n                                {...props}\n                                emptyValue={{}}\n                                showLabel={false}\n                                gridClassName={dynamicSectionGridStyle}\n                            >\n                                {({ Bind, bind, index }) => (\n                                    <ObjectItem>\n                                        {highlightMap[index] ? (\n                                            <ItemHighLight key={highlightMap[index]} />\n                                        ) : null}\n                                        <Accordion\n                                            title={`${props.field.label} #${index + 1}`}\n                                            action={\n                                                <Actions\n                                                    setHighlightIndex={setHighlightIndex}\n                                                    index={index}\n                                                    bind={bind}\n                                                />\n                                            }\n                                            // Open first Accordion by default\n                                            defaultValue={index === 0}\n                                        >\n                                            <Cell span={12} className={fieldsWrapperStyle}>\n                                                <Fields\n                                                    Bind={Bind}\n                                                    contentModel={contentModel}\n                                                    fields={settings.fields}\n                                                    layout={settings.layout}\n                                                    gridClassName={fieldsGridStyle}\n                                                />\n                                            </Cell>\n                                        </Accordion>\n                                    </ObjectItem>\n                                )}\n                            </DynamicSection>\n                        </AccordionItem>\n                    </RootAccordion>\n                );\n            }}\n        </Bind>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_AccordionRenderSettings","_appAdmin","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","_useConfirmationDialo","useConfirmationDialog","message","acceptLabel","cancelLabel","showConfirmation","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","onDelete","removeValue","createElement","Fragment","IconButton","icon","ReactComponent","onClick","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","getBind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","Bind","_ref2","value","values","label","concat","length","Accordion","AccordionItem","title","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref3","ObjectItem","ItemHighLight","key","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref4","Boolean","multipleValues","render","renderSettings","_ref5","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const onDown = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        (ev: React.BaseSyntheticEvent) => {\n            ev.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    const onDelete = (ev: React.BaseSyntheticEvent) => {\n        ev.stopPropagation();\n        showConfirmation(() => {\n            bind.field.removeValue(index);\n        });\n    };\n\n    return (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={onDelete} />\n        </>\n    );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel, getBind } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const settings = fieldSettings.getSettings();\n    const { open } = getAccordionRenderSettings(field);\n\n    const Bind = getBind();\n\n    return (\n        <Bind>\n            {({ value }) => {\n                const values = value || [];\n                const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n                return (\n                    <RootAccordion>\n                        <AccordionItem title={label} description={field.helpText} open={open}>\n                            <DynamicSection\n                                {...props}\n                                emptyValue={{}}\n                                showLabel={false}\n                                gridClassName={dynamicSectionGridStyle}\n                            >\n                                {({ Bind, bind, index }) => (\n                                    <ObjectItem>\n                                        {highlightMap[index] ? (\n                                            <ItemHighLight key={highlightMap[index]} />\n                                        ) : null}\n                                        <Accordion\n                                            title={`${props.field.label} #${index + 1}`}\n                                            action={\n                                                <Actions\n                                                    setHighlightIndex={setHighlightIndex}\n                                                    index={index}\n                                                    bind={bind}\n                                                />\n                                            }\n                                            // Open first Accordion by default\n                                            defaultValue={index === 0}\n                                        >\n                                            <Cell span={12} className={fieldsWrapperStyle}>\n                                                <Fields\n                                                    Bind={Bind}\n                                                    contentModel={contentModel}\n                                                    fields={settings.fields}\n                                                    layout={settings.layout}\n                                                    gridClassName={fieldsGridStyle}\n                                                />\n                                            </Cell>\n                                        </Accordion>\n                                    </ObjectItem>\n                                )}\n                            </DynamicSection>\n                        </AccordionItem>\n                    </RootAccordion>\n                );\n            }}\n        </Bind>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "5.41.4-beta.5",
+	"version": "5.41.4",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -28,30 +28,30 @@
 		"@material-design-icons/svg": "0.14.13",
 		"@svgr/webpack": "6.5.1",
 		"@types/react": "18.2.79",
-		"@webiny/app": "5.41.4-beta.5",
-		"@webiny/app-aco": "5.41.4-beta.5",
-		"@webiny/app-admin": "5.41.4-beta.5",
-		"@webiny/app-graphql-playground": "5.41.4-beta.5",
-		"@webiny/app-headless-cms-common": "5.41.4-beta.5",
-		"@webiny/app-i18n": "5.41.4-beta.5",
-		"@webiny/app-plugin-admin-welcome-screen": "5.41.4-beta.5",
-		"@webiny/app-security": "5.41.4-beta.5",
-		"@webiny/app-tenancy": "5.41.4-beta.5",
-		"@webiny/app-trash-bin": "5.41.4-beta.5",
-		"@webiny/error": "5.41.4-beta.5",
-		"@webiny/feature-flags": "5.41.4-beta.5",
-		"@webiny/form": "5.41.4-beta.5",
-		"@webiny/lexical-editor": "5.41.4-beta.5",
-		"@webiny/lexical-nodes": "5.41.4-beta.5",
-		"@webiny/lexical-theme": "5.41.4-beta.5",
-		"@webiny/plugins": "5.41.4-beta.5",
-		"@webiny/react-composition": "5.41.4-beta.5",
-		"@webiny/react-properties": "5.41.4-beta.5",
-		"@webiny/react-router": "5.41.4-beta.5",
-		"@webiny/theme": "5.41.4-beta.5",
-		"@webiny/ui": "5.41.4-beta.5",
-		"@webiny/utils": "5.41.4-beta.5",
-		"@webiny/validation": "5.41.4-beta.5",
+		"@webiny/app": "5.41.4",
+		"@webiny/app-aco": "5.41.4",
+		"@webiny/app-admin": "5.41.4",
+		"@webiny/app-graphql-playground": "5.41.4",
+		"@webiny/app-headless-cms-common": "5.41.4",
+		"@webiny/app-i18n": "5.41.4",
+		"@webiny/app-plugin-admin-welcome-screen": "5.41.4",
+		"@webiny/app-security": "5.41.4",
+		"@webiny/app-tenancy": "5.41.4",
+		"@webiny/app-trash-bin": "5.41.4",
+		"@webiny/error": "5.41.4",
+		"@webiny/feature-flags": "5.41.4",
+		"@webiny/form": "5.41.4",
+		"@webiny/lexical-editor": "5.41.4",
+		"@webiny/lexical-nodes": "5.41.4",
+		"@webiny/lexical-theme": "5.41.4",
+		"@webiny/plugins": "5.41.4",
+		"@webiny/react-composition": "5.41.4",
+		"@webiny/react-properties": "5.41.4",
+		"@webiny/react-router": "5.41.4",
+		"@webiny/theme": "5.41.4",
+		"@webiny/ui": "5.41.4",
+		"@webiny/utils": "5.41.4",
+		"@webiny/validation": "5.41.4",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -85,8 +85,8 @@
 		"@babel/preset-react": "7.24.1",
 		"@babel/preset-typescript": "7.24.1",
 		"@emotion/babel-plugin": "11.11.0",
-		"@webiny/cli": "5.41.4-beta.5",
-		"@webiny/project-utils": "5.41.4-beta.5",
+		"@webiny/cli": "5.41.4",
+		"@webiny/project-utils": "5.41.4",
 		"babel-plugin-module-resolver": "5.0.0",
 		"rimraf": "5.0.5",
 		"ttypescript": "1.5.15",
@@ -115,5 +115,5 @@
 			]
 		}
 	},
-	"gitHead": "e3f273ea63f0c426c2ddde0794d303bc8ffaa6c4"
+	"gitHead": "94922b33af59db5afe75127bb07443ce7f1448c4"
 }