@commercetools-uikit/localized-rich-text-input 15.0.0 → 15.0.1

package/dist/commercetools-uikit-localized-rich-text-input.cjs.prod.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
@@ -13,6 +12,9 @@ var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var _Map = require('@babel/runtime-corejs3/core-js-stable/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
 var react = require('@emotion/react');
@@ -30,7 +32,6 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('prop-types');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _styled = require('@emotion/styled/base');
 var reactIntl = require('react-intl');
 var designSystem = require('@commercetools-uikit/design-system');
@@ -51,17 +52,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var _Map__default = /*#__PURE__*/_interopDefault(_Map);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var Stack__default = /*#__PURE__*/_interopDefault(Stack);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
@@ -177,8 +179,11 @@ var Editor = /*#__PURE__*/react$1.forwardRef(function (props, forwardedRef) {
   }, [editor, updateRenderToggleButton]); // resetting
 
   var resetValue = react$1.useCallback(function (newValue) {
-    richTextUtils.resetEditor(editor, newValue);
-  }, [editor]);
+    var _newValue$props$langu;
+
+    var newStringValue = typeof newValue === 'string' ? newValue : (_newValue$props$langu = newValue === null || newValue === void 0 ? void 0 : newValue[props.language]) !== null && _newValue$props$langu !== void 0 ? _newValue$props$langu : '';
+    richTextUtils.resetEditor(editor, newStringValue);
+  }, [editor, props.language]);
   /* 
   Resetting the editor requires access to `editor` object returned from `useSlate` hook.
   Therefore, `reset` function is attached to the passed `ref` object via `useImperativeHandle` 
@@ -458,7 +463,7 @@ var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var defaultProps = {
   horizontalConstraint: 'scale',
   showExpandIcon: false
@@ -529,12 +534,12 @@ var LocalizedRichTextInput = /*#__PURE__*/react$1.forwardRef(function (props, re
   }, [expandedTranslationsDispatch]);
   var createChangeHandler = react$1.useCallback(function (language) {
     return function (state) {
-      var _props$onChange;
+      var _props$onChange, _context3, _context4;
 
-      return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
         target: {
-          id: props.id,
-          name: props.name,
+          id: props !== null && props !== void 0 && props.id ? _concatInstanceProperty__default["default"](_context3 = "".concat(props.id, ".")).call(_context3, language) : '',
+          name: props !== null && props !== void 0 && props.name ? _concatInstanceProperty__default["default"](_context4 = "".concat(props.name, ".")).call(_context4, language) : '',
           language: language,
           value: state
         }
@@ -554,6 +559,19 @@ var LocalizedRichTextInput = /*#__PURE__*/react$1.forwardRef(function (props, re
     }
   }
 
+  var langRefs = react$1.useRef(new _Map__default["default"]());
+  var resetValue = react$1.useCallback(function (newValue) {
+    var _context5;
+
+    _forEachInstanceProperty__default["default"](_context5 = langRefs.current).call(_context5, function (langRef) {
+      langRef.resetValue(newValue);
+    });
+  }, []);
+  react$1.useImperativeHandle(ref, function () {
+    return {
+      resetValue: resetValue
+    };
+  });
   var shouldRenderLanguagesControl = languages.length > 1 && !props.hideLanguageExpansionControls;
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: props.horizontalConstraint,
@@ -587,7 +605,9 @@ var LocalizedRichTextInput = /*#__PURE__*/react$1.forwardRef(function (props, re
             onClickExpand: props.onClickExpand,
             hasLanguagesControl: hasLanguagesControl,
             defaultExpandMultilineText: Boolean(props.defaultExpandMultilineText),
-            ref: ref
+            ref: function ref(el) {
+              return langRefs.current.set(language, el);
+            }
           }, localizedUtils.createLocalizedDataAttributes(props, language)));
         })
       }), shouldRenderLanguagesControl && jsxRuntime.jsx("div", {
@@ -614,7 +634,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
 var LocalizedRichTextInput$1 = LocalizedRichTextInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.0.0";
+var version = "15.0.1";
 
 exports["default"] = LocalizedRichTextInput$1;
 exports.version = version;