@commercetools-uikit/localized-rich-text-input 13.0.1 → 13.0.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/README.md +75 -45
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.d.ts +2 -0
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.dev.js +179 -175
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.prod.js +78 -53
- package/dist/commercetools-uikit-localized-rich-text-input.esm.js +178 -173
- package/dist/declarations/src/editor.d.ts +48 -0
- package/dist/declarations/src/editor.styles.d.ts +15 -0
- package/dist/declarations/src/editor.types.d.ts +103 -0
- package/dist/declarations/src/index.d.ts +2 -0
- package/dist/declarations/src/localized-rich-text-input.d.ts +55 -0
- package/dist/declarations/src/required-value-error-message.d.ts +5 -0
- package/dist/declarations/src/rich-text-input.d.ts +65 -0
- package/dist/declarations/src/version.d.ts +2 -0
- package/package.json +16 -18
|
@@ -9,17 +9,13 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
|
|
|
9
9
|
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
10
10
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
11
11
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
12
|
-
require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
13
12
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
14
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
require('prop-types');
|
|
15
15
|
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
16
16
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
17
17
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
18
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
19
18
|
var react$1 = require('react');
|
|
20
|
-
require('prop-types');
|
|
21
|
-
require('react-required-if');
|
|
22
|
-
require('common-tags');
|
|
23
19
|
var react = require('@emotion/react');
|
|
24
20
|
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
25
21
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -27,16 +23,17 @@ var hooks = require('@commercetools-uikit/hooks');
|
|
|
27
23
|
var localizedUtils = require('@commercetools-uikit/localized-utils');
|
|
28
24
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
29
25
|
var richTextUtils = require('@commercetools-uikit/rich-text-utils');
|
|
26
|
+
var utils = require('@commercetools-uikit/utils');
|
|
30
27
|
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
31
28
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
32
29
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
33
30
|
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
34
31
|
var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
|
|
35
32
|
var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
33
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
36
34
|
var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
|
|
37
35
|
var pick = require('lodash/pick');
|
|
38
36
|
var slateReact = require('slate-react');
|
|
39
|
-
var utils = require('@commercetools-uikit/utils');
|
|
40
37
|
var _styled = require('@emotion/styled/base');
|
|
41
38
|
var reactIntl = require('react-intl');
|
|
42
39
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
@@ -59,10 +56,10 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
59
56
|
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
60
57
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
61
58
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
62
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
63
59
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
64
60
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
65
61
|
var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
|
|
62
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
66
63
|
var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
|
|
67
64
|
var pick__default = /*#__PURE__*/_interopDefault(pick);
|
|
68
65
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
@@ -75,7 +72,7 @@ function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["d
|
|
|
75
72
|
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
76
73
|
|
|
77
74
|
var EditorLanguageLabel = _styled__default["default"]("label", {
|
|
78
|
-
target: "
|
|
75
|
+
target: "ew063c2"
|
|
79
76
|
} )(function (props) {
|
|
80
77
|
var overwrittenVars = _objectSpread$4(_objectSpread$4({}, designSystem.customProperties), props.theme);
|
|
81
78
|
|
|
@@ -83,13 +80,13 @@ var EditorLanguageLabel = _styled__default["default"]("label", {
|
|
|
83
80
|
}, "" );
|
|
84
81
|
|
|
85
82
|
var EditorWrapper = _styled__default["default"]("div", {
|
|
86
|
-
target: "
|
|
83
|
+
target: "ew063c1"
|
|
87
84
|
} )("width:100%;position:relative;display:flex;cursor:", function (props) {
|
|
88
85
|
return props.isDisabled || props.isReadOnly ? 'not-allowed' : 'inherit';
|
|
89
86
|
}, ";" + ("" ));
|
|
90
87
|
|
|
91
88
|
var ToggleButtonWrapper = _styled__default["default"]("div", {
|
|
92
|
-
target: "
|
|
89
|
+
target: "ew063c0"
|
|
93
90
|
} )({
|
|
94
91
|
name: "ejz79s",
|
|
95
92
|
styles: "flex:0;display:flex"
|
|
@@ -101,21 +98,21 @@ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) {
|
|
|
101
98
|
var COLLAPSED_HEIGHT = 32;
|
|
102
99
|
|
|
103
100
|
var LeftColumn = _styled__default["default"]("div", {
|
|
104
|
-
target: "
|
|
101
|
+
target: "el9zors2"
|
|
105
102
|
} )({
|
|
106
103
|
name: "147rp59",
|
|
107
104
|
styles: "flex:1;display:flex;align-items:flex-start"
|
|
108
105
|
} );
|
|
109
106
|
|
|
110
107
|
var RightColumn = _styled__default["default"]("div", {
|
|
111
|
-
target: "
|
|
108
|
+
target: "el9zors1"
|
|
112
109
|
} )({
|
|
113
110
|
name: "1m04uhl",
|
|
114
111
|
styles: "position:relative;flex:0;display:flex;align-items:flex-start"
|
|
115
112
|
} );
|
|
116
113
|
|
|
117
114
|
var Row = _styled__default["default"]("div", {
|
|
118
|
-
target: "
|
|
115
|
+
target: "el9zors0"
|
|
119
116
|
} )({
|
|
120
117
|
name: "skgbeu",
|
|
121
118
|
styles: "display:flex;justify-content:flex-end"
|
|
@@ -126,10 +123,14 @@ var _ref$1 = {
|
|
|
126
123
|
styles: "flex:auto;width:0;border-top-left-radius:0;border-bottom-left-radius:0"
|
|
127
124
|
} ;
|
|
128
125
|
|
|
129
|
-
var Editor = function Editor(props) {
|
|
126
|
+
var Editor$1 = function Editor(props) {
|
|
127
|
+
var _props$editor, _props$editor2, _props$editor3, _props$editor4;
|
|
128
|
+
|
|
130
129
|
var intl = reactIntl.useIntl();
|
|
131
130
|
var ref = react$1.useRef();
|
|
132
|
-
var prevIsFocused = hooks.usePrevious(props.editor.value.selection.isFocused);
|
|
131
|
+
var prevIsFocused = hooks.usePrevious((_props$editor = props.editor) === null || _props$editor === void 0 ? void 0 : _props$editor.value.selection.isFocused);
|
|
132
|
+
|
|
133
|
+
if (props.showExpandIcon) ;
|
|
133
134
|
|
|
134
135
|
var _useState = react$1.useState(false),
|
|
135
136
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -141,7 +142,9 @@ var Editor = function Editor(props) {
|
|
|
141
142
|
toggleLanguage(props.language);
|
|
142
143
|
}, [toggleLanguage, props.language]);
|
|
143
144
|
var updateRenderToggleButton = react$1.useCallback(function () {
|
|
144
|
-
var
|
|
145
|
+
var _ref$current;
|
|
146
|
+
|
|
147
|
+
var doesExceedCollapsedHeightLimit = Number((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientHeight) > COLLAPSED_HEIGHT;
|
|
145
148
|
|
|
146
149
|
if (doesExceedCollapsedHeightLimit && !renderToggleButton) {
|
|
147
150
|
setRenderToggleButton(true);
|
|
@@ -153,9 +156,9 @@ var Editor = function Editor(props) {
|
|
|
153
156
|
}, [setRenderToggleButton, renderToggleButton]);
|
|
154
157
|
react$1.useEffect(function () {
|
|
155
158
|
updateRenderToggleButton();
|
|
156
|
-
}, [props.editor.value.document, updateRenderToggleButton]); // opens the input if it regains focus and it's closed
|
|
159
|
+
}, [(_props$editor2 = props.editor) === null || _props$editor2 === void 0 ? void 0 : _props$editor2.value.document, updateRenderToggleButton]); // opens the input if it regains focus and it's closed
|
|
157
160
|
|
|
158
|
-
if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !props.isOpen) {
|
|
161
|
+
if (prevIsFocused !== ((_props$editor3 = props.editor) === null || _props$editor3 === void 0 ? void 0 : _props$editor3.value.selection.isFocused) && (_props$editor4 = props.editor) !== null && _props$editor4 !== void 0 && _props$editor4.value.selection.isFocused && !props.isOpen) {
|
|
159
162
|
onToggle();
|
|
160
163
|
}
|
|
161
164
|
|
|
@@ -180,6 +183,10 @@ var Editor = function Editor(props) {
|
|
|
180
183
|
toggle = _ref2.toggle,
|
|
181
184
|
containerStyles = _ref2.containerStyles,
|
|
182
185
|
registerContentNode = _ref2.registerContentNode;
|
|
186
|
+
var refObj = {
|
|
187
|
+
containerRef: ref,
|
|
188
|
+
registerContentNode: registerContentNode
|
|
189
|
+
};
|
|
183
190
|
return jsxRuntime.jsxs(Stack__default["default"], {
|
|
184
191
|
scale: "xs",
|
|
185
192
|
children: [jsxRuntime.jsxs(EditorWrapper, {
|
|
@@ -193,18 +200,14 @@ var Editor = function Editor(props) {
|
|
|
193
200
|
children: props.language.toUpperCase()
|
|
194
201
|
})
|
|
195
202
|
}), jsxRuntime.jsx(richTextUtils.RichTextBody, {
|
|
196
|
-
ref:
|
|
197
|
-
containerRef: ref,
|
|
198
|
-
registerContentNode: registerContentNode
|
|
199
|
-
},
|
|
203
|
+
ref: refObj,
|
|
200
204
|
styles: {
|
|
201
205
|
container: _ref$1
|
|
202
206
|
},
|
|
203
|
-
isOpen: props.isOpen,
|
|
204
207
|
hasError: props.hasError,
|
|
205
208
|
isDisabled: props.isDisabled,
|
|
206
209
|
hasWarning: props.hasWarning,
|
|
207
|
-
isReadOnly: props.isReadOnly,
|
|
210
|
+
isReadOnly: Boolean(props.isReadOnly),
|
|
208
211
|
editor: props.editor,
|
|
209
212
|
containerStyles: containerStyles,
|
|
210
213
|
showExpandIcon: props.showExpandIcon,
|
|
@@ -250,10 +253,15 @@ var Editor = function Editor(props) {
|
|
|
250
253
|
});
|
|
251
254
|
}
|
|
252
255
|
});
|
|
253
|
-
};
|
|
256
|
+
};
|
|
254
257
|
|
|
258
|
+
Editor$1.propTypes = {};
|
|
255
259
|
|
|
256
260
|
var renderEditor = function renderEditor(props, editor, next) {
|
|
261
|
+
var _props$editor5;
|
|
262
|
+
|
|
263
|
+
if (props.options.showExpandIcon) ;
|
|
264
|
+
|
|
257
265
|
var internalId = "".concat(props.id, "__internal__id");
|
|
258
266
|
var children = /*#__PURE__*/react$1.cloneElement(next(), {
|
|
259
267
|
id: internalId
|
|
@@ -265,12 +273,12 @@ var renderEditor = function renderEditor(props, editor, next) {
|
|
|
265
273
|
isReadOnly: props.readOnly
|
|
266
274
|
}, pick__default["default"](props.options, ['defaultExpandMultilineText', 'language', 'warning', 'error', 'hasWarning', 'hasError', 'toggleLanguage', 'isOpen', 'showExpandIcon', 'onClickExpand', 'hasLanguagesControl'])), utils.filterDataAttributes(props));
|
|
267
275
|
|
|
268
|
-
var isFocused = props.editor.value.selection.isFocused;
|
|
269
|
-
return jsxRuntime.jsxs(Editor, _objectSpread$3(_objectSpread$3({
|
|
276
|
+
var isFocused = (_props$editor5 = props.editor) === null || _props$editor5 === void 0 ? void 0 : _props$editor5.value.selection.isFocused;
|
|
277
|
+
return jsxRuntime.jsxs(Editor$1, _objectSpread$3(_objectSpread$3({
|
|
270
278
|
editor: editor
|
|
271
279
|
}, passedProps), {}, {
|
|
272
280
|
children: [children, jsxRuntime.jsx(richTextUtils.HiddenInput, {
|
|
273
|
-
isFocused: isFocused,
|
|
281
|
+
isFocused: Boolean(isFocused),
|
|
274
282
|
handleFocus: editor.focus,
|
|
275
283
|
disabled: props.disabled,
|
|
276
284
|
readOnly: props.readOnly,
|
|
@@ -279,18 +287,24 @@ var renderEditor = function renderEditor(props, editor, next) {
|
|
|
279
287
|
}));
|
|
280
288
|
};
|
|
281
289
|
|
|
282
|
-
Editor.displayName = 'Editor';
|
|
283
|
-
Editor.propTypes = {};
|
|
284
|
-
renderEditor.propTypes = {};
|
|
290
|
+
Editor$1.displayName = 'Editor';
|
|
285
291
|
var renderEditor$1 = renderEditor;
|
|
286
292
|
|
|
293
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
294
|
+
|
|
295
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
296
|
+
|
|
287
297
|
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
288
298
|
|
|
289
299
|
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
290
300
|
|
|
291
|
-
|
|
301
|
+
// This is a temporary wrapper component helping to mitigate typing issues of `slate-react@0.22.10` package.
|
|
302
|
+
// TODO: remove after upgrade of `slate-react` to the latest version
|
|
303
|
+
var Editor = function Editor(props) {
|
|
304
|
+
return jsxRuntime.jsx(slateReact.Editor, _objectSpread$2({}, props));
|
|
305
|
+
};
|
|
292
306
|
|
|
293
|
-
|
|
307
|
+
Editor.propTypes = {};
|
|
294
308
|
|
|
295
309
|
var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
296
310
|
_inherits(RichTextInput, _PureComponent);
|
|
@@ -326,6 +340,8 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
326
340
|
// onChange unless this value changes.
|
|
327
341
|
|
|
328
342
|
if (hasSerializedValueChanged) {
|
|
343
|
+
var _this$props$onChange, _this$props;
|
|
344
|
+
|
|
329
345
|
var fakeEvent = {
|
|
330
346
|
target: {
|
|
331
347
|
id: _this.props.id,
|
|
@@ -334,8 +350,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
334
350
|
value: serializedValue
|
|
335
351
|
}
|
|
336
352
|
};
|
|
337
|
-
|
|
338
|
-
_this.props.onChange(fakeEvent);
|
|
353
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fakeEvent);
|
|
339
354
|
}
|
|
340
355
|
|
|
341
356
|
if (hasInternalSlateValueChanged && !hasSerializedValueChanged) {
|
|
@@ -344,7 +359,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
344
359
|
}
|
|
345
360
|
};
|
|
346
361
|
|
|
347
|
-
_this.onBlur = function (
|
|
362
|
+
_this.onBlur = function (_event, _editor, next) {
|
|
348
363
|
next();
|
|
349
364
|
|
|
350
365
|
if (_this.props.onBlur) {
|
|
@@ -356,12 +371,14 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
356
371
|
};
|
|
357
372
|
|
|
358
373
|
_setTimeout__default["default"](function () {
|
|
359
|
-
|
|
374
|
+
var _this$props$onBlur, _this$props2;
|
|
375
|
+
|
|
376
|
+
return (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2, fakeEvent);
|
|
360
377
|
}, 0);
|
|
361
378
|
}
|
|
362
379
|
};
|
|
363
380
|
|
|
364
|
-
_this.onFocus = function (
|
|
381
|
+
_this.onFocus = function (_event, _editor, next) {
|
|
365
382
|
next();
|
|
366
383
|
|
|
367
384
|
if (_this.props.onFocus) {
|
|
@@ -373,7 +390,9 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
373
390
|
};
|
|
374
391
|
|
|
375
392
|
_setTimeout__default["default"](function () {
|
|
376
|
-
|
|
393
|
+
var _this$props$onFocus, _this$props3;
|
|
394
|
+
|
|
395
|
+
return (_this$props$onFocus = (_this$props3 = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props3, fakeEvent);
|
|
377
396
|
}, 0);
|
|
378
397
|
}
|
|
379
398
|
};
|
|
@@ -393,7 +412,11 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
393
412
|
}, {
|
|
394
413
|
key: "render",
|
|
395
414
|
value: function render() {
|
|
396
|
-
|
|
415
|
+
if (!this.props.isReadOnly) ;
|
|
416
|
+
|
|
417
|
+
if (this.props.showExpandIcon) ;
|
|
418
|
+
|
|
419
|
+
return jsxRuntime.jsx(Editor, _objectSpread$2(_objectSpread$2({}, utils.filterDataAttributes(this.props)), {}, {
|
|
397
420
|
id: this.props.id,
|
|
398
421
|
name: this.props.name,
|
|
399
422
|
disabled: this.props.isDisabled,
|
|
@@ -404,9 +427,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
404
427
|
// warning in the console,
|
|
405
428
|
// so instead we pass our extra this.props through this `options` prop.
|
|
406
429
|
,
|
|
407
|
-
options:
|
|
408
|
-
hasLanguagesControl: this.props.hasLanguagesControl
|
|
409
|
-
}, pick__default["default"](this.props, ['language', 'onToggle', 'toggleLanguage', 'isOpen', 'warning', 'error', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'onClickExpand', 'showExpandIcon'])),
|
|
430
|
+
options: pick__default["default"](this.props, ['language', 'onToggle', 'toggleLanguage', 'isOpen', 'warning', 'error', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'onClickExpand', 'showExpandIcon', 'hasLanguagesControl']),
|
|
410
431
|
onChange: this.onValueChange,
|
|
411
432
|
plugins: richTextUtils.richTextPlugins,
|
|
412
433
|
renderEditor: renderEditor$1
|
|
@@ -440,7 +461,11 @@ var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
|
|
|
440
461
|
|
|
441
462
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
442
463
|
|
|
443
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
464
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
465
|
+
var defaultProps = {
|
|
466
|
+
horizontalConstraint: 'scale',
|
|
467
|
+
showExpandIcon: false
|
|
468
|
+
};
|
|
444
469
|
|
|
445
470
|
var expandedTranslationsReducer = function expandedTranslationsReducer(state, action) {
|
|
446
471
|
switch (action.type) {
|
|
@@ -477,6 +502,12 @@ var _ref = {
|
|
|
477
502
|
var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
|
|
478
503
|
var _context2;
|
|
479
504
|
|
|
505
|
+
if (!props.isReadOnly) ;
|
|
506
|
+
|
|
507
|
+
if (props.showExpandIcon) ;
|
|
508
|
+
|
|
509
|
+
if (props.hideLanguageExpansionControls) ;
|
|
510
|
+
|
|
480
511
|
var initialExpandedTranslationsState = _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](props.value)).call(_context2, function (translations, locale) {
|
|
481
512
|
return _objectSpread(_defineProperty({}, locale, Boolean(props.defaultExpandMultilineText)), translations);
|
|
482
513
|
}, {});
|
|
@@ -524,7 +555,6 @@ var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
|
|
|
524
555
|
var isLastLanguage = index === languages.length - 1;
|
|
525
556
|
var hasLanguagesControl = isFirstLanguage && !areLanguagesOpened || isLastLanguage;
|
|
526
557
|
return jsxRuntime.jsx(RichTextInput$1, _objectSpread({
|
|
527
|
-
autoComplete: props.autoComplete,
|
|
528
558
|
id: LocalizedRichTextInput.getId(props.id, language),
|
|
529
559
|
name: LocalizedRichTextInput.getName(props.name, language),
|
|
530
560
|
value: props.value[language],
|
|
@@ -535,10 +565,8 @@ var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
|
|
|
535
565
|
placeholder: props.placeholder ? props.placeholder[language] : undefined,
|
|
536
566
|
onBlur: props.onBlur,
|
|
537
567
|
onFocus: props.onFocus,
|
|
538
|
-
isAutofocussed: index === 0 && props.isAutofocussed,
|
|
539
568
|
isDisabled: props.isDisabled,
|
|
540
569
|
isReadOnly: props.isReadOnly,
|
|
541
|
-
toggleLanguages: toggleLanguages,
|
|
542
570
|
hasError: Boolean(props.hasError || props.errors && props.errors[language]),
|
|
543
571
|
hasWarning: Boolean(props.hasWarning || props.warnings && props.warnings[language]),
|
|
544
572
|
warning: props.warnings && props.warnings[language],
|
|
@@ -561,15 +589,12 @@ var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
|
|
|
561
589
|
});
|
|
562
590
|
};
|
|
563
591
|
|
|
592
|
+
LocalizedRichTextInput.propTypes = {};
|
|
564
593
|
LocalizedRichTextInput.displayName = 'LocalizedRichTextInput';
|
|
565
594
|
LocalizedRichTextInput.RequiredValueErrorMessage = RequiredValueErrorMessage$1;
|
|
566
|
-
LocalizedRichTextInput.propTypes = {};
|
|
567
595
|
LocalizedRichTextInput.getId = localizedUtils.getId;
|
|
568
596
|
LocalizedRichTextInput.getName = localizedUtils.getName;
|
|
569
|
-
LocalizedRichTextInput.defaultProps =
|
|
570
|
-
horizontalConstraint: 'scale',
|
|
571
|
-
showExpandIcon: false
|
|
572
|
-
};
|
|
597
|
+
LocalizedRichTextInput.defaultProps = defaultProps;
|
|
573
598
|
LocalizedRichTextInput.createLocalizedString = richTextUtils.localized.createLocalizedString;
|
|
574
599
|
LocalizedRichTextInput.isEmpty = richTextUtils.localized.isEmpty;
|
|
575
600
|
LocalizedRichTextInput.omitEmptyTranslations = richTextUtils.localized.omitEmptyTranslations;
|
|
@@ -577,7 +602,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
|
|
|
577
602
|
var LocalizedRichTextInput$1 = LocalizedRichTextInput;
|
|
578
603
|
|
|
579
604
|
// NOTE: This string will be replaced on build time with the package version.
|
|
580
|
-
var version = "13.0.
|
|
605
|
+
var version = "13.0.4";
|
|
581
606
|
|
|
582
607
|
exports["default"] = LocalizedRichTextInput$1;
|
|
583
608
|
exports.version = version;
|