@commercetools-uikit/rich-text-input 19.25.1 → 20.0.0

package/README.md

@@ -30,18 +30,18 @@ npm --save install react react-dom react-intl
 ## Usage
 
 ```jsx
-import React from 'react';
+import { useState, useCallback, useRef } from 'react';
 import RichTextInput from '@commercetools-uikit/rich-text-input';
 
 const html = '<p>hello world</p>';
 
 const Example = (props) => {
-  const [value, setValue] = React.useState(html);
-  const handleChange = React.useCallback((event) => {
+  const [value, setValue] = useState(html);
+  const handleChange = useCallback((event) => {
     setValue(event.target.value);
   }, []);
-  const ref = React.useRef(null);
-  const handleReset = React.useCallback(() => {
+  const ref = useRef(null);
+  const handleReset = useCallback(() => {
     ref.current?.resetValue('<p>after reset</p>');
   }, []);
 

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

@@ -17,7 +17,6 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _pt = require('prop-types');
 var react = require('react');
 var utils = require('@commercetools-uikit/utils');
 var richTextUtils = require('@commercetools-uikit/rich-text-utils');
@@ -48,7 +47,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
 var Stack__default = /*#__PURE__*/_interopDefault(Stack);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
@@ -305,24 +303,6 @@ RichTextInput.defaultProps = {
   showExpandIcon: false
 };
 RichTextInput.displayName = 'RichTextInput';
-RichTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  isAutofocussed: _pt__default["default"].bool,
-  defaultExpandMultilineText: _pt__default["default"].bool,
-  hasError: _pt__default["default"].bool,
-  hasWarning: _pt__default["default"].bool,
-  id: _pt__default["default"].string,
-  name: _pt__default["default"].string,
-  placeholder: _pt__default["default"].string,
-  isDisabled: _pt__default["default"].bool,
-  isReadOnly: _pt__default["default"].bool,
-  horizontalConstraint: _pt__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  onChange: _pt__default["default"].func,
-  onFocus: _pt__default["default"].func,
-  onBlur: _pt__default["default"].func,
-  value: _pt__default["default"].string,
-  showExpandIcon: _pt__default["default"].bool,
-  onClickExpand: _pt__default["default"].func
-} : {};
 const isTouched = touched => Boolean(touched);
 const RichTextInputWithRef = /*#__PURE__*/react.forwardRef((props, ref) => jsxRuntime.jsx(RichTextInput, _objectSpread({
   parentRef: ref
@@ -333,7 +313,7 @@ RichTextInputWithRef.isTouched = isTouched;
 var RichTextInputWithRef$1 = RichTextInputWithRef;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.25.1";
+var version = "20.0.0";
 
 exports["default"] = RichTextInputWithRef$1;
 exports.version = version;

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

@@ -17,7 +17,6 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-require('prop-types');
 var react = require('react');
 var utils = require('@commercetools-uikit/utils');
 var richTextUtils = require('@commercetools-uikit/rich-text-utils');
@@ -297,7 +296,6 @@ RichTextInput.defaultProps = {
   showExpandIcon: false
 };
 RichTextInput.displayName = 'RichTextInput';
-RichTextInput.propTypes = {};
 const isTouched = touched => Boolean(touched);
 const RichTextInputWithRef = /*#__PURE__*/react.forwardRef((props, ref) => jsxRuntime.jsx(RichTextInput, _objectSpread({
   parentRef: ref
@@ -308,7 +306,7 @@ RichTextInputWithRef.isTouched = isTouched;
 var RichTextInputWithRef$1 = RichTextInputWithRef;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.25.1";
+var version = "20.0.0";
 
 exports["default"] = RichTextInputWithRef$1;
 exports.version = version;

package/dist/commercetools-uikit-rich-text-input.esm.js

@@ -13,7 +13,6 @@ import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
-import _pt from 'prop-types';
 import { forwardRef, useRef, useMemo, useState, useCallback, useEffect, useImperativeHandle, PureComponent } from 'react';
 import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
 import { resetEditor, withLinks, RichTextBody, focusEditor, toggleMark, Softbreaker, HiddenInput, Element, Leaf, isEmpty, validSlateStateAdapter, html } from '@commercetools-uikit/rich-text-utils';
@@ -281,24 +280,6 @@ RichTextInput.defaultProps = {
   showExpandIcon: false
 };
 RichTextInput.displayName = 'RichTextInput';
-RichTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  isAutofocussed: _pt.bool,
-  defaultExpandMultilineText: _pt.bool,
-  hasError: _pt.bool,
-  hasWarning: _pt.bool,
-  id: _pt.string,
-  name: _pt.string,
-  placeholder: _pt.string,
-  isDisabled: _pt.bool,
-  isReadOnly: _pt.bool,
-  horizontalConstraint: _pt.oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  onChange: _pt.func,
-  onFocus: _pt.func,
-  onBlur: _pt.func,
-  value: _pt.string,
-  showExpandIcon: _pt.bool,
-  onClickExpand: _pt.func
-} : {};
 const isTouched = touched => Boolean(touched);
 const RichTextInputWithRef = /*#__PURE__*/forwardRef((props, ref) => jsx(RichTextInput, _objectSpread({
   parentRef: ref
@@ -309,6 +290,6 @@ RichTextInputWithRef.isTouched = isTouched;
 var RichTextInputWithRef$1 = RichTextInputWithRef;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.25.1";
+var version = "20.0.0";
 
 export { RichTextInputWithRef$1 as default, version };

package/dist/declarations/src/rich-text-input.d.ts

@@ -6,7 +6,7 @@ type TBaseEvent = {
         name?: string;
     };
 };
-type TChangeEvent = {
+export type TChangeEvent = {
     target: TBaseEvent['target'] & {
         value: string;
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-input",
   "description": "A controlled rich text input component for rich text with validation states.",
-  "version": "19.25.1",
+  "version": "20.0.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,37 +21,36 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/collapsible-motion": "19.25.1",
-    "@commercetools-uikit/constraints": "19.25.1",
-    "@commercetools-uikit/design-system": "19.25.1",
-    "@commercetools-uikit/flat-button": "19.25.1",
-    "@commercetools-uikit/hooks": "19.25.1",
-    "@commercetools-uikit/icons": "19.25.1",
-    "@commercetools-uikit/input-utils": "19.25.1",
-    "@commercetools-uikit/rich-text-utils": "19.25.1",
-    "@commercetools-uikit/spacings-inline": "19.25.1",
-    "@commercetools-uikit/spacings-stack": "19.25.1",
-    "@commercetools-uikit/tooltip": "19.25.1",
-    "@commercetools-uikit/utils": "19.25.1",
+    "@commercetools-uikit/collapsible-motion": "20.0.0",
+    "@commercetools-uikit/constraints": "20.0.0",
+    "@commercetools-uikit/design-system": "20.0.0",
+    "@commercetools-uikit/flat-button": "20.0.0",
+    "@commercetools-uikit/hooks": "20.0.0",
+    "@commercetools-uikit/icons": "20.0.0",
+    "@commercetools-uikit/input-utils": "20.0.0",
+    "@commercetools-uikit/rich-text-utils": "20.0.0",
+    "@commercetools-uikit/spacings-inline": "20.0.0",
+    "@commercetools-uikit/spacings-stack": "20.0.0",
+    "@commercetools-uikit/tooltip": "20.0.0",
+    "@commercetools-uikit/utils": "20.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "downshift": "6.1.12",
+    "downshift": "9.0.8",
     "immutable": "4.3.7",
     "is-hotkey": "0.2.0",
     "lodash": "4.17.21",
-    "prop-types": "15.8.1",
     "slate": "0.75.0",
     "slate-history": "0.113.1",
     "slate-react": "0.75.0"
   },
   "devDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-intl": "^6.3.2"
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-intl": "^7.1.4"
   },
   "peerDependencies": {
-    "react": "17.x",
-    "react-dom": "17.x",
-    "react-intl": "6.x"
+    "react": "19.x",
+    "react-dom": "19.x",
+    "react-intl": "7.x"
   }
 }