@arbisoft/react-design-tool 1.0.12 → 1.0.14

package/README.md

@@ -36,11 +36,11 @@ yarn add @arbisoft/react-design-tool
 #### ⚠️ Important: Installation Guide for React 18 and Below
 
 ```bash
-npm install @arbisoft/react-design-tool@1.0.12
+npm install @arbisoft/react-design-tool@1.0.14
 ```
 OR
 ```bash
-yarn add @arbisoft/react-design-tool@1.0.12
+yarn add @arbisoft/react-design-tool@1.0.14
 
 ```
 ## 🚀 Quick Start

package/dist/cjs/index.js

@@ -608,7 +608,6 @@ var _templateObject$t;
 var SideBarWrapper$1 = styled.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n    background-color: ", ";\n    display: flex;\n    flex-direction: column;\n    width: 100px;\n    overflow: auto;\n"])), theme.color.white);
 
 var propTypes$y = {
-  key: PropTypes.string,
   isSelected: PropTypes.bool,
   onClick: PropTypes.func,
   icon: PropTypes.node,
@@ -643,9 +642,10 @@ var SideBarPill = function SideBarPill(_ref) {
     _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     icon = _ref.icon,
     text = _ref.text,
-    pillActiveColor = _ref.pillActiveColor;
+    pillActiveColor = _ref.pillActiveColor,
+    id = _ref.id;
   return /*#__PURE__*/React.createElement(SideBarItem, {
-    key: Date.now(),
+    key: id,
     isSelected: isSelected,
     onClick: function onClick() {
       return _onClick();
@@ -2213,7 +2213,7 @@ var propTypes$s = {
   paddingRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   list: PropTypes.array,
   onSelect: PropTypes.func,
-  fontPicker: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  fontPicker: PropTypes.any,
   tooltip: PropTypes.string
 };
 
@@ -4170,7 +4170,7 @@ var EditableText = function EditableText(_ref) {
     onClick = _ref.onClick,
     _onDragEnd = _ref.onDragEnd,
     onTransformEnd = _ref.onTransformEnd,
-    key = _ref.key,
+    id = _ref.id,
     onTransform = _ref.onTransform,
     onChangeTextContent = _ref.onChangeTextContent,
     onChangeTextProperty = _ref.onChangeTextProperty,
@@ -4244,7 +4244,7 @@ var EditableText = function EditableText(_ref) {
   if (!isFontLoaded) {
     return /*#__PURE__*/React.createElement(reactKonva.Text, _extends({
       ref: textRef,
-      key: key
+      key: id
     }, element, {
       id: element.id,
       fontVariant: element === null || element === void 0 ? void 0 : element.fontWeight,
@@ -4258,7 +4258,7 @@ var EditableText = function EditableText(_ref) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(reactKonva.Text, _extends({
     ref: textRef,
-    key: key
+    key: id
   }, element, {
     id: element.id,
     fontVariant: element === null || element === void 0 ? void 0 : element.fontWeight,
@@ -4925,6 +4925,7 @@ var Editor = function Editor(_ref) {
       case elementTypes.text:
         return /*#__PURE__*/React.createElement(EditableText, {
           key: el.id,
+          id: el.id,
           element: el,
           onClick: function onClick() {
             return handleSelect(el);