@arbisoft/react-design-tool 1.0.9 → 1.0.11

package/README.md

@@ -23,7 +23,7 @@ Check out the live demo here:
 
  [![Live Demo](https://img.shields.io/badge/Live-Demo-blue?style=for-the-badge)](https://codesandbox.io/p/sandbox/fdftlr)
 
-## 📦 Installation
+## 📦 Installation( react >= 19 )
 
 ```bash
 npm install @arbisoft/react-design-tool
@@ -32,6 +32,16 @@ OR
 ```bash
 yarn add @arbisoft/react-design-tool
 
+```
+#### ⚠️ Important: Installation Guide for React 18 and Below
+
+```bash
+npm install @arbisoft/react-design-tool@1.0.10
+```
+OR
+```bash
+yarn add @arbisoft/react-design-tool@1.0.10
+
 ```
 ## 🚀 Quick Start
 

package/dist/cjs/index.js

@@ -534,7 +534,7 @@ var propTypes$A = {
   qrLink: PropTypes.string,
   styleProps: PropTypes.object,
   defaultText: PropTypes.string,
-  onSave: PropTypes.func.isRequired,
+  onSave: PropTypes.func,
   saveButtonText: PropTypes.string,
   locale: PropTypes.oneOf(['en', 'ru', 'pl', 'de', 'es', 'fr', 'it'])
 };
@@ -608,11 +608,11 @@ 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.isRequired,
+  key: PropTypes.string,
   isSelected: PropTypes.bool,
   onClick: PropTypes.func,
   icon: PropTypes.node,
-  text: PropTypes.string.isRequired,
+  text: PropTypes.string,
   pillActiveColor: PropTypes.string
 };
 
@@ -1907,7 +1907,7 @@ var propTypes$x = {
   editorHeight: PropTypes.number,
   editorWidth: PropTypes.number,
   onSetBackgroundColor: PropTypes.func,
-  elements: PropTypes.array.isRequired,
+  elements: PropTypes.array,
   history: PropTypes.array,
   redoStack: PropTypes.array,
   onSetBackgroundImage: PropTypes.func,
@@ -1992,44 +1992,44 @@ var EditorBox = styled.div(_templateObject5$3 || (_templateObject5$3 = _taggedTe
 }, theme.color.gray_25);
 
 var propTypes$w = {
-  selectedTab: PropTypes.string.isRequired,
-  onSetBackgroundColor: PropTypes.func.isRequired,
+  selectedTab: PropTypes.string,
+  onSetBackgroundColor: PropTypes.func,
   canvasBackgroundColor: PropTypes.string,
   canvasBackgroundImage: PropTypes.string,
-  onSetBackgroundImage: PropTypes.func.isRequired,
+  onSetBackgroundImage: PropTypes.func,
   shapeStrokeColor: PropTypes.string,
   shapeStrokeWidth: PropTypes.number,
   shapeFillColor: PropTypes.string,
   shapeOpacity: PropTypes.number,
-  onChangeShapeStrokeColor: PropTypes.func.isRequired,
-  onChangeShapeStrokeWidth: PropTypes.func.isRequired,
-  onChangeShapeFill: PropTypes.func.isRequired,
-  onChangeShapeOpacity: PropTypes.func.isRequired,
+  onChangeShapeStrokeColor: PropTypes.func,
+  onChangeShapeStrokeWidth: PropTypes.func,
+  onChangeShapeFill: PropTypes.func,
+  onChangeShapeOpacity: PropTypes.func,
   selectedElement: PropTypes.object,
-  onChangeBackgroundImageOpacity: PropTypes.func.isRequired,
+  onChangeBackgroundImageOpacity: PropTypes.func,
   backgroundImageOpacity: PropTypes.number,
   imageStrokeWidth: PropTypes.number,
   imageStrokeColor: PropTypes.string,
   imageOpacity: PropTypes.number,
-  onChangeImageStrokeWidth: PropTypes.func.isRequired,
-  onChangeImageStrokeColor: PropTypes.func.isRequired,
-  onChangeImageOpacity: PropTypes.func.isRequired,
+  onChangeImageStrokeWidth: PropTypes.func,
+  onChangeImageStrokeColor: PropTypes.func,
+  onChangeImageOpacity: PropTypes.func,
   qrStrokeWidth: PropTypes.number,
   qrStrokeColor: PropTypes.string,
   qrOpacity: PropTypes.number,
-  onChangeQrStrokeWidth: PropTypes.func.isRequired,
-  onChangeQrStrokeColor: PropTypes.func.isRequired,
-  onChangeQrOpacity: PropTypes.func.isRequired,
+  onChangeQrStrokeWidth: PropTypes.func,
+  onChangeQrStrokeColor: PropTypes.func,
+  onChangeQrOpacity: PropTypes.func,
   defaultTextProps: PropTypes.object,
-  onChangeTextProperty: PropTypes.func.isRequired,
-  onSetPageSize: PropTypes.func.isRequired,
+  onChangeTextProperty: PropTypes.func,
+  onSetPageSize: PropTypes.func,
   selectedPageSize: PropTypes.object,
-  translation: PropTypes.object.isRequired,
-  uploadImageCallBack: PropTypes.func.isRequired,
-  setLoadingUploadImage: PropTypes.func.isRequired,
+  translation: PropTypes.object,
+  uploadImageCallBack: PropTypes.func,
+  setLoadingUploadImage: PropTypes.func,
   cuttingGuideStroke: PropTypes.number,
   cuttingGuideStrokeColor: PropTypes.string,
-  onChangeCuttingGuideProp: PropTypes.func.isRequired
+  onChangeCuttingGuideProp: PropTypes.func
 };
 
 var _templateObject$q, _templateObject2$k;
@@ -2043,28 +2043,28 @@ var ToolBarWrapper = styled.div(_templateObject$q || (_templateObject$q = _tagge
 var OverlayBlocker = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background: rgba(255, 255, 255, 0.1);\n    z-index: 100;\n    cursor: not-allowed;\n"])));
 
 var propTypes$v = {
-  onSetBackgroundColor: PropTypes.func.isRequired,
-  canvasBackgroundColor: PropTypes.string.isRequired,
-  onSetBackgroundImage: PropTypes.func.isRequired,
-  backgroundImageOpacity: PropTypes.number.isRequired,
-  onChangeBackgroundImageOpacity: PropTypes.func.isRequired,
-  onSetPageSize: PropTypes.func.isRequired,
-  selectedPageSize: PropTypes.object.isRequired,
+  onSetBackgroundColor: PropTypes.func,
+  canvasBackgroundColor: PropTypes.string,
+  onSetBackgroundImage: PropTypes.func,
+  backgroundImageOpacity: PropTypes.number,
+  onChangeBackgroundImageOpacity: PropTypes.func,
+  onSetPageSize: PropTypes.func,
+  selectedPageSize: PropTypes.object,
   languageLocale: PropTypes.string,
-  uploadImageCallBack: PropTypes.func.isRequired,
-  setLoadingUploadImage: PropTypes.func.isRequired,
-  cuttingGuideStroke: PropTypes.number.isRequired,
-  cuttingGuideStrokeColor: PropTypes.string.isRequired,
-  onChangeCuttingGuideProp: PropTypes.func.isRequired
+  uploadImageCallBack: PropTypes.func,
+  setLoadingUploadImage: PropTypes.func,
+  cuttingGuideStroke: PropTypes.number,
+  cuttingGuideStrokeColor: PropTypes.string,
+  onChangeCuttingGuideProp: PropTypes.func
 };
 
 var propTypes$u = {
-  height: PropTypes.string.isRequired,
+  height: PropTypes.string,
   paddingTop: PropTypes.string,
   paddingBottom: PropTypes.string,
   paddingLeft: PropTypes.string,
   paddingRight: PropTypes.string,
-  children: PropTypes.node.isRequired,
+  children: PropTypes.node,
   marginLeft: PropTypes.string,
   marginRight: PropTypes.string,
   justifyContent: PropTypes.string,
@@ -2124,8 +2124,8 @@ var StyledContainer$6 = styled.div(_templateObject$p || (_templateObject$p = _ta
 });
 
 var propTypes$t = {
-  children: PropTypes.node.isRequired,
-  text: PropTypes.string.isRequired,
+  children: PropTypes.node,
+  text: PropTypes.string,
   position: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
   disabled: PropTypes.bool
 };
@@ -2780,13 +2780,13 @@ var OpacityPicker = function OpacityPicker(_ref) {
 OpacityPicker.propTypes = propTypes$q;
 
 var propTypes$p = {
-  value: PropTypes.number.isRequired,
-  strokeColor: PropTypes.string.isRequired,
+  value: PropTypes.number,
+  strokeColor: PropTypes.string,
   min: PropTypes.number,
   max: PropTypes.number,
   step: PropTypes.number,
-  onChangeStrokeWidth: PropTypes.func.isRequired,
-  onChangeShapeStrokeColor: PropTypes.func.isRequired,
+  onChangeStrokeWidth: PropTypes.func,
+  onChangeShapeStrokeColor: PropTypes.func,
   pickerWidth: PropTypes.number,
   languageLocale: PropTypes.string,
   tooltip: PropTypes.string,
@@ -3054,15 +3054,15 @@ var TemplateToolBar = function TemplateToolBar(_ref) {
 TemplateToolBar.propTypes = propTypes$v;
 
 var propTypes$o = {
-  fontFamily: PropTypes.string.isRequired,
-  fontSize: PropTypes.string.isRequired,
-  color: PropTypes.string.isRequired,
+  fontFamily: PropTypes.string,
+  fontSize: PropTypes.string,
+  color: PropTypes.string,
   textDecoration: PropTypes.string,
   fontStyle: PropTypes.string,
   fontWeight: PropTypes.string,
   textAlign: PropTypes.string,
   textOpacity: PropTypes.number,
-  onChangeTextProperty: PropTypes.func.isRequired,
+  onChangeTextProperty: PropTypes.func,
   languageLocale: PropTypes.string
 };
 
@@ -3593,7 +3593,7 @@ var propTypes$i = {
   zoomLevel: PropTypes.number,
   onZoomIn: PropTypes.func,
   onZoomOut: PropTypes.func,
-  translation: PropTypes.object.isRequired
+  translation: PropTypes.object
 };
 
 var _templateObject$e, _templateObject2$a, _templateObject3$7, _templateObject4$2, _templateObject5$1;
@@ -3776,11 +3776,11 @@ var BottomToolbarWrapper = styled.div(_templateObject$b || (_templateObject$b =
 });
 
 var propTypes$f = {
-  onUndo: PropTypes.func.isRequired,
-  onRedo: PropTypes.func.isRequired,
+  onUndo: PropTypes.func,
+  onRedo: PropTypes.func,
   disableUndo: PropTypes.bool,
   disableRedo: PropTypes.bool,
-  translation: PropTypes.object.isRequired
+  translation: PropTypes.object
 };
 
 var UndoRedoControls = function UndoRedoControls(_ref) {
@@ -3877,8 +3877,8 @@ var BottomToolBar = function BottomToolBar(_ref) {
 BottomToolBar.propTypes = propTypes$j;
 
 var propTypes$e = {
-  id: PropTypes.string.isRequired,
-  element: PropTypes.object.isRequired,
+  id: PropTypes.string,
+  element: PropTypes.object,
   onClick: PropTypes.func,
   onDragEnd: PropTypes.func,
   onTransformEnd: PropTypes.func,
@@ -3939,7 +3939,7 @@ var CanvasImage = function CanvasImage(_ref) {
 CanvasImage.propTypes = propTypes$e;
 
 var propTypes$d = {
-  element: PropTypes.object.isRequired,
+  element: PropTypes.object,
   onClick: PropTypes.func,
   onDragEnd: PropTypes.func,
   onTransformEnd: PropTypes.func,
@@ -4088,7 +4088,7 @@ var QrElement = function QrElement(_ref) {
 QrElement.propTypes = propTypes$d;
 
 var propTypes$c = {
-  element: PropTypes.object.isRequired,
+  element: PropTypes.object,
   onClick: PropTypes.func,
   onDragEnd: PropTypes.func,
   onTransformEnd: PropTypes.func,
@@ -5152,10 +5152,10 @@ var SideBarWrapper = styled.div(_templateObject$9 || (_templateObject$9 = _tagge
 var SideBarContainer = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n    flex: 1;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    width: ", "px;\n"])), helperSideBarWidth);
 
 var propTypes$9 = {
-  oncreateNewTemplate: PropTypes.func.isRequired,
+  oncreateNewTemplate: PropTypes.func,
   languageLocale: PropTypes.string,
-  defaultTemplatesList: PropTypes.array.isRequired,
-  customTemplatesList: PropTypes.array.isRequired
+  defaultTemplatesList: PropTypes.array,
+  customTemplatesList: PropTypes.array
 };
 
 var propTypes$8 = {
@@ -5297,7 +5297,7 @@ var TemplateSideBar = function TemplateSideBar(_ref) {
 TemplateSideBar.propTypes = propTypes$9;
 
 var propTypes$7 = {
-  onAddTextToCanvas: PropTypes.func.isRequired,
+  onAddTextToCanvas: PropTypes.func,
   languageLocale: PropTypes.string
 };
 
@@ -5504,7 +5504,7 @@ var propTypes$4 = {
   qrPresent: PropTypes.bool,
   toggleQrLogo: PropTypes.func,
   addQrLogo: PropTypes.func,
-  elements: PropTypes.array.isRequired,
+  elements: PropTypes.array,
   qrLogo: PropTypes.object,
   languageLocale: PropTypes.string
 };
@@ -5610,7 +5610,7 @@ var QrSideBar = function QrSideBar(_ref) {
 QrSideBar.propTypes = propTypes$4;
 
 var propTypes$2 = {
-  translation: PropTypes.object.isRequired
+  translation: PropTypes.object
 };
 
 var _templateObject$1;