@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

package/admin/plugins/fieldRenderers/number/numberInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","value","onChange","appendValue","number","icon","onClick","removeValue"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number-inputs\",\n    renderer: {\n        rendererName: \"number-inputs\",\n        name: t`Number Inputs`,\n        description: t`Renders a simple list of number inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            onChange={value => {\n                                return bind.index.onChange(value);\n                            }}\n                            onEnter={() => bind.field.appendValue(\"\")}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            type=\"number\"\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,gGAAe;IACtBQ,WAAW,EAAER,CAAC,4HAAyC;IACvDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IACvB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOF,IAAI,CAACC,KAAK,CAACE,QAAQ,CAACD,KAAK,CAAC;UACrC,CAAE;UACF,OAAO,EAAE;YAAA,OAAMF,IAAI,CAACL,KAAK,CAACS,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1C,KAAK,EAAEnB,CAAC,oGAAiB;YAAEoB,MAAM,EAAEJ,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,IAAI,EAAC,QAAQ;UACb,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTK,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAACP,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","Input","Object","assign","onChange","value","onEnter","appendValue","label","number","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number-inputs\",\n    renderer: {\n        rendererName: \"number-inputs\",\n        name: t`Number Inputs`,\n        description: t`Renders a simple list of number inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            onChange={value => {\n                                return bind.index.onChange(value);\n                            }}\n                            onEnter={() => bind.field.appendValue(\"\")}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            type=\"number\"\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA+C,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,gDAAyC;IACvDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI5B,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAACtB,eAAA,CAAAa,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXhC,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAACzB,MAAA,CAAA6B,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEJ,IAAI,CAACC,KAAK;UACdI,QAAQ,EAAE,SAAAA,SAAAC,KAAK,EAAI;YACf,OAAON,IAAI,CAACC,KAAK,CAACI,QAAQ,CAACC,KAAK,CAAC;UACrC,CAAE;UACFC,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMP,IAAI,CAACP,KAAK,CAACe,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1CC,KAAK,EAAE7B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEqB,MAAM,EAAET,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDjB,IAAI,EAAC,QAAQ;UACb2B,YAAY,EACRV,KAAK,GAAG,CAAC,IAAI;YACTW,IAAI,eAAE3C,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAACvB,MAAA,CAAAsC,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMd,IAAI,CAACP,KAAK,CAACsB,WAAW,CAACd,KAAK,CAAC;YAAA;UAChD;QACH,EACJ,CAAC;MAAA,CAEM,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAEajC,MAAM;AAAAkC,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["fieldsWrapperStyle","css","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","styled","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,kBAAkB,oBAAGC,YAAG,2JAOpC;AAAC;AAEK,IAAMC,wBAAwB,oBAAGD,YAAG,oDAE1C;AAAC;AAEK,IAAME,uBAAuB,oBAAGF,YAAG,6EAIzC;AAAC;AAEK,IAAMG,eAAe,oBAAGH,YAAG,0DAIjC;AAAC;AAEK,IAAMI,UAAU,oBAAGC,eAAM;EAAA;EAAA;AAAA,wBAE/B;AAAC;AAEK,IAAMC,aAAa,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_emotion","fieldsWrapperStyle","css","exports","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","styled","label","target","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,IAAME,kBAAkB,oBAAGC,YAAG,2JAOpC;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAEK,IAAMG,wBAAwB,oBAAGF,YAAG,oDAE1C;AAACC,OAAA,CAAAC,wBAAA,GAAAA,wBAAA;AAEK,IAAMC,uBAAuB,oBAAGH,YAAG,6EAIzC;AAACC,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AAEK,IAAMC,eAAe,oBAAGJ,YAAG,0DAIjC;AAACC,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAEK,IAAMC,UAAU,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,wBAE/B;AAACP,OAAA,CAAAI,UAAA,GAAAA,UAAA;AAEK,IAAMI,aAAa,oBAAGH,eAAM,EAAC,KAAK;EAAAE,MAAA;EAAAD,KAAA;AAAA,GAAE;EACvC,GAAG,EAAE;IACDG,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,CAAC;AAACT,OAAA,CAAAQ,aAAA,GAAAA,aAAA"}

