@arbisoft/react-design-tool 1.0.8 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -1
- package/dist/cjs/index.js +62 -62
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +62 -62
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -532,7 +532,7 @@ var propTypes$A = {
|
|
|
532
532
|
qrLink: PropTypes.string,
|
|
533
533
|
styleProps: PropTypes.object,
|
|
534
534
|
defaultText: PropTypes.string,
|
|
535
|
-
onSave: PropTypes.func
|
|
535
|
+
onSave: PropTypes.func,
|
|
536
536
|
saveButtonText: PropTypes.string,
|
|
537
537
|
locale: PropTypes.oneOf(['en', 'ru', 'pl', 'de', 'es', 'fr', 'it'])
|
|
538
538
|
};
|
|
@@ -606,11 +606,11 @@ var _templateObject$t;
|
|
|
606
606
|
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);
|
|
607
607
|
|
|
608
608
|
var propTypes$y = {
|
|
609
|
-
key: PropTypes.string
|
|
609
|
+
key: PropTypes.string,
|
|
610
610
|
isSelected: PropTypes.bool,
|
|
611
611
|
onClick: PropTypes.func,
|
|
612
612
|
icon: PropTypes.node,
|
|
613
|
-
text: PropTypes.string
|
|
613
|
+
text: PropTypes.string,
|
|
614
614
|
pillActiveColor: PropTypes.string
|
|
615
615
|
};
|
|
616
616
|
|
|
@@ -1905,7 +1905,7 @@ var propTypes$x = {
|
|
|
1905
1905
|
editorHeight: PropTypes.number,
|
|
1906
1906
|
editorWidth: PropTypes.number,
|
|
1907
1907
|
onSetBackgroundColor: PropTypes.func,
|
|
1908
|
-
elements: PropTypes.array
|
|
1908
|
+
elements: PropTypes.array,
|
|
1909
1909
|
history: PropTypes.array,
|
|
1910
1910
|
redoStack: PropTypes.array,
|
|
1911
1911
|
onSetBackgroundImage: PropTypes.func,
|
|
@@ -1990,44 +1990,44 @@ var EditorBox = styled.div(_templateObject5$3 || (_templateObject5$3 = _taggedTe
|
|
|
1990
1990
|
}, theme.color.gray_25);
|
|
1991
1991
|
|
|
1992
1992
|
var propTypes$w = {
|
|
1993
|
-
selectedTab: PropTypes.string
|
|
1994
|
-
onSetBackgroundColor: PropTypes.func
|
|
1993
|
+
selectedTab: PropTypes.string,
|
|
1994
|
+
onSetBackgroundColor: PropTypes.func,
|
|
1995
1995
|
canvasBackgroundColor: PropTypes.string,
|
|
1996
1996
|
canvasBackgroundImage: PropTypes.string,
|
|
1997
|
-
onSetBackgroundImage: PropTypes.func
|
|
1997
|
+
onSetBackgroundImage: PropTypes.func,
|
|
1998
1998
|
shapeStrokeColor: PropTypes.string,
|
|
1999
1999
|
shapeStrokeWidth: PropTypes.number,
|
|
2000
2000
|
shapeFillColor: PropTypes.string,
|
|
2001
2001
|
shapeOpacity: PropTypes.number,
|
|
2002
|
-
onChangeShapeStrokeColor: PropTypes.func
|
|
2003
|
-
onChangeShapeStrokeWidth: PropTypes.func
|
|
2004
|
-
onChangeShapeFill: PropTypes.func
|
|
2005
|
-
onChangeShapeOpacity: PropTypes.func
|
|
2002
|
+
onChangeShapeStrokeColor: PropTypes.func,
|
|
2003
|
+
onChangeShapeStrokeWidth: PropTypes.func,
|
|
2004
|
+
onChangeShapeFill: PropTypes.func,
|
|
2005
|
+
onChangeShapeOpacity: PropTypes.func,
|
|
2006
2006
|
selectedElement: PropTypes.object,
|
|
2007
|
-
onChangeBackgroundImageOpacity: PropTypes.func
|
|
2007
|
+
onChangeBackgroundImageOpacity: PropTypes.func,
|
|
2008
2008
|
backgroundImageOpacity: PropTypes.number,
|
|
2009
2009
|
imageStrokeWidth: PropTypes.number,
|
|
2010
2010
|
imageStrokeColor: PropTypes.string,
|
|
2011
2011
|
imageOpacity: PropTypes.number,
|
|
2012
|
-
onChangeImageStrokeWidth: PropTypes.func
|
|
2013
|
-
onChangeImageStrokeColor: PropTypes.func
|
|
2014
|
-
onChangeImageOpacity: PropTypes.func
|
|
2012
|
+
onChangeImageStrokeWidth: PropTypes.func,
|
|
2013
|
+
onChangeImageStrokeColor: PropTypes.func,
|
|
2014
|
+
onChangeImageOpacity: PropTypes.func,
|
|
2015
2015
|
qrStrokeWidth: PropTypes.number,
|
|
2016
2016
|
qrStrokeColor: PropTypes.string,
|
|
2017
2017
|
qrOpacity: PropTypes.number,
|
|
2018
|
-
onChangeQrStrokeWidth: PropTypes.func
|
|
2019
|
-
onChangeQrStrokeColor: PropTypes.func
|
|
2020
|
-
onChangeQrOpacity: PropTypes.func
|
|
2018
|
+
onChangeQrStrokeWidth: PropTypes.func,
|
|
2019
|
+
onChangeQrStrokeColor: PropTypes.func,
|
|
2020
|
+
onChangeQrOpacity: PropTypes.func,
|
|
2021
2021
|
defaultTextProps: PropTypes.object,
|
|
2022
|
-
onChangeTextProperty: PropTypes.func
|
|
2023
|
-
onSetPageSize: PropTypes.func
|
|
2022
|
+
onChangeTextProperty: PropTypes.func,
|
|
2023
|
+
onSetPageSize: PropTypes.func,
|
|
2024
2024
|
selectedPageSize: PropTypes.object,
|
|
2025
|
-
translation: PropTypes.object
|
|
2026
|
-
uploadImageCallBack: PropTypes.func
|
|
2027
|
-
setLoadingUploadImage: PropTypes.func
|
|
2025
|
+
translation: PropTypes.object,
|
|
2026
|
+
uploadImageCallBack: PropTypes.func,
|
|
2027
|
+
setLoadingUploadImage: PropTypes.func,
|
|
2028
2028
|
cuttingGuideStroke: PropTypes.number,
|
|
2029
2029
|
cuttingGuideStrokeColor: PropTypes.string,
|
|
2030
|
-
onChangeCuttingGuideProp: PropTypes.func
|
|
2030
|
+
onChangeCuttingGuideProp: PropTypes.func
|
|
2031
2031
|
};
|
|
2032
2032
|
|
|
2033
2033
|
var _templateObject$q, _templateObject2$k;
|
|
@@ -2041,28 +2041,28 @@ var ToolBarWrapper = styled.div(_templateObject$q || (_templateObject$q = _tagge
|
|
|
2041
2041
|
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"])));
|
|
2042
2042
|
|
|
2043
2043
|
var propTypes$v = {
|
|
2044
|
-
onSetBackgroundColor: PropTypes.func
|
|
2045
|
-
canvasBackgroundColor: PropTypes.string
|
|
2046
|
-
onSetBackgroundImage: PropTypes.func
|
|
2047
|
-
backgroundImageOpacity: PropTypes.number
|
|
2048
|
-
onChangeBackgroundImageOpacity: PropTypes.func
|
|
2049
|
-
onSetPageSize: PropTypes.func
|
|
2050
|
-
selectedPageSize: PropTypes.object
|
|
2044
|
+
onSetBackgroundColor: PropTypes.func,
|
|
2045
|
+
canvasBackgroundColor: PropTypes.string,
|
|
2046
|
+
onSetBackgroundImage: PropTypes.func,
|
|
2047
|
+
backgroundImageOpacity: PropTypes.number,
|
|
2048
|
+
onChangeBackgroundImageOpacity: PropTypes.func,
|
|
2049
|
+
onSetPageSize: PropTypes.func,
|
|
2050
|
+
selectedPageSize: PropTypes.object,
|
|
2051
2051
|
languageLocale: PropTypes.string,
|
|
2052
|
-
uploadImageCallBack: PropTypes.func
|
|
2053
|
-
setLoadingUploadImage: PropTypes.func
|
|
2054
|
-
cuttingGuideStroke: PropTypes.number
|
|
2055
|
-
cuttingGuideStrokeColor: PropTypes.string
|
|
2056
|
-
onChangeCuttingGuideProp: PropTypes.func
|
|
2052
|
+
uploadImageCallBack: PropTypes.func,
|
|
2053
|
+
setLoadingUploadImage: PropTypes.func,
|
|
2054
|
+
cuttingGuideStroke: PropTypes.number,
|
|
2055
|
+
cuttingGuideStrokeColor: PropTypes.string,
|
|
2056
|
+
onChangeCuttingGuideProp: PropTypes.func
|
|
2057
2057
|
};
|
|
2058
2058
|
|
|
2059
2059
|
var propTypes$u = {
|
|
2060
|
-
height: PropTypes.string
|
|
2060
|
+
height: PropTypes.string,
|
|
2061
2061
|
paddingTop: PropTypes.string,
|
|
2062
2062
|
paddingBottom: PropTypes.string,
|
|
2063
2063
|
paddingLeft: PropTypes.string,
|
|
2064
2064
|
paddingRight: PropTypes.string,
|
|
2065
|
-
children: PropTypes.node
|
|
2065
|
+
children: PropTypes.node,
|
|
2066
2066
|
marginLeft: PropTypes.string,
|
|
2067
2067
|
marginRight: PropTypes.string,
|
|
2068
2068
|
justifyContent: PropTypes.string,
|
|
@@ -2122,8 +2122,8 @@ var StyledContainer$6 = styled.div(_templateObject$p || (_templateObject$p = _ta
|
|
|
2122
2122
|
});
|
|
2123
2123
|
|
|
2124
2124
|
var propTypes$t = {
|
|
2125
|
-
children: PropTypes.node
|
|
2126
|
-
text: PropTypes.string
|
|
2125
|
+
children: PropTypes.node,
|
|
2126
|
+
text: PropTypes.string,
|
|
2127
2127
|
position: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
|
|
2128
2128
|
disabled: PropTypes.bool
|
|
2129
2129
|
};
|
|
@@ -2778,13 +2778,13 @@ var OpacityPicker = function OpacityPicker(_ref) {
|
|
|
2778
2778
|
OpacityPicker.propTypes = propTypes$q;
|
|
2779
2779
|
|
|
2780
2780
|
var propTypes$p = {
|
|
2781
|
-
value: PropTypes.number
|
|
2782
|
-
strokeColor: PropTypes.string
|
|
2781
|
+
value: PropTypes.number,
|
|
2782
|
+
strokeColor: PropTypes.string,
|
|
2783
2783
|
min: PropTypes.number,
|
|
2784
2784
|
max: PropTypes.number,
|
|
2785
2785
|
step: PropTypes.number,
|
|
2786
|
-
onChangeStrokeWidth: PropTypes.func
|
|
2787
|
-
onChangeShapeStrokeColor: PropTypes.func
|
|
2786
|
+
onChangeStrokeWidth: PropTypes.func,
|
|
2787
|
+
onChangeShapeStrokeColor: PropTypes.func,
|
|
2788
2788
|
pickerWidth: PropTypes.number,
|
|
2789
2789
|
languageLocale: PropTypes.string,
|
|
2790
2790
|
tooltip: PropTypes.string,
|
|
@@ -3052,15 +3052,15 @@ var TemplateToolBar = function TemplateToolBar(_ref) {
|
|
|
3052
3052
|
TemplateToolBar.propTypes = propTypes$v;
|
|
3053
3053
|
|
|
3054
3054
|
var propTypes$o = {
|
|
3055
|
-
fontFamily: PropTypes.string
|
|
3056
|
-
fontSize: PropTypes.string
|
|
3057
|
-
color: PropTypes.string
|
|
3055
|
+
fontFamily: PropTypes.string,
|
|
3056
|
+
fontSize: PropTypes.string,
|
|
3057
|
+
color: PropTypes.string,
|
|
3058
3058
|
textDecoration: PropTypes.string,
|
|
3059
3059
|
fontStyle: PropTypes.string,
|
|
3060
3060
|
fontWeight: PropTypes.string,
|
|
3061
3061
|
textAlign: PropTypes.string,
|
|
3062
3062
|
textOpacity: PropTypes.number,
|
|
3063
|
-
onChangeTextProperty: PropTypes.func
|
|
3063
|
+
onChangeTextProperty: PropTypes.func,
|
|
3064
3064
|
languageLocale: PropTypes.string
|
|
3065
3065
|
};
|
|
3066
3066
|
|
|
@@ -3591,7 +3591,7 @@ var propTypes$i = {
|
|
|
3591
3591
|
zoomLevel: PropTypes.number,
|
|
3592
3592
|
onZoomIn: PropTypes.func,
|
|
3593
3593
|
onZoomOut: PropTypes.func,
|
|
3594
|
-
translation: PropTypes.object
|
|
3594
|
+
translation: PropTypes.object
|
|
3595
3595
|
};
|
|
3596
3596
|
|
|
3597
3597
|
var _templateObject$e, _templateObject2$a, _templateObject3$7, _templateObject4$2, _templateObject5$1;
|
|
@@ -3774,11 +3774,11 @@ var BottomToolbarWrapper = styled.div(_templateObject$b || (_templateObject$b =
|
|
|
3774
3774
|
});
|
|
3775
3775
|
|
|
3776
3776
|
var propTypes$f = {
|
|
3777
|
-
onUndo: PropTypes.func
|
|
3778
|
-
onRedo: PropTypes.func
|
|
3777
|
+
onUndo: PropTypes.func,
|
|
3778
|
+
onRedo: PropTypes.func,
|
|
3779
3779
|
disableUndo: PropTypes.bool,
|
|
3780
3780
|
disableRedo: PropTypes.bool,
|
|
3781
|
-
translation: PropTypes.object
|
|
3781
|
+
translation: PropTypes.object
|
|
3782
3782
|
};
|
|
3783
3783
|
|
|
3784
3784
|
var UndoRedoControls = function UndoRedoControls(_ref) {
|
|
@@ -3875,8 +3875,8 @@ var BottomToolBar = function BottomToolBar(_ref) {
|
|
|
3875
3875
|
BottomToolBar.propTypes = propTypes$j;
|
|
3876
3876
|
|
|
3877
3877
|
var propTypes$e = {
|
|
3878
|
-
id: PropTypes.string
|
|
3879
|
-
element: PropTypes.object
|
|
3878
|
+
id: PropTypes.string,
|
|
3879
|
+
element: PropTypes.object,
|
|
3880
3880
|
onClick: PropTypes.func,
|
|
3881
3881
|
onDragEnd: PropTypes.func,
|
|
3882
3882
|
onTransformEnd: PropTypes.func,
|
|
@@ -3937,7 +3937,7 @@ var CanvasImage = function CanvasImage(_ref) {
|
|
|
3937
3937
|
CanvasImage.propTypes = propTypes$e;
|
|
3938
3938
|
|
|
3939
3939
|
var propTypes$d = {
|
|
3940
|
-
element: PropTypes.object
|
|
3940
|
+
element: PropTypes.object,
|
|
3941
3941
|
onClick: PropTypes.func,
|
|
3942
3942
|
onDragEnd: PropTypes.func,
|
|
3943
3943
|
onTransformEnd: PropTypes.func,
|
|
@@ -4086,7 +4086,7 @@ var QrElement = function QrElement(_ref) {
|
|
|
4086
4086
|
QrElement.propTypes = propTypes$d;
|
|
4087
4087
|
|
|
4088
4088
|
var propTypes$c = {
|
|
4089
|
-
element: PropTypes.object
|
|
4089
|
+
element: PropTypes.object,
|
|
4090
4090
|
onClick: PropTypes.func,
|
|
4091
4091
|
onDragEnd: PropTypes.func,
|
|
4092
4092
|
onTransformEnd: PropTypes.func,
|
|
@@ -5150,10 +5150,10 @@ var SideBarWrapper = styled.div(_templateObject$9 || (_templateObject$9 = _tagge
|
|
|
5150
5150
|
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);
|
|
5151
5151
|
|
|
5152
5152
|
var propTypes$9 = {
|
|
5153
|
-
oncreateNewTemplate: PropTypes.func
|
|
5153
|
+
oncreateNewTemplate: PropTypes.func,
|
|
5154
5154
|
languageLocale: PropTypes.string,
|
|
5155
|
-
defaultTemplatesList: PropTypes.array
|
|
5156
|
-
customTemplatesList: PropTypes.array
|
|
5155
|
+
defaultTemplatesList: PropTypes.array,
|
|
5156
|
+
customTemplatesList: PropTypes.array
|
|
5157
5157
|
};
|
|
5158
5158
|
|
|
5159
5159
|
var propTypes$8 = {
|
|
@@ -5295,7 +5295,7 @@ var TemplateSideBar = function TemplateSideBar(_ref) {
|
|
|
5295
5295
|
TemplateSideBar.propTypes = propTypes$9;
|
|
5296
5296
|
|
|
5297
5297
|
var propTypes$7 = {
|
|
5298
|
-
onAddTextToCanvas: PropTypes.func
|
|
5298
|
+
onAddTextToCanvas: PropTypes.func,
|
|
5299
5299
|
languageLocale: PropTypes.string
|
|
5300
5300
|
};
|
|
5301
5301
|
|
|
@@ -5502,7 +5502,7 @@ var propTypes$4 = {
|
|
|
5502
5502
|
qrPresent: PropTypes.bool,
|
|
5503
5503
|
toggleQrLogo: PropTypes.func,
|
|
5504
5504
|
addQrLogo: PropTypes.func,
|
|
5505
|
-
elements: PropTypes.array
|
|
5505
|
+
elements: PropTypes.array,
|
|
5506
5506
|
qrLogo: PropTypes.object,
|
|
5507
5507
|
languageLocale: PropTypes.string
|
|
5508
5508
|
};
|
|
@@ -5608,7 +5608,7 @@ var QrSideBar = function QrSideBar(_ref) {
|
|
|
5608
5608
|
QrSideBar.propTypes = propTypes$4;
|
|
5609
5609
|
|
|
5610
5610
|
var propTypes$2 = {
|
|
5611
|
-
translation: PropTypes.object
|
|
5611
|
+
translation: PropTypes.object
|
|
5612
5612
|
};
|
|
5613
5613
|
|
|
5614
5614
|
var _templateObject$1;
|