@webiny/app-headless-cms 5.40.0-beta.3 → 5.40.0-beta.4
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.
- package/admin/components/ContentEntryForm/useBind.js +3 -2
- package/admin/components/ContentEntryForm/useBind.js.map +1 -1
- package/admin/components/IconPicker.js +3 -3
- package/admin/components/IconPicker.js.map +1 -1
- package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js +11 -6
- package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js.map +1 -1
- package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js +11 -6
- package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js.map +1 -1
- package/admin/plugins/fieldRenderers/longText/longText.js +8 -2
- package/admin/plugins/fieldRenderers/longText/longText.js.map +1 -1
- package/admin/plugins/fieldRenderers/longText/longTexts.js +7 -1
- package/admin/plugins/fieldRenderers/longText/longTexts.js.map +1 -1
- package/admin/plugins/fieldRenderers/number/numberInput.js +10 -7
- package/admin/plugins/fieldRenderers/number/numberInput.js.map +1 -1
- package/admin/plugins/fieldRenderers/number/numberInputs.js +7 -4
- package/admin/plugins/fieldRenderers/number/numberInputs.js.map +1 -1
- package/admin/plugins/fieldRenderers/richText/richTextInput.js +9 -11
- package/admin/plugins/fieldRenderers/richText/richTextInput.js.map +1 -1
- package/admin/plugins/fieldRenderers/richText/richTextInputs.js +5 -4
- package/admin/plugins/fieldRenderers/richText/richTextInputs.js.map +1 -1
- package/admin/plugins/fieldRenderers/text/textInput.js +9 -3
- package/admin/plugins/fieldRenderers/text/textInput.js.map +1 -1
- package/admin/plugins/fieldRenderers/text/textInputs.js +8 -2
- package/admin/plugins/fieldRenderers/text/textInputs.js.map +1 -1
- package/package.json +27 -27
- package/admin/components/DelayedOnChange.d.ts +0 -42
- package/admin/components/DelayedOnChange.js +0 -117
- package/admin/components/DelayedOnChange.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","DelayedOnChange","value","onChange","onBlur","validate","Input","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["numberInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-number\",\n renderer: {\n rendererName: \"number-input\",\n name: t`Number Input`,\n description: t`Renders a simple input with its type set to \"number\".`,\n canUse({ field }) {\n return (\n field.type === \"number\" &&\n !field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {bind => (\n <DelayedOnChange\n value={bind.value}\n onChange={bind.onChange}\n onBlur={bind.validate}\n >\n <Input\n label={field.label}\n placeholder={field.placeholderText}\n description={field.helpText}\n type=\"number\"\n data-testid={`fr.input.number.${field.label}`}\n validation={bind.validation}\n />\n </DelayedOnChange>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAEzD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,qBAAc;IACrBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,gEAAuD;IACrEE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAAyB,eAAe;UACZC,KAAK,EAAEF,IAAI,CAACE,KAAM;UAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;UACxBC,MAAM,EAAEJ,IAAI,CAACK;QAAS,gBAEtBnC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACxB,MAAA,CAAA+B,KAAK;UACFC,KAAK,EAAEf,KAAK,CAACe,KAAM;UACnBC,WAAW,EAAEhB,KAAK,CAACiB,eAAgB;UACnCpB,WAAW,EAAEG,KAAK,CAACkB,QAAS;UAC5B3B,IAAI,EAAC,QAAQ;UACb,kCAAA4B,MAAA,CAAgCnB,KAAK,CAACe,KAAK,CAAG;UAC9CK,UAAU,EAAEZ,IAAI,CAACY;QAAW,CAC/B,CACY,CAAC;MAAA,CAEpB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaN,MAAM","ignoreList":[]}
|
|
@@ -12,6 +12,7 @@ var _Input = require("@webiny/ui/Input");
|
|
|
12
12
|
var _i18n = require("@webiny/app/i18n");
|
|
13
13
|
var _close = require("../../../icons/close.svg");
|
|
14
14
|
var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
|
|
15
|
+
var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
|
|
15
16
|
var _templateObject, _templateObject2, _templateObject3;
|
|
16
17
|
var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
|
|
17
18
|
var plugin = {
|
|
@@ -29,10 +30,12 @@ var plugin = {
|
|
|
29
30
|
return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
|
|
30
31
|
var bind = _ref2.bind,
|
|
31
32
|
index = _ref2.index;
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
|
|
34
|
+
value: bind.index.value,
|
|
35
|
+
onChange: bind.index.onChange,
|
|
36
|
+
onBlur: bind.index.validate
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement(_Input.Input, {
|
|
38
|
+
validation: bind.index.validation,
|
|
36
39
|
onEnter: function onEnter() {
|
|
37
40
|
return bind.field.appendValue("");
|
|
38
41
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","
|
|
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":"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","ignoreList":[]}
|
|
@@ -16,6 +16,7 @@ var _form = require("@webiny/form");
|
|
|
16
16
|
var _allowCmsLegacyRichTextInput = require("../../../../utils/allowCmsLegacyRichTextInput");
|
|
17
17
|
var _utils = require("../lexicalText/utils");
|
|
18
18
|
var _utils2 = require("./utils");
|
|
19
|
+
var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
|
|
19
20
|
var _templateObject, _templateObject2;
|
|
20
21
|
var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
|
|
21
22
|
var getKey = function getKey(field, id) {
|
|
@@ -58,17 +59,14 @@ var plugin = {
|
|
|
58
59
|
return pl.config;
|
|
59
60
|
}));
|
|
60
61
|
}, []);
|
|
61
|
-
return /*#__PURE__*/_react.default.createElement(Bind, null,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
"data-testid": "fr.input.richtext.".concat(field.label)
|
|
70
|
-
}));
|
|
71
|
-
});
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(Bind, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, null, /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
|
|
63
|
+
key: getKey(field, form.data.id)
|
|
64
|
+
}, rteProps, {
|
|
65
|
+
label: field.label,
|
|
66
|
+
placeholder: field.placeholderText,
|
|
67
|
+
description: field.helpText,
|
|
68
|
+
"data-testid": "fr.input.richtext.".concat(field.label)
|
|
69
|
+
}))));
|
|
72
70
|
}
|
|
73
71
|
}
|
|
74
72
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_RichTextEditor","_plugins","_form","_allowCmsLegacyRichTextInput","_utils","_utils2","_templateObject","_templateObject2","t","i18n","ns","getKey","field","id","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","_ref2","getBind","form","useForm","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","createElement","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_RichTextEditor","_plugins","_form","_allowCmsLegacyRichTextInput","_utils","_utils2","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","getKey","field","id","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","_ref2","getBind","form","useForm","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","createElement","DelayedOnChange","RichTextEditor","Object","assign","key","data","label","placeholder","placeholderText","helpText","_default","exports"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useForm } from \"@webiny/form\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\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 { 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): string => {\n const formId = id || \"new\";\n return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-rich-text\",\n renderer: {\n rendererName: \"rich-text-input\",\n name: t`(Legacy) EditorJS Text Input`,\n description: t`Renders the legacy rich text editor.`,\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({ field, getBind }) {\n const form = useForm();\n const Bind = getBind();\n\n const rteProps = useMemo(() => {\n return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n }, []);\n\n return (\n <Bind>\n <DelayedOnChange>\n <RichTextEditor\n key={getKey(field, form.data.id)}\n {...rteProps}\n label={field.label}\n placeholder={field.placeholderText}\n description={field.helpText}\n data-testid={`fr.input.richtext.${field.label}`}\n />\n </DelayedOnChange>\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -20,6 +20,7 @@ var _allowCmsLegacyRichTextInput = require("../../../../utils/allowCmsLegacyRich
|
|
|
20
20
|
var _utils = require("../lexicalText/utils");
|
|
21
21
|
var _utils2 = require("./utils");
|
|
22
22
|
var _form = require("@webiny/form");
|
|
23
|
+
var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
|
|
23
24
|
var _templateObject, _templateObject2;
|
|
24
25
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
25
26
|
var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
|
|
@@ -46,7 +47,7 @@ var EditorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
|
|
|
46
47
|
} : {
|
|
47
48
|
name: "u9mxr5",
|
|
48
49
|
styles: "position:relative;> button{position:absolute;top:5px;right:5px;}",
|
|
49
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJpY2hUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3NCIiwiZmlsZSI6InJpY2hUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IENtc01vZGVsRmllbGQsIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvY2xvc2Uuc3ZnXCI7XG5pbXBvcnQgRHluYW1pY1NlY3Rpb24gZnJvbSBcIi4uL0R5bmFtaWNTZWN0aW9uXCI7XG5pbXBvcnQgeyBjcmVhdGVQcm9wc0Zyb21Db25maWcsIFJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvUmljaFRleHRFZGl0b3JcIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGFsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dCB9IGZyb20gXCJ+L3V0aWxzL2FsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dFwiO1xuaW1wb3J0IHsgbW9kZWxIYXNMZXhpY2FsRmllbGQgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL2xleGljYWxUZXh0L3V0aWxzXCI7XG5pbXBvcnQge1xuICAgIGlzTGVnYWN5UnRlRmllbGRTYXZlZCxcbiAgICBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmljaFRleHQvdXRpbHNcIjtcbmltcG9ydCB7IHVzZUZvcm0gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBEZWxheWVkT25DaGFuZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9EZWxheWVkT25DaGFuZ2VcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2ZpZWxkcy9yaWNoLXRleHRcIik7XG5cbmNvbnN0IGdldEtleSA9IChmaWVsZDogQ21zTW9kZWxGaWVsZCwgaWQ6IHN0cmluZyB8IHVuZGVmaW5lZCwgaW5kZXg6IG51bWJlcik6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgZm9ybUlkID0gaWQgfHwgXCJuZXdcIjtcbiAgICByZXR1cm4gYCR7Zm9ybUlkfS4ke2ZpZWxkLmZpZWxkSWR9LiR7aW5kZXh9YDtcbn07XG5cbmNvbnN0IGVtcHR5VmFsdWU6IFJlY29yZDxzdHJpbmcsIGFueT5bXSA9IFtcbiAgICB7XG4gICAgICAgIHR5cGU6IFwicGFyYWdyYXBoXCIsXG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgICAgICAgICBjbGFzc05hbWU6IG51bGwsXG4gICAgICAgICAgICB0ZXh0OiBcIlwiXG4gICAgICAgIH1cbiAgICB9XG5dO1xuXG5jb25zdCBFZGl0b3JXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDUsXG4gICAgICAgIHJpZ2h0OiA1XG4gICAgfVxufSk7XG5cbmNvbnN0IHBsdWdpbjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1yaWNoLXRleHQtaW5wdXRzXCIsXG4gICAgcmVuZGVyZXI6IHtcbiAgICAgICAgcmVuZGVyZXJOYW1lOiBcInJpY2gtdGV4dC1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGAoTGVnYWN5KSBFZGl0b3JKUyBUZXh0IElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBzaW1wbGUgbGlzdCBvZiBsZWdhY3kgcmljaCB0ZXh0IGVkaXRvcnMuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQsIG1vZGVsIH0pIHtcbiAgICAgICAgICAgIGNvbnN0IGNhblVzZSA9XG4gICAgICAgICAgICAgICAgZmllbGQudHlwZSA9PT0gXCJyaWNoLXRleHRcIiAmJlxuICAgICAgICAgICAgICAgICEhZmllbGQubXVsdGlwbGVWYWx1ZXMgJiZcbiAgICAgICAgICAgICAgICAhZ2V0KGZpZWxkLCBcInByZWRlZmluZWRWYWx1ZXMuZW5hYmxlZFwiKTtcblxuICAgICAgICAgICAgaWYgKGNhblVzZSkge1xuICAgICAgICAgICAgICAgIC8vIENoZWNrIGZvciBsZWdhY3kgUlRFIHVzYWdlIGZvciBzYXZlZCBhbmQgbmV3IGZpZWxkXG4gICAgICAgICAgICAgICAgaWYgKG1vZGVsSGFzTGV4aWNhbEZpZWxkKG1vZGVsKSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKCFhbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlzTGVnYWN5UnRlRmllbGRTYXZlZChmaWVsZCkgfHwgbW9kZWxIYXNMZWdhY3lSdGVGaWVsZChtb2RlbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIC8vIFdoZW4gZmVhdHVyZSBmbGFnIGlzIGRpc2FibGVkIGJ5IGRlZmF1bHQgYW5kIGxlZ2FjeSBSVEUgd2lsbCBub3QgYmUgdXNlZFxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gY2FuVXNlO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIGNvbnN0IGZvcm0gPSB1c2VGb3JtKCk7XG4gICAgICAgICAgICBjb25zdCB7IGZpZWxkIH0gPSBwcm9wcztcblxuICAgICAgICAgICAgY29uc3QgcnRlUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gY3JlYXRlUHJvcHNGcm9tQ29uZmlnKHBsdWdpbnMuYnlUeXBlKFwiY21zLXJ0ZS1jb25maWdcIikubWFwKHBsID0+IHBsLmNvbmZpZykpO1xuICAgICAgICAgICAgfSwgW10pO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxEeW5hbWljU2VjdGlvbiB7Li4ucHJvcHN9IGVtcHR5VmFsdWU9e2VtcHR5VmFsdWV9PlxuICAgICAgICAgICAgICAgICAgICB7KHsgYmluZCwgaW5kZXggfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVkaXRvcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGJpbmQuZmllbGQucmVtb3ZlVmFsdWUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlbGF5ZWRPbkNoYW5nZSB7Li4uYmluZC5pbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSaWNoVGV4dEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtnZXRLZXkoZmllbGQsIGZvcm0uZGF0YS5pZCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJ0ZVByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2BWYWx1ZSAke2luZGV4ICsgMX1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtmaWVsZC5oZWxwVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0RlbGF5ZWRPbkNoYW5nZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0R5bmFtaWNTZWN0aW9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IHBsdWdpbjtcbiJdfQ== */",
|
|
50
51
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
51
52
|
});
|
|
52
53
|
var plugin = {
|
|
@@ -93,13 +94,13 @@ var plugin = {
|
|
|
93
94
|
onClick: function onClick() {
|
|
94
95
|
return bind.field.removeValue(index);
|
|
95
96
|
}
|
|
96
|
-
}), /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
|
|
97
|
+
}), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind.index, /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
|
|
97
98
|
key: getKey(field, form.data.id, index)
|
|
98
|
-
}, rteProps,
|
|
99
|
+
}, rteProps, {
|
|
99
100
|
label: "Value ".concat(index + 1),
|
|
100
101
|
placeholder: field.placeholderText,
|
|
101
102
|
description: field.helpText
|
|
102
|
-
})));
|
|
103
|
+
}))));
|
|
103
104
|
});
|
|
104
105
|
}
|
|
105
106
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_close","_DynamicSection","_RichTextEditor","_Button","_plugins","_allowCmsLegacyRichTextInput","_utils","_utils2","_form","_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","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\";\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 <RichTextEditor\n
|
|
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":[]}
|
|
@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _get = _interopRequireDefault(require("lodash/get"));
|
|
10
11
|
var _i18n = require("@webiny/app/i18n");
|
|
11
12
|
var _Input = require("@webiny/ui/Input");
|
|
12
|
-
var
|
|
13
|
+
var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
|
|
13
14
|
var _templateObject, _templateObject2;
|
|
14
15
|
var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
|
|
15
16
|
var plugin = {
|
|
@@ -28,11 +29,16 @@ var plugin = {
|
|
|
28
29
|
getBind = _ref2.getBind;
|
|
29
30
|
var Bind = getBind();
|
|
30
31
|
return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
|
|
33
|
+
value: bind.value,
|
|
34
|
+
onChange: bind.onChange,
|
|
35
|
+
onBlur: bind.validate
|
|
36
|
+
}, /*#__PURE__*/_react.default.createElement(_Input.Input, {
|
|
32
37
|
label: field.label,
|
|
33
38
|
placeholder: field.placeholderText,
|
|
34
39
|
description: field.helpText,
|
|
35
|
-
"data-testid": "fr.input.text.".concat(field.label)
|
|
40
|
+
"data-testid": "fr.input.text.".concat(field.label),
|
|
41
|
+
validation: bind.validation
|
|
36
42
|
}));
|
|
37
43
|
});
|
|
38
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Input","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","DelayedOnChange","value","onChange","onBlur","validate","Input","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["textInput.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\";\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\",\n renderer: {\n rendererName: \"text-input\",\n name: t`Text Input`,\n description: t`Renders a simple input with its type set to \"text\".`,\n canUse({ field }) {\n return (\n field.type === \"text\" &&\n !field.multipleValues &&\n !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {bind => (\n <DelayedOnChange\n value={bind.value}\n onChange={bind.onChange}\n onBlur={bind.validate}\n >\n <Input\n label={field.label}\n placeholder={field.placeholderText}\n description={field.helpText}\n data-testid={`fr.input.text.${field.label}`}\n validation={bind.validation}\n />\n </DelayedOnChange>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAG7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,8DAAqD;IACnEE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,MAAM,IACrB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAAyB,eAAe;UACZC,KAAK,EAAEF,IAAI,CAACE,KAAM;UAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;UACxBC,MAAM,EAAEJ,IAAI,CAACK;QAAS,gBAEtBnC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACxB,MAAA,CAAA+B,KAAK;UACFC,KAAK,EAAEf,KAAK,CAACe,KAAM;UACnBC,WAAW,EAAEhB,KAAK,CAACiB,eAAgB;UACnCpB,WAAW,EAAEG,KAAK,CAACkB,QAAS;UAC5B,gCAAAC,MAAA,CAA8BnB,KAAK,CAACe,KAAK,CAAG;UAC5CK,UAAU,EAAEZ,IAAI,CAACY;QAAW,CAC/B,CACY,CAAC;MAAA,CAEpB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaN,MAAM","ignoreList":[]}
|
|
@@ -9,9 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _get = _interopRequireDefault(require("lodash/get"));
|
|
11
11
|
var _i18n = require("@webiny/app/i18n");
|
|
12
|
+
var _Input = require("@webiny/ui/Input");
|
|
13
|
+
var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
|
|
12
14
|
var _close = require("../../../icons/close.svg");
|
|
13
15
|
var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
|
|
14
|
-
var _Input = require("@webiny/ui/Input");
|
|
15
16
|
var _templateObject, _templateObject2, _templateObject3;
|
|
16
17
|
var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
|
|
17
18
|
var plugin = {
|
|
@@ -29,7 +30,12 @@ var plugin = {
|
|
|
29
30
|
return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
|
|
30
31
|
var bind = _ref2.bind,
|
|
31
32
|
index = _ref2.index;
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
|
|
34
|
+
value: bind.index.value,
|
|
35
|
+
onChange: bind.index.onChange,
|
|
36
|
+
onBlur: bind.index.validate
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement(_Input.Input, {
|
|
38
|
+
validation: bind.index.validation,
|
|
33
39
|
onEnter: function onEnter() {
|
|
34
40
|
return bind.field.appendValue("");
|
|
35
41
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","
|
|
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":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-headless-cms",
|
|
3
|
-
"version": "5.40.0-beta.
|
|
3
|
+
"version": "5.40.0-beta.4",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
"@material-design-icons/svg": "0.14.13",
|
|
29
29
|
"@svgr/webpack": "6.5.1",
|
|
30
30
|
"@types/react": "18.2.79",
|
|
31
|
-
"@webiny/app": "5.40.0-beta.
|
|
32
|
-
"@webiny/app-aco": "5.40.0-beta.
|
|
33
|
-
"@webiny/app-admin": "5.40.0-beta.
|
|
34
|
-
"@webiny/app-graphql-playground": "5.40.0-beta.
|
|
35
|
-
"@webiny/app-headless-cms-common": "5.40.0-beta.
|
|
36
|
-
"@webiny/app-i18n": "5.40.0-beta.
|
|
37
|
-
"@webiny/app-plugin-admin-welcome-screen": "5.40.0-beta.
|
|
38
|
-
"@webiny/app-security": "5.40.0-beta.
|
|
39
|
-
"@webiny/app-trash-bin": "5.40.0-beta.
|
|
40
|
-
"@webiny/error": "5.40.0-beta.
|
|
41
|
-
"@webiny/feature-flags": "5.40.0-beta.
|
|
42
|
-
"@webiny/form": "5.40.0-beta.
|
|
43
|
-
"@webiny/lexical-editor": "5.40.0-beta.
|
|
44
|
-
"@webiny/lexical-nodes": "5.40.0-beta.
|
|
45
|
-
"@webiny/lexical-theme": "5.40.0-beta.
|
|
46
|
-
"@webiny/plugins": "5.40.0-beta.
|
|
47
|
-
"@webiny/react-composition": "5.40.0-beta.
|
|
48
|
-
"@webiny/react-properties": "5.40.0-beta.
|
|
49
|
-
"@webiny/react-router": "5.40.0-beta.
|
|
50
|
-
"@webiny/theme": "5.40.0-beta.
|
|
51
|
-
"@webiny/ui": "5.40.0-beta.
|
|
52
|
-
"@webiny/utils": "5.40.0-beta.
|
|
53
|
-
"@webiny/validation": "5.40.0-beta.
|
|
31
|
+
"@webiny/app": "5.40.0-beta.4",
|
|
32
|
+
"@webiny/app-aco": "5.40.0-beta.4",
|
|
33
|
+
"@webiny/app-admin": "5.40.0-beta.4",
|
|
34
|
+
"@webiny/app-graphql-playground": "5.40.0-beta.4",
|
|
35
|
+
"@webiny/app-headless-cms-common": "5.40.0-beta.4",
|
|
36
|
+
"@webiny/app-i18n": "5.40.0-beta.4",
|
|
37
|
+
"@webiny/app-plugin-admin-welcome-screen": "5.40.0-beta.4",
|
|
38
|
+
"@webiny/app-security": "5.40.0-beta.4",
|
|
39
|
+
"@webiny/app-trash-bin": "5.40.0-beta.4",
|
|
40
|
+
"@webiny/error": "5.40.0-beta.4",
|
|
41
|
+
"@webiny/feature-flags": "5.40.0-beta.4",
|
|
42
|
+
"@webiny/form": "5.40.0-beta.4",
|
|
43
|
+
"@webiny/lexical-editor": "5.40.0-beta.4",
|
|
44
|
+
"@webiny/lexical-nodes": "5.40.0-beta.4",
|
|
45
|
+
"@webiny/lexical-theme": "5.40.0-beta.4",
|
|
46
|
+
"@webiny/plugins": "5.40.0-beta.4",
|
|
47
|
+
"@webiny/react-composition": "5.40.0-beta.4",
|
|
48
|
+
"@webiny/react-properties": "5.40.0-beta.4",
|
|
49
|
+
"@webiny/react-router": "5.40.0-beta.4",
|
|
50
|
+
"@webiny/theme": "5.40.0-beta.4",
|
|
51
|
+
"@webiny/ui": "5.40.0-beta.4",
|
|
52
|
+
"@webiny/utils": "5.40.0-beta.4",
|
|
53
|
+
"@webiny/validation": "5.40.0-beta.4",
|
|
54
54
|
"apollo-cache": "1.3.5",
|
|
55
55
|
"apollo-client": "2.6.10",
|
|
56
56
|
"apollo-link": "1.2.14",
|
|
@@ -84,8 +84,8 @@
|
|
|
84
84
|
"@babel/preset-react": "7.24.1",
|
|
85
85
|
"@babel/preset-typescript": "7.24.1",
|
|
86
86
|
"@emotion/babel-plugin": "11.11.0",
|
|
87
|
-
"@webiny/cli": "5.40.0-beta.
|
|
88
|
-
"@webiny/project-utils": "5.40.0-beta.
|
|
87
|
+
"@webiny/cli": "5.40.0-beta.4",
|
|
88
|
+
"@webiny/project-utils": "5.40.0-beta.4",
|
|
89
89
|
"babel-plugin-module-resolver": "5.0.0",
|
|
90
90
|
"rimraf": "5.0.5",
|
|
91
91
|
"ttypescript": "1.5.15",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
]
|
|
115
115
|
}
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "42f3b1c985d6f8317d5c1084838b43a270c79f01"
|
|
118
118
|
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* This component is used to wrap Input and Textarea components to optimize form re-render.
|
|
4
|
-
* These 2 are the only components that trigger form model change on each character input.
|
|
5
|
-
* This means, whenever you type a letter an entire form re-renders.
|
|
6
|
-
* On complex forms you will feel and see a significant delay if this component is not used.
|
|
7
|
-
*
|
|
8
|
-
* The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
|
|
9
|
-
* a user stops typing for given period of time (400ms by default).
|
|
10
|
-
*/
|
|
11
|
-
export interface OnChangeCbCallable {
|
|
12
|
-
(value: string): void;
|
|
13
|
-
}
|
|
14
|
-
export interface OnChangeCallable {
|
|
15
|
-
(value: string, cb?: OnChangeCbCallable): void;
|
|
16
|
-
}
|
|
17
|
-
interface ChildrenParams {
|
|
18
|
-
value: string;
|
|
19
|
-
onChange: OnChangeCallable;
|
|
20
|
-
}
|
|
21
|
-
interface DelayedOnChangeProps {
|
|
22
|
-
delay?: number;
|
|
23
|
-
value?: string;
|
|
24
|
-
onChange: OnChangeCallable;
|
|
25
|
-
onKeyDown?: (ev: React.SyntheticEvent) => void;
|
|
26
|
-
onBlur?: (ev: React.SyntheticEvent) => void;
|
|
27
|
-
children: (params: ChildrenParams) => React.ReactElement;
|
|
28
|
-
}
|
|
29
|
-
interface DelayedOnChangeState {
|
|
30
|
-
value?: string;
|
|
31
|
-
}
|
|
32
|
-
declare class DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {
|
|
33
|
-
static defaultProps: Partial<DelayedOnChangeProps>;
|
|
34
|
-
private delay;
|
|
35
|
-
readonly state: DelayedOnChangeState;
|
|
36
|
-
componentDidMount(): void;
|
|
37
|
-
private applyValue;
|
|
38
|
-
private onChange;
|
|
39
|
-
private changed;
|
|
40
|
-
render(): React.ReactNode;
|
|
41
|
-
}
|
|
42
|
-
export default DelayedOnChange;
|