@commercetools-uikit/rich-text-input 12.2.1 → 12.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-rich-text-input.cjs.dev.js +136 -125
  2. package/dist/commercetools-uikit-rich-text-input.cjs.prod.js +106 -95
  3. package/dist/commercetools-uikit-rich-text-input.esm.js +97 -86
  4. package/package.json +27 -24
package/dist/commercetools-uikit-rich-text-input.cjs.dev.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
6
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
15
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
8
16
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
9
17
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -11,22 +19,13 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
11
19
  var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
12
20
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
13
21
  var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
14
- var React = require('react');
22
+ var react = require('react');
15
23
  var PropTypes = require('prop-types');
16
24
  var requiredIf = require('react-required-if');
17
25
  var slateReact = require('slate-react');
18
26
  var pick = require('lodash/pick');
19
27
  var utils = require('@commercetools-uikit/utils');
20
28
  var richTextUtils = require('@commercetools-uikit/rich-text-utils');
21
- var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
22
- var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
23
- var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
24
- var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
25
- var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
26
- var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
27
- var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
28
- var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
29
- var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
30
29
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
31
30
  var reactIntl = require('react-intl');
32
31
  var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
@@ -37,17 +36,11 @@ var Constraints = require('@commercetools-uikit/constraints');
37
36
  var FlatButton = require('@commercetools-uikit/flat-button');
38
37
  var inputUtils = require('@commercetools-uikit/input-utils');
39
38
  var _styled = require('@emotion/styled/base');
40
- var react = require('@emotion/react');
39
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
41
40
 
42
41
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
43
42
 
44
43
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
45
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
46
- var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
47
- var React__default = /*#__PURE__*/_interopDefault(React);
48
- var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
49
- var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
50
- var pick__default = /*#__PURE__*/_interopDefault(pick);
51
44
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
52
45
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
53
46
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -56,6 +49,11 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
56
49
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
57
50
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
58
51
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
52
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
53
+ var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
54
+ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
55
+ var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
56
+ var pick__default = /*#__PURE__*/_interopDefault(pick);
59
57
  var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
60
58
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
61
59
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
@@ -63,31 +61,31 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
63
61
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
64
62
 
65
63
  /* eslint-disable import/prefer-default-export */
66
- var EditorWrapper = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
64
+ var EditorWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
67
65
  target: "e125ents0"
68
66
  } : {
69
67
  target: "e125ents0",
70
68
  label: "EditorWrapper"
71
69
  })("align-self:stretch;cursor:", function (props) {
72
70
  return props.isDisabled ? 'not-allowed' : 'inherit';
73
- }, ";");
71
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVkaXRvci5zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6ImVkaXRvci5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0ICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEVkaXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnaW5oZXJpdCcpfTtcbmA7XG5cbmV4cG9ydCB7IEVkaXRvcldyYXBwZXIgfTtcbiJdfQ== */"));
74
72
 
75
- 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; }
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; }
76
74
 
77
- function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
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; }
78
76
  var COLLAPSED_HEIGHT = 32;
79
77
 