package/admin/plugins/fieldRenderers/object/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../../../../types").CmsModelFieldRendererPlugin[];
+declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"names":["singleObjectInline","singleObjectAccordion","multipleObjects","multipleObjectsAccordion"],"sources":["index.ts"],"sourcesContent":["import singleObjectInline from \"./singleObjectInline\";\nimport singleObjectAccordion from \"./singleObjectAccordion\";\nimport multipleObjects from \"./multipleObjects\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion\";\n\nexport default [\n    singleObjectInline,\n    singleObjectAccordion,\n    multipleObjects,\n    multipleObjectsAccordion\n];\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAkE,eAEnD,CACXA,2BAAkB,EAClBC,8BAAqB,EACrBC,wBAAe,EACfC,iCAAwB,CAC3B;AAAA"}
+{"version":3,"names":["_singleObjectInline","_interopRequireDefault","require","_singleObjectAccordion","_multipleObjects","_multipleObjectsAccordion","_default","singleObjectInline","singleObjectAccordion","multipleObjects","multipleObjectsAccordion","exports","default"],"sources":["index.ts"],"sourcesContent":["import singleObjectInline from \"./singleObjectInline\";\nimport singleObjectAccordion from \"./singleObjectAccordion\";\nimport multipleObjects from \"./multipleObjects\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion\";\n\nexport default [\n    singleObjectInline,\n    singleObjectAccordion,\n    multipleObjects,\n    multipleObjectsAccordion\n];\n"],"mappings":";;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,yBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkE,IAAAI,QAAA,GAEnD,CACXC,2BAAkB,EAClBC,8BAAqB,EACrBC,wBAAe,EACfC,iCAAwB,CAC3B;AAAAC,OAAA,CAAAC,OAAA,GAAAN,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Actions","setHighlightIndex","bind","index","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","generateAlphaNumericLowerCaseId","onUp","removeValue","ObjectsRenderer","props","useState","highlightMap","contentModel","value","dynamicSectionTitleStyle","label","length","helpText","dynamicSectionGridStyle","Bind","fieldsWrapperStyle","settings","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","description","canUse","Boolean","multipleValues","render"],"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 { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorFieldRendererPlugin,\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    dynamicSectionTitleStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\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: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.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        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsModelFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <DynamicSection\n            {...props}\n            emptyValue={{}}\n            showLabel={false}\n            renderTitle={value => (\n                <Cell span={12} className={dynamicSectionTitleStyle}>\n                    <Typography use={\"headline5\"}>\n                        {`${field.label} ${value.length ? `(${value.length})` : \"\"}`}\n                    </Typography>\n                    {field.helpText && <FormElementMessage>{field.helpText}</FormElementMessage>}\n                </Cell>\n            )}\n            gridClassName={dynamicSectionGridStyle}\n        >\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                                {...bind.index}\n                                contentModel={contentModel}\n                                fields={(field.settings || {}).fields || []}\n                                layout={(field.settings || {}).layout || []}\n                                gridClassName={fieldsGridStyle}\n                            />\n                        </Cell>\n                    </Accordion>\n                </ObjectItem>\n            )}\n        </DynamicSection>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_FormElementMessage","_Typography","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion","_StyledComponents","_utils","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","Object","assign","emptyValue","showLabel","renderTitle","value","Cell","span","className","dynamicSectionTitleStyle","Typography","use","concat","label","length","helpText","FormElementMessage","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","title","action","defaultValue","fieldsWrapperStyle","Fields","fields","settings","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 { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorFieldRendererPlugin,\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    dynamicSectionTitleStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\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: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.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        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsModelFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <DynamicSection\n            {...props}\n            emptyValue={{}}\n            showLabel={false}\n            renderTitle={value => (\n                <Cell span={12} className={dynamicSectionTitleStyle}>\n                    <Typography use={\"headline5\"}>\n                        {`${field.label} ${value.length ? `(${value.length})` : \"\"}`}\n                    </Typography>\n                    {field.helpText && <FormElementMessage>{field.helpText}</FormElementMessage>}\n                </Cell>\n            )}\n            gridClassName={dynamicSectionGridStyle}\n        >\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                                {...bind.index}\n                                contentModel={contentModel}\n                                fields={(field.settings || {}).fields || []}\n                                layout={(field.settings || {}).layout || []}\n                                gridClassName={fieldsGridStyle}\n                            />\n                        </Cell>\n                    </Accordion>\n                </ObjectItem>\n            )}\n        </DynamicSection>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Actions","setHighlightIndex","bind","index","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","generateAlphaNumericLowerCaseId","onUp","removeValue","ObjectsRenderer","props","useState","highlightMap","contentModel","label","helpText","dynamicSectionGridStyle","Bind","fieldsWrapperStyle","settings","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","description","canUse","Boolean","multipleValues","render"],"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    CmsEditorFieldRendererPlugin,\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\";\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: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.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        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsModelFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <RootAccordion>\n            <AccordionItem title={field.label} description={field.helpText}>\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                                        {...bind.index}\n                                        contentModel={contentModel}\n                                        fields={(field.settings || {}).fields || []}\n                                        layout={(field.settings || {}).layout || []}\n                                        gridClassName={fieldsGridStyle}\n                                    />\n                                </Cell>\n                            </Accordion>\n                        </ObjectItem>\n                    )}\n                </DynamicSection>\n            </AccordionItem>\n        </RootAccordion>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","Accordion","AccordionItem","title","label","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","concat","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","settings","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref3","Boolean","multipleValues","render","_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    CmsEditorFieldRendererPlugin,\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\";\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: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.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        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsModelFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <RootAccordion>\n            <AccordionItem title={field.label} description={field.helpText}>\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                                        {...bind.index}\n                                        contentModel={contentModel}\n                                        fields={(field.settings || {}).fields || []}\n                                        layout={(field.settings || {}).layout || []}\n                                        gridClassName={fieldsGridStyle}\n                                    />\n                                </Cell>\n                            </Accordion>\n                        </ObjectItem>\n                    )}\n                </DynamicSection>\n            </AccordionItem>\n        </RootAccordion>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fields","layout"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Accordion>\n                    <AccordionItem title={field.label} description={field.helpText}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </AccordionItem>\n                </Accordion>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAgE;AAEhE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,4FAAW;IAClBQ,WAAW,EAAER,CAAC,wHAAqC;IACnDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,yBAAmC;MAAA,IAAhCF,KAAK,SAALA,KAAK;QAAEG,OAAO,SAAPA,OAAO;QAAEC,YAAY,SAAZA,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,EAAE;MAEtB,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,CAAC,CAAC;MAErC,oBACI,6BAAC,oBAAS,qBACN,6BAAC,wBAAa;QAAC,KAAK,EAAEN,KAAK,CAACO,KAAM;QAAC,WAAW,EAAEP,KAAK,CAACQ;MAAS,gBAC3D,6BAAC,cAAM;QACH,IAAI,EAAEH,IAAK;QACX,YAAY,EAAED,YAAa;QAC3B,MAAM,EAAEE,QAAQ,CAACG,MAAM,IAAI,EAAG;QAC9B,MAAM,EAAEH,QAAQ,CAACI,MAAM,IAAI;MAAG,EAChC,CACU,CACR;IAEpB;EACJ;AACJ,CAAC;AAAC,eAEajB,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Fields","_Accordion","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","settings","createElement","Accordion","AccordionItem","title","label","helpText","Fields","fields","layout","_default","exports"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Accordion>\n                    <AccordionItem title={field.label} description={field.helpText}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </AccordionItem>\n                </Accordion>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAgE,IAAAI,eAAA,EAAAC,gBAAA;AAEhE,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,4CAAqC;IACnDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,QAAQ,IAAI,CAACS,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,WAAAA,OAAAC,KAAA,EAAmC;MAAA,IAAhCH,KAAK,GAAAG,KAAA,CAALH,KAAK;QAAEI,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,IAAMG,QAAQ,GAAGP,KAAK,CAACO,QAAQ,IAAI,CAAC,CAAC;MAErC,oBACI5B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACxB,UAAA,CAAAyB,SAAS,qBACN9B,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACxB,UAAA,CAAA0B,aAAa;QAACC,KAAK,EAAEX,KAAK,CAACY,KAAM;QAACf,WAAW,EAAEG,KAAK,CAACa;MAAS,gBAC3DlC,MAAA,CAAAiB,OAAA,CAAAY,aAAA,CAACzB,OAAA,CAAA+B,MAAM;QACHR,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BU,MAAM,EAAER,QAAQ,CAACQ,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAET,QAAQ,CAACS,MAAM,IAAI;MAAG,CACjC,CACU,CACR,CAAC;IAEpB;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAEa3B,MAAM;AAAA4B,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fieldsWrapperStyle","fields","layout"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <SimpleFormHeader title={field.label} />\n                        {field.helpText && (\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                        )}\n                    </Cell>\n                    <Cell span={12} className={fieldsWrapperStyle}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAwD;AAExD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEL,CAAC,8FAAa;IACpBQ,WAAW,EAAER,CAAC,6GAA0B;IACxCS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,yBAAmC;MAAA,IAAhCF,KAAK,SAALA,KAAK;QAAEG,OAAO,SAAPA,OAAO;QAAEC,YAAY,SAAZA,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,EAAE;MAEtB,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,CAAC,CAAC;MAErC,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,4BAAgB;QAAC,KAAK,EAAEN,KAAK,CAACO;MAAM,EAAG,EACvCP,KAAK,CAACQ,QAAQ,iBACX,6BAAC,sCAAkB,QAAER,KAAK,CAACQ,QAAQ,CACtC,CACE,eACP,6BAAC,UAAI;QAAC,IAAI,EAAE,EAAG;QAAC,SAAS,EAAEC;MAAmB,gBAC1C,6BAAC,cAAM;QACH,IAAI,EAAEJ,IAAK;QACX,YAAY,EAAED,YAAa;QAC3B,MAAM,EAAEE,QAAQ,CAACI,MAAM,IAAI,EAAG;QAC9B,MAAM,EAAEJ,QAAQ,CAACK,MAAM,IAAI;MAAG,EAChC,CACC,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEalB,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Fields","_SimpleForm","_Grid","_FormElementMessage","_StyledComponents","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","settings","createElement","Grid","Cell","span","SimpleFormHeader","title","label","helpText","FormElementMessage","className","fieldsWrapperStyle","Fields","fields","layout","_default","exports"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <SimpleFormHeader title={field.label} />\n                        {field.helpText && (\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                        )}\n                    </Cell>\n                    <Cell span={12} className={fieldsWrapperStyle}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAwD,IAAAO,eAAA,EAAAC,gBAAA;AAExD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,oBAAa;IACpBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,iCAA0B;IACxCE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,QAAQ,IAAI,CAACS,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,WAAAA,OAAAC,KAAA,EAAmC;MAAA,IAAhCH,KAAK,GAAAG,KAAA,CAALH,KAAK;QAAEI,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,IAAMG,QAAQ,GAAGP,KAAK,CAACO,QAAQ,IAAI,CAAC,CAAC;MAErC,oBACI/B,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC1B,KAAA,CAAA2B,IAAI,qBACDjC,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC1B,KAAA,CAAA4B,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXnC,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC3B,WAAA,CAAA+B,gBAAgB;QAACC,KAAK,EAAEb,KAAK,CAACc;MAAM,CAAE,CAAC,EACvCd,KAAK,CAACe,QAAQ,iBACXvC,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAACzB,mBAAA,CAAAiC,kBAAkB,QAAEhB,KAAK,CAACe,QAA6B,CAE1D,CAAC,eACPvC,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC1B,KAAA,CAAA4B,IAAI;QAACC,IAAI,EAAE,EAAG;QAACM,SAAS,EAAEC;MAAmB,gBAC1C1C,MAAA,CAAAoB,OAAA,CAAAY,aAAA,CAAC5B,OAAA,CAAAuC,MAAM;QACHb,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3Be,MAAM,EAAEb,QAAQ,CAACa,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEd,QAAQ,CAACc,MAAM,IAAI;MAAG,CACjC,CACC,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAEahC,MAAM;AAAAiC,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","options","values","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            return (\n                <Bind>\n                    <RadioGroup label={field.label} description={field.helpText}>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {options.map((option, index) => {\n                                    const value =\n                                        field.type === \"number\"\n                                            ? Number(option.value)\n                                            : option.value;\n                                    return (\n                                        <div key={String(option.value) + index}>\n                                            <Radio\n                                                label={option.label}\n                                                value={getValue(value)}\n                                                onChange={onChange(value)}\n                                                data-testid={`fr.input.${field.label}.${option.label}`}\n                                            />\n                                        </div>\n                                    );\n                                })}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAqD;AAErD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,gGAAe;IACtBQ,WAAW,EAAER,CAAC,iJAA8D;IAC5ES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,YAAiCJ,KAAK,CAACM,gBAAgB,IAAI;UACvDC,OAAO,EAAE;QACb,CAAC;QAAA,qBAFOC,MAAM;QAAED,OAAO,6BAAG,EAAE;MAI5B,oBACI,6BAAC,IAAI,qBACD,6BAAC,iBAAU;QAAC,KAAK,EAAEP,KAAK,CAACS,KAAM;QAAC,WAAW,EAAET,KAAK,CAACU;MAAS,GACvD;QAAA,IAAGC,QAAQ,SAARA,QAAQ;UAAEC,QAAQ,SAARA,QAAQ;QAAA,oBAClB,6BAAC,cAAK,CAAC,QAAQ,QACVL,OAAO,CAACM,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;UAC5B,IAAMC,KAAK,GACPhB,KAAK,CAACN,IAAI,KAAK,QAAQ,GACjBuB,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;UACtB,oBACI;YAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAK,CAAC,GAAGD;UAAM,gBACnC,6BAAC,YAAK;YACF,KAAK,EAAED,MAAM,CAACL,KAAM;YACpB,KAAK,EAAEG,QAAQ,CAACI,KAAK,CAAE;YACvB,QAAQ,EAAEL,QAAQ,CAACK,KAAK,CAAE;YAC1B,kCAAyBhB,KAAK,CAACS,KAAK,cAAIK,MAAM,CAACL,KAAK;UAAG,EACzD,CACA;QAEd,CAAC,CAAC,CACW;MAAA,CACpB,CACQ,CACV;IAEf;EACJ;AACJ,CAAC;AAAC,eAEahB,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Radio","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","options","_ref3$values","values","createElement","RadioGroup","label","helpText","_ref4","onChange","getValue","Fragment","map","option","index","value","Number","key","String","Radio","concat","_default","exports"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                options: []\n            };\n\n            return (\n                <Bind>\n                    <RadioGroup label={field.label} description={field.helpText}>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {options.map((option, index) => {\n                                    const value =\n                                        field.type === \"number\"\n                                            ? Number(option.value)\n                                            : option.value;\n                                    return (\n                                        <div key={String(option.value) + index}>\n                                            <Radio\n                                                label={option.label}\n                                                value={getValue(value)}\n                                                onChange={onChange(value)}\n                                                data-testid={`fr.input.${field.label}.${option.label}`}\n                                            />\n                                        </div>\n                                    );\n                                })}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAqD,IAAAI,eAAA,EAAAC,gBAAA;AAErD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,qEAA8D;IAC5EE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAAE,KAAA,GAAiCP,KAAK,CAACQ,gBAAgB,IAAI;UACvDC,OAAO,EAAE;QACb,CAAC;QAAAC,YAAA,GAAAH,KAAA,CAFOI,MAAM;QAAEF,OAAO,GAAAC,YAAA,cAAG,EAAE,GAAAA,YAAA;MAI5B,oBACI/B,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACN,IAAI,qBACD3B,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC5B,MAAA,CAAA6B,UAAU;QAACC,KAAK,EAAEd,KAAK,CAACc,KAAM;QAACjB,WAAW,EAAEG,KAAK,CAACe;MAAS,GACvD,UAAAC,KAAA;QAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;UAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;QAAA,oBAClBvC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACjC,MAAA,CAAAiB,OAAK,CAACuB,QAAQ,QACVV,OAAO,CAACW,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;UAC5B,IAAMC,KAAK,GACPvB,KAAK,CAACT,IAAI,KAAK,QAAQ,GACjBiC,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;UACtB,oBACI5C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA;YAAKa,GAAG,EAAEC,MAAM,CAACL,MAAM,CAACE,KAAK,CAAC,GAAGD;UAAM,gBACnC3C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC5B,MAAA,CAAA2C,KAAK;YACFb,KAAK,EAAEO,MAAM,CAACP,KAAM;YACpBS,KAAK,EAAEL,QAAQ,CAACK,KAAK,CAAE;YACvBN,QAAQ,EAAEA,QAAQ,CAACM,KAAK,CAAE;YAC1B,2BAAAK,MAAA,CAAyB5B,KAAK,CAACc,KAAK,OAAAc,MAAA,CAAIP,MAAM,CAACP,KAAK;UAAG,CAC1D,CACA,CAAC;QAEd,CAAC,CACW,CAAC;MAAA,CAEb,CACV,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAEavC,MAAM;AAAAwC,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js.map

@@ -1 +1 @@
-{"version":3,"names":["FieldLabel","styled","fontSize","fontWeight","borderBottom","marginBottom","paddingBottom","display","justifyContent","OptionsContainer","borderTop","borderRight","backgroundColor","marginLeft","marginRight","Container","border","paddingLeft","width","boxSizing","position","padding","borderLeft","margin","height","FieldName","RecordCount","color","lineHeight","alignSelf","getRecordCountMessage","count","AdvancedMultipleReferenceField","props","bind","field","useSnackbar","showSnackbar","values","useMemo","value","useState","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","useQuery","GQL","LIST_CONTENT_MODELS","data","loadingModels","loading","useEffect","listContentModels","error","message","onNewRecord","useCallback","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","useReferences","perPage","entries","loadingEntries","loadMore","onRemove","id","Array","isArray","parseIdentifier","entryId","onChange","filter","valueEntryId","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","length","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","label","entry","isFirst","isLast","undefined"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { AbsoluteLoader as Loader } from \"./Loader\";\nimport { NewReferencedEntryDialog } from \"../components/NewReferencedEntryDialog\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\",\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\nconst OptionsContainer: any = styled(\"div\")({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    borderRight: \"1px solid var(--mdc-theme-surface)\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    marginLeft: \"-21px\",\n    marginBottom: \"-21px\",\n    marginRight: \"-1px\"\n});\n\nconst Container = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    paddingLeft: \"10px\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    padding: \"20px 0 20px 20px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.no-entries\": {\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        border: \"none\",\n        borderLeft: \"3px solid var(--mdc-theme-background)\",\n        padding: 0,\n        paddingLeft: 10,\n        [OptionsContainer]: {\n            border: \"none\",\n            margin: 0\n        }\n    },\n    \"&.single-entry\": {\n        \"> .entries\": {\n            height: \"auto\",\n            \" > div > div\": {\n                position: \"relative !important\" as any\n            }\n        }\n    }\n});\n\nconst FieldName = styled(\"span\")({});\nconst RecordCount = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    fontSize: \"0.6em\",\n    lineHeight: \"100%\",\n    alignSelf: \"center\"\n});\n\nconst getRecordCountMessage = (count: number) => {\n    switch (count) {\n        case 0:\n            return \"no records selected\";\n        case 1:\n            return \"1 record selected\";\n        default:\n            return `${count} records selected`;\n    }\n};\n\ninterface Props extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField: React.VFC<Props> = props => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const values = useMemo(() => {\n        return bind.value || [];\n    }, [bind.value]);\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const {\n        entries,\n        loading: loadingEntries,\n        loadMore\n    } = useReferences({\n        values,\n        perPage: 10\n    });\n\n    const onRemove = useCallback(\n        (id: string) => {\n            if (!values || !Array.isArray(values)) {\n                return;\n            }\n            const { id: entryId } = parseIdentifier(id);\n            bind.onChange(\n                values.filter(value => {\n                    const { id: valueEntryId } = parseIdentifier(value.id);\n                    return valueEntryId !== entryId;\n                })\n            );\n        },\n        [entries, values]\n    );\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models || !Array.isArray(field.settings.models)) {\n            return [];\n        }\n\n        return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n            const model = loadedModels.find(model => model.modelId === ref.modelId);\n            if (!model) {\n                return collection;\n            }\n            collection.push(model);\n\n            return collection;\n        }, []);\n    }, [loadedModels, entries]);\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            bind.onChange(values);\n            return;\n        },\n        [values]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: Partial<CmsEditorContentEntry> | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues(\n                values.concat([\n                    {\n                        id: data.id,\n                        modelId: data.modelId\n                    }\n                ])\n            );\n        },\n        [storeValues]\n    );\n\n    const onMoveUp = useCallback(\n        (index: number, toTop?: boolean) => {\n            if (values.length === 0) {\n                return;\n            } else if (toTop) {\n                const arr = values.splice(index, 1);\n                bind.onChange(arr.concat(values));\n                return;\n            }\n            bind.moveValueUp(index);\n        },\n        [values]\n    );\n    const onMoveDown = useCallback(\n        (index: number, toBottom?: boolean) => {\n            if (values.length === 0) {\n                return;\n            } else if (toBottom === true) {\n                const arr = values.splice(index, 1);\n                bind.onChange(values.concat(arr));\n                return;\n            }\n            bind.moveValueDown(index);\n        },\n        [values]\n    );\n\n    const loading = loadingEntries || loadingModels;\n\n    const message = getRecordCountMessage(values.length);\n\n    return (\n        <>\n            <FieldLabel>\n                <FieldName>{field.label}</FieldName>\n                <RecordCount>({message})</RecordCount>\n            </FieldLabel>\n            <Container\n                className={\n                    (entries.length < 1 ? \"no-entries\" : \"has-entries\") +\n                    (entries.length == 1 ? \" single-entry\" : \"\")\n                }\n            >\n                {loading && <Loader />}\n                <Entries entries={entries} loadMore={loadMore}>\n                    {(entry, index) => {\n                        const isFirst = index === 0;\n                        const isLast = index >= values.length - 1;\n                        const model = loadedModels.find(\n                            model => model.modelId === entry.model.modelId\n                        );\n                        if (!model) {\n                            return null;\n                        }\n                        return (\n                            <Entry\n                                model={model}\n                                placement=\"multiRef\"\n                                key={`reference-entry-${entry.id}`}\n                                index={index}\n                                entry={entry}\n                                onRemove={onRemove}\n                                onMoveUp={!isFirst ? onMoveUp : undefined}\n                                onMoveDown={!isLast ? onMoveDown : undefined}\n                            />\n                        );\n                    }}\n                </Entries>\n\n                <OptionsContainer>\n                    <Options\n                        models={models}\n                        onNewRecord={onNewRecord}\n                        onLinkExistingRecord={onExistingRecord}\n                    />\n\n                    {newEntryDialogModel && (\n                        <NewReferencedEntryDialog\n                            model={newEntryDialogModel}\n                            onClose={onNewEntryDialogClose}\n                            onChange={onNewEntryCreate}\n                        />\n                    )}\n\n                    {linkEntryDialogModel && (\n                        <ReferencesDialog\n                            {...props}\n                            multiple={true}\n                            values={values}\n                            contentModel={linkEntryDialogModel}\n                            storeValues={storeValues}\n                            onDialogClose={onLinkEntryDialogClose}\n                        />\n                    )}\n                </OptionsContainer>\n            </Container>\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","GQL","_Options","_useReferences2","_Entry","_ReferencesDialog","_hooks","_appAdmin","_Loader","_NewReferencedEntryDialog","_utils","_Entries","FieldLabel","styled","target","label","fontSize","fontWeight","borderBottom","marginBottom","paddingBottom","display","justifyContent","OptionsContainer","borderTop","borderRight","backgroundColor","marginLeft","marginRight","Container","border","paddingLeft","width","boxSizing","position","padding","_defineProperty2","default","borderLeft","margin","height","FieldName","RecordCount","color","lineHeight","alignSelf","getRecordCountMessage","count","concat","AdvancedMultipleReferenceField","props","bind","field","_useSnackbar","useSnackbar","showSnackbar","values","useMemo","value","_useState","useState","_useState2","_slicedToArray2","linkEntryDialogModel","setLinkEntryDialogModel","_useState3","_useState4","newEntryDialogModel","setNewEntryDialogModel","_useState5","_useState6","loadedModels","setLoadedModels","_useQuery","useQuery","LIST_CONTENT_MODELS","data","loadingModels","loading","useEffect","_data$listContentMode","listContentModels","error","message","onNewRecord","useCallback","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","_useReferences","useReferences","perPage","entries","loadingEntries","loadMore","onRemove","id","Array","isArray","_parseIdentifier","parseIdentifier","entryId","onChange","filter","_parseIdentifier2","valueEntryId","models","_field$settings","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","onMoveUp","index","toTop","length","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","createElement","Fragment","className","AbsoluteLoader","Entries","entry","isFirst","isLast","Entry","placement","key","undefined","Options","onLinkExistingRecord","NewReferencedEntryDialog","onClose","ReferencesDialog","Object","assign","multiple","contentModel","onDialogClose","exports"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { AbsoluteLoader as Loader } from \"./Loader\";\nimport { NewReferencedEntryDialog } from \"../components/NewReferencedEntryDialog\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\",\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\nconst OptionsContainer: any = styled(\"div\")({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    borderRight: \"1px solid var(--mdc-theme-surface)\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    marginLeft: \"-21px\",\n    marginBottom: \"-21px\",\n    marginRight: \"-1px\"\n});\n\nconst Container = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    paddingLeft: \"10px\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    padding: \"20px 0 20px 20px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.no-entries\": {\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        border: \"none\",\n        borderLeft: \"3px solid var(--mdc-theme-background)\",\n        padding: 0,\n        paddingLeft: 10,\n        [OptionsContainer]: {\n            border: \"none\",\n            margin: 0\n        }\n    },\n    \"&.single-entry\": {\n        \"> .entries\": {\n            height: \"auto\",\n            \" > div > div\": {\n                position: \"relative !important\" as any\n            }\n        }\n    }\n});\n\nconst FieldName = styled(\"span\")({});\nconst RecordCount = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    fontSize: \"0.6em\",\n    lineHeight: \"100%\",\n    alignSelf: \"center\"\n});\n\nconst getRecordCountMessage = (count: number) => {\n    switch (count) {\n        case 0:\n            return \"no records selected\";\n        case 1:\n            return \"1 record selected\";\n        default:\n            return `${count} records selected`;\n    }\n};\n\ninterface Props extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField: React.VFC<Props> = props => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const values = useMemo(() => {\n        return bind.value || [];\n    }, [bind.value]);\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const {\n        entries,\n        loading: loadingEntries,\n        loadMore\n    } = useReferences({\n        values,\n        perPage: 10\n    });\n\n    const onRemove = useCallback(\n        (id: string) => {\n            if (!values || !Array.isArray(values)) {\n                return;\n            }\n            const { id: entryId } = parseIdentifier(id);\n            bind.onChange(\n                values.filter(value => {\n                    const { id: valueEntryId } = parseIdentifier(value.id);\n                    return valueEntryId !== entryId;\n                })\n            );\n        },\n        [entries, values]\n    );\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models || !Array.isArray(field.settings.models)) {\n            return [];\n        }\n\n        return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n            const model = loadedModels.find(model => model.modelId === ref.modelId);\n            if (!model) {\n                return collection;\n            }\n            collection.push(model);\n\n            return collection;\n        }, []);\n    }, [loadedModels, entries]);\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            bind.onChange(values);\n            return;\n        },\n        [values]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: Partial<CmsContentEntry> | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues(\n                values.concat([\n                    {\n                        id: data.id,\n                        modelId: data.modelId\n                    }\n                ])\n            );\n        },\n        [storeValues]\n    );\n\n    const onMoveUp = useCallback(\n        (index: number, toTop?: boolean) => {\n            if (values.length === 0) {\n                return;\n            } else if (toTop) {\n                const arr = values.splice(index, 1);\n                bind.onChange(arr.concat(values));\n                return;\n            }\n            bind.moveValueUp(index);\n        },\n        [values]\n    );\n    const onMoveDown = useCallback(\n        (index: number, toBottom?: boolean) => {\n            if (values.length === 0) {\n                return;\n            } else if (toBottom === true) {\n                const arr = values.splice(index, 1);\n                bind.onChange(values.concat(arr));\n                return;\n            }\n            bind.moveValueDown(index);\n        },\n        [values]\n    );\n\n    const loading = loadingEntries || loadingModels;\n\n    const message = getRecordCountMessage(values.length);\n\n    return (\n        <>\n            <FieldLabel>\n                <FieldName>{field.label}</FieldName>\n                <RecordCount>({message})</RecordCount>\n            </FieldLabel>\n            <Container\n                className={\n                    (entries.length < 1 ? \"no-entries\" : \"has-entries\") +\n                    (entries.length == 1 ? \" single-entry\" : \"\")\n                }\n            >\n                {loading && <Loader />}\n                <Entries entries={entries} loadMore={loadMore}>\n                    {(entry, index) => {\n                        const isFirst = index === 0;\n                        const isLast = index >= values.length - 1;\n                        const model = loadedModels.find(\n                            model => model.modelId === entry.model.modelId\n                        );\n                        if (!model) {\n                            return null;\n                        }\n                        return (\n                            <Entry\n                                model={model}\n                                placement=\"multiRef\"\n                                key={`reference-entry-${entry.id}`}\n                                index={index}\n                                entry={entry}\n                                onRemove={onRemove}\n                                onMoveUp={!isFirst ? onMoveUp : undefined}\n                                onMoveDown={!isLast ? onMoveDown : undefined}\n                            />\n                        );\n                    }}\n                </Entries>\n\n                <OptionsContainer>\n                    <Options\n                        models={models}\n                        onNewRecord={onNewRecord}\n                        onLinkExistingRecord={onExistingRecord}\n                    />\n\n                    {newEntryDialogModel && (\n                        <NewReferencedEntryDialog\n                            model={newEntryDialogModel}\n                            onClose={onNewEntryDialogClose}\n                            onChange={onNewEntryCreate}\n                        />\n                    )}\n\n                    {linkEntryDialogModel && (\n                        <ReferencesDialog\n                            {...props}\n                            multiple={true}\n                            values={values}\n                            contentModel={linkEntryDialogModel}\n                            storeValues={storeValues}\n                            onDialogClose={onLinkEntryDialogClose}\n                        />\n                    )}\n                </OptionsContainer>\n            </Container>\n        </>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","FieldLabel","fontSize","fontWeight","borderBottom","marginBottom","paddingBottom","AdvancedSingleReferenceField","props","bind","field","useSnackbar","showSnackbar","useState","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","useQuery","GQL","LIST_CONTENT_MODELS","data","loadingModels","loading","useEffect","listContentModels","error","message","onNewRecord","useCallback","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","useReferences","values","value","entries","loadingEntries","onRemove","onChange","models","useMemo","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","label"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport styled from \"@emotion/styled\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Loader } from \"./Loader\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NewReferencedEntryDialog\";\n\nconst Container = styled(\"div\")({});\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\"\n});\n\ninterface Props extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField: React.VFC<Props> = props => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const { entries, loading: loadingEntries } = useReferences({\n        values: bind.value\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: CmsEditorContentEntry | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues([\n                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    return (\n        <>\n            <FieldLabel>{field.label}</FieldLabel>\n            <Container>\n                {loading && <Loader />}\n                {initialValue && (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                )}\n                <Options\n                    models={models}\n                    onNewRecord={onNewRecord}\n                    onLinkExistingRecord={onExistingRecord}\n                />\n\n                {newEntryDialogModel && (\n                    <NewReferencedEntryDialog\n                        model={newEntryDialogModel}\n                        onClose={onNewEntryDialogClose}\n                        onChange={onNewEntryCreate}\n                    />\n                )}\n\n                {linkEntryDialogModel && (\n                    <ReferencesDialog\n                        {...props}\n                        multiple={false}\n                        values={bind.value ? [bind.value] : []}\n                        contentModel={linkEntryDialogModel}\n                        storeValues={storeValues}\n                        onDialogClose={onLinkEntryDialogClose}\n                    />\n                )}\n            </Container>\n        </>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Options","_useReferences2","_Entry","_ReferencesDialog","_styled","_interopRequireDefault","_hooks","GQL","_appAdmin","_Loader","_NewReferencedEntryDialog","Container","styled","target","label","FieldLabel","fontSize","fontWeight","borderBottom","marginBottom","paddingBottom","AdvancedSingleReferenceField","props","bind","field","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","linkEntryDialogModel","setLinkEntryDialogModel","_useState3","_useState4","newEntryDialogModel","setNewEntryDialogModel","_useState5","_useState6","loadedModels","setLoadedModels","_useQuery","useQuery","LIST_CONTENT_MODELS","data","loadingModels","loading","useEffect","_data$listContentMode","listContentModels","error","message","onNewRecord","useCallback","modelId","model","find","console","log","concat","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","_useReferences","useReferences","values","value","entries","loadingEntries","onRemove","onChange","models","useMemo","_field$settings","_field$settings2","settings","map","_ref","filter","Boolean","storeValues","_values$","length","id","onNewEntryCreate","initialValue","entry","createElement","Fragment","Loader","Entry","placement","index","Options","onLinkExistingRecord","NewReferencedEntryDialog","onClose","ReferencesDialog","Object","assign","multiple","contentModel","onDialogClose","exports"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport styled from \"@emotion/styled\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Loader } from \"./Loader\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NewReferencedEntryDialog\";\n\nconst Container = styled(\"div\")({});\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\"\n});\n\ninterface Props extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField: React.VFC<Props> = props => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const { entries, loading: loadingEntries } = useReferences({\n        values: bind.value\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: CmsContentEntry | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues([\n                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    return (\n        <>\n            <FieldLabel>{field.label}</FieldLabel>\n            <Container>\n                {loading && <Loader />}\n                {initialValue && (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                )}\n                <Options\n                    models={models}\n                    onNewRecord={onNewRecord}\n                    onLinkExistingRecord={onExistingRecord}\n                />\n\n                {newEntryDialogModel && (\n                    <NewReferencedEntryDialog\n                        model={newEntryDialogModel}\n                        onClose={onNewEntryDialogClose}\n                        onChange={onNewEntryCreate}\n                    />\n                )}\n\n                {linkEntryDialogModel && (\n                    <ReferencesDialog\n                        {...props}\n                        multiple={false}\n                        values={bind.value ? [bind.value] : []}\n                        contentModel={linkEntryDialogModel}\n                        storeValues={storeValues}\n                        onDialogClose={onLinkEntryDialogClose}\n                    />\n                )}\n            </Container>\n        </>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entries.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","minWidth","height","backgroundColor","boxSizing","display","overflowX","overflowY","paddingRight","ContainerChild","width","margin","Entries","props","entries","children","loadMore","loadMoreOnScroll","useCallback","debounce","position","top","length","map","entry","index","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\n\nconst Container = styled(\"div\")(() => ({\n    minWidth: \"100%\",\n    height: \"460px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    \">div>div\": {\n        overflowX: \"hidden !important\" as any,\n        overflowY: \"scroll\",\n        paddingRight: 20\n    }\n}));\nconst ContainerChild = styled(\"div\")({\n    boxSizing: \"border-box\",\n    width: \"100%\",\n    margin: \"0 2px 25px 2px\"\n});\n\ninterface Props {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries: React.VFC<Props> = props => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce((position: PositionValues) => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    if (entries.length === 0) {\n        return <>No entries found.</>;\n    }\n    return (\n        <Container className={\"entries\"}>\n            <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n                {entries.map((entry, index) => {\n                    return (\n                        <ContainerChild key={`entry-${entry.id}`}>\n                            {children(entry, index)}\n                        </ContainerChild>\n                    );\n                })}\n            </Scrollbar>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAGA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAAA,OAAO;IACnCC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE,OAAO;IACfC,eAAe,EAAE,6BAA6B;IAC9CC,SAAS,EAAE,YAAY;IACvBC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE;MACRC,SAAS,EAAE,mBAA0B;MACrCC,SAAS,EAAE,QAAQ;MACnBC,YAAY,EAAE;IAClB;EACJ,CAAC;AAAA,CAAC,CAAC;AACH,IAAMC,cAAc,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCI,SAAS,EAAE,YAAY;EACvBM,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACZ,CAAC,CAAC;AAQK,IAAMC,OAAyB,GAAG,SAA5BA,OAAyB,CAAGC,KAAK,EAAI;EAC9C,IAAQC,OAAO,GAAyBD,KAAK,CAArCC,OAAO;IAAEC,QAAQ,GAAeF,KAAK,CAA5BE,QAAQ;IAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EAEnC,IAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAChC,IAAAC,iBAAQ,EAAC,UAACC,QAAwB,EAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAL,QAAQ,EAAE;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CAAC,CACtB;EAED,IAAIF,OAAO,CAACQ,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAO,4DAAE,mBAAiB,CAAG;EACjC;EACA,oBACI,6BAAC,SAAS;IAAC,SAAS,EAAE;EAAU,gBAC5B,6BAAC,oBAAS;IAAC,eAAY,4BAA4B;IAAC,aAAa,EAAEL;EAAiB,GAC/EH,OAAO,CAACS,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAC3B,oBACI,6BAAC,cAAc;MAAC,GAAG,kBAAWD,KAAK,CAACE,EAAE;IAAG,GACpCX,QAAQ,CAACS,KAAK,EAAEC,KAAK,CAAC,CACV;EAEzB,CAAC,CAAC,CACM,CACJ;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_styled","_Scrollbar","Container","styled","target","label","minWidth","height","backgroundColor","boxSizing","display","overflowX","overflowY","paddingRight","ContainerChild","width","margin","Entries","props","entries","children","loadMore","loadMoreOnScroll","useCallback","debounce","position","top","length","default","createElement","Fragment","className","Scrollbar","onScrollFrame","map","entry","index","key","concat","id","exports"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\n\nconst Container = styled(\"div\")(() => ({\n    minWidth: \"100%\",\n    height: \"460px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    \">div>div\": {\n        overflowX: \"hidden !important\" as any,\n        overflowY: \"scroll\",\n        paddingRight: 20\n    }\n}));\nconst ContainerChild = styled(\"div\")({\n    boxSizing: \"border-box\",\n    width: \"100%\",\n    margin: \"0 2px 25px 2px\"\n});\n\ninterface Props {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries: React.VFC<Props> = props => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce((position: PositionValues) => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    if (entries.length === 0) {\n        return <>No entries found.</>;\n    }\n    return (\n        <Container className={\"entries\"}>\n            <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n                {entries.map((entry, index) => {\n                    return (\n                        <ContainerChild key={`entry-${entry.id}`}>\n                            {children(entry, index)}\n                        </ContainerChild>\n                    );\n                })}\n            </Scrollbar>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAGA,IAAMK,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAAA,OAAO;IACnCC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE,OAAO;IACfC,eAAe,EAAE,6BAA6B;IAC9CC,SAAS,EAAE,YAAY;IACvBC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE;MACRC,SAAS,EAAE,mBAA0B;MACrCC,SAAS,EAAE,QAAQ;MACnBC,YAAY,EAAE;IAClB;EACJ,CAAC;AAAA,CAAC,CAAC;AACH,IAAMC,cAAc,oBAAGX,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCI,SAAS,EAAE,YAAY;EACvBM,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACZ,CAAC,CAAC;AAQK,IAAMC,OAAyB,GAAG,SAA5BA,OAAyBA,CAAGC,KAAK,EAAI;EAC9C,IAAQC,OAAO,GAAyBD,KAAK,CAArCC,OAAO;IAAEC,QAAQ,GAAeF,KAAK,CAA5BE,QAAQ;IAAEC,QAAQ,GAAKH,KAAK,CAAlBG,QAAQ;EAEnC,IAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAChC,IAAAC,iBAAQ,EAAC,UAACC,QAAwB,EAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAL,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,IAAIF,OAAO,CAACQ,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOhC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAAlC,MAAA,CAAAiC,OAAA,CAAAE,QAAA,QAAE,mBAAmB,CAAC;EACjC;EACA,oBACInC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC3B,SAAS;IAAC6B,SAAS,EAAE;EAAU,gBAC5BpC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,UAAA,CAAA+B,SAAS;IAAC,eAAY,4BAA4B;IAACC,aAAa,EAAEX;EAAiB,GAC/EH,OAAO,CAACe,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAC3B,oBACIzC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACf,cAAc;MAACuB,GAAG,WAAAC,MAAA,CAAWH,KAAK,CAACI,EAAE;IAAG,GACpCnB,QAAQ,CAACe,KAAK,EAAEC,KAAK,CACV,CAAC;EAEzB,CAAC,CACM,CACJ,CAAC;AAEpB,CAAC;AAACI,OAAA,CAAAvB,OAAA,GAAAA,OAAA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","width","display","backgroundColor","flexDirection","boxShadow","marginBottom","boxSizing","ContentContainer","gridTemplateColumns","borderBottom","Content","paddingLeft","paddingTop","paddingBottom","FooterContainer","padding","flexWrap","justifyContent","LeftContainer","flexBasis","alignItems","flexShrink","flexGrow","marginTop","RightContainer","minWidth","Entry","model","entry","onChange","onRemove","selected","index","onMoveUpClick","onMoveUp","onMoveDownClick","onMoveDown","placement","useCallback","ev","shiftKey","icon","title","image","name","description","status","createdBy","createdOn","modifiedBy","savedOn"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Image } from \"./entry/Image\";\nimport { ModelName } from \"./entry/ModelName\";\nimport { Title } from \"./entry/Title\";\nimport { Description } from \"./entry/Description\";\nimport { Status } from \"./entry/Status\";\nimport { CreatedBy } from \"./entry/CreatedBy\";\nimport { ModifiedBy } from \"./entry/ModifiedBy\";\nimport { View } from \"./entry/View\";\nimport { Select } from \"./entry/Select\";\nimport { Remove } from \"./entry/Remove\";\nimport { MoveUp } from \"./entry/MoveUp\";\nimport { MoveDown } from \"./entry/MoveDown\";\nimport { CmsModel } from \"~/types\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    backgroundColor: \"#FFF\",\n    flexDirection: \"column\",\n    boxShadow: \"0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)\",\n    marginBottom: \"10px\",\n    boxSizing: \"border-box\"\n});\n\nconst ContentContainer = styled(\"div\")({\n    width: \"100%\",\n    display: \"grid\",\n    gridTemplateColumns: \"166px auto\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\"\n});\n\nconst Content = styled(\"div\")({\n    paddingLeft: \"16px\",\n    paddingTop: \"18px\",\n    paddingBottom: \"10px\"\n});\n\nconst FooterContainer = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"10px\",\n    flexWrap: \"wrap-reverse\",\n    justifyContent: \"center\",\n    marginBottom: \"-10px\"\n});\n\nconst LeftContainer = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    flexBasis: \"50%\",\n    alignItems: \"center\",\n    flexShrink: 1,\n    flexGrow: 1,\n    justifyContent: \"space-around\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    paddingBottom: 10,\n    marginTop: -10,\n    paddingTop: 15\n});\n\nconst RightContainer = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    flexBasis: \"50%\",\n    flexShrink: 1,\n    flexGrow: 1,\n    justifyContent: \"space-around\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    paddingBottom: 10,\n    \">div\": {\n        minWidth: \"100px\"\n    }\n});\n\ninterface Props {\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    onChange: (value: CmsReferenceValue) => void;\n    index?: never;\n    selected: boolean;\n    onMoveUp?: never;\n    onMoveDown?: never;\n    onRemove?: never;\n    placement?: string;\n}\n\ninterface PropsWithRemove {\n    onRemove: (entryId: string) => void;\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    index: number;\n    onMoveUp?: (index: number, toTop: boolean) => void;\n    onMoveDown?: (index: number, toBottom: boolean) => void;\n    onChange?: never;\n    selected?: never;\n    placement?: string;\n}\n\nexport const Entry: React.VFC<PropsWithRemove | Props> = ({\n    model,\n    entry,\n    onChange,\n    onRemove,\n    selected,\n    index,\n    onMoveUp: onMoveUpClick,\n    onMoveDown: onMoveDownClick,\n    placement\n}) => {\n    const onMoveUp = useCallback(\n        (ev: React.MouseEvent) => {\n            if (!onMoveUpClick) {\n                return;\n            }\n            onMoveUpClick(index, ev.shiftKey);\n        },\n        [onMoveUpClick, index]\n    );\n    const onMoveDown = useCallback(\n        (ev: React.MouseEvent) => {\n            if (!onMoveDownClick) {\n                return;\n            }\n            onMoveDownClick(index, ev.shiftKey);\n        },\n        [onMoveDownClick, index]\n    );\n\n    const icon = model.icon;\n\n    return (\n        <Container>\n            <ContentContainer>\n                <Image title={entry.title} src={entry.image} icon={icon} />\n                <Content>\n                    <ModelName name={entry.model.name} />\n                    <Title title={entry.title} />\n                    <Description description={entry.description} />\n                </Content>\n            </ContentContainer>\n            <FooterContainer>\n                <LeftContainer>\n                    <Status status={entry.status} />\n                    <CreatedBy createdBy={entry.createdBy} createdOn={entry.createdOn} />\n                    <ModifiedBy modifiedBy={entry.modifiedBy} savedOn={entry.savedOn} />\n                </LeftContainer>\n                <RightContainer>\n                    {placement == \"multiRef\" && (\n                        <>\n                            <MoveUp\n                                className={onMoveUpClick ? \"active\" : \"disabled\"}\n                                onClick={onMoveUp}\n                            />\n                            <MoveDown\n                                className={onMoveDownClick ? \"active\" : \"disabled\"}\n                                onClick={onMoveDown}\n                            />\n                        </>\n                    )}\n                    <View entry={entry} />\n                    {onChange && <Select entry={entry} onChange={onChange} selected={selected} />}\n                    {onRemove && <Remove entry={entry} onRemove={onRemove} />}\n                </RightContainer>\n            </FooterContainer>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,eAAe,EAAE,MAAM;EACvBC,aAAa,EAAE,QAAQ;EACvBC,SAAS,EAAE,qEAAqE;EAChFC,YAAY,EAAE,MAAM;EACpBC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,gBAAgB,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACnCC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfO,mBAAmB,EAAE,YAAY;EACjCC,YAAY,EAAE;AAClB,CAAC,CAAC;AAEF,IAAMC,OAAO,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BY,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,eAAe,oBAAGf,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAClCE,OAAO,EAAE,MAAM;EACfE,aAAa,EAAE,KAAK;EACpBY,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,cAAc;EACxBC,cAAc,EAAE,QAAQ;EACxBZ,YAAY,EAAE;AAClB,CAAC,CAAC;AAEF,IAAMa,aAAa,oBAAGnB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCE,OAAO,EAAE,MAAM;EACfe,QAAQ,EAAE,QAAQ;EAClBG,SAAS,EAAE,KAAK;EAChBC,UAAU,EAAE,QAAQ;EACpBC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE,CAAC;EACXL,cAAc,EAAE,cAAc;EAC9BR,YAAY,EAAE,0CAA0C;EACxDI,aAAa,EAAE,EAAE;EACjBU,SAAS,EAAE,CAAC,EAAE;EACdX,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMY,cAAc,oBAAGzB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCE,OAAO,EAAE,MAAM;EACfe,QAAQ,EAAE,QAAQ;EAClBG,SAAS,EAAE,KAAK;EAChBE,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE,CAAC;EACXL,cAAc,EAAE,cAAc;EAC9BR,YAAY,EAAE,0CAA0C;EACxDI,aAAa,EAAE,EAAE;EACjB,MAAM,EAAE;IACJY,QAAQ,EAAE;EACd;AACJ,CAAC,CAAC;AA0BK,IAAMC,KAAyC,GAAG,SAA5CA,KAAyC,OAUhD;EAAA,IATFC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACKC,aAAa,QAAvBC,QAAQ;IACIC,eAAe,QAA3BC,UAAU;IACVC,SAAS,QAATA,SAAS;EAET,IAAMH,QAAQ,GAAG,IAAAI,kBAAW,EACxB,UAACC,EAAoB,EAAK;IACtB,IAAI,CAACN,aAAa,EAAE;MAChB;IACJ;IACAA,aAAa,CAACD,KAAK,EAAEO,EAAE,CAACC,QAAQ,CAAC;EACrC,CAAC,EACD,CAACP,aAAa,EAAED,KAAK,CAAC,CACzB;EACD,IAAMI,UAAU,GAAG,IAAAE,kBAAW,EAC1B,UAACC,EAAoB,EAAK;IACtB,IAAI,CAACJ,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAACH,KAAK,EAAEO,EAAE,CAACC,QAAQ,CAAC;EACvC,CAAC,EACD,CAACL,eAAe,EAAEH,KAAK,CAAC,CAC3B;EAED,IAAMS,IAAI,GAAGd,KAAK,CAACc,IAAI;EAEvB,oBACI,6BAAC,SAAS,qBACN,6BAAC,gBAAgB,qBACb,6BAAC,YAAK;IAAC,KAAK,EAAEb,KAAK,CAACc,KAAM;IAAC,GAAG,EAAEd,KAAK,CAACe,KAAM;IAAC,IAAI,EAAEF;EAAK,EAAG,eAC3D,6BAAC,OAAO,qBACJ,6BAAC,oBAAS;IAAC,IAAI,EAAEb,KAAK,CAACD,KAAK,CAACiB;EAAK,EAAG,eACrC,6BAAC,YAAK;IAAC,KAAK,EAAEhB,KAAK,CAACc;EAAM,EAAG,eAC7B,6BAAC,wBAAW;IAAC,WAAW,EAAEd,KAAK,CAACiB;EAAY,EAAG,CACzC,CACK,eACnB,6BAAC,eAAe,qBACZ,6BAAC,aAAa,qBACV,6BAAC,cAAM;IAAC,MAAM,EAAEjB,KAAK,CAACkB;EAAO,EAAG,eAChC,6BAAC,oBAAS;IAAC,SAAS,EAAElB,KAAK,CAACmB,SAAU;IAAC,SAAS,EAAEnB,KAAK,CAACoB;EAAU,EAAG,eACrE,6BAAC,sBAAU;IAAC,UAAU,EAAEpB,KAAK,CAACqB,UAAW;IAAC,OAAO,EAAErB,KAAK,CAACsB;EAAQ,EAAG,CACxD,eAChB,6BAAC,cAAc,QACVb,SAAS,IAAI,UAAU,iBACpB,yEACI,6BAAC,cAAM;IACH,SAAS,EAAEJ,aAAa,GAAG,QAAQ,GAAG,UAAW;IACjD,OAAO,EAAEC;EAAS,EACpB,eACF,6BAAC,kBAAQ;IACL,SAAS,EAAEC,eAAe,GAAG,QAAQ,GAAG,UAAW;IACnD,OAAO,EAAEC;EAAW,EACtB,CAET,eACD,6BAAC,UAAI;IAAC,KAAK,EAAER;EAAM,EAAG,EACrBC,QAAQ,iBAAI,6BAAC,cAAM;IAAC,KAAK,EAAED,KAAM;IAAC,QAAQ,EAAEC,QAAS;IAAC,QAAQ,EAAEE;EAAS,EAAG,EAC5ED,QAAQ,iBAAI,6BAAC,cAAM;IAAC,KAAK,EAAEF,KAAM;IAAC,QAAQ,EAAEE;EAAS,EAAG,CAC5C,CACH,CACV;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_Image","_ModelName","_Title","_Description","_Status","_CreatedBy","_ModifiedBy","_View","_Select","_Remove","_MoveUp","_MoveDown","Container","styled","target","label","width","display","backgroundColor","flexDirection","boxShadow","marginBottom","boxSizing","ContentContainer","gridTemplateColumns","borderBottom","Content","paddingLeft","paddingTop","paddingBottom","FooterContainer","padding","flexWrap","justifyContent","LeftContainer","flexBasis","alignItems","flexShrink","flexGrow","marginTop","RightContainer","minWidth","Entry","_ref","model","entry","onChange","onRemove","selected","index","onMoveUpClick","onMoveUp","onMoveDownClick","onMoveDown","placement","useCallback","ev","shiftKey","icon","default","createElement","Image","title","src","image","ModelName","name","Title","Description","description","Status","status","CreatedBy","createdBy","createdOn","ModifiedBy","modifiedBy","savedOn","Fragment","MoveUp","className","onClick","MoveDown","View","Select","Remove","exports"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Image } from \"./entry/Image\";\nimport { ModelName } from \"./entry/ModelName\";\nimport { Title } from \"./entry/Title\";\nimport { Description } from \"./entry/Description\";\nimport { Status } from \"./entry/Status\";\nimport { CreatedBy } from \"./entry/CreatedBy\";\nimport { ModifiedBy } from \"./entry/ModifiedBy\";\nimport { View } from \"./entry/View\";\nimport { Select } from \"./entry/Select\";\nimport { Remove } from \"./entry/Remove\";\nimport { MoveUp } from \"./entry/MoveUp\";\nimport { MoveDown } from \"./entry/MoveDown\";\nimport { CmsModel } from \"~/types\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    display: \"flex\",\n    backgroundColor: \"#FFF\",\n    flexDirection: \"column\",\n    boxShadow: \"0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)\",\n    marginBottom: \"10px\",\n    boxSizing: \"border-box\"\n});\n\nconst ContentContainer = styled(\"div\")({\n    width: \"100%\",\n    display: \"grid\",\n    gridTemplateColumns: \"166px auto\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\"\n});\n\nconst Content = styled(\"div\")({\n    paddingLeft: \"16px\",\n    paddingTop: \"18px\",\n    paddingBottom: \"10px\"\n});\n\nconst FooterContainer = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"10px\",\n    flexWrap: \"wrap-reverse\",\n    justifyContent: \"center\",\n    marginBottom: \"-10px\"\n});\n\nconst LeftContainer = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    flexBasis: \"50%\",\n    alignItems: \"center\",\n    flexShrink: 1,\n    flexGrow: 1,\n    justifyContent: \"space-around\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    paddingBottom: 10,\n    marginTop: -10,\n    paddingTop: 15\n});\n\nconst RightContainer = styled(\"div\")({\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    flexBasis: \"50%\",\n    flexShrink: 1,\n    flexGrow: 1,\n    justifyContent: \"space-around\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    paddingBottom: 10,\n    \">div\": {\n        minWidth: \"100px\"\n    }\n});\n\ninterface Props {\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    onChange: (value: CmsReferenceValue) => void;\n    index?: never;\n    selected: boolean;\n    onMoveUp?: never;\n    onMoveDown?: never;\n    onRemove?: never;\n    placement?: string;\n}\n\ninterface PropsWithRemove {\n    onRemove: (entryId: string) => void;\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    index: number;\n    onMoveUp?: (index: number, toTop: boolean) => void;\n    onMoveDown?: (index: number, toBottom: boolean) => void;\n    onChange?: never;\n    selected?: never;\n    placement?: string;\n}\n\nexport const Entry: React.VFC<PropsWithRemove | Props> = ({\n    model,\n    entry,\n    onChange,\n    onRemove,\n    selected,\n    index,\n    onMoveUp: onMoveUpClick,\n    onMoveDown: onMoveDownClick,\n    placement\n}) => {\n    const onMoveUp = useCallback(\n        (ev: React.MouseEvent) => {\n            if (!onMoveUpClick) {\n                return;\n            }\n            onMoveUpClick(index, ev.shiftKey);\n        },\n        [onMoveUpClick, index]\n    );\n    const onMoveDown = useCallback(\n        (ev: React.MouseEvent) => {\n            if (!onMoveDownClick) {\n                return;\n            }\n            onMoveDownClick(index, ev.shiftKey);\n        },\n        [onMoveDownClick, index]\n    );\n\n    const icon = model.icon;\n\n    return (\n        <Container>\n            <ContentContainer>\n                <Image title={entry.title} src={entry.image} icon={icon} />\n                <Content>\n                    <ModelName name={entry.model.name} />\n                    <Title title={entry.title} />\n                    <Description description={entry.description} />\n                </Content>\n            </ContentContainer>\n            <FooterContainer>\n                <LeftContainer>\n                    <Status status={entry.status} />\n                    <CreatedBy createdBy={entry.createdBy} createdOn={entry.createdOn} />\n                    <ModifiedBy modifiedBy={entry.modifiedBy} savedOn={entry.savedOn} />\n                </LeftContainer>\n                <RightContainer>\n                    {placement == \"multiRef\" && (\n                        <>\n                            <MoveUp\n                                className={onMoveUpClick ? \"active\" : \"disabled\"}\n                                onClick={onMoveUp}\n                            />\n                            <MoveDown\n                                className={onMoveDownClick ? \"active\" : \"disabled\"}\n                                onClick={onMoveDown}\n                            />\n                        </>\n                    )}\n                    <View entry={entry} />\n                    {onChange && <Select entry={entry} onChange={onChange} selected={selected} />}\n                    {onRemove && <Remove entry={entry} onRemove={onRemove} />}\n                </RightContainer>\n            </FooterContainer>\n        </Container>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/components/Loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["LoaderContainer","styled","display","position","minHeight","AbsoluteLoaderContainer","width","top","left","Loader","AbsoluteLoader"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst LoaderContainer = styled(\"div\")({\n    display: \"flex\",\n    position: \"relative\",\n    minHeight: \"50px\"\n});\nconst AbsoluteLoaderContainer = styled(\"div\")({\n    display: \"flex\",\n    minHeight: \"100%\",\n    position: \"absolute\",\n    width: \"100%\",\n    top: 0,\n    left: 0\n});\nexport const Loader: React.VFC = () => {\n    return (\n        <LoaderContainer>\n            <CircularProgress />\n        </LoaderContainer>\n    );\n};\nexport const AbsoluteLoader: React.VFC = () => {\n    return (\n        <AbsoluteLoaderContainer>\n            <CircularProgress />\n        </AbsoluteLoaderContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAClCC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACf,CAAC,CAAC;AACF,IAAMC,uBAAuB,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1CC,OAAO,EAAE,MAAM;EACfE,SAAS,EAAE,MAAM;EACjBD,QAAQ,EAAE,UAAU;EACpBG,KAAK,EAAE,MAAM;EACbC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE;AACV,CAAC,CAAC;AACK,IAAMC,MAAiB,GAAG,SAApBA,MAAiB,GAAS;EACnC,oBACI,6BAAC,eAAe,qBACZ,6BAAC,0BAAgB,OAAG,CACN;AAE1B,CAAC;AAAC;AACK,IAAMC,cAAyB,GAAG,SAA5BA,cAAyB,GAAS;EAC3C,oBACI,6BAAC,uBAAuB,qBACpB,6BAAC,0BAAgB,OAAG,CACE;AAElC,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_Progress","LoaderContainer","styled","target","label","display","position","minHeight","AbsoluteLoaderContainer","width","top","left","Loader","default","createElement","CircularProgress","exports","AbsoluteLoader"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst LoaderContainer = styled(\"div\")({\n    display: \"flex\",\n    position: \"relative\",\n    minHeight: \"50px\"\n});\nconst AbsoluteLoaderContainer = styled(\"div\")({\n    display: \"flex\",\n    minHeight: \"100%\",\n    position: \"absolute\",\n    width: \"100%\",\n    top: 0,\n    left: 0\n});\nexport const Loader: React.VFC = () => {\n    return (\n        <LoaderContainer>\n            <CircularProgress />\n        </LoaderContainer>\n    );\n};\nexport const AbsoluteLoader: React.VFC = () => {\n    return (\n        <AbsoluteLoaderContainer>\n            <CircularProgress />\n        </AbsoluteLoaderContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAMG,eAAe,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAClCC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE;AACf,CAAC,CAAC;AACF,IAAMC,uBAAuB,oBAAGN,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC1CC,OAAO,EAAE,MAAM;EACfE,SAAS,EAAE,MAAM;EACjBD,QAAQ,EAAE,UAAU;EACpBG,KAAK,EAAE,MAAM;EACbC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE;AACV,CAAC,CAAC;AACK,IAAMC,MAAiB,GAAG,SAApBA,MAAiBA,CAAA,EAAS;EACnC,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,eAAe,qBACZL,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAe,gBAAgB,MAAE,CACN,CAAC;AAE1B,CAAC;AAACC,OAAA,CAAAJ,MAAA,GAAAA,MAAA;AACK,IAAMK,cAAyB,GAAG,SAA5BA,cAAyBA,CAAA,EAAS;EAC3C,oBACIrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACN,uBAAuB,qBACpBZ,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAe,gBAAgB,MAAE,CACE,CAAC;AAElC,CAAC;AAACC,OAAA,CAAAC,cAAA,GAAAA,cAAA"}