@arbisoft/react-design-tool 1.0.11 → 1.0.13

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

package/dist/cjs/index.js

@@ -597,7 +597,7 @@ var _templateObject$u;
 var StudioWrapper = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n    background-color: ", ";\n    display: flex;\n    flex: 1;\n    flex-direction: row;\n    overflow: hidden;\n    height: 100%;\n    width: 100%;\n    position: relative;\n"])), theme.color.white);
 
 var propTypes$z = {
-  selectedSideBarItem: PropTypes.object,
+  selectedSideBarItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   onClickPill: PropTypes.func,
   languageLocale: PropTypes.string,
   disableWhiteLabel: PropTypes.bool,
@@ -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,10 +642,9 @@ var SideBarPill = function SideBarPill(_ref) {
     _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     icon = _ref.icon,
     text = _ref.text,
-    pillActiveColor = _ref.pillActiveColor,
-    id = _ref.id;
+    pillActiveColor = _ref.pillActiveColor;
   return /*#__PURE__*/React.createElement(SideBarItem, {
-    key: id,
+    key: Date.now(),
     isSelected: isSelected,
     onClick: function onClick() {
       return _onClick();
@@ -1881,7 +1879,7 @@ var SideBar = function SideBar(_ref) {
         return null;
       }
       return /*#__PURE__*/React.createElement(SideBarPill, {
-        key: item === null || item === void 0 ? void 0 : item.id,
+        key: Date.now(),
         id: item === null || item === void 0 ? void 0 : item.id,
         isSelected: selectedSideBarItem === (item === null || item === void 0 ? void 0 : item.id),
         onClick: function onClick() {
@@ -1947,7 +1945,7 @@ var propTypes$x = {
   defaultTextProps: PropTypes.object,
   onChangeTextProperty: PropTypes.func,
   onSetPageSize: PropTypes.func,
-  selectedPageSize: PropTypes.string,
+  selectedPageSize: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   loadingImages: PropTypes.bool,
   loadingFonts: PropTypes.bool,
   uploadImageCallBack: PropTypes.func,
@@ -1995,7 +1993,7 @@ var propTypes$w = {
   selectedTab: PropTypes.string,
   onSetBackgroundColor: PropTypes.func,
   canvasBackgroundColor: PropTypes.string,
-  canvasBackgroundImage: PropTypes.string,
+  canvasBackgroundImage: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   onSetBackgroundImage: PropTypes.func,
   shapeStrokeColor: PropTypes.string,
   shapeStrokeWidth: PropTypes.number,
@@ -2023,7 +2021,7 @@ var propTypes$w = {
   defaultTextProps: PropTypes.object,
   onChangeTextProperty: PropTypes.func,
   onSetPageSize: PropTypes.func,
-  selectedPageSize: PropTypes.object,
+  selectedPageSize: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   translation: PropTypes.object,
   uploadImageCallBack: PropTypes.func,
   setLoadingUploadImage: PropTypes.func,
@@ -2049,7 +2047,7 @@ var propTypes$v = {
   backgroundImageOpacity: PropTypes.number,
   onChangeBackgroundImageOpacity: PropTypes.func,
   onSetPageSize: PropTypes.func,
-  selectedPageSize: PropTypes.object,
+  selectedPageSize: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   languageLocale: PropTypes.string,
   uploadImageCallBack: PropTypes.func,
   setLoadingUploadImage: PropTypes.func,
@@ -2059,16 +2057,16 @@ var propTypes$v = {
 };
 
 var propTypes$u = {
-  height: PropTypes.string,
-  paddingTop: PropTypes.string,
-  paddingBottom: PropTypes.string,
-  paddingLeft: PropTypes.string,
-  paddingRight: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  paddingTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  paddingBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  paddingLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  paddingRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   children: PropTypes.node,
-  marginLeft: PropTypes.string,
-  marginRight: PropTypes.string,
+  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   justifyContent: PropTypes.string,
-  gap: PropTypes.string,
+  gap: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   onClick: PropTypes.func,
   disabled: PropTypes.bool,
   tooltip: PropTypes.string,
@@ -2206,15 +2204,15 @@ var ToolBarButtonWrapper = function ToolBarButtonWrapper(_ref) {
 ToolBarButtonWrapper.propTypes = propTypes$u;
 
 var propTypes$s = {
-  left: PropTypes.bool,
+  left: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   right: PropTypes.bool,
   center: PropTypes.bool,
-  gap: PropTypes.string,
-  paddingLeft: PropTypes.string,
-  paddingRight: PropTypes.string,
+  gap: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  paddingLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  paddingRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   list: PropTypes.array,
   onSelect: PropTypes.func,
-  fontPicker: PropTypes.object,
+  fontPicker: PropTypes.any,
   tooltip: PropTypes.string
 };
 
@@ -2684,7 +2682,7 @@ var propTypes$q = {
   pickerWidth: PropTypes.number,
   leftChild: PropTypes.node,
   rightChild: PropTypes.node,
-  gap: PropTypes.number,
+  gap: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   showLeftChild: PropTypes.bool,
   varient: PropTypes.string,
   fontFamily: PropTypes.string,
@@ -3055,11 +3053,11 @@ TemplateToolBar.propTypes = propTypes$v;
 
 var propTypes$o = {
   fontFamily: PropTypes.string,
-  fontSize: PropTypes.string,
+  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   color: PropTypes.string,
   textDecoration: PropTypes.string,
   fontStyle: PropTypes.string,
-  fontWeight: PropTypes.string,
+  fontWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   textAlign: PropTypes.string,
   textOpacity: PropTypes.number,
   onChangeTextProperty: PropTypes.func,
@@ -3076,9 +3074,9 @@ var RowContainer$3 = styled.div(_templateObject2$f || (_templateObject2$f = _tag
 
 var propTypes$n = {
   tabsData: PropTypes.arrayOf(PropTypes.object),
-  height: PropTypes.number,
-  tabPadding: PropTypes.string,
-  marginRight: PropTypes.number,
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  tabPadding: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   disabled: PropTypes.bool,
   tooltipPosition: PropTypes.string
 };
@@ -3605,7 +3603,7 @@ var ZoomPercentage = styled.p(_templateObject5$1 || (_templateObject5$1 = _tagge
 
 var propTypes$h = {
   varient: PropTypes.oneOf(Object.values(ButtonVarients)),
-  left: PropTypes.node,
+  left: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   text: PropTypes.string,
   marginBottom: PropTypes.number,
   marginTop: PropTypes.number,
@@ -5080,7 +5078,7 @@ var Editor = function Editor(_ref) {
 Editor.propTypes = propTypes$x;
 
 var propTypes$b = {
-  selectedSideBarItem: PropTypes.string,
+  selectedSideBarItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   helperSideBarVisible: PropTypes.bool,
   onCollapse: PropTypes.func,
   onAddShape: PropTypes.func,
@@ -5093,7 +5091,7 @@ var propTypes$b = {
   toggleQrLogo: PropTypes.func,
   addQrLogo: PropTypes.func,
   elements: PropTypes.array,
-  qrLogo: PropTypes.string,
+  qrLogo: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   onAddTextToCanvas: PropTypes.func,
   oncreateNewTemplate: PropTypes.func,
   languageLocale: PropTypes.string,
@@ -5106,7 +5104,7 @@ var propTypes$b = {
 
 var propTypes$a = {
   onCollapse: PropTypes.func,
-  selectedSideBarItem: PropTypes.string,
+  selectedSideBarItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   languageLocale: PropTypes.string
 };
 
@@ -5160,7 +5158,7 @@ var propTypes$9 = {
 
 var propTypes$8 = {
   title: PropTypes.string,
-  left: PropTypes.bool,
+  left: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   hideIcon: PropTypes.bool,
   marginTop: PropTypes.number,
   marginBottom: PropTypes.number,
@@ -5505,7 +5503,7 @@ var propTypes$4 = {
   toggleQrLogo: PropTypes.func,
   addQrLogo: PropTypes.func,
   elements: PropTypes.array,
-  qrLogo: PropTypes.object,
+  qrLogo: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   languageLocale: PropTypes.string
 };