80
78
  var Editor = function Editor(props) {
81
79
  var intl = reactIntl.useIntl();
82
- var ref = React__default['default'].useRef();
80
+ var ref = react.useRef();
83
81
  var prevIsFocused = hooks.usePrevious(props.editor.value.selection.isFocused);
84
82
 
85
- var _React$useState = React__default['default'].useState(false),
86
- _React$useState2 = _slicedToArray(_React$useState, 2),
87
- renderToggleButton = _React$useState2[0],
88
- setRenderToggleButton = _React$useState2[1];
83
+ var _useState = react.useState(false),
84
+ _useState2 = _slicedToArray(_useState, 2),
85
+ renderToggleButton = _useState2[0],
86
+ setRenderToggleButton = _useState2[1];
89
87
 
90
- var updateRenderToggleButton = React__default['default'].useCallback(function () {
88
+ var updateRenderToggleButton = react.useCallback(function () {
91
89
  var doesExceedCollapsedHeightLimit = ref.current.clientHeight > COLLAPSED_HEIGHT;
92
90
 
93
91
  if (doesExceedCollapsedHeightLimit && !renderToggleButton) {
@@ -98,109 +96,121 @@ var Editor = function Editor(props) {
98
96
  setRenderToggleButton(false);
99
97
  }
100
98
  }, [setRenderToggleButton, renderToggleButton]);
101
- React__default['default'].useEffect(function () {
99
+ react.useEffect(function () {
102
100
  updateRenderToggleButton();
103
101
  }, [props.editor.value.document, updateRenderToggleButton]);
104
- return react.jsx(CollapsibleMotion__default['default'], {
102
+ return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
105
103
  minHeight: COLLAPSED_HEIGHT,
106
- isDefaultClosed: !props.defaultExpandMultilineText
107
- }, function (_ref) {
108
- var isOpen = _ref.isOpen,
109
- toggle = _ref.toggle,
110
- containerStyles = _ref.containerStyles,
111
- registerContentNode = _ref.registerContentNode;
112
-
113
- // opens the input if it regains focus and it's closed
114
- if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !isOpen) {
115
- toggle();
116
- }
104
+ isDefaultClosed: !props.defaultExpandMultilineText,
105
+ children: function children(_ref) {
106
+ var isOpen = _ref.isOpen,
107
+ toggle = _ref.toggle,
108
+ containerStyles = _ref.containerStyles,
109
+ registerContentNode = _ref.registerContentNode;
110
+
111
+ // opens the input if it regains focus and it's closed
112
+ if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !isOpen) {
113
+ toggle();
114
+ }
117
115
 
118
- return react.jsx(Constraints__default['default'].Horizontal, {
119
- max: props.horizontalConstraint
120
- }, react.jsx(Stack__default['default'], {
121
- scale: "xs",
122
- alignItems: "flex-end"
123
- }, react.jsx(EditorWrapper, {
124
- isDisabled: props.isDisabled,
125
- isReadOnly: props.isReadOnly
126
- }, react.jsx(richTextUtils.RichTextBody, {
127
- ref: {
128
- containerRef: ref,
129
- registerContentNode: registerContentNode
130
- },
131
- hasError: props.hasError,
132
- isDisabled: props.isDisabled,
133
- hasWarning: props.hasWarning,
134
- isReadOnly: props.isReadOnly,
135
- showExpandIcon: props.showExpandIcon,
136
- onClickExpand: props.onClickExpand,
137
- editor: props.editor,
138
- containerStyles: containerStyles
139
- }, props.children)), renderToggleButton && // <div>
140
- react.jsx(FlatButton__default['default'], {
141
- onClick: toggle,
142
- label: isOpen ? intl.formatMessage(inputUtils.messagesMultilineInput.collapse) : intl.formatMessage(inputUtils.messagesMultilineInput.expand),
143
- icon: isOpen ? react.jsx(icons.AngleUpIcon, {
144
- size: "small"
145
- }) : react.jsx(icons.AngleDownIcon, {
146
- size: "small"
147
- })
148
- }) // </div>
149
- ));
116
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
117
+ max: props.horizontalConstraint,
118
+ children: jsxRuntime.jsxs(Stack__default["default"], {
119
+ scale: "xs",
120
+ alignItems: "flex-end",
121
+ children: [jsxRuntime.jsx(EditorWrapper, {
122
+ isDisabled: props.isDisabled,
123
+ isReadOnly: props.isReadOnly,
124
+ children: jsxRuntime.jsx(richTextUtils.RichTextBody, {
125
+ ref: {
126
+ containerRef: ref,
127
+ registerContentNode: registerContentNode
128
+ },
129
+ hasError: props.hasError,
130
+ isDisabled: props.isDisabled,
131
+ hasWarning: props.hasWarning,
132
+ isReadOnly: props.isReadOnly,
133
+ showExpandIcon: props.showExpandIcon,
134
+ onClickExpand: props.onClickExpand,
135
+ editor: props.editor,
136
+ containerStyles: containerStyles,
137
+ children: props.children
138
+ })
139
+ }), renderToggleButton && // <div>
140
+ jsxRuntime.jsx(FlatButton__default["default"], {
141
+ onClick: toggle,
142
+ label: isOpen ? intl.formatMessage(inputUtils.messagesMultilineInput.collapse) : intl.formatMessage(inputUtils.messagesMultilineInput.expand),
143
+ icon: isOpen ? jsxRuntime.jsx(icons.AngleUpIcon, {
144
+ size: "small"
145
+ }) : jsxRuntime.jsx(icons.AngleDownIcon, {
146
+ size: "small"
147
+ })
148
+ }) // </div>
149
+ ]
150
+ })
151
+ });
152
+ }
150
153
  });
151
154
  }; // eslint-disable-next-line react/display-name
152
155
 
153
156
 
154
157
  var renderEditor = function renderEditor(props, editor, next) {
155
158
  var internalId = "".concat(props.id, "__internal__id");
156
- var children = /*#__PURE__*/React__default['default'].cloneElement(next(), {
159
+ var children = /*#__PURE__*/react.cloneElement(next(), {
157
160
  id: internalId
158
161
  });
159
162
  var isFocused = props.editor.value.selection.isFocused;
160
163
 
161
- var passedProps = _objectSpread(_objectSpread({
164
+ var passedProps = _objectSpread$1(_objectSpread$1({
162
165
  name: props.name,
163
166
  id: props.id,
164
167
  isReadOnly: props.readOnly,
165
168
  isDisabled: props.disabled
166
- }, pick__default['default'](props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), utils.filterDataAttributes(props));
169
+ }, pick__default["default"](props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), utils.filterDataAttributes(props));
167
170
 
168
- return react.jsx(Editor, _extends({
171
+ return jsxRuntime.jsxs(Editor, _objectSpread$1(_objectSpread$1({
169
172
  editor: editor
170
- }, passedProps), children, react.jsx(richTextUtils.HiddenInput, {
171
- isFocused: isFocused,
172
- handleFocus: editor.focus,
173
- id: props.id,
174
- disabled: props.disabled,
175
- readOnly: props.readOnly
173
+ }, passedProps), {}, {
174
+ children: [children, jsxRuntime.jsx(richTextUtils.HiddenInput, {
175
+ isFocused: isFocused,
176
+ handleFocus: editor.focus,
177
+ id: props.id,
178
+ disabled: props.disabled,
179
+ readOnly: props.readOnly
180
+ })]
176
181
  }));
177
182
  };
178
183
 
179
184
  var sharedProps = process.env.NODE_ENV !== "production" ? {
180
- id: PropTypes__default['default'].string,
181
- name: PropTypes__default['default'].string,
182
- placeholder: PropTypes__default['default'].string,
183
- disabled: PropTypes__default['default'].bool,
184
- readOnly: PropTypes__default['default'].bool,
185
- horizontalConstraint: PropTypes__default['default'].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
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'])
186
191
  } : {};
187
192
  Editor.displayName = 'Editor';
188
- Editor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread(_objectSpread({}, sharedProps), {}, {
189
- editor: PropTypes__default['default'].any
193
+ Editor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, sharedProps), {}, {
194
+ editor: PropTypes__default["default"].any
190
195
  }) : {};
191
- renderEditor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread(_objectSpread({}, sharedProps), {}, {
192
- options: PropTypes__default['default'].shape({
193
- hasWarning: PropTypes__default['default'].bool,
194
- hasError: PropTypes__default['default'].bool
196
+ renderEditor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, sharedProps), {}, {
197
+ options: PropTypes__default["default"].shape({
198
+ hasWarning: PropTypes__default["default"].bool,
199
+ hasError: PropTypes__default["default"].bool
195
200
  })
196
201
  }) : {};
202
+ var renderEditor$1 = renderEditor;
203
+
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
+
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; }
197
207
 
198
- 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); }; }
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); }; }
199
209
 
200
- 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 { Date.prototype.toString.call(_Reflect$construct__default['default'](Date, [], function () {})); return true; } catch (e) { return false; } }
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; } }
201
211
 
