@pie-element/hotspot 9.3.4-next.3 → 10.0.0-beta.0
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/configure/lib/DeleteWidget.js +30 -43
- package/configure/lib/DeleteWidget.js.map +1 -1
- package/configure/lib/button.js +26 -45
- package/configure/lib/button.js.map +1 -1
- package/configure/lib/buttons/circle.js +20 -27
- package/configure/lib/buttons/circle.js.map +1 -1
- package/configure/lib/buttons/polygon.js +26 -33
- package/configure/lib/buttons/polygon.js.map +1 -1
- package/configure/lib/buttons/rectangle.js +26 -33
- package/configure/lib/buttons/rectangle.js.map +1 -1
- package/configure/lib/defaults.js +2 -3
- package/configure/lib/defaults.js.map +1 -1
- package/configure/lib/hotspot-circle.js +132 -198
- package/configure/lib/hotspot-circle.js.map +1 -1
- package/configure/lib/hotspot-container.js +250 -355
- package/configure/lib/hotspot-container.js.map +1 -1
- package/configure/lib/hotspot-drawable.js +360 -472
- package/configure/lib/hotspot-drawable.js.map +1 -1
- package/configure/lib/hotspot-palette.js +92 -139
- package/configure/lib/hotspot-palette.js.map +1 -1
- package/configure/lib/hotspot-polygon.js +212 -317
- package/configure/lib/hotspot-polygon.js.map +1 -1
- package/configure/lib/hotspot-rectangle.js +128 -192
- package/configure/lib/hotspot-rectangle.js.map +1 -1
- package/configure/lib/icons.js.map +1 -1
- package/configure/lib/image-konva.js +46 -86
- package/configure/lib/image-konva.js.map +1 -1
- package/configure/lib/index.js +162 -222
- package/configure/lib/index.js.map +1 -1
- package/configure/lib/root.js +301 -393
- package/configure/lib/root.js.map +1 -1
- package/configure/lib/shapes/circle.js +69 -101
- package/configure/lib/shapes/circle.js.map +1 -1
- package/configure/lib/shapes/index.js +4 -12
- package/configure/lib/shapes/index.js.map +1 -1
- package/configure/lib/shapes/polygon.js +64 -96
- package/configure/lib/shapes/polygon.js.map +1 -1
- package/configure/lib/shapes/rectagle.js +69 -101
- package/configure/lib/shapes/rectagle.js.map +1 -1
- package/configure/lib/shapes/utils.js +2 -8
- package/configure/lib/shapes/utils.js.map +1 -1
- package/configure/lib/upload-control.js +25 -52
- package/configure/lib/upload-control.js.map +1 -1
- package/configure/lib/utils.js +84 -137
- package/configure/lib/utils.js.map +1 -1
- package/configure/package.json +11 -10
- package/configure/src/__tests__/hotspot-container.test.js +50 -19
- package/configure/src/__tests__/hotspot-drawable.test.js +55 -34
- package/configure/src/__tests__/index.test.js +167 -5
- package/configure/src/__tests__/root.test.js +89 -63
- package/configure/src/button.jsx +12 -20
- package/configure/src/hotspot-circle.jsx +5 -18
- package/configure/src/hotspot-container.jsx +82 -98
- package/configure/src/hotspot-drawable.jsx +43 -45
- package/configure/src/hotspot-palette.jsx +45 -37
- package/configure/src/hotspot-polygon.jsx +4 -20
- package/configure/src/hotspot-rectangle.jsx +4 -17
- package/configure/src/index.js +12 -2
- package/configure/src/root.jsx +85 -79
- package/configure/src/upload-control.jsx +6 -16
- package/controller/lib/defaults.js +2 -3
- package/controller/lib/defaults.js.map +1 -1
- package/controller/lib/index.js +151 -205
- package/controller/lib/index.js.map +1 -1
- package/controller/lib/utils.js +14 -34
- package/controller/lib/utils.js.map +1 -1
- package/controller/package.json +2 -2
- package/lib/hotspot/circle.js +110 -169
- package/lib/hotspot/circle.js.map +1 -1
- package/lib/hotspot/container.js +174 -260
- package/lib/hotspot/container.js.map +1 -1
- package/lib/hotspot/icons.js.map +1 -1
- package/lib/hotspot/image-konva-tooltip.js +65 -112
- package/lib/hotspot/image-konva-tooltip.js.map +1 -1
- package/lib/hotspot/index.js +135 -198
- package/lib/hotspot/index.js.map +1 -1
- package/lib/hotspot/polygon.js +150 -214
- package/lib/hotspot/polygon.js.map +1 -1
- package/lib/hotspot/rectangle.js +128 -185
- package/lib/hotspot/rectangle.js.map +1 -1
- package/lib/index.js +187 -256
- package/lib/index.js.map +1 -1
- package/lib/session-updater.js +12 -18
- package/lib/session-updater.js.map +1 -1
- package/package.json +14 -11
- package/src/__tests__/container.test.jsx +27 -175
- package/src/__tests__/index.test.js +70 -30
- package/src/hotspot/circle.jsx +2 -13
- package/src/hotspot/container.jsx +35 -50
- package/src/hotspot/index.jsx +16 -28
- package/src/hotspot/polygon.jsx +4 -13
- package/src/hotspot/rectangle.jsx +5 -15
- package/src/index.js +21 -12
- package/configure/src/__tests__/DeleteWidget.test.js +0 -64
- package/configure/src/__tests__/__snapshots__/hotspot-container.test.js.snap +0 -192
- package/configure/src/__tests__/__snapshots__/hotspot-drawable.test.js.snap +0 -562
- package/configure/src/__tests__/__snapshots__/root.test.js.snap +0 -469
- package/src/__tests__/__snapshots__/container.test.jsx.snap +0 -264
- package/src/__tests__/__snapshots__/index.test.js.snap +0 -81
- package/src/__tests__/__snapshots__/polygon.test.jsx.snap +0 -192
- package/src/__tests__/__snapshots__/rectangle.test.jsx.snap +0 -127
- package/src/__tests__/polygon.test.jsx +0 -230
- package/src/__tests__/rectangle.test.jsx +0 -232
|
@@ -1,116 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.RectangleShape = void 0;
|
|
9
|
-
|
|
10
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
9
|
+
class RectangleShape {
|
|
10
|
+
static create(shapes, e) {
|
|
11
|
+
const newShapes = [...shapes];
|
|
12
|
+
const highestId = Math.max(...newShapes.map(shape => parseInt(shape.id)), 0) || 0;
|
|
13
|
+
const newRectangle = {
|
|
14
|
+
id: `${highestId + 1}`,
|
|
15
|
+
height: 0,
|
|
16
|
+
width: 0,
|
|
17
|
+
x: e.evt.layerX,
|
|
18
|
+
y: e.evt.layerY,
|
|
19
|
+
group: 'rectangles',
|
|
20
|
+
index: newShapes.length
|
|
21
|
+
};
|
|
22
|
+
newShapes.push(newRectangle);
|
|
23
|
+
return {
|
|
24
|
+
shapes: newShapes,
|
|
25
|
+
isDrawing: true,
|
|
26
|
+
isDrawingShapeId: newRectangle.id
|
|
27
|
+
};
|
|
25
28
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
}, {
|
|
51
|
-
key: "finalizeCreation",
|
|
52
|
-
value: function finalizeCreation(state, props) {
|
|
53
|
-
var currentShapeIndex = state.shapes.findIndex(function (shape) {
|
|
54
|
-
return shape.id === state.isDrawingShapeId;
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
if (currentShapeIndex !== -1) {
|
|
58
|
-
var currentShape = state.shapes[currentShapeIndex]; // Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing
|
|
59
|
-
|
|
60
|
-
if (currentShape.width > 0 && currentShape.height > 0) {
|
|
61
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
62
|
-
isDrawing: false,
|
|
63
|
-
stateShapes: false,
|
|
64
|
-
isDrawingShapeId: undefined
|
|
65
|
-
});
|
|
66
|
-
} else {
|
|
67
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
68
|
-
isDrawing: false,
|
|
69
|
-
stateShapes: false,
|
|
70
|
-
isDrawingShapeId: undefined,
|
|
71
|
-
shapes: state.shapes.filter(function (shape) {
|
|
72
|
-
return shape.id !== state.isDrawingShapeId;
|
|
73
|
-
})
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
} // Return current state if not drawing a rectangle
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
80
|
-
isDrawing: false,
|
|
81
|
-
stateShapes: false,
|
|
82
|
-
isDrawingShapeId: undefined
|
|
83
|
-
});
|
|
29
|
+
static finalizeCreation(state, props) {
|
|
30
|
+
const currentShapeIndex = state.shapes.findIndex(shape => shape.id === state.isDrawingShapeId);
|
|
31
|
+
if (currentShapeIndex !== -1) {
|
|
32
|
+
const currentShape = state.shapes[currentShapeIndex];
|
|
33
|
+
|
|
34
|
+
// Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing
|
|
35
|
+
if (currentShape.width > 0 && currentShape.height > 0) {
|
|
36
|
+
return {
|
|
37
|
+
...state,
|
|
38
|
+
isDrawing: false,
|
|
39
|
+
stateShapes: false,
|
|
40
|
+
isDrawingShapeId: undefined
|
|
41
|
+
};
|
|
42
|
+
} else {
|
|
43
|
+
return {
|
|
44
|
+
...state,
|
|
45
|
+
isDrawing: false,
|
|
46
|
+
stateShapes: false,
|
|
47
|
+
isDrawingShapeId: undefined,
|
|
48
|
+
shapes: state.shapes.filter(shape => shape.id !== state.isDrawingShapeId)
|
|
49
|
+
};
|
|
50
|
+
}
|
|
84
51
|
}
|
|
85
|
-
}, {
|
|
86
|
-
key: "handleMouseMove",
|
|
87
|
-
value: function handleMouseMove(state, e) {
|
|
88
|
-
var isDrawing = state.isDrawing,
|
|
89
|
-
isDrawingShapeId = state.isDrawingShapeId,
|
|
90
|
-
shapes = state.shapes;
|
|
91
52
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
53
|
+
// Return current state if not drawing a rectangle
|
|
54
|
+
return {
|
|
55
|
+
...state,
|
|
56
|
+
isDrawing: false,
|
|
57
|
+
stateShapes: false,
|
|
58
|
+
isDrawingShapeId: undefined
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
static handleMouseMove(state, e) {
|
|
62
|
+
const {
|
|
63
|
+
isDrawing,
|
|
64
|
+
isDrawingShapeId,
|
|
65
|
+
shapes
|
|
66
|
+
} = state;
|
|
67
|
+
if (isDrawing) {
|
|
68
|
+
const tempShapes = [...shapes];
|
|
69
|
+
const resizingShapeIndex = tempShapes.findIndex(shape => shape.id === isDrawingShapeId);
|
|
70
|
+
if (resizingShapeIndex !== -1) {
|
|
71
|
+
const resizingShape = tempShapes[resizingShapeIndex];
|
|
72
|
+
resizingShape.width = e.evt.layerX - resizingShape.x;
|
|
73
|
+
resizingShape.height = e.evt.layerY - resizingShape.y;
|
|
74
|
+
return {
|
|
75
|
+
shapes: tempShapes
|
|
76
|
+
};
|
|
106
77
|
}
|
|
107
|
-
|
|
108
|
-
return state;
|
|
109
78
|
}
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
|
|
79
|
+
return state;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
114
82
|
exports.RectangleShape = RectangleShape;
|
|
115
|
-
(0, _defineProperty2
|
|
83
|
+
(0, _defineProperty2.default)(RectangleShape, "name", 'rectangle');
|
|
116
84
|
//# sourceMappingURL=rectagle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"rectagle.js","names":["RectangleShape","create","shapes","e","newShapes","highestId","Math","max","map","shape","parseInt","id","newRectangle","height","width","x","evt","layerX","y","layerY","group","index","length","push","isDrawing","isDrawingShapeId","finalizeCreation","state","props","currentShapeIndex","findIndex","currentShape","stateShapes","undefined","filter","handleMouseMove","tempShapes","resizingShapeIndex","resizingShape","exports","_defineProperty2","default"],"sources":["../../src/shapes/rectagle.js"],"sourcesContent":["export class RectangleShape {\n static name = 'rectangle'\n\n static create(shapes, e) {\n const newShapes = [...shapes];\n const highestId = Math.max(...newShapes.map((shape) => parseInt(shape.id)), 0) || 0;\n\n const newRectangle = {\n id: `${highestId + 1}`,\n height: 0,\n width: 0,\n x: e.evt.layerX,\n y: e.evt.layerY,\n group: 'rectangles',\n index: newShapes.length,\n };\n\n newShapes.push(newRectangle);\n\n return {\n shapes: newShapes,\n isDrawing: true,\n isDrawingShapeId: newRectangle.id,\n };\n }\n\n static finalizeCreation(state, props) {\n const currentShapeIndex = state.shapes.findIndex((shape) => shape.id === state.isDrawingShapeId);\n\n if (currentShapeIndex !== -1) {\n const currentShape = state.shapes[currentShapeIndex];\n\n // Check if the shape is a valid rectangle (has more than 0 width and height) before finalizing\n if (currentShape.width > 0 && currentShape.height > 0) {\n return {\n ...state,\n isDrawing: false,\n stateShapes: false,\n isDrawingShapeId: undefined,\n };\n } else {\n return {\n ...state,\n isDrawing: false,\n stateShapes: false,\n isDrawingShapeId: undefined,\n shapes: state.shapes.filter((shape) => shape.id !== state.isDrawingShapeId),\n };\n }\n }\n\n // Return current state if not drawing a rectangle\n return {\n ...state,\n isDrawing: false,\n stateShapes: false,\n isDrawingShapeId: undefined,\n };\n }\n\n static handleMouseMove(state, e) {\n const { isDrawing, isDrawingShapeId, shapes } = state;\n\n if (isDrawing) {\n const tempShapes = [...shapes];\n const resizingShapeIndex = tempShapes.findIndex((shape) => shape.id === isDrawingShapeId);\n\n if (resizingShapeIndex !== -1) {\n const resizingShape = tempShapes[resizingShapeIndex];\n\n resizingShape.width = e.evt.layerX - resizingShape.x;\n resizingShape.height = e.evt.layerY - resizingShape.y;\n\n return {\n shapes: tempShapes,\n };\n }\n }\n\n return state;\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SUPPORTED_SHAPES = exports.SHAPE_GROUPS = void 0;
|
|
7
|
-
|
|
8
7
|
var _circle = require("./circle");
|
|
9
|
-
|
|
10
8
|
var _polygon = require("./polygon");
|
|
11
|
-
|
|
12
9
|
var _rectagle = require("./rectagle");
|
|
13
|
-
|
|
14
|
-
var SUPPORTED_SHAPES = {
|
|
10
|
+
const SUPPORTED_SHAPES = exports.SUPPORTED_SHAPES = {
|
|
15
11
|
CIRCLE: _circle.CircleShape.name,
|
|
16
12
|
POLYGON: _polygon.PolygonShape.name,
|
|
17
13
|
RECTANGLE: _rectagle.RectangleShape.name,
|
|
18
14
|
NONE: 'none'
|
|
19
15
|
};
|
|
20
|
-
exports.
|
|
21
|
-
var SHAPE_GROUPS = {
|
|
16
|
+
const SHAPE_GROUPS = exports.SHAPE_GROUPS = {
|
|
22
17
|
CIRCLES: 'circles',
|
|
23
18
|
POLYGONS: 'polygons',
|
|
24
19
|
RECTANGLES: 'rectangles'
|
|
25
20
|
};
|
|
26
|
-
exports.SHAPE_GROUPS = SHAPE_GROUPS;
|
|
27
21
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"utils.js","names":["_circle","require","_polygon","_rectagle","SUPPORTED_SHAPES","exports","CIRCLE","CircleShape","name","POLYGON","PolygonShape","RECTANGLE","RectangleShape","NONE","SHAPE_GROUPS","CIRCLES","POLYGONS","RECTANGLES"],"sources":["../../src/shapes/utils.js"],"sourcesContent":["import { CircleShape } from './circle';\nimport { PolygonShape } from './polygon';\nimport { RectangleShape } from './rectagle';\n\nexport const SUPPORTED_SHAPES = {\n CIRCLE: CircleShape.name,\n POLYGON: PolygonShape.name,\n RECTANGLE: RectangleShape.name,\n NONE: 'none',\n};\n\nexport const SHAPE_GROUPS = {\n CIRCLES: 'circles',\n POLYGONS: 'polygons',\n RECTANGLES: 'rectangles',\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,MAAM,EAAEC,mBAAW,CAACC,IAAI;EACxBC,OAAO,EAAEC,qBAAY,CAACF,IAAI;EAC1BG,SAAS,EAAEC,wBAAc,CAACJ,IAAI;EAC9BK,IAAI,EAAE;AACR,CAAC;AAEM,MAAMC,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE;AACd,CAAC","ignoreList":[]}
|
|
@@ -1,68 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
7
|
+
exports.default = void 0;
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var _index = require("@material-ui/core/styles/index");
|
|
15
|
-
|
|
16
10
|
var _button = _interopRequireDefault(require("./button"));
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
ref: function ref(_ref2) {
|
|
37
|
-
setRef(_ref2);
|
|
38
|
-
},
|
|
39
|
-
type: "file"
|
|
40
|
-
}));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
var styles = function styles() {
|
|
44
|
-
return {
|
|
45
|
-
input: {
|
|
46
|
-
display: 'none'
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
|
|
11
|
+
const UploadControl = ({
|
|
12
|
+
label,
|
|
13
|
+
onInputClick,
|
|
14
|
+
onUploadImage,
|
|
15
|
+
setRef
|
|
16
|
+
}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
17
|
+
label: label,
|
|
18
|
+
onClick: onInputClick
|
|
19
|
+
}), /*#__PURE__*/_react.default.createElement("input", {
|
|
20
|
+
accept: "image/*",
|
|
21
|
+
style: {
|
|
22
|
+
display: 'none'
|
|
23
|
+
},
|
|
24
|
+
onChange: onUploadImage,
|
|
25
|
+
ref: ref => {
|
|
26
|
+
setRef(ref);
|
|
27
|
+
},
|
|
28
|
+
type: "file"
|
|
29
|
+
}));
|
|
51
30
|
UploadControl.propTypes = {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
onInputClick: _propTypes["default"].func.isRequired,
|
|
57
|
-
onUploadImage: _propTypes["default"].func.isRequired,
|
|
58
|
-
setRef: _propTypes["default"].func.isRequired
|
|
31
|
+
label: _propTypes.default.string.isRequired,
|
|
32
|
+
onInputClick: _propTypes.default.func.isRequired,
|
|
33
|
+
onUploadImage: _propTypes.default.func.isRequired,
|
|
34
|
+
setRef: _propTypes.default.func.isRequired
|
|
59
35
|
};
|
|
60
36
|
UploadControl.defaultProps = {
|
|
61
37
|
classNameButton: '',
|
|
62
38
|
classNameSection: ''
|
|
63
39
|
};
|
|
64
|
-
|
|
65
|
-
var _default = (0, _index.withStyles)(styles)(UploadControl);
|
|
66
|
-
|
|
67
|
-
exports["default"] = _default;
|
|
40
|
+
var _default = exports.default = UploadControl;
|
|
68
41
|
//# sourceMappingURL=upload-control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"upload-control.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","UploadControl","label","onInputClick","onUploadImage","setRef","default","createElement","Fragment","onClick","accept","style","display","onChange","ref","type","propTypes","PropTypes","string","isRequired","func","defaultProps","classNameButton","classNameSection","_default","exports"],"sources":["../src/upload-control.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from './button';\n\nconst UploadControl = ({ label, onInputClick, onUploadImage, setRef }) => (\n <>\n <Button label={label} onClick={onInputClick} />\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n onChange={onUploadImage}\n ref={(ref) => {\n setRef(ref);\n }}\n type=\"file\"\n />\n </>\n);\n\nUploadControl.propTypes = {\n label: PropTypes.string.isRequired,\n onInputClick: PropTypes.func.isRequired,\n onUploadImage: PropTypes.func.isRequired,\n setRef: PropTypes.func.isRequired,\n};\n\nUploadControl.defaultProps = {\n classNameButton: '',\n classNameSection: '',\n};\n\nexport default UploadControl;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC,aAAa;EAAEC;AAAO,CAAC,kBACnET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,qBACEZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAM,OAAM;EAACJ,KAAK,EAAEA,KAAM;EAACO,OAAO,EAAEN;AAAa,CAAE,CAAC,eAC/CP,MAAA,CAAAU,OAAA,CAAAC,aAAA;EACEG,MAAM,EAAC,SAAS;EAChBC,KAAK,EAAE;IAAEC,OAAO,EAAE;EAAO,CAAE;EAC3BC,QAAQ,EAAET,aAAc;EACxBU,GAAG,EAAGA,GAAG,IAAK;IACZT,MAAM,CAACS,GAAG,CAAC;EACb,CAAE;EACFC,IAAI,EAAC;AAAM,CACZ,CACD,CACH;AAEDd,aAAa,CAACe,SAAS,GAAG;EACxBd,KAAK,EAAEe,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClChB,YAAY,EAAEc,kBAAS,CAACG,IAAI,CAACD,UAAU;EACvCf,aAAa,EAAEa,kBAAS,CAACG,IAAI,CAACD,UAAU;EACxCd,MAAM,EAAEY,kBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAEDlB,aAAa,CAACoB,YAAY,GAAG;EAC3BC,eAAe,EAAE,EAAE;EACnBC,gBAAgB,EAAE;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaL,aAAa","ignoreList":[]}
|