@arbisoft/react-design-tool 1.0.11 → 1.0.13

package/dist/esm/index.js

@@ -595,7 +595,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,
@@ -606,7 +606,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,
@@ -641,10 +640,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();
@@ -1879,7 +1877,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() {
@@ -1945,7 +1943,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,
@@ -1993,7 +1991,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,
@@ -2021,7 +2019,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,
@@ -2047,7 +2045,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,
@@ -2057,16 +2055,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,
@@ -2204,15 +2202,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
 };
 
@@ -2682,7 +2680,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,
@@ -3053,11 +3051,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,
@@ -3074,9 +3072,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
 };
@@ -3603,7 +3601,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,
@@ -5078,7 +5076,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,
@@ -5091,7 +5089,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,
@@ -5104,7 +5102,7 @@ var propTypes$b = {
 
 var propTypes$a = {
   onCollapse: PropTypes.func,
-  selectedSideBarItem: PropTypes.string,
+  selectedSideBarItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   languageLocale: PropTypes.string
 };
 
@@ -5158,7 +5156,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,
@@ -5503,7 +5501,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
 };