@webiny/app-headless-cms 5.41.2-beta.0 → 5.41.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 (26) hide show
  1. package/admin/components/ContentEntryForm/ContentEntryFormProvider.js +1 -0
  2. package/admin/components/ContentEntryForm/ContentEntryFormProvider.js.map +1 -1
  3. package/admin/components/ContentEntryForm/useBind.js +7 -3
  4. package/admin/components/ContentEntryForm/useBind.js.map +1 -1
  5. package/admin/plugins/fieldRenderers/DynamicSection.d.ts +2 -4
  6. package/admin/plugins/fieldRenderers/DynamicSection.js +49 -45
  7. package/admin/plugins/fieldRenderers/DynamicSection.js.map +1 -1
  8. package/admin/plugins/fieldRenderers/dateTime/Input.js +1 -1
  9. package/admin/plugins/fieldRenderers/dateTime/Input.js.map +1 -1
  10. package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.js +6 -9
  11. package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.js.map +1 -1
  12. package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js +2 -2
  13. package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js.map +1 -1
  14. package/admin/plugins/fieldRenderers/longText/longTexts.js +1 -2
  15. package/admin/plugins/fieldRenderers/longText/longTexts.js.map +1 -1
  16. package/admin/plugins/fieldRenderers/number/numberInputs.js +1 -2
  17. package/admin/plugins/fieldRenderers/number/numberInputs.js.map +1 -1
  18. package/admin/plugins/fieldRenderers/object/multipleObjects.js +2 -13
  19. package/admin/plugins/fieldRenderers/object/multipleObjects.js.map +1 -1
  20. package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js +49 -42
  21. package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js.map +1 -1
  22. package/admin/plugins/fieldRenderers/richText/richTextInputs.js +2 -3
  23. package/admin/plugins/fieldRenderers/richText/richTextInputs.js.map +1 -1
  24. package/admin/plugins/fieldRenderers/text/textInputs.js +1 -2
  25. package/admin/plugins/fieldRenderers/text/textInputs.js.map +1 -1
  26. package/package.json +28 -28
@@ -41,9 +41,8 @@ var plugin = {
41
41
  number: index + 1
42
42
  }),
43
43
  placeholder: props.field.placeholderText,
44
- description: props.field.helpText,
45
44
  "data-testid": "fr.input.longTexts.".concat(props.field.label, ".").concat(index + 1),
46
- trailingIcon: index > 0 && {
45
+ trailingIcon: {
47
46
  icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
48
47
  onClick: function onClick() {
49
48
  return bind.field.removeValue(index);
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","rows","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\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-long-text-inputs\",\n renderer: {\n rendererName: \"long-text-inputs\",\n name: t`Text Areas`,\n description: t`Renders a simple list of text areas.`,\n canUse({ field }) {\n return (\n field.type === \"long-text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <DelayedOnChange\n value={bind.index.value}\n onChange={bind.index.onChange}\n onBlur={bind.index.validate}\n >\n <Input\n validation={bind.index.validation}\n rows={5}\n label={t`Value {number}`({ number: index + 1 })}\n placeholder={props.field.placeholderText}\n description={props.field.helpText}\n data-testid={`fr.input.longTexts.${props.field.label}.${index + 1}`}\n trailingIcon={\n index > 0 && {\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }\n }\n />\n </DelayedOnChange>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAA6D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6CAAsC;IACpDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,eAAA,CAAAc,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAAmC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAE9B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEsB,MAAM,EAAEV,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDW,WAAW,EAAEf,KAAK,CAACJ,KAAK,CAACoB,eAAgB;UACzCvB,WAAW,EAAEO,KAAK,CAACJ,KAAK,CAACqB,QAAS;UAClC,qCAAAC,MAAA,CAAmClB,KAAK,CAACJ,KAAK,CAACiB,KAAK,OAAAK,MAAA,CAAId,KAAK,GAAG,CAAC,CAAG;UACpEe,YAAY,EACRf,KAAK,GAAG,CAAC,IAAI;YACTgB,IAAI,eAAEjD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,MAAA,CAAA4C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMnB,IAAI,CAACP,KAAK,CAAC2B,WAAW,CAACnB,KAAK,CAAC;YAAA;UAChD;QACH,CACJ,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaN,MAAM","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","rows","label","number","placeholder","placeholderText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\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-long-text-inputs\",\n renderer: {\n rendererName: \"long-text-inputs\",\n name: t`Text Areas`,\n description: t`Renders a simple list of text areas.`,\n canUse({ field }) {\n return (\n field.type === \"long-text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <DelayedOnChange\n value={bind.index.value}\n onChange={bind.index.onChange}\n onBlur={bind.index.validate}\n >\n <Input\n validation={bind.index.validation}\n rows={5}\n label={t`Value {number}`({ number: index + 1 })}\n placeholder={props.field.placeholderText}\n data-testid={`fr.input.longTexts.${props.field.label}.${index + 1}`}\n trailingIcon={{\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }}\n />\n </DelayedOnChange>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAA6D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6CAAsC;IACpDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,eAAA,CAAAc,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAAmC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAE9B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEsB,MAAM,EAAEV,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDW,WAAW,EAAEf,KAAK,CAACJ,KAAK,CAACoB,eAAgB;UACzC,qCAAAC,MAAA,CAAmCjB,KAAK,CAACJ,KAAK,CAACiB,KAAK,OAAAI,MAAA,CAAIb,KAAK,GAAG,CAAC,CAAG;UACpEc,YAAY,EAAE;YACVC,IAAI,eAAEhD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,MAAA,CAAA2C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMlB,IAAI,CAACP,KAAK,CAAC0B,WAAW,CAAClB,KAAK,CAAC;YAAA;UAChD;QAAE,CACL,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEaN,MAAM","ignoreList":[]}
@@ -43,10 +43,9 @@ var plugin = {
43
43
  number: index + 1
44
44
  }),
45
45
  placeholder: props.field.placeholderText,
46
- description: props.field.helpText,
47
46
  "data-testid": "fr.input.numbers.".concat(props.field.label, ".").concat(index + 1),
48
47
  type: "number",
49
- trailingIcon: index > 0 && {
48
+ trailingIcon: {
50
49
  icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
51
50
  onClick: function onClick() {
52
51
  return bind.field.removeValue(index);
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","onEnter","appendValue","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\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-number-inputs\",\n renderer: {\n rendererName: \"number-inputs\",\n name: t`Number Inputs`,\n description: t`Renders a simple list of number inputs.`,\n canUse({ field }) {\n return (\n field.type === \"number\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <DelayedOnChange\n value={bind.index.value}\n onChange={bind.index.onChange}\n onBlur={bind.index.validate}\n >\n <Input\n validation={bind.index.validation}\n onEnter={() => bind.field.appendValue(\"\")}\n label={t`Value {number}`({ number: index + 1 })}\n placeholder={props.field.placeholderText}\n description={props.field.helpText}\n data-testid={`fr.input.numbers.${props.field.label}.${index + 1}`}\n type=\"number\"\n trailingIcon={\n index > 0 && {\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }\n }\n />\n </DelayedOnChange>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAA6D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,gDAAyC;IACvDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,eAAA,CAAAc,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAAmC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMT,IAAI,CAACP,KAAK,CAACiB,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1CC,KAAK,EAAE/B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEuB,MAAM,EAAEX,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDY,WAAW,EAAEhB,KAAK,CAACJ,KAAK,CAACqB,eAAgB;UACzCxB,WAAW,EAAEO,KAAK,CAACJ,KAAK,CAACsB,QAAS;UAClC,mCAAAC,MAAA,CAAiCnB,KAAK,CAACJ,KAAK,CAACkB,KAAK,OAAAK,MAAA,CAAIf,KAAK,GAAG,CAAC,CAAG;UAClEjB,IAAI,EAAC,QAAQ;UACbiC,YAAY,EACRhB,KAAK,GAAG,CAAC,IAAI;YACTiB,IAAI,eAAElD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,MAAA,CAAA6C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMpB,IAAI,CAACP,KAAK,CAAC4B,WAAW,CAACpB,KAAK,CAAC;YAAA;UAChD;QACH,CACJ,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAEaN,MAAM","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","onEnter","appendValue","label","number","placeholder","placeholderText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\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-number-inputs\",\n renderer: {\n rendererName: \"number-inputs\",\n name: t`Number Inputs`,\n description: t`Renders a simple list of number inputs.`,\n canUse({ field }) {\n return (\n field.type === \"number\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <DelayedOnChange\n value={bind.index.value}\n onChange={bind.index.onChange}\n onBlur={bind.index.validate}\n >\n <Input\n validation={bind.index.validation}\n onEnter={() => bind.field.appendValue(\"\")}\n label={t`Value {number}`({ number: index + 1 })}\n placeholder={props.field.placeholderText}\n data-testid={`fr.input.numbers.${props.field.label}.${index + 1}`}\n type=\"number\"\n trailingIcon={{\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }}\n />\n </DelayedOnChange>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAA6D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,gDAAyC;IACvDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,eAAA,CAAAc,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAAmC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMT,IAAI,CAACP,KAAK,CAACiB,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1CC,KAAK,EAAE/B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEuB,MAAM,EAAEX,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDY,WAAW,EAAEhB,KAAK,CAACJ,KAAK,CAACqB,eAAgB;UACzC,mCAAAC,MAAA,CAAiClB,KAAK,CAACJ,KAAK,CAACkB,KAAK,OAAAI,MAAA,CAAId,KAAK,GAAG,CAAC,CAAG;UAClEjB,IAAI,EAAC,QAAQ;UACbgC,YAAY,EAAE;YACVC,IAAI,eAAEjD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,MAAA,CAAA4C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMnB,IAAI,CAACP,KAAK,CAAC2B,WAAW,CAACnB,KAAK,CAAC;YAAA;UAChD;QAAE,CACL,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaN,MAAM","ignoreList":[]}
@@ -14,8 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
14
14
  var _i18n = require("@webiny/app/i18n");
15
15
  var _Button = require("@webiny/ui/Button");
16
16
  var _Grid = require("@webiny/ui/Grid");
17
- var _FormElementMessage = require("@webiny/ui/FormElementMessage");
18
- var _Typography = require("@webiny/ui/Typography");
19
17
  var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
20
18
  var _Fields = require("../../../components/ContentEntryForm/Fields");
21
19
  var _close = require("../../../icons/close.svg");
@@ -48,7 +46,7 @@ var Actions = function Actions(_ref) {
48
46
  return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
49
47
  });
50
48
  }, [moveValueUp, index]);
