@arbisoft/react-design-tool 1.0.13 → 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.13
+npm install @arbisoft/react-design-tool@1.0.14
 ```
 OR
 ```bash
-yarn add @arbisoft/react-design-tool@1.0.13
+yarn add @arbisoft/react-design-tool@1.0.14
 
 ```
 ## 🚀 Quick Start

package/dist/cjs/index.js

@@ -642,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();
@@ -1879,7 +1880,7 @@ var SideBar = function SideBar(_ref) {
         return null;
       }
       return /*#__PURE__*/React.createElement(SideBarPill, {
-        key: Date.now(),
+        key: item === null || item === void 0 ? void 0 : item.id,
         id: item === null || item === void 0 ? void 0 : item.id,
         isSelected: selectedSideBarItem === (item === null || item === void 0 ? void 0 : item.id),
         onClick: function onClick() {
@@ -4169,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,
@@ -4243,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,
@@ -4257,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,
@@ -4924,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);