202
- var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
203
- _inherits(RichTextInput, _React$PureComponent);
212
+ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
213
+ _inherits(RichTextInput, _PureComponent);
204
214
 
205
215
  var _super = _createSuper(RichTextInput);
206
216
 
@@ -215,7 +225,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
215
225
  args[_key] = arguments[_key];
216
226
  }
217
227
 
218
- _this = _super.call.apply(_super, _concatInstanceProperty__default['default'](_context = [this]).call(_context, args));
228
+ _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
219
229
  _this.serializedValue = _this.props.value || '';
220
230
  _this.internalSlateValue = richTextUtils.html.deserialize(_this.props.value || '');
221
231
 
@@ -261,7 +271,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
261
271
  }
262
272
  };
263
273
 
264
- _setTimeout__default['default'](function () {
274
+ _setTimeout__default["default"](function () {
265
275
  return _this.props.onBlur(fakeEvent);
266
276
  }, 0);
267
277
  }
@@ -278,7 +288,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
278
288
  }
279
289
  };
280
290
 
281
- _setTimeout__default['default'](function () {
291
+ _setTimeout__default["default"](function () {
282
292
  return _this.props.onFocus(fakeEvent);
283
293
  }, 0);
284
294
  }
@@ -307,7 +317,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
307
317
  }, {
308
318
  key: "render",
309
319
  value: function render() {
310
- return react.jsx(slateReact.Editor, _extends({}, utils.filterDataAttributes(this.props), {
320
+ return jsxRuntime.jsx(slateReact.Editor, _objectSpread(_objectSpread({}, utils.filterDataAttributes(this.props)), {}, {
311
321
  autoFocus: this.props.isAutofocussed,
312
322
  id: this.props.id,
313
323
  name: this.props.name,
@@ -319,16 +329,16 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
319
329
  // warning in the console,
320
330
  // so instead we pass our extra this.props through this `options` prop.
321
331
  ,
322
- options: pick__default['default'](this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
332
+ options: pick__default["default"](this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
323
333
  onChange: this.onValueChange,
324
334
  plugins: richTextUtils.richTextPlugins,
325
- renderEditor: renderEditor
335
+ renderEditor: renderEditor$1
326
336
  }));
327
337
  }
328
338
  }]);
329
339
 
330
340
  return RichTextInput;
331
- }(React__default['default'].PureComponent);
341
+ }(react.PureComponent);
332
342
 
333
343
  RichTextInput.defaultProps = {
334
344
  defaultExpandMultilineText: false,
@@ -344,30 +354,31 @@ RichTextInput.isTouched = function (touched) {
344
354
  };
345
355
 
346
356
  RichTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
347
- isAutofocussed: PropTypes__default['default'].bool,
348
- defaultExpandMultilineText: PropTypes__default['default'].bool,
349
- hasError: PropTypes__default['default'].bool,
350
- hasWarning: PropTypes__default['default'].bool,
351
- id: PropTypes__default['default'].string,
352
- name: PropTypes__default['default'].string,
353
- placeholder: PropTypes__default['default'].string.isRequired,
354
- isDisabled: PropTypes__default['default'].bool,
355
- isReadOnly: PropTypes__default['default'].bool,
356
- horizontalConstraint: PropTypes__default['default'].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
357
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
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) {
358
368
  return !props.isReadOnly;
359
369
  }),
360
- onFocus: PropTypes__default['default'].func,
361
- onBlur: PropTypes__default['default'].func,
362
- value: PropTypes__default['default'].string,
363
- showExpandIcon: PropTypes__default['default'].bool.isRequired,
364
- onClickExpand: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
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) {
365
375
  return props.showExpandIcon;
366
376
  })
367
377
  } : {};
378
+ var RichTextInput$1 = RichTextInput;
368
379
 
369
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
370
- var version = '12.2.1';
380
+ // NOTE: This string will be replaced on build time with the package version.
381
+ var version = "12.2.5";
371
382
 
372
- exports.default = RichTextInput;
383
+ exports["default"] = RichTextInput$1;
373
384
  exports.version = version;
package/dist/commercetools-uikit-rich-text-input.cjs.prod.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
6
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
15
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
8
16
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
9
17
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -11,22 +19,13 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
11
19
  var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
12
20
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
13
21
  var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
14
- var React = require('react');
22
+ var react = require('react');
15
23
  require('prop-types');
16
24
  require('react-required-if');
17
25
  var slateReact = require('slate-react');
18
26
  var pick = require('lodash/pick');
19
27
  var utils = require('@commercetools-uikit/utils');