51
- return index > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
49
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
52
50
  icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
53
51
  onClick: onDown
54
52
  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
@@ -59,7 +57,7 @@ var Actions = function Actions(_ref) {
59
57
  onClick: function onClick() {
60
58
  return bind.field.removeValue(index);
61
59
  }
62
- })) : null;
60
+ }));
63
61
  };
64
62
  var ObjectsRenderer = function ObjectsRenderer(props) {
65
63
  var _useState = (0, _react.useState)({}),
@@ -76,15 +74,6 @@ var ObjectsRenderer = function ObjectsRenderer(props) {
76
74
  var settings = fieldSettings.getSettings();
77
75
  return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
78
76
  emptyValue: {},
79
- showLabel: false,
80
- renderTitle: function renderTitle(value) {
81
- return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
82
- span: 12,
83
- className: _StyledComponents.dynamicSectionTitleStyle
84
- }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
85
- use: "headline5"
86
- }, "".concat(field.label, " ").concat(value.length ? "(".concat(value.length, ")") : "")), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
87
- },
88
77
  gridClassName: _StyledComponents.dynamicSectionGridStyle
89
78
  }), function (_ref2) {
90
79
  var Bind = _ref2.Bind,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_FormElementMessage","_Typography","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion","_StyledComponents","_utils","_FieldSettings","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","Object","assign","emptyValue","showLabel","renderTitle","value","Cell","span","className","dynamicSectionTitleStyle","Typography","use","concat","label","length","helpText","FormElementMessage","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","title","action","defaultValue","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref3","Boolean","multipleValues","render","_default","exports"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport {\n BindComponentRenderProp,\n CmsModelFieldRendererPlugin,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n fieldsWrapperStyle,\n dynamicSectionTitleStyle,\n dynamicSectionGridStyle,\n fieldsGridStyle,\n ItemHighLight,\n ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n index: number;\n bind: {\n index: BindComponentRenderProp;\n field: BindComponentRenderProp;\n };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n const { moveValueDown, moveValueUp } = bind.field;\n\n const onDown = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueDown(index);\n setHighlightIndex(map => ({\n ...map,\n [index + 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueDown, index]\n );\n\n const onUp = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueUp(index);\n setHighlightIndex(map => ({\n ...map,\n [index - 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueUp, index]\n );\n\n return index > 0 ? (\n <>\n <IconButton icon={<ArrowDown />} onClick={onDown} />\n <IconButton icon={<ArrowUp />} onClick={onUp} />\n <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n </>\n ) : null;\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n const { field, contentModel } = props;\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n\n return (\n <DynamicSection\n {...props}\n emptyValue={{}}\n showLabel={false}\n renderTitle={value => (\n <Cell span={12} className={dynamicSectionTitleStyle}>\n <Typography use={\"headline5\"}>\n {`${field.label} ${value.length ? `(${value.length})` : \"\"}`}\n </Typography>\n {field.helpText && <FormElementMessage>{field.helpText}</FormElementMessage>}\n </Cell>\n )}\n gridClassName={dynamicSectionGridStyle}\n >\n {({ Bind, bind, index }) => (\n <ObjectItem>\n {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n <Accordion\n title={`${props.field.label} #${index + 1}`}\n action={\n <Actions\n setHighlightIndex={setHighlightIndex}\n index={index}\n bind={bind}\n />\n }\n // Open first Accordion by default\n defaultValue={index === 0}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields}\n layout={settings.layout}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </Accordion>\n </ObjectItem>\n )}\n </DynamicSection>\n );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects\",\n renderer: {\n rendererName: \"objects\",\n name: t`Inline Form`,\n description: t`Renders a set of fields.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion","_StyledComponents","_utils","_FieldSettings","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","Object","assign","emptyValue","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","title","concat","label","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref3","Boolean","multipleValues","render","_default","exports"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport {\n BindComponentRenderProp,\n CmsModelFieldRendererPlugin,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n fieldsWrapperStyle,\n dynamicSectionGridStyle,\n fieldsGridStyle,\n ItemHighLight,\n ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n index: number;\n bind: {\n index: BindComponentRenderProp;\n field: BindComponentRenderProp;\n };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n const { moveValueDown, moveValueUp } = bind.field;\n\n const onDown = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueDown(index);\n setHighlightIndex(map => ({\n ...map,\n [index + 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueDown, index]\n );\n\n const onUp = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueUp(index);\n setHighlightIndex(map => ({\n ...map,\n [index - 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueUp, index]\n );\n\n return (\n <>\n <IconButton icon={<ArrowDown />} onClick={onDown} />\n <IconButton icon={<ArrowUp />} onClick={onUp} />\n <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n </>\n );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n const { field, contentModel } = props;\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n\n return (\n <DynamicSection {...props} emptyValue={{}} gridClassName={dynamicSectionGridStyle}>\n {({ Bind, bind, index }) => (\n <ObjectItem>\n {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n <Accordion\n title={`${props.field.label} #${index + 1}`}\n action={\n <Actions\n setHighlightIndex={setHighlightIndex}\n index={index}\n bind={bind}\n />\n }\n // Open first Accordion by default\n defaultValue={index === 0}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields}\n layout={settings.layout}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </Accordion>\n </ObjectItem>\n )}\n </DynamicSection>\n );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects\",\n renderer: {\n rendererName: \"objects\",\n name: t`Inline Form`,\n description: t`Renders a set of fields.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
@@ -48,7 +48,7 @@ var Actions = function Actions(_ref) {
48
48
  return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
49
49
  });
50
50
  }, [moveValueUp, index]);
51
- return index > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
51
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
52
52
  icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
53
53
  onClick: onDown
54
54
  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
@@ -59,7 +59,7 @@ var Actions = function Actions(_ref) {
59
59
  onClick: function onClick() {
60
60
  return bind.field.removeValue(index);
61
61
  }
62
- })) : null;
62
+ }));
63
63
  };
64
64
  var ObjectsRenderer = function ObjectsRenderer(props) {
65
65
  var _useState = (0, _react.useState)({}),
@@ -67,7 +67,8 @@ var ObjectsRenderer = function ObjectsRenderer(props) {
67
67
  highlightMap = _useState2[0],
68
68
  setHighlightIndex = _useState2[1];
69
69
  var field = props.field,
70
- contentModel = props.contentModel;
70
+ contentModel = props.contentModel,
71
+ getBind = props.getBind;
71
72
  var fieldSettings = _FieldSettings.FieldSettings.createFrom(field);
72
73
  if (!fieldSettings.hasFields()) {
73
74
  fieldSettings.logMissingFields();
@@ -76,41 +77,47 @@ var ObjectsRenderer = function ObjectsRenderer(props) {
76
77
  var settings = fieldSettings.getSettings();
77
78
  var _getAccordionRenderSe = (0, _AccordionRenderSettings.getAccordionRenderSettings)(field),
78
79
  open = _getAccordionRenderSe.open;
79
- return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
80
- title: field.label,
81
- description: field.helpText,
82
- open: open
83
- }, /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
84
- emptyValue: {},
85
- showLabel: false,
86
- gridClassName: _StyledComponents.dynamicSectionGridStyle
87
- }), function (_ref2) {
88
- var Bind = _ref2.Bind,
89
- bind = _ref2.bind,
90
- index = _ref2.index;
91
- return /*#__PURE__*/_react.default.createElement(_StyledComponents.ObjectItem, null, highlightMap[index] ? /*#__PURE__*/_react.default.createElement(_StyledComponents.ItemHighLight, {
92
- key: highlightMap[index]
93
- }) : null, /*#__PURE__*/_react.default.createElement(_Accordion2.default, {
94
- title: "".concat(props.field.label, " #").concat(index + 1),
95
- action: /*#__PURE__*/_react.default.createElement(Actions, {
96
- setHighlightIndex: setHighlightIndex,
97
- index: index,
98
- bind: bind
99
- })
100
- // Open first Accordion by default
101
- ,
102
- defaultValue: index === 0
103
- }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
104
- span: 12,
105
- className: _StyledComponents.fieldsWrapperStyle
106
- }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
107
- Bind: Bind,
108
- contentModel: contentModel,
109
- fields: settings.fields,
110
- layout: settings.layout,
111
- gridClassName: _StyledComponents.fieldsGridStyle
112
- }))));
113
- })));
80
+ var Bind = getBind();
81
+ return /*#__PURE__*/_react.default.createElement(Bind, null, function (_ref2) {
82
+ var value = _ref2.value;
83
+ var values = value || [];
84
+ var label = "".concat(field.label, " ").concat(values.length ? "(".concat(values.length, ")") : "");
85
+ return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
86
+ title: label,
87
+ description: field.helpText,
88
+ open: open
89
+ }, /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
90
+ emptyValue: {},
91
+ showLabel: false,
92
+ gridClassName: _StyledComponents.dynamicSectionGridStyle
93
+ }), function (_ref3) {
94
+ var Bind = _ref3.Bind,
95
+ bind = _ref3.bind,
96
+ index = _ref3.index;
97
+ return /*#__PURE__*/_react.default.createElement(_StyledComponents.ObjectItem, null, highlightMap[index] ? /*#__PURE__*/_react.default.createElement(_StyledComponents.ItemHighLight, {
98
+ key: highlightMap[index]
99
+ }) : null, /*#__PURE__*/_react.default.createElement(_Accordion2.default, {
100
+ title: "".concat(props.field.label, " #").concat(index + 1),
101
+ action: /*#__PURE__*/_react.default.createElement(Actions, {
102
+ setHighlightIndex: setHighlightIndex,
103
+ index: index,
104
+ bind: bind
105
+ })
106
+ // Open first Accordion by default
107
+ ,
108
+ defaultValue: index === 0
109
+ }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
110
+ span: 12,
111
+ className: _StyledComponents.fieldsWrapperStyle
112
+ }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
113
+ Bind: Bind,
114
+ contentModel: contentModel,
115
+ fields: settings.fields,
116
+ layout: settings.layout,
117
+ gridClassName: _StyledComponents.fieldsGridStyle
118
+ }))));
119
+ })));
120
+ });
114
121
  };
