@commercetools-uikit/localized-rich-text-input 17.0.0 → 17.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.d.ts +1 -1
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.dev.js +17 -18
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.prod.js +17 -18
- package/dist/commercetools-uikit-localized-rich-text-input.esm.js +17 -18
- package/package.json +16 -16
- package/dist/commercetools-uikit-localized-rich-text-input.cjs.d.ts.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from "./declarations/src/index";
|
|
2
2
|
export { default } from "./declarations/src/index";
|
|
3
|
-
//# sourceMappingURL=
|
|
3
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy11aWtpdC1sb2NhbGl6ZWQtcmljaC10ZXh0LWlucHV0LmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi9kZWNsYXJhdGlvbnMvc3JjL2luZGV4LmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==
|
|
@@ -27,9 +27,9 @@ var utils = require('@commercetools-uikit/utils');
|
|
|
27
27
|
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
28
28
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
29
29
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
30
|
-
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
31
30
|
var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
|
|
32
31
|
var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
32
|
+
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
33
33
|
var _pt = require('prop-types');
|
|
34
34
|
var _styled = require('@emotion/styled/base');
|
|
35
35
|
var react$1 = require('@emotion/react');
|
|
@@ -110,8 +110,8 @@ const ToggleButtonWrapper = /*#__PURE__*/_styled__default["default"]("div", proc
|
|
|
110
110
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
111
111
|
});
|
|
112
112
|
|
|
113
|
-
function ownKeys$3(
|
|
114
|
-
function _objectSpread$3(
|
|
113
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
114
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
115
115
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
116
116
|
const HOTKEYS = {
|
|
117
117
|
'mod+b': 'bold',
|
|
@@ -286,7 +286,7 @@ const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
|
|
|
286
286
|
onBlur: props.onBlur,
|
|
287
287
|
onFocus: event => {
|
|
288
288
|
var _props$onFocus;
|
|
289
|
-
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0
|
|
289
|
+
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
|
|
290
290
|
// opens the input if it regains focus and it's closed
|
|
291
291
|
if (!isOpen) {
|
|
292
292
|
toggle();
|
|
@@ -360,20 +360,19 @@ const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
|
|
|
360
360
|
Editor.displayName = 'Editor';
|
|
361
361
|
var Editor$1 = Editor;
|
|
362
362
|
|
|
363
|
-
function ownKeys$2(
|
|
364
|
-
function _objectSpread$2(
|
|
365
|
-
function
|
|
366
|
-
function _isNativeReflectConstruct() {
|
|
363
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
364
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
365
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
366
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
|
|
367
367
|
let RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
368
368
|
_inherits(RichTextInput, _PureComponent);
|
|
369
|
-
var _super = _createSuper(RichTextInput);
|
|
370
369
|
function RichTextInput() {
|
|
371
370
|
var _this;
|
|
372
371
|
_classCallCheck(this, RichTextInput);
|
|
373
372
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
374
373
|
args[_key] = arguments[_key];
|
|
375
374
|
}
|
|
376
|
-
_this =
|
|
375
|
+
_this = _callSuper(this, RichTextInput, [...args]);
|
|
377
376
|
_this.serializedValue = _this.props.value || '';
|
|
378
377
|
_this.internalSlateValue = richTextUtils.validSlateStateAdapter(richTextUtils.html.deserialize(_this.props.value || ''));
|
|
379
378
|
_this.onValueChange = state => {
|
|
@@ -393,7 +392,7 @@ let RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
393
392
|
// onChange unless this value changes.
|
|
394
393
|
if (hasSerializedValueChanged) {
|
|
395
394
|
var _this$props$onChange, _this$props;
|
|
396
|
-
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0
|
|
395
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, richTextUtils.html.serialize(state));
|
|
397
396
|
}
|
|
398
397
|
if (hasInternalSlateValueChanged && !hasSerializedValueChanged) {
|
|
399
398
|
// this way we force update if cursor or selection changes
|
|
@@ -469,16 +468,16 @@ const RichTextInputWithRef = /*#__PURE__*/react.forwardRef((props, ref) => jsxRu
|
|
|
469
468
|
RichTextInputWithRef.displayName = 'RichTextInputWithRef';
|
|
470
469
|
var RichTextInput$1 = RichTextInputWithRef;
|
|
471
470
|
|
|
472
|
-
function ownKeys$1(
|
|
473
|
-
function _objectSpread$1(
|
|
471
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
472
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
474
473
|
const RequiredValueErrorMessage = () => jsxRuntime.jsx(messages.ErrorMessage, {
|
|
475
474
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, inputUtils.messagesLocalizedInput.missingRequiredField))
|
|
476
475
|
});
|
|
477
476
|
RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
|
|
478
477
|
var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
|
|
479
478
|
|
|
480
|
-
function ownKeys(
|
|
481
|
-
function _objectSpread(
|
|
479
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
480
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
482
481
|
const defaultProps = {
|
|
483
482
|
horizontalConstraint: 'scale',
|
|
484
483
|
showExpandIcon: false
|
|
@@ -541,7 +540,7 @@ const LocalizedRichTextInput = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
541
540
|
}, [expandedTranslationsDispatch]);
|
|
542
541
|
const createChangeHandler = react.useCallback(language => state => {
|
|
543
542
|
var _props$onChange, _context3, _context4;
|
|
544
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0
|
|
543
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
|
545
544
|
target: {
|
|
546
545
|
id: props !== null && props !== void 0 && props.id ? _concatInstanceProperty__default["default"](_context3 = "".concat(props.id, ".")).call(_context3, language) : '',
|
|
547
546
|
name: props !== null && props !== void 0 && props.name ? _concatInstanceProperty__default["default"](_context4 = "".concat(props.name, ".")).call(_context4, language) : '',
|
|
@@ -566,7 +565,7 @@ const LocalizedRichTextInput = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
566
565
|
const resetValue = react.useCallback(newValue => {
|
|
567
566
|
var _context5;
|
|
568
567
|
_forEachInstanceProperty__default["default"](_context5 = langRefs.current).call(_context5, langRef => {
|
|
569
|
-
langRef === null || langRef === void 0
|
|
568
|
+
langRef === null || langRef === void 0 || langRef.resetValue(newValue);
|
|
570
569
|
});
|
|
571
570
|
}, []);
|
|
572
571
|
react.useImperativeHandle(ref, () => {
|
|
@@ -631,7 +630,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
|
|
|
631
630
|
var LocalizedRichTextInput$1 = LocalizedRichTextInput;
|
|
632
631
|
|
|
633
632
|
// NOTE: This string will be replaced on build time with the package version.
|
|
634
|
-
var version = "17.
|
|
633
|
+
var version = "17.1.0";
|
|
635
634
|
|
|
636
635
|
exports["default"] = LocalizedRichTextInput$1;
|
|
637
636
|
exports.version = version;
|
|
@@ -27,9 +27,9 @@ var utils = require('@commercetools-uikit/utils');
|
|
|
27
27
|
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
28
28
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
29
29
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
30
|
-
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
31
30
|
var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
|
|
32
31
|
var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
32
|
+
var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
|
|
33
33
|
require('prop-types');
|
|
34
34
|
var _styled = require('@emotion/styled/base');
|
|
35
35
|
var react$1 = require('@emotion/react');
|
|
@@ -94,8 +94,8 @@ const ToggleButtonWrapper = /*#__PURE__*/_styled__default["default"]("div", {
|
|
|
94
94
|
styles: "flex:0;display:flex"
|
|
95
95
|
} );
|
|
96
96
|
|
|
97
|
-
function ownKeys$3(
|
|
98
|
-
function _objectSpread$3(
|
|
97
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
98
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
99
99
|
const HOTKEYS = {
|
|
100
100
|
'mod+b': 'bold',
|
|
101
101
|
'mod+i': 'italic',
|
|
@@ -238,7 +238,7 @@ const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
|
|
|
238
238
|
onBlur: props.onBlur,
|
|
239
239
|
onFocus: event => {
|
|
240
240
|
var _props$onFocus;
|
|
241
|
-
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0
|
|
241
|
+
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
|
|
242
242
|
// opens the input if it regains focus and it's closed
|
|
243
243
|
if (!isOpen) {
|
|
244
244
|
toggle();
|
|
@@ -312,20 +312,19 @@ const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
|
|
|
312
312
|
Editor.displayName = 'Editor';
|
|
313
313
|
var Editor$1 = Editor;
|
|
314
314
|
|
|
315
|
-
function ownKeys$2(
|
|
316
|
-
function _objectSpread$2(
|
|
317
|
-
function
|
|
318
|
-
function _isNativeReflectConstruct() {
|
|
315
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
316
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
317
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
318
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
|
|
319
319
|
let RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
320
320
|
_inherits(RichTextInput, _PureComponent);
|
|
321
|
-
var _super = _createSuper(RichTextInput);
|
|
322
321
|
function RichTextInput() {
|
|
323
322
|
var _this;
|
|
324
323
|
_classCallCheck(this, RichTextInput);
|
|
325
324
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
326
325
|
args[_key] = arguments[_key];
|
|
327
326
|
}
|
|
328
|
-
_this =
|
|
327
|
+
_this = _callSuper(this, RichTextInput, [...args]);
|
|
329
328
|
_this.serializedValue = _this.props.value || '';
|
|
330
329
|
_this.internalSlateValue = richTextUtils.validSlateStateAdapter(richTextUtils.html.deserialize(_this.props.value || ''));
|
|
331
330
|
_this.onValueChange = state => {
|
|
@@ -345,7 +344,7 @@ let RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
345
344
|
// onChange unless this value changes.
|
|
346
345
|
if (hasSerializedValueChanged) {
|
|
347
346
|
var _this$props$onChange, _this$props;
|
|
348
|
-
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0
|
|
347
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, richTextUtils.html.serialize(state));
|
|
349
348
|
}
|
|
350
349
|
if (hasInternalSlateValueChanged && !hasSerializedValueChanged) {
|
|
351
350
|
// this way we force update if cursor or selection changes
|
|
@@ -407,16 +406,16 @@ const RichTextInputWithRef = /*#__PURE__*/react.forwardRef((props, ref) => jsxRu
|
|
|
407
406
|
RichTextInputWithRef.displayName = 'RichTextInputWithRef';
|
|
408
407
|
var RichTextInput$1 = RichTextInputWithRef;
|
|
409
408
|
|
|
410
|
-
function ownKeys$1(
|
|
411
|
-
function _objectSpread$1(
|
|
409
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
410
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
412
411
|
const RequiredValueErrorMessage = () => jsxRuntime.jsx(messages.ErrorMessage, {
|
|
413
412
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, inputUtils.messagesLocalizedInput.missingRequiredField))
|
|
414
413
|
});
|
|
415
414
|
RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
|
|
416
415
|
var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
|
|
417
416
|
|
|
418
|
-
function ownKeys(
|
|
419
|
-
function _objectSpread(
|
|
417
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
418
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
420
419
|
const defaultProps = {
|
|
421
420
|
horizontalConstraint: 'scale',
|
|
422
421
|
showExpandIcon: false
|
|
@@ -473,7 +472,7 @@ const LocalizedRichTextInput = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
473
472
|
}, [expandedTranslationsDispatch]);
|
|
474
473
|
const createChangeHandler = react.useCallback(language => state => {
|
|
475
474
|
var _props$onChange, _context3, _context4;
|
|
476
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0
|
|
475
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
|
477
476
|
target: {
|
|
478
477
|
id: props !== null && props !== void 0 && props.id ? _concatInstanceProperty__default["default"](_context3 = "".concat(props.id, ".")).call(_context3, language) : '',
|
|
479
478
|
name: props !== null && props !== void 0 && props.name ? _concatInstanceProperty__default["default"](_context4 = "".concat(props.name, ".")).call(_context4, language) : '',
|
|
@@ -498,7 +497,7 @@ const LocalizedRichTextInput = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
498
497
|
const resetValue = react.useCallback(newValue => {
|
|
499
498
|
var _context5;
|
|
500
499
|
_forEachInstanceProperty__default["default"](_context5 = langRefs.current).call(_context5, langRef => {
|
|
501
|
-
langRef === null || langRef === void 0
|
|
500
|
+
langRef === null || langRef === void 0 || langRef.resetValue(newValue);
|
|
502
501
|
});
|
|
503
502
|
}, []);
|
|
504
503
|
react.useImperativeHandle(ref, () => {
|
|
@@ -563,7 +562,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
|
|
|
563
562
|
var LocalizedRichTextInput$1 = LocalizedRichTextInput;
|
|
564
563
|
|
|
565
564
|
// NOTE: This string will be replaced on build time with the package version.
|
|
566
|
-
var version = "17.
|
|
565
|
+
var version = "17.1.0";
|
|
567
566
|
|
|
568
567
|
exports["default"] = LocalizedRichTextInput$1;
|
|
569
568
|
exports.version = version;
|
|
@@ -23,9 +23,9 @@ import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
|
|
|
23
23
|
import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
|
|
24
24
|
import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
|
|
25
25
|
import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
|
|
26
|
-
import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
|
|
27
26
|
import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
|
|
28
27
|
import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
|
|
28
|
+
import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
|
|
29
29
|
import _pt from 'prop-types';
|
|
30
30
|
import _styled from '@emotion/styled/base';
|
|
31
31
|
import { css, createElement } from '@emotion/react';
|
|
@@ -81,8 +81,8 @@ const ToggleButtonWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
|
|
|
81
81
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
82
82
|
});
|
|
83
83
|
|
|
84
|
-
function ownKeys$3(
|
|
85
|
-
function _objectSpread$3(
|
|
84
|
+
function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
85
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
86
86
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
87
87
|
const HOTKEYS = {
|
|
88
88
|
'mod+b': 'bold',
|
|
@@ -257,7 +257,7 @@ const Editor = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
257
257
|
onBlur: props.onBlur,
|
|
258
258
|
onFocus: event => {
|
|
259
259
|
var _props$onFocus;
|
|
260
|
-
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0
|
|
260
|
+
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
|
|
261
261
|
// opens the input if it regains focus and it's closed
|
|
262
262
|
if (!isOpen) {
|
|
263
263
|
toggle();
|
|
@@ -331,20 +331,19 @@ const Editor = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
331
331
|
Editor.displayName = 'Editor';
|
|
332
332
|
var Editor$1 = Editor;
|
|
333
333
|
|
|
334
|
-
function ownKeys$2(
|
|
335
|
-
function _objectSpread$2(
|
|
336
|
-
function
|
|
337
|
-
function _isNativeReflectConstruct() {
|
|
334
|
+
function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
335
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
336
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
337
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
|
|
338
338
|
let RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
339
339
|
_inherits(RichTextInput, _PureComponent);
|
|
340
|
-
var _super = _createSuper(RichTextInput);
|
|
341
340
|
function RichTextInput() {
|
|
342
341
|
var _this;
|
|
343
342
|
_classCallCheck(this, RichTextInput);
|
|
344
343
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
345
344
|
args[_key] = arguments[_key];
|
|
346
345
|
}
|
|
347
|
-
_this =
|
|
346
|
+
_this = _callSuper(this, RichTextInput, [...args]);
|
|
348
347
|
_this.serializedValue = _this.props.value || '';
|
|
349
348
|
_this.internalSlateValue = validSlateStateAdapter(html.deserialize(_this.props.value || ''));
|
|
350
349
|
_this.onValueChange = state => {
|
|
@@ -364,7 +363,7 @@ let RichTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
364
363
|
// onChange unless this value changes.
|
|
365
364
|
if (hasSerializedValueChanged) {
|
|
366
365
|
var _this$props$onChange, _this$props;
|
|
367
|
-
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0
|
|
366
|
+
(_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, html.serialize(state));
|
|
368
367
|
}
|
|
369
368
|
if (hasInternalSlateValueChanged && !hasSerializedValueChanged) {
|
|
370
369
|
// this way we force update if cursor or selection changes
|
|
@@ -440,16 +439,16 @@ const RichTextInputWithRef = /*#__PURE__*/forwardRef((props, ref) => jsx(RichTex
|
|
|
440
439
|
RichTextInputWithRef.displayName = 'RichTextInputWithRef';
|
|
441
440
|
var RichTextInput$1 = RichTextInputWithRef;
|
|
442
441
|
|
|
443
|
-
function ownKeys$1(
|
|
444
|
-
function _objectSpread$1(
|
|
442
|
+
function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
443
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
445
444
|
const RequiredValueErrorMessage = () => jsx(ErrorMessage, {
|
|
446
445
|
children: jsx(FormattedMessage, _objectSpread$1({}, messagesLocalizedInput.missingRequiredField))
|
|
447
446
|
});
|
|
448
447
|
RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
|
|
449
448
|
var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
|
|
450
449
|
|
|
451
|
-
function ownKeys(
|
|
452
|
-
function _objectSpread(
|
|
450
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
451
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
453
452
|
const defaultProps = {
|
|
454
453
|
horizontalConstraint: 'scale',
|
|
455
454
|
showExpandIcon: false
|
|
@@ -512,7 +511,7 @@ const LocalizedRichTextInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
512
511
|
}, [expandedTranslationsDispatch]);
|
|
513
512
|
const createChangeHandler = useCallback(language => state => {
|
|
514
513
|
var _props$onChange, _context3, _context4;
|
|
515
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0
|
|
514
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
|
516
515
|
target: {
|
|
517
516
|
id: props !== null && props !== void 0 && props.id ? _concatInstanceProperty(_context3 = "".concat(props.id, ".")).call(_context3, language) : '',
|
|
518
517
|
name: props !== null && props !== void 0 && props.name ? _concatInstanceProperty(_context4 = "".concat(props.name, ".")).call(_context4, language) : '',
|
|
@@ -537,7 +536,7 @@ const LocalizedRichTextInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
537
536
|
const resetValue = useCallback(newValue => {
|
|
538
537
|
var _context5;
|
|
539
538
|
_forEachInstanceProperty(_context5 = langRefs.current).call(_context5, langRef => {
|
|
540
|
-
langRef === null || langRef === void 0
|
|
539
|
+
langRef === null || langRef === void 0 || langRef.resetValue(newValue);
|
|
541
540
|
});
|
|
542
541
|
}, []);
|
|
543
542
|
useImperativeHandle(ref, () => {
|
|
@@ -602,6 +601,6 @@ LocalizedRichTextInput.isTouched = isTouched;
|
|
|
602
601
|
var LocalizedRichTextInput$1 = LocalizedRichTextInput;
|
|
603
602
|
|
|
604
603
|
// NOTE: This string will be replaced on build time with the package version.
|
|
605
|
-
var version = "17.
|
|
604
|
+
var version = "17.1.0";
|
|
606
605
|
|
|
607
606
|
export { LocalizedRichTextInput$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/localized-rich-text-input",
|
|
3
3
|
"description": "A controlled text input component for localized rich text input with validation states.",
|
|
4
|
-
"version": "17.
|
|
4
|
+
"version": "17.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,21 +21,21 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/collapsible-motion": "17.
|
|
25
|
-
"@commercetools-uikit/constraints": "17.
|
|
26
|
-
"@commercetools-uikit/design-system": "17.
|
|
27
|
-
"@commercetools-uikit/flat-button": "17.
|
|
28
|
-
"@commercetools-uikit/hooks": "17.
|
|
29
|
-
"@commercetools-uikit/icons": "17.
|
|
30
|
-
"@commercetools-uikit/input-utils": "17.
|
|
31
|
-
"@commercetools-uikit/localized-utils": "17.
|
|
32
|
-
"@commercetools-uikit/messages": "17.
|
|
33
|
-
"@commercetools-uikit/rich-text-utils": "17.
|
|
34
|
-
"@commercetools-uikit/spacings-inline": "17.
|
|
35
|
-
"@commercetools-uikit/spacings-stack": "17.
|
|
36
|
-
"@commercetools-uikit/text": "17.
|
|
37
|
-
"@commercetools-uikit/tooltip": "17.
|
|
38
|
-
"@commercetools-uikit/utils": "17.
|
|
24
|
+
"@commercetools-uikit/collapsible-motion": "17.1.0",
|
|
25
|
+
"@commercetools-uikit/constraints": "17.1.0",
|
|
26
|
+
"@commercetools-uikit/design-system": "17.1.0",
|
|
27
|
+
"@commercetools-uikit/flat-button": "17.1.0",
|
|
28
|
+
"@commercetools-uikit/hooks": "17.1.0",
|
|
29
|
+
"@commercetools-uikit/icons": "17.1.0",
|
|
30
|
+
"@commercetools-uikit/input-utils": "17.1.0",
|
|
31
|
+
"@commercetools-uikit/localized-utils": "17.1.0",
|
|
32
|
+
"@commercetools-uikit/messages": "17.1.0",
|
|
33
|
+
"@commercetools-uikit/rich-text-utils": "17.1.0",
|
|
34
|
+
"@commercetools-uikit/spacings-inline": "17.1.0",
|
|
35
|
+
"@commercetools-uikit/spacings-stack": "17.1.0",
|
|
36
|
+
"@commercetools-uikit/text": "17.1.0",
|
|
37
|
+
"@commercetools-uikit/tooltip": "17.1.0",
|
|
38
|
+
"@commercetools-uikit/utils": "17.1.0",
|
|
39
39
|
"@emotion/react": "^11.10.5",
|
|
40
40
|
"@emotion/styled": "^11.10.5",
|
|
41
41
|
"downshift": "6.1.12",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"commercetools-uikit-localized-rich-text-input.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|