20
28
  var richTextUtils = require('@commercetools-uikit/rich-text-utils');
21
- var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
22
- var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
23
- var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
24
- var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
25
- var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
26
- var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
27
- var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
28
- var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
29
- var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
30
29
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
31
30
  var reactIntl = require('react-intl');
32
31
  var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
@@ -37,15 +36,11 @@ var Constraints = require('@commercetools-uikit/constraints');
37
36
  var FlatButton = require('@commercetools-uikit/flat-button');
38
37
  var inputUtils = require('@commercetools-uikit/input-utils');
39
38
  var _styled = require('@emotion/styled/base');
40
- var react = require('@emotion/react');
39
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
41
40
 
42
41
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
43
42
 
44
43
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
45
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
46
- var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
47
- var React__default = /*#__PURE__*/_interopDefault(React);
48
- var pick__default = /*#__PURE__*/_interopDefault(pick);
49
44
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
50
45
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
51
46
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -54,6 +49,9 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
54
49
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
55
50
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
56
51
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
52
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
53
+ var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
54
+ var pick__default = /*#__PURE__*/_interopDefault(pick);
57
55
  var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
58
56
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
59
57
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
@@ -61,28 +59,28 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
61
59
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
62
60
 
63
61
  /* eslint-disable import/prefer-default-export */
64
- var EditorWrapper = _styled__default['default']("div", {
62
+ var EditorWrapper = _styled__default["default"]("div", {
65
63
  target: "e125ents0"
66
64
  } )("align-self:stretch;cursor:", function (props) {
67
65
  return props.isDisabled ? 'not-allowed' : 'inherit';
68
- }, ";");
66
+ }, ";" + ("" ));
69
67
 
70
- 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; }
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; }
71
69
 
72
- function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
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; }
73
71
  var COLLAPSED_HEIGHT = 32;
74
72
 
