@arbisoft/react-design-tool 1.0.10 → 1.0.12

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.12
 ```
 OR
 ```bash
-yarn add @arbisoft/react-design-tool@1.0.10
+yarn add @arbisoft/react-design-tool@1.0.12
 
 ```
 ## 🚀 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,
@@ -643,10 +643,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();
@@ -1947,7 +1946,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 +1994,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 +2022,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 +2048,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 +2058,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 +2205,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.oneOfType([PropTypes.string, PropTypes.object]),
   tooltip: PropTypes.string
 };
 
@@ -2684,7 +2683,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 +3054,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 +3075,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 +3604,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 +5079,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 +5092,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 +5105,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 +5159,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 +5504,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
 };