@commercetools-uikit/rich-text-input 12.2.3 → 12.2.7
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.
|
@@ -61,7 +61,7 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
|
|
|
61
61
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
62
62
|
|
|
63
63
|
/* eslint-disable import/prefer-default-export */
|
|
64
|
-
var EditorWrapper = _styled__default[
|
|
64
|
+
var EditorWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
65
65
|
target: "e125ents0"
|
|
66
66
|
} : {
|
|
67
67
|
target: "e125ents0",
|
|
@@ -70,9 +70,9 @@ var EditorWrapper = _styled__default['default']("div", process.env.NODE_ENV ===
|
|
|
70
70
|
return props.isDisabled ? 'not-allowed' : 'inherit';
|
|
71
71
|
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVkaXRvci5zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6ImVkaXRvci5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0ICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEVkaXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnaW5oZXJpdCcpfTtcbmA7XG5cbmV4cG9ydCB7IEVkaXRvcldyYXBwZXIgfTtcbiJdfQ== */"));
|
|
72
72
|
|
|
73
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
73
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
74
74
|
|
|
75
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
75
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
76
76
|
var COLLAPSED_HEIGHT = 32;
|
|
77
77
|
|
|
78
78
|
var Editor = function Editor(props) {
|
|
@@ -99,7 +99,7 @@ var Editor = function Editor(props) {
|
|
|
99
99
|
react.useEffect(function () {
|
|
100
100
|
updateRenderToggleButton();
|
|
101
101
|
}, [props.editor.value.document, updateRenderToggleButton]);
|
|
102
|
-
return jsxRuntime.jsx(CollapsibleMotion__default[
|
|
102
|
+
return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
|
|
103
103
|
minHeight: COLLAPSED_HEIGHT,
|
|
104
104
|
isDefaultClosed: !props.defaultExpandMultilineText,
|
|
105
105
|
children: function children(_ref) {
|
|
@@ -113,9 +113,9 @@ var Editor = function Editor(props) {
|
|
|
113
113
|
toggle();
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
return jsxRuntime.jsx(Constraints__default[
|
|
116
|
+
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
117
117
|
max: props.horizontalConstraint,
|
|
118
|
-
children: jsxRuntime.jsxs(Stack__default[
|
|
118
|
+
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
119
119
|
scale: "xs",
|
|
120
120
|
alignItems: "flex-end",
|
|
121
121
|
children: [jsxRuntime.jsx(EditorWrapper, {
|
|
@@ -137,7 +137,7 @@ var Editor = function Editor(props) {
|
|
|
137
137
|
children: props.children
|
|
138
138
|
})
|
|
139
139
|
}), renderToggleButton && // <div>
|
|
140
|
-
jsxRuntime.jsx(FlatButton__default[
|
|
140
|
+
jsxRuntime.jsx(FlatButton__default["default"], {
|
|
141
141
|
onClick: toggle,
|
|
142
142
|
label: isOpen ? intl.formatMessage(inputUtils.messagesMultilineInput.collapse) : intl.formatMessage(inputUtils.messagesMultilineInput.expand),
|
|
143
143
|
icon: isOpen ? jsxRuntime.jsx(icons.AngleUpIcon, {
|
|
@@ -166,7 +166,7 @@ var renderEditor = function renderEditor(props, editor, next) {
|
|
|
166
166
|
id: props.id,
|
|
167
167
|
isReadOnly: props.readOnly,
|
|
168
168
|
isDisabled: props.disabled
|
|
169
|
-
}, pick__default[
|
|
169
|
+
}, pick__default["default"](props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), utils.filterDataAttributes(props));
|
|
170
170
|
|
|
171
171
|
return jsxRuntime.jsxs(Editor, _objectSpread$1(_objectSpread$1({
|
|
172
172
|
editor: editor
|
|
@@ -182,32 +182,32 @@ var renderEditor = function renderEditor(props, editor, next) {
|
|
|
182
182
|
};
|
|
183
183
|
|
|
184
184
|
var sharedProps = process.env.NODE_ENV !== "production" ? {
|
|
185
|
-
id: PropTypes__default[
|
|
186
|
-
name: PropTypes__default[
|
|
187
|
-
placeholder: PropTypes__default[
|
|
188
|
-
disabled: PropTypes__default[
|
|
189
|
-
readOnly: PropTypes__default[
|
|
190
|
-
horizontalConstraint: PropTypes__default[
|
|
185
|
+
id: PropTypes__default["default"].string,
|
|
186
|
+
name: PropTypes__default["default"].string,
|
|
187
|
+
placeholder: PropTypes__default["default"].string,
|
|
188
|
+
disabled: PropTypes__default["default"].bool,
|
|
189
|
+
readOnly: PropTypes__default["default"].bool,
|
|
190
|
+
horizontalConstraint: PropTypes__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
191
191
|
} : {};
|
|
192
192
|
Editor.displayName = 'Editor';
|
|
193
193
|
Editor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, sharedProps), {}, {
|
|
194
|
-
editor: PropTypes__default[
|
|
194
|
+
editor: PropTypes__default["default"].any
|
|
195
195
|
}) : {};
|
|
196
196
|
renderEditor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, sharedProps), {}, {
|
|
197
|
-
options: PropTypes__default[
|
|
198
|
-
hasWarning: PropTypes__default[
|
|
199
|
-
hasError: PropTypes__default[
|
|
197
|
+
options: PropTypes__default["default"].shape({
|
|
198
|
+
hasWarning: PropTypes__default["default"].bool,
|
|
199
|
+
hasError: PropTypes__default["default"].bool
|
|
200
200
|
})
|
|
201
201
|
}) : {};
|
|
202
202
|
var renderEditor$1 = renderEditor;
|
|
203
203
|
|
|
204
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
204
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
205
205
|
|
|
206
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
206
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
207
207
|
|
|
208
|
-
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[
|
|
208
|
+
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); }; }
|
|
209
209
|
|
|
210
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default[
|
|
210
|
+
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; } }
|
|
211
211
|
|
|
212
212
|
var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
213
213
|
_inherits(RichTextInput, _PureComponent);
|
|
@@ -225,7 +225,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
225
225
|
args[_key] = arguments[_key];
|
|
226
226
|
}
|
|
227
227
|
|
|
228
|
-
_this = _super.call.apply(_super, _concatInstanceProperty__default[
|
|
228
|
+
_this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
|
|
229
229
|
_this.serializedValue = _this.props.value || '';
|
|
230
230
|
_this.internalSlateValue = richTextUtils.html.deserialize(_this.props.value || '');
|
|
231
231
|
|
|
@@ -271,7 +271,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
271
271
|
}
|
|
272
272
|
};
|
|
273
273
|
|
|
274
|
-
_setTimeout__default[
|
|
274
|
+
_setTimeout__default["default"](function () {
|
|
275
275
|
return _this.props.onBlur(fakeEvent);
|
|
276
276
|
}, 0);
|
|
277
277
|
}
|
|
@@ -288,7 +288,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
288
288
|
}
|
|
289
289
|
};
|
|
290
290
|
|
|
291
|
-
_setTimeout__default[
|
|
291
|
+
_setTimeout__default["default"](function () {
|
|
292
292
|
return _this.props.onFocus(fakeEvent);
|
|
293
293
|
}, 0);
|
|
294
294
|
}
|
|
@@ -329,7 +329,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
329
329
|
// warning in the console,
|
|
330
330
|
// so instead we pass our extra this.props through this `options` prop.
|
|
331
331
|
,
|
|
332
|
-
options: pick__default[
|
|
332
|
+
options: pick__default["default"](this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
|
|
333
333
|
onChange: this.onValueChange,
|
|
334
334
|
plugins: richTextUtils.richTextPlugins,
|
|
335
335
|
renderEditor: renderEditor$1
|
|
@@ -354,31 +354,31 @@ RichTextInput.isTouched = function (touched) {
|
|
|
354
354
|
};
|
|
355
355
|
|
|
356
356
|
RichTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
357
|
-
isAutofocussed: PropTypes__default[
|
|
358
|
-
defaultExpandMultilineText: PropTypes__default[
|
|
359
|
-
hasError: PropTypes__default[
|
|
360
|
-
hasWarning: PropTypes__default[
|
|
361
|
-
id: PropTypes__default[
|
|
362
|
-
name: PropTypes__default[
|
|
363
|
-
placeholder: PropTypes__default[
|
|
364
|
-
isDisabled: PropTypes__default[
|
|
365
|
-
isReadOnly: PropTypes__default[
|
|
366
|
-
horizontalConstraint: PropTypes__default[
|
|
367
|
-
onChange: requiredIf__default[
|
|
357
|
+
isAutofocussed: PropTypes__default["default"].bool,
|
|
358
|
+
defaultExpandMultilineText: PropTypes__default["default"].bool,
|
|
359
|
+
hasError: PropTypes__default["default"].bool,
|
|
360
|
+
hasWarning: PropTypes__default["default"].bool,
|
|
361
|
+
id: PropTypes__default["default"].string,
|
|
362
|
+
name: PropTypes__default["default"].string,
|
|
363
|
+
placeholder: PropTypes__default["default"].string.isRequired,
|
|
364
|
+
isDisabled: PropTypes__default["default"].bool,
|
|
365
|
+
isReadOnly: PropTypes__default["default"].bool,
|
|
366
|
+
horizontalConstraint: PropTypes__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
367
|
+
onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
|
|
368
368
|
return !props.isReadOnly;
|
|
369
369
|
}),
|
|
370
|
-
onFocus: PropTypes__default[
|
|
371
|
-
onBlur: PropTypes__default[
|
|
372
|
-
value: PropTypes__default[
|
|
373
|
-
showExpandIcon: PropTypes__default[
|
|
374
|
-
onClickExpand: requiredIf__default[
|
|
370
|
+
onFocus: PropTypes__default["default"].func,
|
|
371
|
+
onBlur: PropTypes__default["default"].func,
|
|
372
|
+
value: PropTypes__default["default"].string,
|
|
373
|
+
showExpandIcon: PropTypes__default["default"].bool.isRequired,
|
|
374
|
+
onClickExpand: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
|
|
375
375
|
return props.showExpandIcon;
|
|
376
376
|
})
|
|
377
377
|
} : {};
|
|
378
378
|
var RichTextInput$1 = RichTextInput;
|
|
379
379
|
|
|
380
|
-
// NOTE: This string will be replaced
|
|
381
|
-
var version =
|
|
380
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
381
|
+
var version = "12.2.7";
|
|
382
382
|
|
|
383
|
-
exports[
|
|
383
|
+
exports["default"] = RichTextInput$1;
|
|
384
384
|
exports.version = version;
|
|
@@ -59,15 +59,15 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
|
|
|
59
59
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
60
60
|
|
|
61
61
|
/* eslint-disable import/prefer-default-export */
|
|
62
|
-
var EditorWrapper = _styled__default[
|
|
62
|
+
var EditorWrapper = _styled__default["default"]("div", {
|
|
63
63
|
target: "e125ents0"
|
|
64
64
|
} )("align-self:stretch;cursor:", function (props) {
|
|
65
65
|
return props.isDisabled ? 'not-allowed' : 'inherit';
|
|
66
66
|
}, ";" + ("" ));
|
|
67
67
|
|
|
68
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
68
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
69
69
|
|
|
70
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
70
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
71
71
|
var COLLAPSED_HEIGHT = 32;
|
|
72
72
|
|
|
73
73
|
var Editor = function Editor(props) {
|
|
@@ -94,7 +94,7 @@ var Editor = function Editor(props) {
|
|
|
94
94
|
react.useEffect(function () {
|
|
95
95
|
updateRenderToggleButton();
|
|
96
96
|
}, [props.editor.value.document, updateRenderToggleButton]);
|
|
97
|
-
return jsxRuntime.jsx(CollapsibleMotion__default[
|
|
97
|
+
return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
|
|
98
98
|
minHeight: COLLAPSED_HEIGHT,
|
|
99
99
|
isDefaultClosed: !props.defaultExpandMultilineText,
|
|
100
100
|
children: function children(_ref) {
|
|
@@ -108,9 +108,9 @@ var Editor = function Editor(props) {
|
|
|
108
108
|
toggle();
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
return jsxRuntime.jsx(Constraints__default[
|
|
111
|
+
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
112
112
|
max: props.horizontalConstraint,
|
|
113
|
-
children: jsxRuntime.jsxs(Stack__default[
|
|
113
|
+
children: jsxRuntime.jsxs(Stack__default["default"], {
|
|
114
114
|
scale: "xs",
|
|
115
115
|
alignItems: "flex-end",
|
|
116
116
|
children: [jsxRuntime.jsx(EditorWrapper, {
|
|
@@ -132,7 +132,7 @@ var Editor = function Editor(props) {
|
|
|
132
132
|
children: props.children
|
|
133
133
|
})
|
|
134
134
|
}), renderToggleButton && // <div>
|
|
135
|
-
jsxRuntime.jsx(FlatButton__default[
|
|
135
|
+
jsxRuntime.jsx(FlatButton__default["default"], {
|
|
136
136
|
onClick: toggle,
|
|
137
137
|
label: isOpen ? intl.formatMessage(inputUtils.messagesMultilineInput.collapse) : intl.formatMessage(inputUtils.messagesMultilineInput.expand),
|
|
138
138
|
icon: isOpen ? jsxRuntime.jsx(icons.AngleUpIcon, {
|
|
@@ -161,7 +161,7 @@ var renderEditor = function renderEditor(props, editor, next) {
|
|
|
161
161
|
id: props.id,
|
|
162
162
|
isReadOnly: props.readOnly,
|
|
163
163
|
isDisabled: props.disabled
|
|
164
|
-
}, pick__default[
|
|
164
|
+
}, pick__default["default"](props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), utils.filterDataAttributes(props));
|
|
165
165
|
|
|
166
166
|
return jsxRuntime.jsxs(Editor, _objectSpread$1(_objectSpread$1({
|
|
167
167
|
editor: editor
|
|
@@ -180,13 +180,13 @@ Editor.propTypes = {};
|
|
|
180
180
|
renderEditor.propTypes = {};
|
|
181
181
|
var renderEditor$1 = renderEditor;
|
|
182
182
|
|
|
183
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
183
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
184
184
|
|
|
185
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
185
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
186
186
|
|
|
187
|
-
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[
|
|
187
|
+
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); }; }
|
|
188
188
|
|
|
189
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default[
|
|
189
|
+
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; } }
|
|
190
190
|
|
|
191
191
|
var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
192
192
|
_inherits(RichTextInput, _PureComponent);
|
|
@@ -204,7 +204,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
204
204
|
args[_key] = arguments[_key];
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
_this = _super.call.apply(_super, _concatInstanceProperty__default[
|
|
207
|
+
_this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
|
|
208
208
|
_this.serializedValue = _this.props.value || '';
|
|
209
209
|
_this.internalSlateValue = richTextUtils.html.deserialize(_this.props.value || '');
|
|
210
210
|
|
|
@@ -250,7 +250,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
250
250
|
}
|
|
251
251
|
};
|
|
252
252
|
|
|
253
|
-
_setTimeout__default[
|
|
253
|
+
_setTimeout__default["default"](function () {
|
|
254
254
|
return _this.props.onBlur(fakeEvent);
|
|
255
255
|
}, 0);
|
|
256
256
|
}
|
|
@@ -267,7 +267,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
267
267
|
}
|
|
268
268
|
};
|
|
269
269
|
|
|
270
|
-
_setTimeout__default[
|
|
270
|
+
_setTimeout__default["default"](function () {
|
|
271
271
|
return _this.props.onFocus(fakeEvent);
|
|
272
272
|
}, 0);
|
|
273
273
|
}
|
|
@@ -308,7 +308,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
308
308
|
// warning in the console,
|
|
309
309
|
// so instead we pass our extra this.props through this `options` prop.
|
|
310
310
|
,
|
|
311
|
-
options: pick__default[
|
|
311
|
+
options: pick__default["default"](this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
|
|
312
312
|
onChange: this.onValueChange,
|
|
313
313
|
plugins: richTextUtils.richTextPlugins,
|
|
314
314
|
renderEditor: renderEditor$1
|
|
@@ -335,8 +335,8 @@ RichTextInput.isTouched = function (touched) {
|
|
|
335
335
|
RichTextInput.propTypes = {};
|
|
336
336
|
var RichTextInput$1 = RichTextInput;
|
|
337
337
|
|
|
338
|
-
// NOTE: This string will be replaced
|
|
339
|
-
var version =
|
|
338
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
339
|
+
var version = "12.2.7";
|
|
340
340
|
|
|
341
|
-
exports[
|
|
341
|
+
exports["default"] = RichTextInput$1;
|
|
342
342
|
exports.version = version;
|
|
@@ -351,7 +351,7 @@ RichTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
351
351
|
} : {};
|
|
352
352
|
var RichTextInput$1 = RichTextInput;
|
|
353
353
|
|
|
354
|
-
// NOTE: This string will be replaced
|
|
355
|
-
var version =
|
|
354
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
355
|
+
var version = "12.2.7";
|
|
356
356
|
|
|
357
357
|
export { RichTextInput$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/rich-text-input",
|
|
3
3
|
"description": "A controlled rich text input component for rich text with validation states.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.7",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,28 +18,25 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-rich-text-input.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-rich-text-input.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/collapsible-motion": "12.2.
|
|
29
|
-
"@commercetools-uikit/constraints": "12.2.
|
|
30
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
31
|
-
"@commercetools-uikit/flat-button": "12.2.
|
|
32
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
33
|
-
"@commercetools-uikit/icons": "12.2.
|
|
34
|
-
"@commercetools-uikit/input-utils": "12.2.
|
|
35
|
-
"@commercetools-uikit/rich-text-utils": "12.2.
|
|
36
|
-
"@commercetools-uikit/spacings-inline": "12.2.
|
|
37
|
-
"@commercetools-uikit/spacings-stack": "12.2.
|
|
38
|
-
"@commercetools-uikit/tooltip": "12.2.
|
|
39
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.16.3",
|
|
23
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
24
|
+
"@commercetools-uikit/collapsible-motion": "12.2.5",
|
|
25
|
+
"@commercetools-uikit/constraints": "12.2.5",
|
|
26
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
27
|
+
"@commercetools-uikit/flat-button": "12.2.5",
|
|
28
|
+
"@commercetools-uikit/hooks": "12.2.5",
|
|
29
|
+
"@commercetools-uikit/icons": "12.2.7",
|
|
30
|
+
"@commercetools-uikit/input-utils": "12.2.7",
|
|
31
|
+
"@commercetools-uikit/rich-text-utils": "12.2.7",
|
|
32
|
+
"@commercetools-uikit/spacings-inline": "12.2.5",
|
|
33
|
+
"@commercetools-uikit/spacings-stack": "12.2.5",
|
|
34
|
+
"@commercetools-uikit/tooltip": "12.2.5",
|
|
35
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
40
36
|
"@emotion/react": "^11.4.0",
|
|
41
37
|
"@emotion/styled": "^11.3.0",
|
|
42
38
|
"downshift": "6.1.7",
|
|
43
|
-
"immutable": "4.0.0
|
|
39
|
+
"immutable": "4.0.0",
|
|
44
40
|
"is-hotkey": "0.2.0",
|
|
45
41
|
"lodash": "4.17.21",
|
|
46
42
|
"prop-types": "15.7.2",
|
|
@@ -51,7 +47,7 @@
|
|
|
51
47
|
},
|
|
52
48
|
"devDependencies": {
|
|
53
49
|
"react": "17.0.2",
|
|
54
|
-
"react-intl": "5.
|
|
50
|
+
"react-intl": "5.21.2"
|
|
55
51
|
},
|
|
56
52
|
"peerDependencies": {
|
|
57
53
|
"react": "17.x",
|