75
73
  var Editor = function Editor(props) {
76
74
  var intl = reactIntl.useIntl();
77
- var ref = React__default['default'].useRef();
75
+ var ref = react.useRef();
78
76
  var prevIsFocused = hooks.usePrevious(props.editor.value.selection.isFocused);
79
77
 
80
- var _React$useState = React__default['default'].useState(false),
81
- _React$useState2 = _slicedToArray(_React$useState, 2),
82
- renderToggleButton = _React$useState2[0],
83
- setRenderToggleButton = _React$useState2[1];
78
+ var _useState = react.useState(false),
79
+ _useState2 = _slicedToArray(_useState, 2),
80
+ renderToggleButton = _useState2[0],
81
+ setRenderToggleButton = _useState2[1];
84
82
 
85
- var updateRenderToggleButton = React__default['default'].useCallback(function () {
83
+ var updateRenderToggleButton = react.useCallback(function () {
86
84
  var doesExceedCollapsedHeightLimit = ref.current.clientHeight > COLLAPSED_HEIGHT;
87
85
 
88
86
  if (doesExceedCollapsedHeightLimit && !renderToggleButton) {
@@ -93,93 +91,105 @@ var Editor = function Editor(props) {
93
91
  setRenderToggleButton(false);
94
92
  }
95
93
  }, [setRenderToggleButton, renderToggleButton]);
96
- React__default['default'].useEffect(function () {
94
+ react.useEffect(function () {
97
95
  updateRenderToggleButton();
98
96
  }, [props.editor.value.document, updateRenderToggleButton]);
99
- return react.jsx(CollapsibleMotion__default['default'], {
97
+ return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
100
98
  minHeight: COLLAPSED_HEIGHT,
101
- isDefaultClosed: !props.defaultExpandMultilineText
102
- }, function (_ref) {
103
- var isOpen = _ref.isOpen,
104
- toggle = _ref.toggle,
105
- containerStyles = _ref.containerStyles,
106
- registerContentNode = _ref.registerContentNode;
107
-
108
- // opens the input if it regains focus and it's closed
109
- if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !isOpen) {
110
- toggle();
111
- }
99
+ isDefaultClosed: !props.defaultExpandMultilineText,
100
+ children: function children(_ref) {
101
+ var isOpen = _ref.isOpen,
102
+ toggle = _ref.toggle,
103
+ containerStyles = _ref.containerStyles,
104
+ registerContentNode = _ref.registerContentNode;
105
+
106
+ // opens the input if it regains focus and it's closed
107
+ if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !isOpen) {
108
+ toggle();
109
+ }
112
110
 
113
- return react.jsx(Constraints__default['default'].Horizontal, {
114
- max: props.horizontalConstraint
115
- }, react.jsx(Stack__default['default'], {
116
- scale: "xs",
117
- alignItems: "flex-end"
118
- }, react.jsx(EditorWrapper, {
119
- isDisabled: props.isDisabled,
120
- isReadOnly: props.isReadOnly
121
- }, react.jsx(richTextUtils.RichTextBody, {
122
- ref: {
123
- containerRef: ref,
124
- registerContentNode: registerContentNode
125
- },
126
- hasError: props.hasError,
127
- isDisabled: props.isDisabled,
128
- hasWarning: props.hasWarning,
129
- isReadOnly: props.isReadOnly,
130
- showExpandIcon: props.showExpandIcon,
131
- onClickExpand: props.onClickExpand,
132
- editor: props.editor,
133
- containerStyles: containerStyles
134
- }, props.children)), renderToggleButton && // <div>
135
- react.jsx(FlatButton__default['default'], {
136
- onClick: toggle,
137
- label: isOpen ? intl.formatMessage(inputUtils.messagesMultilineInput.collapse) : intl.formatMessage(inputUtils.messagesMultilineInput.expand),
138
- icon: isOpen ? react.jsx(icons.AngleUpIcon, {
139
- size: "small"
140
- }) : react.jsx(icons.AngleDownIcon, {
141
- size: "small"
142
- })
143
- }) // </div>
144
- ));
111
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
112
+ max: props.horizontalConstraint,
113
+ children: jsxRuntime.jsxs(Stack__default["default"], {
114
+ scale: "xs",
115
+ alignItems: "flex-end",
116
+ children: [jsxRuntime.jsx(EditorWrapper, {
117
+ isDisabled: props.isDisabled,
118
+ isReadOnly: props.isReadOnly,
119
+ children: jsxRuntime.jsx(richTextUtils.RichTextBody, {
120
+ ref: {
121
+ containerRef: ref,
122
+ registerContentNode: registerContentNode
123
+ },
124
+ hasError: props.hasError,
125
+ isDisabled: props.isDisabled,
126
+ hasWarning: props.hasWarning,
127
+ isReadOnly: props.isReadOnly,
128
+ showExpandIcon: props.showExpandIcon,
129
+ onClickExpand: props.onClickExpand,
130
+ editor: props.editor,
131
+ containerStyles: containerStyles,
132
+ children: props.children
133
+ })
134
+ }), renderToggleButton && // <div>
135
+ jsxRuntime.jsx(FlatButton__default["default"], {
136
+ onClick: toggle,
137
+ label: isOpen ? intl.formatMessage(inputUtils.messagesMultilineInput.collapse) : intl.formatMessage(inputUtils.messagesMultilineInput.expand),
138
+ icon: isOpen ? jsxRuntime.jsx(icons.AngleUpIcon, {
139
+ size: "small"
140
+ }) : jsxRuntime.jsx(icons.AngleDownIcon, {
141
+ size: "small"
142
+ })
143
+ }) // </div>
144
+ ]
145
+ })
146
+ });
147
+ }
145
148
  });
146
149
  }; // eslint-disable-next-line react/display-name
147
150
 
148
151
 
149
152
  var renderEditor = function renderEditor(props, editor, next) {
150
153
  var internalId = "".concat(props.id, "__internal__id");
151
- var children = /*#__PURE__*/React__default['default'].cloneElement(next(), {
154
+ var children = /*#__PURE__*/react.cloneElement(next(), {
152
155
  id: internalId
153
156
  });
154
157
  var isFocused = props.editor.value.selection.isFocused;
155
158
 
156
- var passedProps = _objectSpread(_objectSpread({
159
+ var passedProps = _objectSpread$1(_objectSpread$1({
157
160
  name: props.name,
158
161
  id: props.id,
159
162
  isReadOnly: props.readOnly,
160
163
  isDisabled: props.disabled
161
- }, pick__default['default'](props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), utils.filterDataAttributes(props));
164
+ }, pick__default["default"](props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), utils.filterDataAttributes(props));
162
165
 
163
- return react.jsx(Editor, _extends({
166
+ return jsxRuntime.jsxs(Editor, _objectSpread$1(_objectSpread$1({
164
167
  editor: editor
165
- }, passedProps), children, react.jsx(richTextUtils.HiddenInput, {
166
- isFocused: isFocused,
167
- handleFocus: editor.focus,
168
- id: props.id,
169
- disabled: props.disabled,
170
- readOnly: props.readOnly
168
+ }, passedProps), {}, {
169
+ children: [children, jsxRuntime.jsx(richTextUtils.HiddenInput, {
170
+ isFocused: isFocused,
171
+ handleFocus: editor.focus,
172
+ id: props.id,
173
+ disabled: props.disabled,
174
+ readOnly: props.readOnly
175
+ })]
171
176
  }));
172
177
  };
173
178
  Editor.displayName = 'Editor';
174
179
  Editor.propTypes = {};
175
180
  renderEditor.propTypes = {};
181
+ var renderEditor$1 = renderEditor;
182
+
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
+
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; }
176
186
 
177
- 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); }; }
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); }; }
178
188
 
179
- 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 { Date.prototype.toString.call(_Reflect$construct__default['default'](Date, [], function () {})); return true; } catch (e) { return false; } }
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; } }
180
190
 
181
- var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
182
- _inherits(RichTextInput, _React$PureComponent);
191
+ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
192
+ _inherits(RichTextInput, _PureComponent);
183
193
 
184
194
  var _super = _createSuper(RichTextInput);
185
195
 
@@ -194,7 +204,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
194
204
  args[_key] = arguments[_key];
195
205
  }
196
206
 
197
- _this = _super.call.apply(_super, _concatInstanceProperty__default['default'](_context = [this]).call(_context, args));
207
+ _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
198
208
  _this.serializedValue = _this.props.value || '';
199
209
  _this.internalSlateValue = richTextUtils.html.deserialize(_this.props.value || '');
200
210
 
@@ -240,7 +250,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
240
250
  }
241
251
  };
242
252
 
243
- _setTimeout__default['default'](function () {
253
+ _setTimeout__default["default"](function () {
244
254
  return _this.props.onBlur(fakeEvent);
245
255
  }, 0);
246
256
  }
@@ -257,7 +267,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
257
267
  }
258
268
  };
259
269
 
