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

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

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

Files changed (626) hide show

package/admin/plugins/fieldRenderers/object/MultiValueContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","generateAlphaNumericLowerCaseId","Cell","useConfirmationDialog","MultiValueItemContainer","Fields","DynamicSection","dynamicSectionGridStyle","fieldsGridStyle","fieldsWrapperStyle","ItemHighLight","ObjectItem","FieldSettings","useModelField","useModel","MultiValueContainer","props","highlightMap","setHighlightIndex","itemState","setItemState","model","field","showConfirmation","message","acceptLabel","cancelLabel","fieldSettings","createFrom","hasFields","logMissingFields","toggleItemState","index","state","onAddItem","settings","getSettings","createElement","Object","assign","showLabel","showTitle","emptyValue","gridClassName","Bind","bind","onMoveDown","moveValueDown","map","onMoveUp","moveValueUp","onDelete","removeValue","key","value","title","label","isFirst","isLast","length","isExpanded","toggleExpanded","span","className","contentModel","fields","layout"],"sources":["MultiValueContainer.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport {\n BindComponentRenderProp,\n CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms-common/types\";\nimport { MultiValueItemContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueItemContainer\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport DynamicSection from \"~/admin/plugins/fieldRenderers/DynamicSection\";\nimport {\n dynamicSectionGridStyle,\n fieldsGridStyle,\n fieldsWrapperStyle,\n ItemHighLight,\n ObjectItem\n} from \"~/admin/plugins/fieldRenderers/object/StyledComponents\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueContainerProps {\n bind: BindComponentRenderProp;\n getBind: GetBind;\n showTitle?: boolean;\n}\n\nexport const MultiValueContainer = (props: MultiValueContainerProps) => {\n const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n const [itemState, setItemState] = useState<{ [key: number]: boolean }>({});\n\n const { model } = useModel();\n const { field } = useModelField();\n\n const { showConfirmation } = useConfirmationDialog({\n message: `Are you sure you want to delete this item? This action is not reversible.`,\n acceptLabel: `Yes, I'm sure!`,\n cancelLabel: `No, leave it.`\n });\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const toggleItemState = (index: number) => {\n setItemState(state => ({ ...state, [index]: !state[index] }));\n };\n\n const onAddItem = (index: number) => {\n setItemState(state => ({ ...state, [index]: true }));\n };\n\n const settings = fieldSettings.getSettings();\n\n return (\n <DynamicSection\n {...props}\n showLabel={props.showTitle}\n field={field}\n emptyValue={{}}\n onAddItem={onAddItem}\n gridClassName={dynamicSectionGridStyle}\n >\n {({ Bind, bind, index }) => {\n const onMoveDown = () => {\n bind.field.moveValueDown(index);\n\n setHighlightIndex(map => ({\n ...map,\n [index + 1]: generateAlphaNumericLowerCaseId(12)\n }));\n\n setItemState(state => {\n return {\n ...state,\n [index + 1]: state[index] ?? false,\n [index]: state[index + 1] ?? false\n };\n });\n };\n\n const onMoveUp = () => {\n bind.field.moveValueUp(index);\n\n setHighlightIndex(map => ({\n ...map,\n [index - 1]: generateAlphaNumericLowerCaseId(12)\n }));\n\n setItemState(state => {\n return {\n ...state,\n [index - 1]: state[index] ?? false,\n [index]: state[index - 1] ?? false\n };\n });\n };\n\n const onDelete = () => {\n showConfirmation(() => {\n bind.field.removeValue(index);\n });\n };\n\n return (\n <ObjectItem>\n {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n <MultiValueItemContainer\n value={bind.index.value}\n title={`${field.label} #${index + 1}`}\n isFirst={index === 0}\n isLast={index === bind.field.value.length - 1}\n onMoveUp={onMoveUp}\n onMoveDown={onMoveDown}\n onDelete={onDelete}\n isExpanded={itemState[index] ?? false}\n toggleExpanded={() => toggleItemState(index)}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={model}\n fields={settings.fields}\n layout={settings.layout}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </MultiValueItemContainer>\n </ObjectItem>\n );\n }}\n </DynamicSection>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","generateAlphaNumericLowerCaseId","Cell","useConfirmationDialog","MultiValueItemContainer","Fields","DynamicSection","dynamicSectionGridStyle","fieldsGridStyle","fieldsWrapperStyle","ItemHighLight","ObjectItem","FieldSettings","useModelField","useModel","MultiValueContainer","props","highlightMap","setHighlightIndex","itemState","setItemState","model","field","showConfirmation","message","acceptLabel","cancelLabel","fieldSettings","createFrom","hasFields","logMissingFields","toggleItemState","index","state","onAddItem","settings","getSettings","createElement","Object","assign","showLabel","showTitle","emptyValue","gridClassName","Bind","bind","onMoveDown","moveValueDown","map","onMoveUp","moveValueUp","onDelete","removeValue","key","value","title","label","isFirst","isLast","length","isExpanded","toggleExpanded","span","className","contentModel","fields","layout"],"sources":["MultiValueContainer.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport type {\n BindComponentRenderProp,\n CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms-common/types\";\nimport { MultiValueItemContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueItemContainer\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport DynamicSection from \"~/admin/plugins/fieldRenderers/DynamicSection\";\nimport {\n dynamicSectionGridStyle,\n fieldsGridStyle,\n fieldsWrapperStyle,\n ItemHighLight,\n ObjectItem\n} from \"~/admin/plugins/fieldRenderers/object/StyledComponents\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueContainerProps {\n bind: BindComponentRenderProp;\n getBind: GetBind;\n showTitle?: boolean;\n}\n\nexport const MultiValueContainer = (props: MultiValueContainerProps) => {\n const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n const [itemState, setItemState] = useState<{ [key: number]: boolean }>({});\n\n const { model } = useModel();\n const { field } = useModelField();\n\n const { showConfirmation } = useConfirmationDialog({\n message: `Are you sure you want to delete this item? This action is not reversible.`,\n acceptLabel: `Yes, I'm sure!`,\n cancelLabel: `No, leave it.`\n });\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const toggleItemState = (index: number) => {\n setItemState(state => ({ ...state, [index]: !state[index] }));\n };\n\n const onAddItem = (index: number) => {\n setItemState(state => ({ ...state, [index]: true }));\n };\n\n const settings = fieldSettings.getSettings();\n\n return (\n <DynamicSection\n {...props}\n showLabel={props.showTitle}\n field={field}\n emptyValue={{}}\n onAddItem={onAddItem}\n gridClassName={dynamicSectionGridStyle}\n >\n {({ Bind, bind, index }) => {\n const onMoveDown = () => {\n bind.field.moveValueDown(index);\n\n setHighlightIndex(map => ({\n ...map,\n [index + 1]: generateAlphaNumericLowerCaseId(12)\n }));\n\n setItemState(state => {\n return {\n ...state,\n [index + 1]: state[index] ?? false,\n [index]: state[index + 1] ?? false\n };\n });\n };\n\n const onMoveUp = () => {\n bind.field.moveValueUp(index);\n\n setHighlightIndex(map => ({\n ...map,\n [index - 1]: generateAlphaNumericLowerCaseId(12)\n }));\n\n setItemState(state => {\n return {\n ...state,\n [index - 1]: state[index] ?? false,\n [index]: state[index - 1] ?? false\n };\n });\n };\n\n const onDelete = () => {\n showConfirmation(() => {\n bind.field.removeValue(index);\n });\n };\n\n return (\n <ObjectItem>\n {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n <MultiValueItemContainer\n value={bind.index.value}\n title={`${field.label} #${index + 1}`}\n isFirst={index === 0}\n isLast={index === bind.field.value.length - 1}\n onMoveUp={onMoveUp}\n onMoveDown={onMoveDown}\n onDelete={onDelete}\n isExpanded={itemState[index] ?? false}\n toggleExpanded={() => toggleItemState(index)}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={model}\n fields={settings.fields}\n layout={settings.layout}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </MultiValueItemContainer>\n </ObjectItem>\n );\n }}\n </DynamicSection>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { GenericRecord } from "@webiny/app/types";
+import type { GenericRecord } from "@webiny/app/types";
 export interface MultiValueItemContainerProps {
     value: GenericRecord<string>;
     isFirst: boolean;

package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","makeDecoratable","Accordion","ReactComponent","DeleteIcon","ArrowUp","ArrowDown","IconButton","MultiValueItemContainer","children","props","onMoveUp","onMoveDown","onDelete","isLast","isFirst","actions","createElement","Fragment","icon","onClick","e","stopPropagation","disabled","title","action","isExpanded","toggleExpanded"],"sources":["MultiValueItemContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport { GenericRecord } from \"@webiny/app/types\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nexport interface MultiValueItemContainerProps {\n value: GenericRecord<string>;\n isFirst: boolean;\n isLast: boolean;\n onMoveUp: () => void;\n onMoveDown: () => void;\n onDelete: () => void;\n isExpanded: boolean;\n toggleExpanded: () => void;\n title: string;\n children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n \"MultiValueItemContainer\",\n ({ children, ...props }: MultiValueItemContainerProps) => {\n const { onMoveUp, onMoveDown, onDelete, isLast, isFirst } = props;\n\n const actions = (\n <>\n <IconButton\n icon={<ArrowDown />}\n onClick={e => {\n e.stopPropagation();\n onMoveDown();\n }}\n disabled={isLast}\n />\n <IconButton\n icon={<ArrowUp />}\n onClick={e => {\n e.stopPropagation();\n onMoveUp();\n }}\n disabled={isFirst}\n />\n <IconButton\n icon={<DeleteIcon />}\n onClick={e => {\n e.stopPropagation();\n onDelete();\n }}\n />\n </>\n );\n\n return (\n <Accordion\n title={props.title}\n action={actions}\n isExpanded={props.isExpanded}\n toggleExpanded={props.toggleExpanded}\n >\n {children}\n </Accordion>\n );\n }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,OAAOC,SAAS;AAEhB,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,OAAO,QAAQ,iCAAiC;AAC3E,SAASF,cAAc,IAAIG,SAAS,QAAQ,mCAAmC;AAC/E,SAASC,UAAU,QAAQ,mBAAmB;AAe9C,OAAO,MAAMC,uBAAuB,GAAGP,eAAe,CAClD,yBAAyB,EACzB,CAAC;EAAEQ,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtD,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGL,KAAK;EAEjE,MAAMM,OAAO,gBACThB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACPY,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBV,UAAU,CAAC,CAAC;IAChB,CAAE;IACFW,QAAQ,EAAET;EAAO,CACpB,CAAC,eACFd,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACPY,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACZ,OAAO,MAAE,CAAE;IAClBe,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,QAAQ,CAAC,CAAC;IACd,CAAE;IACFY,QAAQ,EAAER;EAAQ,CACrB,CAAC,eACFf,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACPY,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACb,UAAU,MAAE,CAAE;IACrBgB,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBT,QAAQ,CAAC,CAAC;IACd;EAAE,CACL,CACH,CACL;EAED,oBACIb,KAAA,CAAAiB,aAAA,CAACf,SAAS;IACNsB,KAAK,EAAEd,KAAK,CAACc,KAAM;IACnBC,MAAM,EAAET,OAAQ;IAChBU,UAAU,EAAEhB,KAAK,CAACgB,UAAW;IAC7BC,cAAc,EAAEjB,KAAK,CAACiB;EAAe,GAEpClB,QACM,CAAC;AAEpB,CACJ,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","makeDecoratable","Accordion","ReactComponent","DeleteIcon","ArrowUp","ArrowDown","IconButton","MultiValueItemContainer","children","props","onMoveUp","onMoveDown","onDelete","isLast","isFirst","actions","createElement","Fragment","icon","onClick","e","stopPropagation","disabled","title","action","isExpanded","toggleExpanded"],"sources":["MultiValueItemContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport type { GenericRecord } from \"@webiny/app/types\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_drop_down.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nexport interface MultiValueItemContainerProps {\n value: GenericRecord<string>;\n isFirst: boolean;\n isLast: boolean;\n onMoveUp: () => void;\n onMoveDown: () => void;\n onDelete: () => void;\n isExpanded: boolean;\n toggleExpanded: () => void;\n title: string;\n children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n \"MultiValueItemContainer\",\n ({ children, ...props }: MultiValueItemContainerProps) => {\n const { onMoveUp, onMoveDown, onDelete, isLast, isFirst } = props;\n\n const actions = (\n <>\n <IconButton\n icon={<ArrowDown />}\n onClick={e => {\n e.stopPropagation();\n onMoveDown();\n }}\n disabled={isLast}\n />\n <IconButton\n icon={<ArrowUp />}\n onClick={e => {\n e.stopPropagation();\n onMoveUp();\n }}\n disabled={isFirst}\n />\n <IconButton\n icon={<DeleteIcon />}\n onClick={e => {\n e.stopPropagation();\n onDelete();\n }}\n />\n </>\n );\n\n return (\n <Accordion\n title={props.title}\n action={actions}\n isExpanded={props.isExpanded}\n toggleExpanded={props.toggleExpanded}\n >\n {children}\n </Accordion>\n );\n }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,OAAOC,SAAS;AAEhB,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,OAAO,QAAQ,iCAAiC;AAC3E,SAASF,cAAc,IAAIG,SAAS,QAAQ,mCAAmC;AAC/E,SAASC,UAAU,QAAQ,mBAAmB;AAe9C,OAAO,MAAMC,uBAAuB,GAAGP,eAAe,CAClD,yBAAyB,EACzB,CAAC;EAAEQ,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtD,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGL,KAAK;EAEjE,MAAMM,OAAO,gBACThB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACPY,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBV,UAAU,CAAC,CAAC;IAChB,CAAE;IACFW,QAAQ,EAAET;EAAO,CACpB,CAAC,eACFd,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACPY,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACZ,OAAO,MAAE,CAAE;IAClBe,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,QAAQ,CAAC,CAAC;IACd,CAAE;IACFY,QAAQ,EAAER;EAAQ,CACrB,CAAC,eACFf,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACPY,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACb,UAAU,MAAE,CAAE;IACrBgB,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBT,QAAQ,CAAC,CAAC;IACd;EAAE,CACL,CACH,CACL;EAED,oBACIb,KAAA,CAAAiB,aAAA,CAACf,SAAS;IACNsB,KAAK,EAAEd,KAAK,CAACc,KAAM;IACnBC,MAAM,EAAET,OAAQ;IAChBU,UAAU,EAAEhB,KAAK,CAACgB,UAAW;IAC7BC,cAAc,EAAEjB,KAAK,CAACiB;EAAe,GAEpClB,QACM,CAAC;AAEpB,CACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/multipleObjects.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","MultiValueContainer","MultiValueRendererSettings","t","ns","ObjectsRenderer","props","getBind","Bind","createElement","bind","plugin","type","name","renderer","rendererName","description","canUse","field","Boolean","multipleValues","render","renderSettings"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { MultiValueContainer } from \"./MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const { getBind } = props;\n\n const Bind = getBind();\n\n return <Bind>{bind => <MultiValueContainer bind={bind} getBind={getBind} />}</Bind>;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects\",\n renderer: {\n rendererName: \"objects\",\n name: t`Inline Form`,\n description: t`Renders a set of fields.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n },\n renderSettings(props) {\n return <MultiValueRendererSettings {...props} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AAEnC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;EAEtB,oBAAOR,KAAA,CAAAU,aAAA,CAACD,IAAI,QAAEE,IAAI,iBAAIX,KAAA,CAAAU,aAAA,CAACR,mBAAmB;IAACS,IAAI,EAAEA,IAAK;IAACH,OAAO,EAAEA;EAAQ,CAAE,CAAQ,CAAC;AACvF,CAAC;AAED,MAAMI,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,SAAS;IACvBF,IAAI,EAAEV,CAAC,aAAa;IACpBa,WAAW,EAAEb,CAAC,0BAA0B;IACxCc,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAIO,OAAO,CAACD,KAAK,CAACE,cAAc,CAAC;IACnE,CAAC;IACDC,MAAMA,CAACf,KAAK,EAAE;MACV,oBAAOP,KAAA,CAAAU,aAAA,CAACJ,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACDgB,cAAcA,CAAChB,KAAK,EAAE;MAClB,oBAAOP,KAAA,CAAAU,aAAA,CAACP,0BAA0B,EAAKI,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeK,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","MultiValueContainer","MultiValueRendererSettings","t","ns","ObjectsRenderer","props","getBind","Bind","createElement","bind","plugin","type","name","renderer","rendererName","description","canUse","field","Boolean","multipleValues","render","renderSettings"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { MultiValueContainer } from \"./MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const { getBind } = props;\n\n const Bind = getBind();\n\n return <Bind>{bind => <MultiValueContainer bind={bind} getBind={getBind} />}</Bind>;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects\",\n renderer: {\n rendererName: \"objects\",\n name: t`Inline Form`,\n description: t`Renders a set of fields.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n },\n renderSettings(props) {\n return <MultiValueRendererSettings {...props} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AAEnC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;EAEtB,oBAAOR,KAAA,CAAAU,aAAA,CAACD,IAAI,QAAEE,IAAI,iBAAIX,KAAA,CAAAU,aAAA,CAACR,mBAAmB;IAACS,IAAI,EAAEA,IAAK;IAACH,OAAO,EAAEA;EAAQ,CAAE,CAAQ,CAAC;AACvF,CAAC;AAED,MAAMI,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,SAAS;IACvBF,IAAI,EAAEV,CAAC,aAAa;IACpBa,WAAW,EAAEb,CAAC,0BAA0B;IACxCc,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAIO,OAAO,CAACD,KAAK,CAACE,cAAc,CAAC;IACnE,CAAC;IACDC,MAAMA,CAACf,KAAK,EAAE;MACV,oBAAOP,KAAA,CAAAU,aAAA,CAACJ,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACDgB,cAAcA,CAAChB,KAAK,EAAE;MAClB,oBAAOP,KAAA,CAAAU,aAAA,CAACP,0BAA0B,EAAKI,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeK,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","FieldSettings","AccordionRenderSettings","getAccordionRenderSettings","MultiValueContainer","MultiValueRendererSettings","Accordion","t","ns","ObjectsRenderer","props","field","getBind","fieldSettings","createFrom","hasFields","logMissingFields","open","Bind","createElement","bind","values","value","label","length","ValidationContainer","Item","title","description","helpText","defaultOpen","showTitle","plugin","type","name","renderer","rendererName","canUse","Boolean","multipleValues","render","renderSettings","Fragment"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const { field, getBind } = props;\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const { open } = getAccordionRenderSettings(field);\n\n const Bind = getBind();\n\n return (\n <Bind>\n {bind => {\n const values = bind.value \|\| [];\n const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n return (\n <Bind.ValidationContainer>\n <Accordion>\n <Accordion.Item\n title={label}\n description={field.helpText}\n defaultOpen={open}\n >\n <MultiValueContainer\n bind={bind}\n getBind={getBind}\n showTitle={false}\n />\n </Accordion.Item>\n </Accordion>\n </Bind.ValidationContainer>\n );\n }}\n </Bind>\n );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects-accordion\",\n renderer: {\n rendererName: \"objects-accordion\",\n name: t`Accordion`,\n description: t`Renders fields within an accordion.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n },\n renderSettings(props) {\n return (\n <>\n <MultiValueRendererSettings {...props} />\n <AccordionRenderSettings {...props} />\n </>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,aAAa;AACtB,SAASC,uBAAuB,EAAEC,0BAA0B;AAC5D,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,MAAMG,aAAa,GAAGZ,aAAa,CAACa,UAAU,CAACH,KAAK,CAAC;EAErD,IAAI,CAACE,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;IAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,MAAM;IAAEC;EAAK,CAAC,GAAGd,0BAA0B,CAACQ,KAAK,CAAC;EAElD,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAoB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;IACL,MAAMC,MAAM,GAAGD,IAAI,CAACE,KAAK,IAAI,EAAE;IAC/B,MAAMC,KAAK,GAAG,GAAGZ,KAAK,CAACY,KAAK,IAAIF,MAAM,CAACG,MAAM,GAAG,IAAIH,MAAM,CAACG,MAAM,GAAG,GAAG,EAAE,EAAE;IAE3E,oBACIzB,KAAA,CAAAoB,aAAA,CAACD,IAAI,CAACO,mBAAmB,qBACrB1B,KAAA,CAAAoB,aAAA,CAACb,SAAS,qBACNP,KAAA,CAAAoB,aAAA,CAACb,SAAS,CAACoB,IAAI;MACXC,KAAK,EAAEJ,KAAM;MACbK,WAAW,EAAEjB,KAAK,CAACkB,QAAS;MAC5BC,WAAW,EAAEb;IAAK,gBAElBlB,KAAA,CAAAoB,aAAA,CAACf,mBAAmB;MAChBgB,IAAI,EAAEA,IAAK;MACXR,OAAO,EAAEA,OAAQ;MACjBmB,SAAS,EAAE;IAAM,CACpB,CACW,CACT,CACW,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,6CAA6C;EACnDC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBAAmB;IACjCF,IAAI,EAAE3B,CAAC,WAAW;IAClBqB,WAAW,EAAErB,CAAC,qCAAqC;IACnD8B,MAAMA,CAAC;MAAE1B;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACsB,IAAI,KAAK,QAAQ,IAAIK,OAAO,CAAC3B,KAAK,CAAC4B,cAAc,CAAC;IACnE,CAAC;IACDC,MAAMA,CAAC9B,KAAK,EAAE;MACV,oBAAOX,KAAA,CAAAoB,aAAA,CAACV,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACD+B,cAAcA,CAAC/B,KAAK,EAAE;MAClB,oBACIX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA2C,QAAA,qBACI3C,KAAA,CAAAoB,aAAA,CAACd,0BAA0B,EAAKK,KAAQ,CAAC,eACzCX,KAAA,CAAAoB,aAAA,CAACjB,uBAAuB,EAAKQ,KAAQ,CACvC,CAAC;IAEX;EACJ;AACJ,CAAC;AAED,eAAesB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","FieldSettings","AccordionRenderSettings","getAccordionRenderSettings","MultiValueContainer","MultiValueRendererSettings","Accordion","t","ns","ObjectsRenderer","props","field","getBind","fieldSettings","createFrom","hasFields","logMissingFields","open","Bind","createElement","bind","values","value","label","length","ValidationContainer","Item","title","description","helpText","defaultOpen","showTitle","plugin","type","name","renderer","rendererName","canUse","Boolean","multipleValues","render","renderSettings","Fragment"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueContainer\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { Accordion } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const { field, getBind } = props;\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const { open } = getAccordionRenderSettings(field);\n\n const Bind = getBind();\n\n return (\n <Bind>\n {bind => {\n const values = bind.value \|\| [];\n const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n return (\n <Bind.ValidationContainer>\n <Accordion>\n <Accordion.Item\n title={label}\n description={field.helpText}\n defaultOpen={open}\n >\n <MultiValueContainer\n bind={bind}\n getBind={getBind}\n showTitle={false}\n />\n </Accordion.Item>\n </Accordion>\n </Bind.ValidationContainer>\n );\n }}\n </Bind>\n );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects-accordion\",\n renderer: {\n rendererName: \"objects-accordion\",\n name: t`Accordion`,\n description: t`Renders fields within an accordion.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n },\n renderSettings(props) {\n return (\n <>\n <MultiValueRendererSettings {...props} />\n <AccordionRenderSettings {...props} />\n </>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,aAAa;AACtB,SAASC,uBAAuB,EAAEC,0BAA0B;AAC5D,SAASC,mBAAmB;AAC5B,SAASC,0BAA0B;AACnC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,MAAMG,aAAa,GAAGZ,aAAa,CAACa,UAAU,CAACH,KAAK,CAAC;EAErD,IAAI,CAACE,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;IAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,MAAM;IAAEC;EAAK,CAAC,GAAGd,0BAA0B,CAACQ,KAAK,CAAC;EAElD,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,oBACIb,KAAA,CAAAoB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;IACL,MAAMC,MAAM,GAAGD,IAAI,CAACE,KAAK,IAAI,EAAE;IAC/B,MAAMC,KAAK,GAAG,GAAGZ,KAAK,CAACY,KAAK,IAAIF,MAAM,CAACG,MAAM,GAAG,IAAIH,MAAM,CAACG,MAAM,GAAG,GAAG,EAAE,EAAE;IAE3E,oBACIzB,KAAA,CAAAoB,aAAA,CAACD,IAAI,CAACO,mBAAmB,qBACrB1B,KAAA,CAAAoB,aAAA,CAACb,SAAS,qBACNP,KAAA,CAAAoB,aAAA,CAACb,SAAS,CAACoB,IAAI;MACXC,KAAK,EAAEJ,KAAM;MACbK,WAAW,EAAEjB,KAAK,CAACkB,QAAS;MAC5BC,WAAW,EAAEb;IAAK,gBAElBlB,KAAA,CAAAoB,aAAA,CAACf,mBAAmB;MAChBgB,IAAI,EAAEA,IAAK;MACXR,OAAO,EAAEA,OAAQ;MACjBmB,SAAS,EAAE;IAAM,CACpB,CACW,CACT,CACW,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,6CAA6C;EACnDC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBAAmB;IACjCF,IAAI,EAAE3B,CAAC,WAAW;IAClBqB,WAAW,EAAErB,CAAC,qCAAqC;IACnD8B,MAAMA,CAAC;MAAE1B;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACsB,IAAI,KAAK,QAAQ,IAAIK,OAAO,CAAC3B,KAAK,CAAC4B,cAAc,CAAC;IACnE,CAAC;IACDC,MAAMA,CAAC9B,KAAK,EAAE;MACV,oBAAOX,KAAA,CAAAoB,aAAA,CAACV,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACD+B,cAAcA,CAAC/B,KAAK,EAAE;MAClB,oBACIX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA2C,QAAA,qBACI3C,KAAA,CAAAoB,aAAA,CAACd,0BAA0B,EAAKK,KAAQ,CAAC,eACzCX,KAAA,CAAAoB,aAAA,CAACjB,uBAAuB,EAAKQ,KAAQ,CACvC,CAAC;IAEX;EACJ;AACJ,CAAC;AAED,eAAesB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/singleObjectAccordion.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","Accordion","AccordionItem","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","title","label","helpText","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport {\n AccordionRenderSettings,\n getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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 fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n const { open } = getAccordionRenderSettings(field);\n\n return (\n <Bind>\n {bindProps => (\n <Bind.ValidationContainer>\n <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n <ParentValueIndexProvider index={-1}>\n <Accordion>\n <AccordionItem\n title={field.label}\n description={field.helpText}\n open={open}\n >\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields \|\| []}\n layout={settings.layout \|\| []}\n />\n </AccordionItem>\n </Accordion>\n </ParentValueIndexProvider>\n </ParentFieldProvider>\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n },\n renderSettings({ field }) {\n return <AccordionRenderSettings field={field} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,EAAEC,aAAa,QAAQ,sBAAsB;AAE/D,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SACIC,uBAAuB,EACvBC,0BAA0B;AAG9B,MAAMC,CAAC,GAAGT,IAAI,CAACU,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,qCAAqC;IACnDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGpB,aAAa,CAACqB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAC5C,MAAM;QAAEC;MAAK,CAAC,GAAGtB,0BAA0B,CAACU,KAAK,CAAC;MAElD,oBACInB,KAAA,CAAAgC,aAAA,CAACR,IAAI,QACAS,SAAS,iBACNjC,KAAA,CAAAgC,aAAA,CAACR,IAAI,CAACU,mBAAmB,qBACrBlC,KAAA,CAAAgC,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEZ,IAAI,CAACa;MAAW,gBAC/DrC,KAAA,CAAAgC,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCtC,KAAA,CAAAgC,aAAA,CAAC9B,SAAS,qBACNF,KAAA,CAAAgC,aAAA,CAAC7B,aAAa;QACVoC,KAAK,EAAEpB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BV,IAAI,EAAEA;MAAK,gBAEX/B,KAAA,CAAAgC,aAAA,CAAC5B,MAAM;QACHoB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BmB,MAAM,EAAEb,QAAQ,CAACa,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEd,QAAQ,CAACc,MAAM,IAAI;MAAG,CACjC,CACU,CACR,CACW,CACT,CACC,CAE5B,CAAC;IAEf,CAAC;IACDC,cAAcA,CAAC;MAAEzB;IAAM,CAAC,EAAE;MACtB,oBAAOnB,KAAA,CAAAgC,aAAA,CAACxB,uBAAuB;QAACW,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","Accordion","AccordionItem","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","AccordionRenderSettings","getAccordionRenderSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","open","createElement","bindProps","ValidationContainer","value","path","parentName","index","title","label","helpText","fields","layout","renderSettings"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport {\n AccordionRenderSettings,\n getAccordionRenderSettings\n} from \"~/admin/plugins/fieldRenderers/AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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 fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n const { open } = getAccordionRenderSettings(field);\n\n return (\n <Bind>\n {bindProps => (\n <Bind.ValidationContainer>\n <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n <ParentValueIndexProvider index={-1}>\n <Accordion>\n <AccordionItem\n title={field.label}\n description={field.helpText}\n open={open}\n >\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields \|\| []}\n layout={settings.layout \|\| []}\n />\n </AccordionItem>\n </Accordion>\n </ParentValueIndexProvider>\n </ParentFieldProvider>\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n },\n renderSettings({ field }) {\n return <AccordionRenderSettings field={field} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,EAAEC,aAAa,QAAQ,sBAAsB;AAE/D,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SACIC,uBAAuB,EACvBC,0BAA0B;AAG9B,MAAMC,CAAC,GAAGT,IAAI,CAACU,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,qCAAqC;IACnDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGpB,aAAa,CAACqB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAC5C,MAAM;QAAEC;MAAK,CAAC,GAAGtB,0BAA0B,CAACU,KAAK,CAAC;MAElD,oBACInB,KAAA,CAAAgC,aAAA,CAACR,IAAI,QACAS,SAAS,iBACNjC,KAAA,CAAAgC,aAAA,CAACR,IAAI,CAACU,mBAAmB,qBACrBlC,KAAA,CAAAgC,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEZ,IAAI,CAACa;MAAW,gBAC/DrC,KAAA,CAAAgC,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCtC,KAAA,CAAAgC,aAAA,CAAC9B,SAAS,qBACNF,KAAA,CAAAgC,aAAA,CAAC7B,aAAa;QACVoC,KAAK,EAAEpB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BV,IAAI,EAAEA;MAAK,gBAEX/B,KAAA,CAAAgC,aAAA,CAAC5B,MAAM;QACHoB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BmB,MAAM,EAAEb,QAAQ,CAACa,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEd,QAAQ,CAACc,MAAM,IAAI;MAAG,CACjC,CACU,CACR,CACW,CACT,CACC,CAE5B,CAAC;IAEf,CAAC;IACDC,cAAcA,CAAC;MAAEzB;IAAM,CAAC,EAAE;MACtB,oBAAOnB,KAAA,CAAAgC,aAAA,CAACxB,uBAAuB;QAACW,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/singleObjectInline.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","i18n","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","fieldsGridStyle","FormComponentDescription","Heading","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ValidationContainer","value","path","parentName","index","className","level","label","helpText","gridClassName","fields","layout"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { fieldsGridStyle } from \"./StyledComponents\";\nimport { FormComponentDescription, Heading } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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 fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n\n return (\n <Bind>\n {bindProps => (\n <Bind.ValidationContainer>\n <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n <ParentValueIndexProvider index={-1}>\n <div className={\"wby-pb-sm\"}>\n <Heading level={6} className={\"webiny_group-label-text\"}>\n {field.label}\n </Heading>\n {field.helpText && (\n <FormComponentDescription>\n {field.helpText}\n </FormComponentDescription>\n )}\n </div>\n <div\n className={\n \"wby-p-md wby-border-sm wby-border-neutral-dimmed-darker wby-rounded-md\"\n }\n >\n <Fields\n gridClassName={fieldsGridStyle}\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields}\n layout={settings.layout}\n />\n </div>\n </ParentValueIndexProvider>\n </ParentFieldProvider>\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SAASC,eAAe;AACxB,SAASC,wBAAwB,EAAEC,OAAO,QAAQ,kBAAkB;AAEpE,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,0BAA0B;IACxCQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGrB,aAAa,CAACsB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAE5C,oBACI7B,KAAA,CAAA8B,aAAA,CAACP,IAAI,QACAQ,SAAS,iBACN/B,KAAA,CAAA8B,aAAA,CAACP,IAAI,CAACS,mBAAmB,qBACrBhC,KAAA,CAAA8B,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEX,IAAI,CAACY;MAAW,gBAC/DnC,KAAA,CAAA8B,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCpC,KAAA,CAAA8B,aAAA;QAAKO,SAAS,EAAE;MAAY,gBACxBrC,KAAA,CAAA8B,aAAA,CAACtB,OAAO;QAAC8B,KAAK,EAAE,CAAE;QAACD,SAAS,EAAE;MAA0B,GACnDnB,KAAK,CAACqB,KACF,CAAC,EACTrB,KAAK,CAACsB,QAAQ,iBACXxC,KAAA,CAAA8B,aAAA,CAACvB,wBAAwB,QACpBW,KAAK,CAACsB,QACe,CAE7B,CAAC,eACNxC,KAAA,CAAA8B,aAAA;QACIO,SAAS,EACL;MACH,gBAEDrC,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;QACHuC,aAAa,EAAEnC,eAAgB;QAC/BiB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BoB,MAAM,EAAEd,QAAQ,CAACc,MAAO;QACxBC,MAAM,EAAEf,QAAQ,CAACe;MAAO,CAC3B,CACA,CACiB,CACT,CACC,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehC,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","i18n","Fields","FieldSettings","ParentFieldProvider","ParentValueIndexProvider","fieldsGridStyle","FormComponentDescription","Heading","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","fieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ValidationContainer","value","path","parentName","index","className","level","label","helpText","gridClassName","fields","layout"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { fieldsGridStyle } from \"./StyledComponents\";\nimport { FormComponentDescription, Heading } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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 fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n\n return (\n <Bind>\n {bindProps => (\n <Bind.ValidationContainer>\n <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n <ParentValueIndexProvider index={-1}>\n <div className={\"wby-pb-sm\"}>\n <Heading level={6} className={\"webiny_group-label-text\"}>\n {field.label}\n </Heading>\n {field.helpText && (\n <FormComponentDescription>\n {field.helpText}\n </FormComponentDescription>\n )}\n </div>\n <div\n className={\n \"wby-p-md wby-border-sm wby-border-neutral-dimmed-darker wby-rounded-md\"\n }\n >\n <Fields\n gridClassName={fieldsGridStyle}\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields}\n layout={settings.layout}\n />\n </div>\n </ParentValueIndexProvider>\n </ParentFieldProvider>\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,MAAM;AACf,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SAASC,eAAe;AACxB,SAASC,wBAAwB,EAAEC,OAAO,QAAQ,kBAAkB;AAEpE,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,0BAA0B;IACxCQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAMA,CAAC;MAAEF,KAAK;MAAEG,OAAO;MAAEC;IAAa,CAAC,EAAE;MACrC,MAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,aAAa,GAAGrB,aAAa,CAACsB,UAAU,CAACP,KAAK,CAAC;MAErD,IAAI,CAACM,aAAa,CAACE,SAAS,CAAC,CAAC,EAAE;QAC5BF,aAAa,CAACG,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,MAAMC,QAAQ,GAAGJ,aAAa,CAACK,WAAW,CAAC,CAAC;MAE5C,oBACI7B,KAAA,CAAA8B,aAAA,CAACP,IAAI,QACAQ,SAAS,iBACN/B,KAAA,CAAA8B,aAAA,CAACP,IAAI,CAACS,mBAAmB,qBACrBhC,KAAA,CAAA8B,aAAA,CAAC1B,mBAAmB;QAAC6B,KAAK,EAAEF,SAAS,CAACE,KAAM;QAACC,IAAI,EAAEX,IAAI,CAACY;MAAW,gBAC/DnC,KAAA,CAAA8B,aAAA,CAACzB,wBAAwB;QAAC+B,KAAK,EAAE,CAAC;MAAE,gBAChCpC,KAAA,CAAA8B,aAAA;QAAKO,SAAS,EAAE;MAAY,gBACxBrC,KAAA,CAAA8B,aAAA,CAACtB,OAAO;QAAC8B,KAAK,EAAE,CAAE;QAACD,SAAS,EAAE;MAA0B,GACnDnB,KAAK,CAACqB,KACF,CAAC,EACTrB,KAAK,CAACsB,QAAQ,iBACXxC,KAAA,CAAA8B,aAAA,CAACvB,wBAAwB,QACpBW,KAAK,CAACsB,QACe,CAE7B,CAAC,eACNxC,KAAA,CAAA8B,aAAA;QACIO,SAAS,EACL;MACH,gBAEDrC,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;QACHuC,aAAa,EAAEnC,eAAgB;QAC/BiB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BoB,MAAM,EAAEd,QAAQ,CAACc,MAAO;QACxBC,MAAM,EAAEf,QAAQ,CAACe;MAAO,CAC3B,CACA,CACiB,CACT,CACC,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehC,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/radioButtons.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { CmsModelFieldRendererPlugin } from "../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../types";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","get","i18n","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","helpText","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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 const defaultOption = options.find(opt => opt.selected === true);\n\n return (\n <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n {({ onChange, value, ...bind }) => (\n <Bind.ValidationContainer>\n <RadioGroup\n {...bind}\n label={field.label}\n description={field.helpText}\n items={options.map(option => ({\n label: option.label,\n value: String(option.value),\n selected: option.selected\n }))}\n value={String(value)}\n onChange={value => {\n if (field.type === \"number\") {\n onChange(Number(value));\n } else {\n onChange(String(value));\n }\n }}\n />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,UAAU,EAAA6B,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BC,KAAK,EAAEjB,OAAO,CAACkB,GAAG,CAACC,MAAM,KAAK;UAC1BJ,KAAK,EAAEI,MAAM,CAACJ,KAAK;UACnBP,KAAK,EAAEY,MAAM,CAACD,MAAM,CAACX,KAAK,CAAC;UAC3BH,QAAQ,EAAEc,MAAM,CAACd;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAEY,MAAM,CAACZ,KAAK,CAAE;QACrBE,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","get","i18n","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","helpText","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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 const defaultOption = options.find(opt => opt.selected === true);\n\n return (\n <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n {({ onChange, value, ...bind }) => (\n <Bind.ValidationContainer>\n <RadioGroup\n {...bind}\n label={field.label}\n description={field.helpText}\n items={options.map(option => ({\n label: option.label,\n value: String(option.value),\n selected: option.selected\n }))}\n value={String(value)}\n onChange={value => {\n if (field.type === \"number\") {\n onChange(Number(value));\n } else {\n onChange(String(value));\n }\n }}\n />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,UAAU,EAAA6B,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BC,KAAK,EAAEjB,OAAO,CAACkB,GAAG,CAACC,MAAM,KAAK;UAC1BJ,KAAK,EAAEI,MAAM,CAACJ,KAAK;UACnBP,KAAK,EAAEY,MAAM,CAACD,MAAM,CAACX,KAAK,CAAC;UAC3BH,QAAQ,EAAEc,MAAM,CAACd;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAEY,MAAM,CAACZ,KAAK,CAAE;QACrBE,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
+import type { CmsReferenceValue } from "../../components/types";
 interface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","Container","ReferencesDialog","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","Text","getRecordCountMessage","count","AdvancedMultipleReferenceField","props","bind","field","showSnackbar","requestContext","values","value","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","loadMore","perPage","onRemove","id","Array","isArray","entryId","newValues","filter","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","className","text","label","size","entry","isFirst","isLast","placement","key","undefined","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { ListCmsModelsQueryResponse, withoutBeingDeletedModels } from \"~/admin/viewsGraphql\";\nimport {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModel,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { Container } from \"./Container\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport {\n FormComponentErrorMessage,\n FormComponentLabel,\n OverlayLoader,\n Text\n} from \"@webiny/admin-ui\";\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 AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n const { bind, field } = props;\n const { showSnackbar } = useSnackbar();\n const requestContext = useModelFieldGraphqlContext();\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 context: requestContext\n }\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(withoutBeingDeletedModels(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 requestContext\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 const newValues = values.filter(value => {\n const { id: valueEntryId } = parseIdentifier(value.id);\n return valueEntryId !== entryId;\n });\n bind.onChange(newValues.length > 0 ? newValues : null);\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?.length ? values : null);\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) {\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) {\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 const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <>\n <div className={\"wby-flex wby-items-center wby-justify-between\"}>\n <FormComponentLabel text={field.label} invalid={invalid} />\n <Text size={\"sm\"}>({message})</Text>\n </div>\n <Container className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\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 </Container>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\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 field={field}\n multiple={true}\n values={values}\n contentModel={linkEntryDialogModel}\n storeValues={storeValues}\n onDialogClose={onLinkEntryDialogClose}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","Container","ReferencesDialog","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","Text","getRecordCountMessage","count","AdvancedMultipleReferenceField","props","bind","field","showSnackbar","requestContext","values","value","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","loadMore","perPage","onRemove","id","Array","isArray","entryId","newValues","filter","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","className","text","label","size","entry","isFirst","isLast","placement","key","undefined","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql\";\nimport type {\n BindComponentRenderProp,\n CmsContentEntry,\n CmsModel,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { Container } from \"./Container\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport {\n FormComponentErrorMessage,\n FormComponentLabel,\n OverlayLoader,\n Text\n} from \"@webiny/admin-ui\";\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 AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue[] \| undefined \| null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n const { bind, field } = props;\n const { showSnackbar } = useSnackbar();\n const requestContext = useModelFieldGraphqlContext();\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 context: requestContext\n }\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(withoutBeingDeletedModels(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 requestContext\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 const newValues = values.filter(value => {\n const { id: valueEntryId } = parseIdentifier(value.id);\n return valueEntryId !== entryId;\n });\n bind.onChange(newValues.length > 0 ? newValues : null);\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?.length ? values : null);\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) {\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) {\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 const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <>\n <div className={\"wby-flex wby-items-center wby-justify-between\"}>\n <FormComponentLabel text={field.label} invalid={invalid} />\n <Text size={\"sm\"}>({message})</Text>\n </div>\n <Container className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\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 </Container>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\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 field={field}\n multiple={true}\n values={values}\n contentModel={linkEntryDialogModel}\n storeValues={storeValues}\n onDialogClose={onLinkEntryDialogClose}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
+import type { CmsReferenceValue } from "../../components/types";
 interface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue | null>;
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","NoEntries","Container","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"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 { NoEntries } from \"./NoEntries\";\nimport { Container } from \"./Container\";\nimport { useQuery, useModelFieldGraphqlContext } 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 { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\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 const requestContext = useModelFieldGraphqlContext();\n\n const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n GQL.LIST_CONTENT_MODELS,\n {\n context: requestContext\n }\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 requestContext\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 const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <>\n <FormComponentLabel text={field.label} invalid={invalid} />\n <Container className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\n {initialValue ? (\n <Entry\n model={initialValue.model}\n placement=\"singleRefField\"\n index={0}\n entry={initialValue.entry}\n onRemove={onRemove}\n />\n ) : (\n <NoEntries text={\"No record found\"} />\n )}\n </Container>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\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 </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","NoEntries","Container","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\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 { NoEntries } from \"./NoEntries\";\nimport { Container } from \"./Container\";\nimport { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n bind: BindComponentRenderProp<CmsReferenceValue \| null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\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 const requestContext = useModelFieldGraphqlContext();\n\n const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n GQL.LIST_CONTENT_MODELS,\n {\n context: requestContext\n }\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 requestContext\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 const { validation } = bind;\n const { isValid: validationIsValid, message: validationMessage } = validation \|\| {};\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n return (\n <>\n <FormComponentLabel text={field.label} invalid={invalid} />\n <Container className={\"webiny_ref-field-container\"}>\n {loading && <OverlayLoader size={\"md\"} />}\n {initialValue ? (\n <Entry\n model={initialValue.model}\n placement=\"singleRefField\"\n index={0}\n entry={initialValue.entry}\n onRemove={onRemove}\n />\n ) : (\n <NoEntries text={\"No record found\"} />\n )}\n </Container>\n <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\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 </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entries.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsReferenceContentEntry } from "../../components/types";
+import type { CmsReferenceContentEntry } from "../../components/types";
 interface EntriesProps {
     entries: CmsReferenceContentEntry[];
     children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","debounce","Scrollbar","NoEntries","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","length","createElement","text","style","height","className","onScrollFrame","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { NoEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NoEntries\";\n\ninterface EntriesProps {\n entries: CmsReferenceContentEntry[];\n children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\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 <NoEntries text={\"No records found\"} />;\n }\n\n return (\n <div\n style={{ height: \"260px\" }}\n className={\"wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden\"}\n >\n <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n {entries.map((entry, index) => {\n return (\n <div className={\"wby-mb-sm wby-w-full\"} key={`entry-${entry.id}`}>\n {children(entry, index)}\n </div>\n );\n })}\n </Scrollbar>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,iBAAiB;AAEtC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,SAAS;AAQlB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGT,WAAW,CAChCC,QAAQ,CAAES,QAAwB,IAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,IAAIF,OAAO,CAACM,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOb,KAAA,CAAAc,aAAA,CAACV,SAAS;MAACW,IAAI,EAAE;IAAmB,CAAE,CAAC;EAClD;EAEA,oBACIf,KAAA,CAAAc,aAAA;IACIE,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAC3BC,SAAS,EAAE;EAAyD,gBAEpElB,KAAA,CAAAc,aAAA,CAACX,SAAS;IAAC,eAAY,4BAA4B;IAACgB,aAAa,EAAET;EAAiB,GAC/EH,OAAO,CAACa,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBACItB,KAAA,CAAAc,aAAA;MAAKI,SAAS,EAAE,sBAAuB;MAACK,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAC5DhB,QAAQ,CAACa,KAAK,EAAEC,KAAK,CACrB,CAAC;EAEd,CAAC,CACM,CACV,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","debounce","Scrollbar","NoEntries","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","length","createElement","text","style","height","className","onScrollFrame","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport type { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { NoEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NoEntries\";\n\ninterface EntriesProps {\n entries: CmsReferenceContentEntry[];\n children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\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 <NoEntries text={\"No records found\"} />;\n }\n\n return (\n <div\n style={{ height: \"260px\" }}\n className={\"wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden\"}\n >\n <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n {entries.map((entry, index) => {\n return (\n <div className={\"wby-mb-sm wby-w-full\"} key={`entry-${entry.id}`}>\n {children(entry, index)}\n </div>\n );\n })}\n </Scrollbar>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,iBAAiB;AAEtC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,SAAS;AAQlB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGT,WAAW,CAChCC,QAAQ,CAAES,QAAwB,IAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,IAAIF,OAAO,CAACM,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOb,KAAA,CAAAc,aAAA,CAACV,SAAS;MAACW,IAAI,EAAE;IAAmB,CAAE,CAAC;EAClD;EAEA,oBACIf,KAAA,CAAAc,aAAA;IACIE,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAC3BC,SAAS,EAAE;EAAyD,gBAEpElB,KAAA,CAAAc,aAAA,CAACX,SAAS;IAAC,eAAY,4BAA4B;IAACgB,aAAa,EAAET;EAAiB,GAC/EH,OAAO,CAACa,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBACItB,KAAA,CAAAc,aAAA;MAAKI,SAAS,EAAE,sBAAuB;MAACK,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAC5DhB,QAAQ,CAACa,KAAK,EAAEC,KAAK,CACrB,CAAC;EAEd,CAAC,CACM,CACV,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Entry.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
-import { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
+import type { CmsModel } from "../../../../../../types";
 interface EntryProps {
     model: CmsModel;
     entry: CmsReferenceContentEntry;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","Image","Title","View","Select","Remove","MoveUp","MoveDown","Excerpt","Entry","model","entry","onChange","onRemove","selected","index","onMoveUp","onMoveUpClick","onMoveDown","onMoveDownClick","placement","ev","shiftKey","icon","createElement","className","title","src","image","modelName","name","createdBy","createdOn","status","Fragment","onClick"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n CmsReferenceContentEntry,\n CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Image } from \"./entry/Image\";\nimport { Title } from \"./entry/Title\";\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 { Excerpt } from \"./entry/Excerpt\";\nimport { CmsModel } from \"~/types\";\n\ninterface EntryProps {\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 EntryPropsWithRemove {\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 = ({\n model,\n entry,\n onChange,\n onRemove,\n selected,\n index,\n onMoveUp: onMoveUpClick,\n onMoveDown: onMoveDownClick,\n placement\n}: EntryPropsWithRemove \| EntryProps) => {\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 <div className={\"wby-w-full wby-rounded-md wby-bg-neutral-dimmed\"}>\n <div className=\"wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-min-w-0\">\n <Image title={entry.title} src={entry.image} icon={icon} />\n <div\n className={\n \"wby-flex wby-flex-col wby-gap-xxs wby-overflow-hidden wby-flex-1 wby-min-w-0\"\n }\n >\n <Title title={entry.title} />\n <Excerpt\n modelName={entry.model.name}\n createdBy={entry.createdBy}\n createdOn={entry.createdOn}\n status={entry.status}\n />\n </div>\n <div className={\"wby-flex wby-items-center wby-gap-sm wby-pr-sm-extra wby-h-lg\"}>\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 </div>\n </div>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,OAAO;AA2BhB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAClBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,QAAQ,EAAEC,aAAa;EACvBC,UAAU,EAAEC,eAAe;EAC3BC;AAC+B,CAAC,KAAK;EACrC,MAAMJ,QAAQ,GAAGhB,WAAW,CACvBqB,EAAoB,IAAK;IACtB,IAAI,CAACJ,aAAa,EAAE;MAChB;IACJ;IACAA,aAAa,CAACF,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACrC,CAAC,EACD,CAACL,aAAa,EAAEF,KAAK,CACzB,CAAC;EACD,MAAMG,UAAU,GAAGlB,WAAW,CACzBqB,EAAoB,IAAK;IACtB,IAAI,CAACF,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAACJ,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACvC,CAAC,EACD,CAACH,eAAe,EAAEJ,KAAK,CAC3B,CAAC;EAED,MAAMQ,IAAI,GAAGb,KAAK,CAACa,IAAI;EAEvB,oBACIxB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAkD,gBAC9D1B,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAA4E,gBACvF1B,KAAA,CAAAyB,aAAA,CAACvB,KAAK;IAACyB,KAAK,EAAEf,KAAK,CAACe,KAAM;IAACC,GAAG,EAAEhB,KAAK,CAACiB,KAAM;IAACL,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC3DxB,KAAA,CAAAyB,aAAA;IACIC,SAAS,EACL;EACH,gBAED1B,KAAA,CAAAyB,aAAA,CAACtB,KAAK;IAACwB,KAAK,EAAEf,KAAK,CAACe;EAAM,CAAE,CAAC,eAC7B3B,KAAA,CAAAyB,aAAA,CAAChB,OAAO;IACJqB,SAAS,EAAElB,KAAK,CAACD,KAAK,CAACoB,IAAK;IAC5BC,SAAS,EAAEpB,KAAK,CAACoB,SAAU;IAC3BC,SAAS,EAAErB,KAAK,CAACqB,SAAU;IAC3BC,MAAM,EAAEtB,KAAK,CAACsB;EAAO,CACxB,CACA,CAAC,eACNlC,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAgE,GAC3EL,SAAS,IAAI,UAAU,iBACpBrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAyB,aAAA,CAAClB,MAAM;IACHmB,SAAS,EAAER,aAAa,GAAG,QAAQ,GAAG,UAAW;IACjDkB,OAAO,EAAEnB;EAAS,CACrB,CAAC,eACFjB,KAAA,CAAAyB,aAAA,CAACjB,QAAQ;IACLkB,SAAS,EAAEN,eAAe,GAAG,QAAQ,GAAG,UAAW;IACnDgB,OAAO,EAAEjB;EAAW,CACvB,CACH,CACL,eACDnB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAEA;EAAM,CAAE,CAAC,EACrBC,QAAQ,iBAAIb,KAAA,CAAAyB,aAAA,CAACpB,MAAM;IAACO,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5ED,QAAQ,iBAAId,KAAA,CAAAyB,aAAA,CAACnB,MAAM;IAACM,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACvD,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","Image","Title","View","Select","Remove","MoveUp","MoveDown","Excerpt","Entry","model","entry","onChange","onRemove","selected","index","onMoveUp","onMoveUpClick","onMoveDown","onMoveDownClick","placement","ev","shiftKey","icon","createElement","className","title","src","image","modelName","name","createdBy","createdOn","status","Fragment","onClick"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type {\n CmsReferenceContentEntry,\n CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Image } from \"./entry/Image\";\nimport { Title } from \"./entry/Title\";\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 { Excerpt } from \"./entry/Excerpt\";\nimport type { CmsModel } from \"~/types\";\n\ninterface EntryProps {\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 EntryPropsWithRemove {\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 = ({\n model,\n entry,\n onChange,\n onRemove,\n selected,\n index,\n onMoveUp: onMoveUpClick,\n onMoveDown: onMoveDownClick,\n placement\n}: EntryPropsWithRemove \| EntryProps) => {\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 <div className={\"wby-w-full wby-rounded-md wby-bg-neutral-dimmed\"}>\n <div className=\"wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-min-w-0\">\n <Image title={entry.title} src={entry.image} icon={icon} />\n <div\n className={\n \"wby-flex wby-flex-col wby-gap-xxs wby-overflow-hidden wby-flex-1 wby-min-w-0\"\n }\n >\n <Title title={entry.title} />\n <Excerpt\n modelName={entry.model.name}\n createdBy={entry.createdBy}\n createdOn={entry.createdOn}\n status={entry.status}\n />\n </div>\n <div className={\"wby-flex wby-items-center wby-gap-sm wby-pr-sm-extra wby-h-lg\"}>\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 </div>\n </div>\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,OAAO;AA2BhB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAClBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,QAAQ,EAAEC,aAAa;EACvBC,UAAU,EAAEC,eAAe;EAC3BC;AAC+B,CAAC,KAAK;EACrC,MAAMJ,QAAQ,GAAGhB,WAAW,CACvBqB,EAAoB,IAAK;IACtB,IAAI,CAACJ,aAAa,EAAE;MAChB;IACJ;IACAA,aAAa,CAACF,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACrC,CAAC,EACD,CAACL,aAAa,EAAEF,KAAK,CACzB,CAAC;EACD,MAAMG,UAAU,GAAGlB,WAAW,CACzBqB,EAAoB,IAAK;IACtB,IAAI,CAACF,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAACJ,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACvC,CAAC,EACD,CAACH,eAAe,EAAEJ,KAAK,CAC3B,CAAC;EAED,MAAMQ,IAAI,GAAGb,KAAK,CAACa,IAAI;EAEvB,oBACIxB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAkD,gBAC9D1B,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAA4E,gBACvF1B,KAAA,CAAAyB,aAAA,CAACvB,KAAK;IAACyB,KAAK,EAAEf,KAAK,CAACe,KAAM;IAACC,GAAG,EAAEhB,KAAK,CAACiB,KAAM;IAACL,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC3DxB,KAAA,CAAAyB,aAAA;IACIC,SAAS,EACL;EACH,gBAED1B,KAAA,CAAAyB,aAAA,CAACtB,KAAK;IAACwB,KAAK,EAAEf,KAAK,CAACe;EAAM,CAAE,CAAC,eAC7B3B,KAAA,CAAAyB,aAAA,CAAChB,OAAO;IACJqB,SAAS,EAAElB,KAAK,CAACD,KAAK,CAACoB,IAAK;IAC5BC,SAAS,EAAEpB,KAAK,CAACoB,SAAU;IAC3BC,SAAS,EAAErB,KAAK,CAACqB,SAAU;IAC3BC,MAAM,EAAEtB,KAAK,CAACsB;EAAO,CACxB,CACA,CAAC,eACNlC,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAgE,GAC3EL,SAAS,IAAI,UAAU,iBACpBrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAyB,aAAA,CAAClB,MAAM;IACHmB,SAAS,EAAER,aAAa,GAAG,QAAQ,GAAG,UAAW;IACjDkB,OAAO,EAAEnB;EAAS,CACrB,CAAC,eACFjB,KAAA,CAAAyB,aAAA,CAACjB,QAAQ;IACLkB,SAAS,EAAEN,eAAe,GAAG,QAAQ,GAAG,UAAW;IACnDgB,OAAO,EAAEjB;EAAW,CACvB,CACH,CACL,eACDnB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAEA;EAAM,CAAE,CAAC,EACrBC,QAAQ,iBAAIb,KAAA,CAAAyB,aAAA,CAACpB,MAAM;IAACO,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5ED,QAAQ,iBAAId,KAAA,CAAAyB,aAAA,CAACnB,MAAM;IAACM,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACvD,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Options.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModel } from "../../../../../../types";
+import type { CmsModel } from "../../../../../../types";
 interface OptionsProps {
     models: CmsModel[];
     onNewRecord: (modelId: string) => void;

package/admin/plugins/fieldRenderers/ref/advanced/components/Options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","OptionsModelList","ReactComponent","AddIcon","LinkIcon","Button","DropdownMenu","CreateNewRecordButton","props","createElement","Object","assign","variant","text","icon","LinkExistingRecordButton","Options","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","length","onSingleNewRecord","modelId","onSingleExistingRecord","className","trigger","onClick"],"sources":["Options.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Button, type ButtonProps, DropdownMenu } from \"@webiny/admin-ui\";\n\nconst CreateNewRecordButton = (props: ButtonProps) => {\n return <Button {...props} variant={\"tertiary\"} text=\"Create a new record\" icon={<AddIcon />} />;\n};\n\nconst LinkExistingRecordButton = (props: ButtonProps) => {\n return (\n <Button\n {...props}\n variant={\"tertiary\"}\n text=\"Link an existing record\"\n icon={<LinkIcon />}\n />\n );\n};\n\ninterface OptionsProps {\n models: CmsModel[];\n onNewRecord: (modelId: string) => void;\n onLinkExistingRecord: (modelId: string) => void;\n}\nexport const Options = ({ models, onNewRecord, onLinkExistingRecord }: OptionsProps) => {\n const hasMultipleModels = models.length > 1;\n const onSingleNewRecord = useCallback(() => {\n if (models.length === 0 \|\| hasMultipleModels) {\n return;\n }\n onNewRecord(models[0].modelId);\n }, [models]);\n\n const onSingleExistingRecord = useCallback(() => {\n if (models.length === 0 \|\| hasMultipleModels) {\n return;\n }\n onLinkExistingRecord(models[0].modelId);\n }, [models]);\n\n if (hasMultipleModels) {\n return (\n <div className={\"wby-flex wby-gap-sm wby-mt-md\"}>\n <DropdownMenu\n trigger={\n <Button\n variant={\"tertiary\"}\n text=\"Create a new record\"\n icon={<AddIcon />}\n />\n }\n >\n <OptionsModelList onClick={onNewRecord} models={models} />\n </DropdownMenu>\n <DropdownMenu\n trigger={\n <Button\n variant={\"tertiary\"}\n text=\"Link an existing record\"\n icon={<LinkIcon />}\n />\n }\n >\n <OptionsModelList onClick={onLinkExistingRecord} models={models} />\n </DropdownMenu>\n </div>\n );\n }\n\n return (\n <div className={\"wby-flex wby-gap-sm wby-mt-md\"}>\n <CreateNewRecordButton onClick={onSingleNewRecord} />\n <LinkExistingRecordButton onClick={onSingleExistingRecord} />\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","OptionsModelList","ReactComponent","AddIcon","LinkIcon","Button","DropdownMenu","CreateNewRecordButton","props","createElement","Object","assign","variant","text","icon","LinkExistingRecordButton","Options","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","length","onSingleNewRecord","modelId","onSingleExistingRecord","className","trigger","onClick"],"sources":["Options.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Button, type ButtonProps, DropdownMenu } from \"@webiny/admin-ui\";\n\nconst CreateNewRecordButton = (props: ButtonProps) => {\n return <Button {...props} variant={\"tertiary\"} text=\"Create a new record\" icon={<AddIcon />} />;\n};\n\nconst LinkExistingRecordButton = (props: ButtonProps) => {\n return (\n <Button\n {...props}\n variant={\"tertiary\"}\n text=\"Link an existing record\"\n icon={<LinkIcon />}\n />\n );\n};\n\ninterface OptionsProps {\n models: CmsModel[];\n onNewRecord: (modelId: string) => void;\n onLinkExistingRecord: (modelId: string) => void;\n}\nexport const Options = ({ models, onNewRecord, onLinkExistingRecord }: OptionsProps) => {\n const hasMultipleModels = models.length > 1;\n const onSingleNewRecord = useCallback(() => {\n if (models.length === 0 \|\| hasMultipleModels) {\n return;\n }\n onNewRecord(models[0].modelId);\n }, [models]);\n\n const onSingleExistingRecord = useCallback(() => {\n if (models.length === 0 \|\| hasMultipleModels) {\n return;\n }\n onLinkExistingRecord(models[0].modelId);\n }, [models]);\n\n if (hasMultipleModels) {\n return (\n <div className={\"wby-flex wby-gap-sm wby-mt-md\"}>\n <DropdownMenu\n trigger={\n <Button\n variant={\"tertiary\"}\n text=\"Create a new record\"\n icon={<AddIcon />}\n />\n }\n >\n <OptionsModelList onClick={onNewRecord} models={models} />\n </DropdownMenu>\n <DropdownMenu\n trigger={\n <Button\n variant={\"tertiary\"}\n text=\"Link an existing record\"\n icon={<LinkIcon />}\n />\n }\n >\n <OptionsModelList onClick={onLinkExistingRecord} models={models} />\n </DropdownMenu>\n </div>\n );\n }\n\n return (\n <div className={\"wby-flex wby-gap-sm wby-mt-md\"}>\n <CreateNewRecordButton onClick={onSingleNewRecord} />\n <LinkExistingRecordButton onClick={onSingleExistingRecord} />\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { CmsModelField, CmsModelFieldRendererProps } from "../../../../../../types";
-import { CmsReferenceValue } from "../../components/types";
+import type { CmsModelField, CmsModelFieldRendererProps } from "../../../../../../types";
+import type { CmsReferenceValue } from "../../components/types";
 interface ReferencesDialogProps extends CmsModelFieldRendererProps {
     values?: CmsReferenceValue[] | null;
     field: CmsModelField;