115
122
  var plugin = {
116
123
  type: "cms-editor-field-renderer",
@@ -119,15 +126,15 @@ var plugin = {
119
126
  rendererName: "objects-accordion",
120
127
  name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Accordion"]))),
121
128
  description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders fields within an accordion."]))),
122
- canUse: function canUse(_ref3) {
123
- var field = _ref3.field;
129
+ canUse: function canUse(_ref4) {
130
+ var field = _ref4.field;
124
131
  return field.type === "object" && Boolean(field.multipleValues);
125
132
  },
126
133
  render: function render(props) {
127
134
  return /*#__PURE__*/_react.default.createElement(ObjectsRenderer, props);
128
135
  },
129
- renderSettings: function renderSettings(_ref4) {
130
- var field = _ref4.field;
136
+ renderSettings: function renderSettings(_ref5) {
137
+ var field = _ref5.field;
131
138
  return /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, {
132
139
  field: field
133
140
  });
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_AccordionRenderSettings","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","Accordion","AccordionItem","title","label","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","concat","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref3","Boolean","multipleValues","render","renderSettings","_ref4","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n BindComponentRenderProp,\n CmsModelFieldRendererPlugin,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n fieldsWrapperStyle,\n dynamicSectionGridStyle,\n fieldsGridStyle,\n ItemHighLight,\n ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n index: number;\n bind: {\n index: BindComponentRenderProp;\n field: BindComponentRenderProp;\n };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n const { moveValueDown, moveValueUp } = bind.field;\n\n const onDown = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueDown(index);\n setHighlightIndex(map => ({\n ...map,\n [index + 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueDown, index]\n );\n\n const onUp = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueUp(index);\n setHighlightIndex(map => ({\n ...map,\n [index - 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueUp, index]\n );\n\n return index > 0 ? (\n <>\n <IconButton icon={<ArrowDown />} onClick={onDown} />\n <IconButton icon={<ArrowUp />} onClick={onUp} />\n <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n </>\n ) : null;\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n const { field, contentModel } = props;\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n const { open } = getAccordionRenderSettings(field);\n\n return (\n <RootAccordion>\n <AccordionItem title={field.label} description={field.helpText} open={open}>\n <DynamicSection\n {...props}\n emptyValue={{}}\n showLabel={false}\n gridClassName={dynamicSectionGridStyle}\n >\n {({ Bind, bind, index }) => (\n <ObjectItem>\n {highlightMap[index] ? (\n <ItemHighLight key={highlightMap[index]} />\n ) : null}\n <Accordion\n title={`${props.field.label} #${index + 1}`}\n action={\n <Actions\n setHighlightIndex={setHighlightIndex}\n index={index}\n bind={bind}\n />\n }\n // Open first Accordion by default\n defaultValue={index === 0}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields}\n layout={settings.layout}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </Accordion>\n </ObjectItem>\n )}\n </DynamicSection>\n </AccordionItem>\n </RootAccordion>\n );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects-accordion\",\n renderer: {\n rendererName: \"objects-accordion\",\n name: t`Accordion`,\n description: t`Renders fields within an accordion.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n },\n renderSettings({ field }) {\n return <AccordionRenderSettings field={field} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_AccordionRenderSettings","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","ev","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","getBind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","_getAccordionRenderSe","getAccordionRenderSettings","open","Bind","_ref2","value","values","label","concat","length","Accordion","AccordionItem","title","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref3","ObjectItem","ItemHighLight","key","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref4","Boolean","multipleValues","render","renderSettings","_ref5","AccordionRenderSettings","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n BindComponentRenderProp,\n CmsModelFieldRendererPlugin,\n CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n fieldsWrapperStyle,\n dynamicSectionGridStyle,\n fieldsGridStyle,\n ItemHighLight,\n ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n index: number;\n bind: {\n index: BindComponentRenderProp;\n field: BindComponentRenderProp;\n };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n const { moveValueDown, moveValueUp } = bind.field;\n\n const onDown = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueDown(index);\n setHighlightIndex(map => ({\n ...map,\n [index + 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueDown, index]\n );\n\n const onUp = useCallback(\n (ev: React.BaseSyntheticEvent) => {\n ev.stopPropagation();\n moveValueUp(index);\n setHighlightIndex(map => ({\n ...map,\n [index - 1]: generateAlphaNumericLowerCaseId(12)\n }));\n },\n [moveValueUp, index]\n );\n\n return (\n <>\n <IconButton icon={<ArrowDown />} onClick={onDown} />\n <IconButton icon={<ArrowUp />} onClick={onUp} />\n <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n </>\n );\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n const { field, contentModel, getBind } = props;\n\n const fieldSettings = FieldSettings.createFrom(field);\n\n if (!fieldSettings.hasFields()) {\n fieldSettings.logMissingFields();\n return null;\n }\n\n const settings = fieldSettings.getSettings();\n const { open } = getAccordionRenderSettings(field);\n\n const Bind = getBind();\n\n return (\n <Bind>\n {({ value }) => {\n const values = value || [];\n const label = `${field.label} ${values.length ? `(${values.length})` : \"\"}`;\n\n return (\n <RootAccordion>\n <AccordionItem title={label} description={field.helpText} open={open}>\n <DynamicSection\n {...props}\n emptyValue={{}}\n showLabel={false}\n gridClassName={dynamicSectionGridStyle}\n >\n {({ Bind, bind, index }) => (\n <ObjectItem>\n {highlightMap[index] ? (\n <ItemHighLight key={highlightMap[index]} />\n ) : null}\n <Accordion\n title={`${props.field.label} #${index + 1}`}\n action={\n <Actions\n setHighlightIndex={setHighlightIndex}\n index={index}\n bind={bind}\n />\n }\n // Open first Accordion by default\n defaultValue={index === 0}\n >\n <Cell span={12} className={fieldsWrapperStyle}>\n <Fields\n Bind={Bind}\n contentModel={contentModel}\n fields={settings.fields}\n layout={settings.layout}\n gridClassName={fieldsGridStyle}\n />\n </Cell>\n </Accordion>\n </ObjectItem>\n )}\n </DynamicSection>\n </AccordionItem>\n </RootAccordion>\n );\n }}\n </Bind>\n );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-objects-accordion\",\n renderer: {\n rendererName: \"objects-accordion\",\n name: t`Accordion`,\n description: t`Renders fields within an accordion.`,\n canUse({ field }) {\n return field.type === \"object\" && Boolean(field.multipleValues);\n },\n render(props) {\n return <ObjectsRenderer {...props} />;\n },\n renderSettings({ field }) {\n return <AccordionRenderSettings field={field} />;\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAMA,IAAAK,eAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAL,sBAAA,CAAAN,OAAA;AACA,IAAAY,iBAAA,GAAAZ,OAAA;AAOA,IAAAa,MAAA,GAAAb,OAAA;AACA,IAAAc,cAAA,GAAAd,OAAA;AACA,IAAAe,wBAAA,GAAAf,OAAA;AAAiG,IAAAgB,eAAA,EAAAC,gBAAA;AAEjG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAWvD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAyD;EAAA,IAAnDC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAC7C,IAAAC,WAAA,GAAuCF,IAAI,CAACG,KAAK;IAAzCC,aAAa,GAAAF,WAAA,CAAbE,aAAa;IAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;EAElC,IAAMC,MAAM,GAAG,IAAAC,kBAAW,EACtB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBL,aAAa,CAACH,KAAK,CAAC;IACpBF,iBAAiB,CAAC,UAAAW,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACdF,GAAG,WAAAG,gBAAA,CAAAD,OAAA,MACLX,KAAK,GAAG,CAAC,EAAG,IAAAa,sCAA+B,EAAC,EAAE,CAAC;IAAA,CAClD,CAAC;EACP,CAAC,EACD,CAACV,aAAa,EAAEH,KAAK,CACzB,CAAC;EAED,IAAMc,IAAI,GAAG,IAAAR,kBAAW,EACpB,UAACC,EAA4B,EAAK;IAC9BA,EAAE,CAACC,eAAe,CAAC,CAAC;IACpBJ,WAAW,CAACJ,KAAK,CAAC;IAClBF,iBAAiB,CAAC,UAAAW,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACdF,GAAG,WAAAG,gBAAA,CAAAD,OAAA,MACLX,KAAK,GAAG,CAAC,EAAG,IAAAa,sCAA+B,EAAC,EAAE,CAAC;IAAA,CAClD,CAAC;EACP,CAAC,EACD,CAACT,WAAW,EAAEJ,KAAK,CACvB,CAAC;EAED,oBACI3B,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAA1C,MAAA,CAAAsC,OAAA,CAAAK,QAAA,qBACI3C,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACtC,OAAA,CAAAwC,UAAU;IAACC,IAAI,eAAE7C,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAC9B,gBAAA,CAAAkC,cAAS,MAAE,CAAE;IAACC,OAAO,EAAEf;EAAO,CAAE,CAAC,eACpDhC,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACtC,OAAA,CAAAwC,UAAU;IAACC,IAAI,eAAE7C,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAC/B,cAAA,CAAAmC,cAAO,MAAE,CAAE;IAACC,OAAO,EAAEN;EAAK,CAAE,CAAC,eAChDzC,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACtC,OAAA,CAAAwC,UAAU;IAACC,IAAI,eAAE7C,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAChC,MAAA,CAAAoC,cAAU,MAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMrB,IAAI,CAACG,KAAK,CAACmB,WAAW,CAACrB,KAAK,CAAC;IAAA;EAAC,CAAE,CACnF,CAAC;AAEX,CAAC;AAED,IAAMsB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiC,EAAK;EAC3D,IAAAC,SAAA,GAA0C,IAAAC,eAAQ,EAA4B,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAhB,OAAA,EAAAa,SAAA;IAA1EI,YAAY,GAAAF,UAAA;IAAE5B,iBAAiB,GAAA4B,UAAA;EACtC,IAAQxB,KAAK,GAA4BqB,KAAK,CAAtCrB,KAAK;IAAE2B,YAAY,GAAcN,KAAK,CAA/BM,YAAY;IAAEC,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EAEpC,IAAMC,aAAa,GAAGC,4BAAa,CAACC,UAAU,CAAC/B,KAAK,CAAC;EAErD,IAAI,CAAC6B,aAAa,CAACG,SAAS,CAAC,CAAC,EAAE;IAC5BH,aAAa,CAACI,gBAAgB,CAAC,CAAC;IAChC,OAAO,IAAI;EACf;EAEA,IAAMC,QAAQ,GAAGL,aAAa,CAACM,WAAW,CAAC,CAAC;EAC5C,IAAAC,qBAAA,GAAiB,IAAAC,mDAA0B,EAACrC,KAAK,CAAC;IAA1CsC,IAAI,GAAAF,qBAAA,CAAJE,IAAI;EAEZ,IAAMC,IAAI,GAAGX,OAAO,CAAC,CAAC;EAEtB,oBACIzD,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAC0B,IAAI,QACA,UAAAC,KAAA,EAAe;IAAA,IAAZC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACL,IAAMC,MAAM,GAAGD,KAAK,IAAI,EAAE;IAC1B,IAAME,KAAK,MAAAC,MAAA,CAAM5C,KAAK,CAAC2C,KAAK,OAAAC,MAAA,CAAIF,MAAM,CAACG,MAAM,OAAAD,MAAA,CAAOF,MAAM,CAACG,MAAM,SAAM,EAAE,CAAE;IAE3E,oBACI1E,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACpC,UAAA,CAAAqE,SAAa,qBACV3E,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACpC,UAAA,CAAAsE,aAAa;MAACC,KAAK,EAAEL,KAAM;MAACM,WAAW,EAAEjD,KAAK,CAACkD,QAAS;MAACZ,IAAI,EAAEA;IAAK,gBACjEnE,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACnC,eAAA,CAAA+B,OAAc,EAAA0C,MAAA,CAAAC,MAAA,KACP/B,KAAK;MACTgC,UAAU,EAAE,CAAC,CAAE;MACfC,SAAS,EAAE,KAAM;MACjBC,aAAa,EAAEC;IAAwB,IAEtC,UAAAC,KAAA;MAAA,IAAGlB,IAAI,GAAAkB,KAAA,CAAJlB,IAAI;QAAE1C,IAAI,GAAA4D,KAAA,CAAJ5D,IAAI;QAAEC,KAAK,GAAA2D,KAAA,CAAL3D,KAAK;MAAA,oBACjB3B,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAC5B,iBAAA,CAAAyE,UAAU,QACNhC,YAAY,CAAC5B,KAAK,CAAC,gBAChB3B,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAC5B,iBAAA,CAAA0E,aAAa;QAACC,GAAG,EAAElC,YAAY,CAAC5B,KAAK;MAAE,CAAE,CAAC,GAC3C,IAAI,eACR3B,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAAC7B,WAAA,CAAAyB,OAAS;QACNuC,KAAK,KAAAJ,MAAA,CAAKvB,KAAK,CAACrB,KAAK,CAAC2C,KAAK,QAAAC,MAAA,CAAK9C,KAAK,GAAG,CAAC,CAAG;QAC5C+D,MAAM,eACF1F,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACnB,OAAO;UACJE,iBAAiB,EAAEA,iBAAkB;UACrCE,KAAK,EAAEA,KAAM;UACbD,IAAI,EAAEA;QAAK,CACd;QAEL;QAAA;QACAiE,YAAY,EAAEhE,KAAK,KAAK;MAAE,gBAE1B3B,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACrC,KAAA,CAAAuF,IAAI;QAACC,IAAI,EAAE,EAAG;QAACC,SAAS,EAAEC;MAAmB,gBAC1C/F,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACjC,OAAA,CAAAuF,MAAM;QACH5B,IAAI,EAAEA,IAAK;QACXZ,YAAY,EAAEA,YAAa;QAC3ByC,MAAM,EAAElC,QAAQ,CAACkC,MAAO;QACxBC,MAAM,EAAEnC,QAAQ,CAACmC,MAAO;QACxBd,aAAa,EAAEe;MAAgB,CAClC,CACC,CACC,CACH,CAAC;IAAA,CAEL,CACL,CACJ,CAAC;EAExB,CACE,CAAC;AAEf,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,6CAA6C;EACnDC,QAAQ,EAAE;IACNC,YAAY,EAAE,mBAAmB;IACjCF,IAAI,EAAElF,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAuF,uBAAA,CAAAnE,OAAA,kBAAW;IAClBwC,WAAW,EAAE1D,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAsF,uBAAA,CAAAnE,OAAA,4CAAqC;IACnDoE,MAAM,WAAAA,OAAAC,KAAA,EAAY;MAAA,IAAT9E,KAAK,GAAA8E,KAAA,CAAL9E,KAAK;MACV,OAAOA,KAAK,CAACwE,IAAI,KAAK,QAAQ,IAAIO,OAAO,CAAC/E,KAAK,CAACgF,cAAc,CAAC;IACnE,CAAC;IACDC,MAAM,WAAAA,OAAC5D,KAAK,EAAE;MACV,oBAAOlD,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACO,eAAe,EAAKC,KAAQ,CAAC;IACzC,CAAC;IACD6D,cAAc,WAAAA,eAAAC,KAAA,EAAY;MAAA,IAATnF,KAAK,GAAAmF,KAAA,CAALnF,KAAK;MAClB,oBAAO7B,MAAA,CAAAsC,OAAA,CAAAI,aAAA,CAACzB,wBAAA,CAAAgG,uBAAuB;QAACpF,KAAK,EAAEA;MAAM,CAAE,CAAC;IACpD;EACJ;AACJ,CAAC;AAAC,IAAAqF,QAAA,GAAAC,OAAA,CAAA7E,OAAA,GAEa8D,MAAM","ignoreList":[]}
@@ -47,7 +47,7 @@ var EditorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
47
47
  } : {
48
48
  name: "u9mxr5",
49
49
  styles: "position:relative;> button{position:absolute;top:5px;right:5px;}",
50
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJpY2hUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3NCIiwiZmlsZSI6InJpY2hUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IENtc01vZGVsRmllbGQsIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvY2xvc2Uuc3ZnXCI7XG5pbXBvcnQgRHluYW1pY1NlY3Rpb24gZnJvbSBcIi4uL0R5bmFtaWNTZWN0aW9uXCI7XG5pbXBvcnQgeyBjcmVhdGVQcm9wc0Zyb21Db25maWcsIFJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvUmljaFRleHRFZGl0b3JcIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGFsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dCB9IGZyb20gXCJ+L3V0aWxzL2FsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dFwiO1xuaW1wb3J0IHsgbW9kZWxIYXNMZXhpY2FsRmllbGQgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL2xleGljYWxUZXh0L3V0aWxzXCI7XG5pbXBvcnQge1xuICAgIGlzTGVnYWN5UnRlRmllbGRTYXZlZCxcbiAgICBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmljaFRleHQvdXRpbHNcIjtcbmltcG9ydCB7IHVzZUZvcm0gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBEZWxheWVkT25DaGFuZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9EZWxheWVkT25DaGFuZ2VcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2ZpZWxkcy9yaWNoLXRleHRcIik7XG5cbmNvbnN0IGdldEtleSA9IChmaWVsZDogQ21zTW9kZWxGaWVsZCwgaWQ6IHN0cmluZyB8IHVuZGVmaW5lZCwgaW5kZXg6IG51bWJlcik6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgZm9ybUlkID0gaWQgfHwgXCJuZXdcIjtcbiAgICByZXR1cm4gYCR7Zm9ybUlkfS4ke2ZpZWxkLmZpZWxkSWR9LiR7aW5kZXh9YDtcbn07XG5cbmNvbnN0IGVtcHR5VmFsdWU6IFJlY29yZDxzdHJpbmcsIGFueT5bXSA9IFtcbiAgICB7XG4gICAgICAgIHR5cGU6IFwicGFyYWdyYXBoXCIsXG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgICAgICAgICBjbGFzc05hbWU6IG51bGwsXG4gICAgICAgICAgICB0ZXh0OiBcIlwiXG4gICAgICAgIH1cbiAgICB9XG5dO1xuXG5jb25zdCBFZGl0b3JXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDUsXG4gICAgICAgIHJpZ2h0OiA1XG4gICAgfVxufSk7XG5cbmNvbnN0IHBsdWdpbjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1yaWNoLXRleHQtaW5wdXRzXCIsXG4gICAgcmVuZGVyZXI6IHtcbiAgICAgICAgcmVuZGVyZXJOYW1lOiBcInJpY2gtdGV4dC1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGAoTGVnYWN5KSBFZGl0b3JKUyBUZXh0IElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBzaW1wbGUgbGlzdCBvZiBsZWdhY3kgcmljaCB0ZXh0IGVkaXRvcnMuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQsIG1vZGVsIH0pIHtcbiAgICAgICAgICAgIGNvbnN0IGNhblVzZSA9XG4gICAgICAgICAgICAgICAgZmllbGQudHlwZSA9PT0gXCJyaWNoLXRleHRcIiAmJlxuICAgICAgICAgICAgICAgICEhZmllbGQubXVsdGlwbGVWYWx1ZXMgJiZcbiAgICAgICAgICAgICAgICAhZ2V0KGZpZWxkLCBcInByZWRlZmluZWRWYWx1ZXMuZW5hYmxlZFwiKTtcblxuICAgICAgICAgICAgaWYgKGNhblVzZSkge1xuICAgICAgICAgICAgICAgIC8vIENoZWNrIGZvciBsZWdhY3kgUlRFIHVzYWdlIGZvciBzYXZlZCBhbmQgbmV3IGZpZWxkXG4gICAgICAgICAgICAgICAgaWYgKG1vZGVsSGFzTGV4aWNhbEZpZWxkKG1vZGVsKSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKCFhbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlzTGVnYWN5UnRlRmllbGRTYXZlZChmaWVsZCkgfHwgbW9kZWxIYXNMZWdhY3lSdGVGaWVsZChtb2RlbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIC8vIFdoZW4gZmVhdHVyZSBmbGFnIGlzIGRpc2FibGVkIGJ5IGRlZmF1bHQgYW5kIGxlZ2FjeSBSVEUgd2lsbCBub3QgYmUgdXNlZFxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gY2FuVXNlO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIGNvbnN0IGZvcm0gPSB1c2VGb3JtKCk7XG4gICAgICAgICAgICBjb25zdCB7IGZpZWxkIH0gPSBwcm9wcztcblxuICAgICAgICAgICAgY29uc3QgcnRlUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gY3JlYXRlUHJvcHNGcm9tQ29uZmlnKHBsdWdpbnMuYnlUeXBlKFwiY21zLXJ0ZS1jb25maWdcIikubWFwKHBsID0+IHBsLmNvbmZpZykpO1xuICAgICAgICAgICAgfSwgW10pO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxEeW5hbWljU2VjdGlvbiB7Li4ucHJvcHN9IGVtcHR5VmFsdWU9e2VtcHR5VmFsdWV9PlxuICAgICAgICAgICAgICAgICAgICB7KHsgYmluZCwgaW5kZXggfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVkaXRvcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGJpbmQuZmllbGQucmVtb3ZlVmFsdWUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlbGF5ZWRPbkNoYW5nZSB7Li4uYmluZC5pbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSaWNoVGV4dEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtnZXRLZXkoZmllbGQsIGZvcm0uZGF0YS5pZCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJ0ZVByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2BWYWx1ZSAke2luZGV4ICsgMX1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtmaWVsZC5oZWxwVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0RlbGF5ZWRPbkNoYW5nZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0R5bmFtaWNTZWN0aW9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IHBsdWdpbjtcbiJdfQ== */",
50
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJpY2hUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3NCIiwiZmlsZSI6InJpY2hUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IENtc01vZGVsRmllbGQsIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvY2xvc2Uuc3ZnXCI7XG5pbXBvcnQgRHluYW1pY1NlY3Rpb24gZnJvbSBcIi4uL0R5bmFtaWNTZWN0aW9uXCI7XG5pbXBvcnQgeyBjcmVhdGVQcm9wc0Zyb21Db25maWcsIFJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvUmljaFRleHRFZGl0b3JcIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGFsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dCB9IGZyb20gXCJ+L3V0aWxzL2FsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dFwiO1xuaW1wb3J0IHsgbW9kZWxIYXNMZXhpY2FsRmllbGQgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL2xleGljYWxUZXh0L3V0aWxzXCI7XG5pbXBvcnQge1xuICAgIGlzTGVnYWN5UnRlRmllbGRTYXZlZCxcbiAgICBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmljaFRleHQvdXRpbHNcIjtcbmltcG9ydCB7IHVzZUZvcm0gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBEZWxheWVkT25DaGFuZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9EZWxheWVkT25DaGFuZ2VcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2ZpZWxkcy9yaWNoLXRleHRcIik7XG5cbmNvbnN0IGdldEtleSA9IChmaWVsZDogQ21zTW9kZWxGaWVsZCwgaWQ6IHN0cmluZyB8IHVuZGVmaW5lZCwgaW5kZXg6IG51bWJlcik6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgZm9ybUlkID0gaWQgfHwgXCJuZXdcIjtcbiAgICByZXR1cm4gYCR7Zm9ybUlkfS4ke2ZpZWxkLmZpZWxkSWR9LiR7aW5kZXh9YDtcbn07XG5cbmNvbnN0IGVtcHR5VmFsdWU6IFJlY29yZDxzdHJpbmcsIGFueT5bXSA9IFtcbiAgICB7XG4gICAgICAgIHR5cGU6IFwicGFyYWdyYXBoXCIsXG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgICAgICAgICBjbGFzc05hbWU6IG51bGwsXG4gICAgICAgICAgICB0ZXh0OiBcIlwiXG4gICAgICAgIH1cbiAgICB9XG5dO1xuXG5jb25zdCBFZGl0b3JXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDUsXG4gICAgICAgIHJpZ2h0OiA1XG4gICAgfVxufSk7XG5cbmNvbnN0IHBsdWdpbjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1yaWNoLXRleHQtaW5wdXRzXCIsXG4gICAgcmVuZGVyZXI6IHtcbiAgICAgICAgcmVuZGVyZXJOYW1lOiBcInJpY2gtdGV4dC1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGAoTGVnYWN5KSBFZGl0b3JKUyBUZXh0IElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBzaW1wbGUgbGlzdCBvZiBsZWdhY3kgcmljaCB0ZXh0IGVkaXRvcnMuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQsIG1vZGVsIH0pIHtcbiAgICAgICAgICAgIGNvbnN0IGNhblVzZSA9XG4gICAgICAgICAgICAgICAgZmllbGQudHlwZSA9PT0gXCJyaWNoLXRleHRcIiAmJlxuICAgICAgICAgICAgICAgICEhZmllbGQubXVsdGlwbGVWYWx1ZXMgJiZcbiAgICAgICAgICAgICAgICAhZ2V0KGZpZWxkLCBcInByZWRlZmluZWRWYWx1ZXMuZW5hYmxlZFwiKTtcblxuICAgICAgICAgICAgaWYgKGNhblVzZSkge1xuICAgICAgICAgICAgICAgIC8vIENoZWNrIGZvciBsZWdhY3kgUlRFIHVzYWdlIGZvciBzYXZlZCBhbmQgbmV3IGZpZWxkXG4gICAgICAgICAgICAgICAgaWYgKG1vZGVsSGFzTGV4aWNhbEZpZWxkKG1vZGVsKSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKCFhbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlzTGVnYWN5UnRlRmllbGRTYXZlZChmaWVsZCkgfHwgbW9kZWxIYXNMZWdhY3lSdGVGaWVsZChtb2RlbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIC8vIFdoZW4gZmVhdHVyZSBmbGFnIGlzIGRpc2FibGVkIGJ5IGRlZmF1bHQgYW5kIGxlZ2FjeSBSVEUgd2lsbCBub3QgYmUgdXNlZFxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gY2FuVXNlO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIGNvbnN0IGZvcm0gPSB1c2VGb3JtKCk7XG4gICAgICAgICAgICBjb25zdCB7IGZpZWxkIH0gPSBwcm9wcztcblxuICAgICAgICAgICAgY29uc3QgcnRlUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gY3JlYXRlUHJvcHNGcm9tQ29uZmlnKHBsdWdpbnMuYnlUeXBlKFwiY21zLXJ0ZS1jb25maWdcIikubWFwKHBsID0+IHBsLmNvbmZpZykpO1xuICAgICAgICAgICAgfSwgW10pO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxEeW5hbWljU2VjdGlvbiB7Li4ucHJvcHN9IGVtcHR5VmFsdWU9e2VtcHR5VmFsdWV9PlxuICAgICAgICAgICAgICAgICAgICB7KHsgYmluZCwgaW5kZXggfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVkaXRvcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGJpbmQuZmllbGQucmVtb3ZlVmFsdWUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlbGF5ZWRPbkNoYW5nZSB7Li4uYmluZC5pbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSaWNoVGV4dEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtnZXRLZXkoZmllbGQsIGZvcm0uZGF0YS5pZCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJ0ZVByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2BWYWx1ZSAke2luZGV4ICsgMX1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0RlbGF5ZWRPbkNoYW5nZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0R5bmFtaWNTZWN0aW9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IHBsdWdpbjtcbiJdfQ== */",
51
51
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
52
52
  });
53
53
  var plugin = {
@@ -98,8 +98,7 @@ var plugin = {
98
98
  key: getKey(field, form.data.id, index)
99
99
  }, rteProps, {
100
100
  label: "Value ".concat(index + 1),
101
- placeholder: field.placeholderText,
102
- description: field.helpText
101
+ placeholder: field.placeholderText
103
102
  }))));
104
103
  });
105
104
  }
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_close","_DynamicSection","_RichTextEditor","_Button","_plugins","_allowCmsLegacyRichTextInput","_utils","_utils2","_form","_DelayedOnChange","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","getKey","field","id","index","formId","concat","fieldId","emptyValue","type","data","textAlign","className","text","EditorWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","props","form","useForm","rteProps","useMemo","createPropsFromConfig","plugins","byType","pl","config","createElement","Object","assign","_ref2","bind","IconButton","icon","ReactComponent","onClick","removeValue","DelayedOnChange","RichTextEditor","key","placeholder","placeholderText","helpText","_default","exports"],"sources":["richTextInputs.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n isLegacyRteFieldSaved,\n modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { useForm } from \"@webiny/form\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (field: CmsModelField, id: string | undefined, index: number): string => {\n const formId = id || \"new\";\n return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst emptyValue: Record<string, any>[] = [\n {\n type: \"paragraph\",\n data: {\n textAlign: \"left\",\n className: null,\n text: \"\"\n }\n }\n];\n\nconst EditorWrapper = styled(\"div\")({\n position: \"relative\",\n \"> button\": {\n position: \"absolute\",\n top: 5,\n right: 5\n }\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-rich-text-inputs\",\n renderer: {\n rendererName: \"rich-text-inputs\",\n name: t`(Legacy) EditorJS Text Inputs`,\n description: t`Renders a simple list of legacy rich text editors.`,\n canUse({ field, model }) {\n const canUse =\n field.type === \"rich-text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\");\n\n if (canUse) {\n // Check for legacy RTE usage for saved and new field\n if (modelHasLexicalField(model)) {\n return false;\n }\n\n if (!allowCmsLegacyRichTextInput) {\n if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n return true;\n }\n // When feature flag is disabled by default and legacy RTE will not be used\n return false;\n }\n }\n\n return canUse;\n },\n render(props) {\n const form = useForm();\n const { field } = props;\n\n const rteProps = useMemo(() => {\n return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n }, []);\n\n return (\n <DynamicSection {...props} emptyValue={emptyValue}>\n {({ bind, index }) => (\n <EditorWrapper>\n {index > 0 && (\n <IconButton\n icon={<DeleteIcon />}\n onClick={() => bind.field.removeValue(index)}\n />\n )}\n <DelayedOnChange {...bind.index}>\n <RichTextEditor\n key={getKey(field, form.data.id, index)}\n {...rteProps}\n label={`Value ${index + 1}`}\n placeholder={field.placeholderText}\n description={field.helpText}\n />\n </DelayedOnChange>\n </EditorWrapper>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_close","_DynamicSection","_RichTextEditor","_Button","_plugins","_allowCmsLegacyRichTextInput","_utils","_utils2","_form","_DelayedOnChange","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","getKey","field","id","index","formId","concat","fieldId","emptyValue","type","data","textAlign","className","text","EditorWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","props","form","useForm","rteProps","useMemo","createPropsFromConfig","plugins","byType","pl","config","createElement","Object","assign","_ref2","bind","IconButton","icon","ReactComponent","onClick","removeValue","DelayedOnChange","RichTextEditor","key","placeholder","placeholderText","_default","exports"],"sources":["richTextInputs.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n isLegacyRteFieldSaved,\n modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { useForm } from \"@webiny/form\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (field: CmsModelField, id: string | undefined, index: number): string => {\n const formId = id || \"new\";\n return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst emptyValue: Record<string, any>[] = [\n {\n type: \"paragraph\",\n data: {\n textAlign: \"left\",\n className: null,\n text: \"\"\n }\n }\n];\n\nconst EditorWrapper = styled(\"div\")({\n position: \"relative\",\n \"> button\": {\n position: \"absolute\",\n top: 5,\n right: 5\n }\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-rich-text-inputs\",\n renderer: {\n rendererName: \"rich-text-inputs\",\n name: t`(Legacy) EditorJS Text Inputs`,\n description: t`Renders a simple list of legacy rich text editors.`,\n canUse({ field, model }) {\n const canUse =\n field.type === \"rich-text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\");\n\n if (canUse) {\n // Check for legacy RTE usage for saved and new field\n if (modelHasLexicalField(model)) {\n return false;\n }\n\n if (!allowCmsLegacyRichTextInput) {\n if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n return true;\n }\n // When feature flag is disabled by default and legacy RTE will not be used\n return false;\n }\n }\n\n return canUse;\n },\n render(props) {\n const form = useForm();\n const { field } = props;\n\n const rteProps = useMemo(() => {\n return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n }, []);\n\n return (\n <DynamicSection {...props} emptyValue={emptyValue}>\n {({ bind, index }) => (\n <EditorWrapper>\n {index > 0 && (\n <IconButton\n icon={<DeleteIcon />}\n onClick={() => bind.field.removeValue(index)}\n />\n )}\n <DelayedOnChange {...bind.index}>\n <RichTextEditor\n key={getKey(field, form.data.id, index)}\n {...rteProps}\n label={`Value ${index + 1}`}\n placeholder={field.placeholderText}\n />\n </DelayedOnChange>\n </EditorWrapper>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
@@ -43,9 +43,8 @@ var plugin = {
43
43
  number: index + 1
44
44
  }),
45
45
  placeholder: props.field.placeholderText,
46
- description: props.field.helpText,
47
46
  "data-testid": "fr.input.texts.".concat(props.field.label, ".").concat(index + 1),
48
- trailingIcon: index > 0 && {
47
+ trailingIcon: {
49
48
  icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
50
49
  onClick: function onClick() {
51
50
  return bind.field.removeValue(index);
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_close","_DynamicSection","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","onEnter","appendValue","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-text-inputs\",\n renderer: {\n rendererName: \"text-inputs\",\n name: t`Text Inputs`,\n description: t`Renders a simple list of text inputs.`,\n canUse({ field }) {\n return (\n field.type === \"text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <DelayedOnChange\n value={bind.index.value}\n onChange={bind.index.onChange}\n onBlur={bind.index.validate}\n >\n <Input\n validation={bind.index.validation}\n onEnter={() => bind.field.appendValue(\"\")}\n label={t`Value {number}`({ number: index + 1 })}\n placeholder={props.field.placeholderText}\n description={props.field.helpText}\n data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n trailingIcon={\n index > 0 && {\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }\n }\n />\n </DelayedOnChange>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_close","_DynamicSection","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","onEnter","appendValue","label","number","placeholder","placeholderText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-text-inputs\",\n renderer: {\n rendererName: \"text-inputs\",\n name: t`Text Inputs`,\n description: t`Renders a simple list of text inputs.`,\n canUse({ field }) {\n return (\n field.type === \"text\" &&\n !!field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render(props) {\n return (\n <DynamicSection {...props}>\n {({ bind, index }) => (\n <DelayedOnChange\n value={bind.index.value}\n onChange={bind.index.onChange}\n onBlur={bind.index.validate}\n >\n <Input\n validation={bind.index.validation}\n onEnter={() => bind.field.appendValue(\"\")}\n label={t`Value {number}`({ number: index + 1 })}\n placeholder={props.field.placeholderText}\n data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n trailingIcon={{\n icon: <DeleteIcon />,\n onClick: () => bind.field.removeValue(index)\n }}\n />\n </DelayedOnChange>\n )}\n </DynamicSection>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA+C,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE/C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,oBAAa;IACpBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,8CAAuC;IACrDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,MAAM,IACrB,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,eAAA,CAAAa,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,gBAAA,CAAA4B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACzB,MAAA,CAAAkC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMT,IAAI,CAACP,KAAK,CAACiB,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1CC,KAAK,EAAE/B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEuB,MAAM,EAAEX,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDY,WAAW,EAAEhB,KAAK,CAACJ,KAAK,CAACqB,eAAgB;UACzC,iCAAAC,MAAA,CAA+BlB,KAAK,CAACJ,KAAK,CAACkB,KAAK,OAAAI,MAAA,CAAId,KAAK,GAAG,CAAC,CAAG;UAChEe,YAAY,EAAE;YACVC,IAAI,eAAEjD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,MAAA,CAAA2C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMnB,IAAI,CAACP,KAAK,CAAC2B,WAAW,CAACnB,KAAK,CAAC;YAAA;UAChD;QAAE,CACL,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaN,MAAM","ignoreList":[]}