260
- _setTimeout__default['default'](function () {
270
+ _setTimeout__default["default"](function () {
261
271
  return _this.props.onFocus(fakeEvent);
262
272
  }, 0);
263
273
  }
@@ -286,7 +296,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
286
296
  }, {
287
297
  key: "render",
288
298
  value: function render() {
289
- return react.jsx(slateReact.Editor, _extends({}, utils.filterDataAttributes(this.props), {
299
+ return jsxRuntime.jsx(slateReact.Editor, _objectSpread(_objectSpread({}, utils.filterDataAttributes(this.props)), {}, {
290
300
  autoFocus: this.props.isAutofocussed,
291
301
  id: this.props.id,
292
302
  name: this.props.name,
@@ -298,16 +308,16 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
298
308
  // warning in the console,
299
309
  // so instead we pass our extra this.props through this `options` prop.
300
310
  ,
301
- options: pick__default['default'](this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
311
+ options: pick__default["default"](this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
302
312
  onChange: this.onValueChange,
303
313
  plugins: richTextUtils.richTextPlugins,
304
- renderEditor: renderEditor
314
+ renderEditor: renderEditor$1
305
315
  }));
306
316
  }
307
317
  }]);
308
318
 
309
319
  return RichTextInput;
310
- }(React__default['default'].PureComponent);
320
+ }(react.PureComponent);
311
321
 
312
322
  RichTextInput.defaultProps = {
313
323
  defaultExpandMultilineText: false,
@@ -323,9 +333,10 @@ RichTextInput.isTouched = function (touched) {
323
333
  };
324
334
 
325
335
  RichTextInput.propTypes = {};
336
+ var RichTextInput$1 = RichTextInput;
326
337
 
327
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
328
- var version = '12.2.1';
338
+ // NOTE: This string will be replaced on build time with the package version.
339
+ var version = "12.2.5";
329
340
 
330
- exports.default = RichTextInput;
341
+ exports["default"] = RichTextInput$1;
331
342
  exports.version = version;
package/dist/commercetools-uikit-rich-text-input.esm.js CHANGED
@@ -1,5 +1,13 @@
1
1
  import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
2
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
3
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
5
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
6
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
7
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
8
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
9
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
10
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
3
11
  import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
4
12
  import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
5
13
  import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
@@ -7,22 +15,13 @@ import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possi
7
15
  import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
8
16
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
9
17
  import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
10
- import React from 'react';
18
+ import { cloneElement, useRef, useState, useCallback, useEffect, PureComponent } from 'react';
11
19
  import PropTypes from 'prop-types';
12
20
  import requiredIf from 'react-required-if';
13
21
  import { Editor as Editor$1 } from 'slate-react';
14
22
  import pick from 'lodash/pick';
15
23
  import { filterDataAttributes } from '@commercetools-uikit/utils';
16
24
  import { HiddenInput, RichTextBody, html, richTextPlugins, isEmpty } from '@commercetools-uikit/rich-text-utils';
17
- import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
18
- import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
19
- import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
20
- import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
21
- import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
22
- import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
23
- import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
24
- import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
25
- import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
26
25
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
27
26
  import { useIntl } from 'react-intl';
28
27
  import CollapsibleMotion from '@commercetools-uikit/collapsible-motion';
@@ -33,7 +32,7 @@ import Constraints from '@commercetools-uikit/constraints';
33
32
  import FlatButton from '@commercetools-uikit/flat-button';
34
33
  import { messagesMultilineInput } from '@commercetools-uikit/input-utils';
35
34
  import _styled from '@emotion/styled/base';
36
- import { jsx } from '@emotion/react';
35
+ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
37
36
 
38
37
  /* eslint-disable import/prefer-default-export */
39
38
  var EditorWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
@@ -43,24 +42,24 @@ var EditorWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
43
42
  label: "EditorWrapper"
44
43
  })("align-self:stretch;cursor:", function (props) {
45
44
  return props.isDisabled ? 'not-allowed' : 'inherit';
46
- }, ";");
45
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVkaXRvci5zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6ImVkaXRvci5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0ICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEVkaXRvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnaW5oZXJpdCcpfTtcbmA7XG5cbmV4cG9ydCB7IEVkaXRvcldyYXBwZXIgfTtcbiJdfQ== */"));
47
46
 
48
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
47
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
49
48
 
