@commercetools-uikit/rich-text-utils 19.20.1 → 19.22.0

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

@@ -34,6 +34,7 @@ var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 require('prop-types');
 var react = require('react');
 var inputUtils = require('@commercetools-uikit/input-utils');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _styled = require('@emotion/styled/base');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var designSystem = require('@commercetools-uikit/design-system');
@@ -1187,29 +1188,38 @@ const DropdownItemLabelWrapper = /*#__PURE__*/_styled__default["default"]("div",
   target: "e1f4n71b0"
 } )("margin:0 0 0 ", designSystem.designTokens.spacing20, ";" + ("" ));
 
+const _excluded$1 = ["components", "isMulti"];
 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; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const Label = _styled__default["default"]("div", {
+const Label = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e176a1kh0"
-} );
+} )("" );
 var _ref$1 = {
   name: "bjn8wh",
   styles: "position:relative"
 } ;
-const Dropdown = props => {
+const Dropdown = _ref2 => {
   var _context;
-  const DropdownItem = props.components.Item;
-  const DropdownLabel = props.components.Label;
-  const isIndeterminate = props.isMulti && _someInstanceProperty__default["default"](_context = props.options).call(_context, item => props.getIsItemSelected(item) === true);
+  let _ref2$components = _ref2.components,
+    components = _ref2$components === void 0 ? {
+      Item: DropdownItem,
+      Label
+    } : _ref2$components,
+    _ref2$isMulti = _ref2.isMulti,
+    isMulti = _ref2$isMulti === void 0 ? false : _ref2$isMulti,
+    props = _objectWithoutProperties(_ref2, _excluded$1);
+  const DropdownItem$1 = components.Item;
+  const DropdownLabel = components.Label;
+  const isIndeterminate = isMulti && _someInstanceProperty__default["default"](_context = props.options).call(_context, item => props.getIsItemSelected(item) === true);
   const Downshift = DownshiftUntyped__default["default"];
   return jsxRuntime.jsx(Downshift, {
     onChange: props.onChange,
     itemToString: headings => headings?.label || '',
-    children: _ref2 => {
+    children: _ref3 => {
       var _context2;
-      let isOpen = _ref2.isOpen,
-        getToggleButtonProps = _ref2.getToggleButtonProps,
-        getItemProps = _ref2.getItemProps;
+      let isOpen = _ref3.isOpen,
+        getToggleButtonProps = _ref3.getToggleButtonProps,
+        getItemProps = _ref3.getItemProps;
       const toggleButtonProps = getToggleButtonProps();
       return jsxRuntime.jsxs("div", {
         children: [jsxRuntime.jsx(Tooltip__default["default"], {
@@ -1226,7 +1236,7 @@ const Dropdown = props => {
             css: getButtonStyles({
               isOpen,
               isIndeterminate,
-              isStyleButton: !props.isMulti,
+              isStyleButton: !isMulti,
               isDisabled: props.isDisabled,
               isReadOnly: props.isReadOnly
             }),
@@ -1243,7 +1253,7 @@ const Dropdown = props => {
                 item
               });
               const dropdownItemProps = itemProps;
-              return react$1.createElement(DropdownItem, _objectSpread$1(_objectSpread$1({}, dropdownItemProps), {}, {
+              return react$1.createElement(DropdownItem$1, _objectSpread$1(_objectSpread$1({}, dropdownItemProps), {}, {
                 key: index,
                 value: item.value,
                 isSelected: props.getIsItemSelected(item)
@@ -1259,13 +1269,6 @@ const Dropdown = props => {
 };
 Dropdown.propTypes = {};
 Dropdown.displayName = 'Dropdown';
-Dropdown.defaultProps = {
-  components: {
-    Item: DropdownItem,
-    Label
-  },
-  isMulti: false
-};
 var Dropdown$1 = Dropdown;
 
 var messages = reactIntl.defineMessages({
@@ -1407,6 +1410,7 @@ const BlockButton = props => {
 };
 BlockButton.propTypes = {};
 
+const _excluded = ["styles"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const MoreStylesDropdownLabel = () => jsxRuntime.jsx(MoreStylesIcon$1, {
@@ -1519,31 +1523,34 @@ var _ref = {
   name: "1h10g35",
   styles: "display:flex;flex-wrap:wrap;>*{margin-left:1px;}"
 } ;
-const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
+const RichTextEditorBody = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
+  let _ref2$styles = _ref2.styles,
+    styles = _ref2$styles === void 0 ? {} : _ref2$styles,
+    props = _objectWithoutProperties(_ref2, _excluded);
   // NOTE: the forwarded ref is an object of refs, thus making it a bit trickier to type.
-  const _ref2 = ref,
-    registerContentNode = _ref2.registerContentNode,
-    containerRef = _ref2.containerRef;
+  const _ref3 = ref,
+    registerContentNode = _ref3.registerContentNode,
+    containerRef = _ref3.containerRef;
   const intl = reactIntl.useIntl();
   const editor = slateReact.useSlate();
   const dropdownOptions = createMoreStylesDropdownOptions(intl);
   const styleDropdownOptions = createStyleDropdownOptions(intl);
   const hasUndos = editor.history.undos.length > 0;
   const hasRedos = editor.history.redos.length > 0;
-  const onClickBlock = react.useCallback(_ref3 => {
-    let format = _ref3.value;
+  const onClickBlock = react.useCallback(_ref4 => {
+    let format = _ref4.value;
     toggleBlock(editor, format);
   }, [editor]);
-  const onClickMoreStyleMark = react.useCallback(_ref4 => {
-    let format = _ref4.value;
+  const onClickMoreStyleMark = react.useCallback(_ref5 => {
+    let format = _ref5.value;
     toggleMark(editor, format);
   }, [editor]);
-  const getIsMoreStyleMarkItemSelected = react.useCallback(_ref5 => {
-    let format = _ref5.value;
+  const getIsMoreStyleMarkItemSelected = react.useCallback(_ref6 => {
+    let format = _ref6.value;
     return isMarkActive(editor, format);
   }, [editor]);
-  const getIsBlockItemSelected = react.useCallback(_ref6 => {
-    let format = _ref6.value;
+  const getIsBlockItemSelected = react.useCallback(_ref7 => {
+    let format = _ref7.value;
     return isBlockActive(editor, format);
   }, [editor]);
 
@@ -1556,7 +1563,7 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
   }, []);
   if (props.showExpandIcon) ;
   return jsxRuntime.jsxs(Container, {
-    css: props.styles?.container,
+    css: styles?.container,
     hasError: props.hasError,
     hasWarning: props.hasWarning,
     isReadOnly: props.isReadOnly,
@@ -1720,15 +1727,11 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
     })]
   });
 });
-const defaultProps = {
-  styles: {}
-};
 RichTextEditorBody.displayName = 'RichTextEditorBody';
-RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.22.0";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;