50
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
49
+ 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(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
51
50
  var COLLAPSED_HEIGHT = 32;
52
51
 
53
52
  var Editor = function Editor(props) {
54
53
  var intl = useIntl();
55
- var ref = React.useRef();
54
+ var ref = useRef();
56
55
  var prevIsFocused = usePrevious(props.editor.value.selection.isFocused);
57
56
 
58
- var _React$useState = React.useState(false),
59
- _React$useState2 = _slicedToArray(_React$useState, 2),
60
- renderToggleButton = _React$useState2[0],
61
- setRenderToggleButton = _React$useState2[1];
57
+ var _useState = useState(false),
58
+ _useState2 = _slicedToArray(_useState, 2),
59
+ renderToggleButton = _useState2[0],
60
+ setRenderToggleButton = _useState2[1];
62
61
 
63
- var updateRenderToggleButton = React.useCallback(function () {
62
+ var updateRenderToggleButton = useCallback(function () {
64
63
  var doesExceedCollapsedHeightLimit = ref.current.clientHeight > COLLAPSED_HEIGHT;
65
64
 
66
65
  if (doesExceedCollapsedHeightLimit && !renderToggleButton) {
@@ -71,81 +70,88 @@ var Editor = function Editor(props) {
71
70
  setRenderToggleButton(false);
72
71
  }
73
72
  }, [setRenderToggleButton, renderToggleButton]);
74
- React.useEffect(function () {
73
+ useEffect(function () {
75
74
  updateRenderToggleButton();
76
75
  }, [props.editor.value.document, updateRenderToggleButton]);
77
76
  return jsx(CollapsibleMotion, {
78
77
  minHeight: COLLAPSED_HEIGHT,
79
- isDefaultClosed: !props.defaultExpandMultilineText
80
- }, function (_ref) {
81
- var isOpen = _ref.isOpen,
82
- toggle = _ref.toggle,
83
- containerStyles = _ref.containerStyles,
84
- registerContentNode = _ref.registerContentNode;
85
-
86
- // opens the input if it regains focus and it's closed
87
- if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !isOpen) {
88
- toggle();
89
- }
78
+ isDefaultClosed: !props.defaultExpandMultilineText,
79
+ children: function children(_ref) {
80
+ var isOpen = _ref.isOpen,
81
+ toggle = _ref.toggle,
82
+ containerStyles = _ref.containerStyles,
83
+ registerContentNode = _ref.registerContentNode;
84
+
85
+ // opens the input if it regains focus and it's closed
86
+ if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !isOpen) {
87
+ toggle();
88
+ }
90
89
 
91
- return jsx(Constraints.Horizontal, {
92
- max: props.horizontalConstraint
93
- }, jsx(Stack, {
94
- scale: "xs",
95
- alignItems: "flex-end"
96
- }, jsx(EditorWrapper, {
97
- isDisabled: props.isDisabled,
98
- isReadOnly: props.isReadOnly
99
- }, jsx(RichTextBody, {
100
- ref: {
101
- containerRef: ref,
102
- registerContentNode: registerContentNode
103
- },
104
- hasError: props.hasError,
105
- isDisabled: props.isDisabled,
106
- hasWarning: props.hasWarning,
107
- isReadOnly: props.isReadOnly,
108
- showExpandIcon: props.showExpandIcon,
109
- onClickExpand: props.onClickExpand,
110
- editor: props.editor,
111
- containerStyles: containerStyles
112
- }, props.children)), renderToggleButton && // <div>
113
- jsx(FlatButton, {
114
- onClick: toggle,
115
- label: isOpen ? intl.formatMessage(messagesMultilineInput.collapse) : intl.formatMessage(messagesMultilineInput.expand),
116
- icon: isOpen ? jsx(AngleUpIcon, {
117
- size: "small"
118
- }) : jsx(AngleDownIcon, {
119
- size: "small"
120
- })
121
- }) // </div>
122
- ));
90
+ return jsx(Constraints.Horizontal, {
91
+ max: props.horizontalConstraint,
92
+ children: jsxs(Stack, {
93
+ scale: "xs",
94
+ alignItems: "flex-end",
95
+ children: [jsx(EditorWrapper, {
96
+ isDisabled: props.isDisabled,
97
+ isReadOnly: props.isReadOnly,
98
+ children: jsx(RichTextBody, {
99
+ ref: {
100
+ containerRef: ref,
101
+ registerContentNode: registerContentNode
102
+ },
103
+ hasError: props.hasError,
104
+ isDisabled: props.isDisabled,
105
+ hasWarning: props.hasWarning,
106
+ isReadOnly: props.isReadOnly,
107
+ showExpandIcon: props.showExpandIcon,
108
+ onClickExpand: props.onClickExpand,
109
+ editor: props.editor,
110
+ containerStyles: containerStyles,
111
+ children: props.children
112
+ })
113
+ }), renderToggleButton && // <div>
114
+ jsx(FlatButton, {
115
+ onClick: toggle,
116
+ label: isOpen ? intl.formatMessage(messagesMultilineInput.collapse) : intl.formatMessage(messagesMultilineInput.expand),
117
+ icon: isOpen ? jsx(AngleUpIcon, {
118
+ size: "small"
119
+ }) : jsx(AngleDownIcon, {
120
+ size: "small"
121
+ })
122
+ }) // </div>
123
+ ]
124
+ })
125
+ });
126
+ }
123
127
  });
124
128
  }; // eslint-disable-next-line react/display-name
125
129
 
126
130
 
127
131
  var renderEditor = function renderEditor(props, editor, next) {
128
132
  var internalId = "".concat(props.id, "__internal__id");
129
- var children = /*#__PURE__*/React.cloneElement(next(), {
133
+ var children = /*#__PURE__*/cloneElement(next(), {
130
134
  id: internalId
131
135
  });
132
136
  var isFocused = props.editor.value.selection.isFocused;
133
137
 
134
- var passedProps = _objectSpread(_objectSpread({
138
+ var passedProps = _objectSpread$1(_objectSpread$1({
135
139
  name: props.name,
136
140
  id: props.id,
137
141
  isReadOnly: props.readOnly,
138
142
  isDisabled: props.disabled
139
143
  }, pick(props.options, ['horizontalConstraint', 'defaultExpandMultilineText', 'showExpandIcon', 'onClickExpand', 'hasError', 'hasWarning'])), filterDataAttributes(props));
140
144
 
141
- return jsx(Editor, _extends({
145
+ return jsxs(Editor, _objectSpread$1(_objectSpread$1({
142
146
  editor: editor
143
- }, passedProps), children, jsx(HiddenInput, {
144
- isFocused: isFocused,
145
- handleFocus: editor.focus,
146
- id: props.id,
147
- disabled: props.disabled,
148
- readOnly: props.readOnly
147
+ }, passedProps), {}, {
148
+ children: [children, jsx(HiddenInput, {
149
+ isFocused: isFocused,
150
+ handleFocus: editor.focus,
151
+ id: props.id,
152
+ disabled: props.disabled,
153
+ readOnly: props.readOnly
154
+ })]
149
155
  }));
150
156
  };
151
157
 
@@ -158,22 +164,27 @@ var sharedProps = process.env.NODE_ENV !== "production" ? {
158
164
  horizontalConstraint: PropTypes.oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
159
165
  } : {};
160
166
  Editor.displayName = 'Editor';
161
- Editor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread(_objectSpread({}, sharedProps), {}, {
167
+ Editor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, sharedProps), {}, {
162
168
  editor: PropTypes.any
163
169
  }) : {};
164
- renderEditor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread(_objectSpread({}, sharedProps), {}, {
170
+ renderEditor.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, sharedProps), {}, {
165
171
  options: PropTypes.shape({
166
172
  hasWarning: PropTypes.bool,
167
173
  hasError: PropTypes.bool
168
174
  })
169
175
  }) : {};
176
+ var renderEditor$1 = renderEditor;
177
+
178
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
179
+
180
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
170
181
 
171
182
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
172
183
 
173
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(_Reflect$construct(Date, [], function () {})); return true; } catch (e) { return false; } }
184
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
174
185
 
175
- var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
176
- _inherits(RichTextInput, _React$PureComponent);
186
+ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
187
+ _inherits(RichTextInput, _PureComponent);
177
188
 
178
189
  var _super = _createSuper(RichTextInput);
179
190
 
@@ -280,7 +291,7 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
280
291
  }, {
281
292
  key: "render",
282
293
  value: function render() {
283
- return jsx(Editor$1, _extends({}, filterDataAttributes(this.props), {
294
+ return jsx(Editor$1, _objectSpread(_objectSpread({}, filterDataAttributes(this.props)), {}, {
284
295
  autoFocus: this.props.isAutofocussed,
285
296
  id: this.props.id,
286
297
  name: this.props.name,
@@ -295,13 +306,13 @@ var RichTextInput = /*#__PURE__*/function (_React$PureComponent) {
295
306
  options: pick(this.props, ['horizontalConstraint', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'showExpandIcon', 'onClickExpand']),
296
307
  onChange: this.onValueChange,
297
308
  plugins: richTextPlugins,
298
- renderEditor: renderEditor
309
+ renderEditor: renderEditor$1
299
310
  }));
300
311
  }
301
312
  }]);
302
313
 
303
314
  return RichTextInput;
304
- }(React.PureComponent);
315
+ }(PureComponent);
305
316
 
306
317
  RichTextInput.defaultProps = {
307
318
  defaultExpandMultilineText: false,
@@ -338,9 +349,9 @@ RichTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
338
349
  return props.showExpandIcon;
339
350
  })
340
351
  } : {};
352
+ var RichTextInput$1 = RichTextInput;
341
353
 
342
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
343
- var version = '12.2.1';
354
+ // NOTE: This string will be replaced on build time with the package version.
355
+ var version = "12.2.5";
344
356
 
345
- export default RichTextInput;
346
- export { version };
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.1",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,38 +9,41 @@
9
9
  "directory": "packages/components/inputs/rich-text-input"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-rich-text-input.cjs.js",
20
24
  "module": "dist/commercetools-uikit-rich-text-input.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/collapsible-motion": "12.2.0",
29
- "@commercetools-uikit/constraints": "12.2.0",
30
- "@commercetools-uikit/design-system": "12.1.0",
31
- "@commercetools-uikit/flat-button": "12.2.0",
32
- "@commercetools-uikit/hooks": "12.2.0",
33
- "@commercetools-uikit/icons": "12.2.1",
34
- "@commercetools-uikit/input-utils": "12.2.1",
35
- "@commercetools-uikit/rich-text-utils": "12.2.1",
36
- "@commercetools-uikit/spacings-inline": "12.2.0",
37
- "@commercetools-uikit/spacings-stack": "12.2.0",
38
- "@commercetools-uikit/tooltip": "12.2.0",
39
- "@commercetools-uikit/utils": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/collapsible-motion": "12.2.5",
32
+ "@commercetools-uikit/constraints": "12.2.5",
33
+ "@commercetools-uikit/design-system": "12.2.5",
34
+ "@commercetools-uikit/flat-button": "12.2.5",
35
+ "@commercetools-uikit/hooks": "12.2.5",
36
+ "@commercetools-uikit/icons": "12.2.5",
37
+ "@commercetools-uikit/input-utils": "12.2.5",
38
+ "@commercetools-uikit/rich-text-utils": "12.2.5",
39
+ "@commercetools-uikit/spacings-inline": "12.2.5",
40
+ "@commercetools-uikit/spacings-stack": "12.2.5",
41
+ "@commercetools-uikit/tooltip": "12.2.5",
42
+ "@commercetools-uikit/utils": "12.2.5",
40
43
  "@emotion/react": "^11.4.0",
41
44
  "@emotion/styled": "^11.3.0",
42
- "downshift": "6.1.3",
43
- "immutable": "4.0.0-rc.12",
45
+ "downshift": "6.1.7",
46
+ "immutable": "4.0.0",
44
47
  "is-hotkey": "0.2.0",
45
48
  "lodash": "4.17.21",
46
49
  "prop-types": "15.7.2",
@@ -51,7 +54,7 @@
51
54
  },
52
55
  "devDependencies": {
53
56
  "react": "17.0.2",
54
- "react-intl": "5.20.4"
57
+ "react-intl": "5.21.2"
55
58
  },
56
59
  "peerDependencies": {
57
60
  "react": "17.x",