argous 1.2.246 → 1.2.247
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/dist/api/WebSocket.d.ts +4 -0
- package/dist/api/WebSocket.js +17 -13
- package/dist/api/index.js +119 -108
- package/dist/api/ws.js +3 -3
- package/dist/components/Alert/Alert.js +6 -2
- package/dist/components/ArgousAction/ArgousAction.js +8 -4
- package/dist/components/ArgousAvatar/ArgousAvatar.js +14 -10
- package/dist/components/ArgousComplexPagination/ArgousComplexPagination.js +15 -9
- package/dist/components/ArgousComplexTable/ArgousComplexTable.js +79 -52
- package/dist/components/ArgousComplexTableBody/ArgousComplexTableBody.js +16 -12
- package/dist/components/ArgousComplexTableHead/ArgousComplexTableHead.js +13 -9
- package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.js +12 -8
- package/dist/components/ArgousInput/ArgousInput.js +8 -4
- package/dist/components/ArgousPagination/ArgousPagination.js +1 -1
- package/dist/components/ArgousProgressBar/ArgousProgressBar.js +18 -18
- package/dist/components/ArgousSimpleTable/ArgousSimpleTable.js +16 -12
- package/dist/components/AutoComplete/AutoComplete.js +16 -12
- package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js +34 -30
- package/dist/components/BarChart/BarChart.js +5 -1
- package/dist/components/BarraFerramentas/BarraFerramentas.d.ts +30 -2
- package/dist/components/BarraFerramentas/BarraFerramentas.js +58 -40
- package/dist/components/Button/Button.js +8 -4
- package/dist/components/Cabecalho/Cabecalho.js +29 -25
- package/dist/components/Calendar/Calendar.js +12 -8
- package/dist/components/Cam/Cam.js +15 -11
- package/dist/components/Carousel/Carousel.js +21 -17
- package/dist/components/CartaoUsuario/CartaoUsuario.js +21 -17
- package/dist/components/Collapse/Collapse.js +18 -14
- package/dist/components/Compartilhar/Compartilhar.js +24 -20
- package/dist/components/ConfirmModal/ModalProvider.js +17 -13
- package/dist/components/ConfirmModal/index.js +5 -1
- package/dist/components/ContactValidationInput/ContactValidationInput.js +34 -31
- package/dist/components/Document/Icons.js +14 -10
- package/dist/components/Document/ModalVisualizacaoDocumentos.js +11 -7
- package/dist/components/Document/Visualizacao.js +15 -11
- package/dist/components/Document/index.js +5 -1
- package/dist/components/DropArea/DropArea.js +16 -12
- package/dist/components/DropArea/Html5FileSelector.js +2 -2
- package/dist/components/Editor/Events.d.ts +2 -2
- package/dist/components/Editor/ScriptLoader2.d.ts +1 -1
- package/dist/components/Editor/ScriptLoader2.js +1 -1
- package/dist/components/Editor/Utils.d.ts +1 -1
- package/dist/components/Editor/Utils.js +1 -1
- package/dist/components/Editor/components/Editor.d.ts +1 -1
- package/dist/components/Editor/components/Editor.js +23 -18
- package/dist/components/Editor/components/EditorPropTypes.d.ts +2 -2
- package/dist/components/Editor/components/EditorPropTypes.js +5 -1
- package/dist/components/FilePreparer/FilePreparer.js +34 -26
- package/dist/components/FileUploader/FileUploader.js +22 -18
- package/dist/components/FormVisualizer/FormVisualizer.js +34 -26
- package/dist/components/HalfGauge/HalfGauge.js +30 -26
- package/dist/components/Highlight/Highlight.js +7 -3
- package/dist/components/ImageResize/ImageResize.js +61 -57
- package/dist/components/ImageResizeButton/ImageResizeButton.js +9 -5
- package/dist/components/Input/Input.js +8 -4
- package/dist/components/InputTags/InputTags.js +16 -8
- package/dist/components/ListSelect/ListSelect.js +11 -7
- package/dist/components/MaterialButton/MaterialButton.js +18 -18
- package/dist/components/MenuBar/MenuBar.js +11 -7
- package/dist/components/MonthPicker/MonthPicker.js +33 -25
- package/dist/components/MultipleSelect/MultipleSelect.js +20 -12
- package/dist/components/OtpInput/OtpInput.js +11 -7
- package/dist/components/OutputText/OutputText.js +8 -4
- package/dist/components/Pagination/Pagination.js +5 -1
- package/dist/components/PercentageDisplay/PercentageDisplay.js +11 -7
- package/dist/components/Programa/PageCodeEasterEgg.d.ts +1 -1
- package/dist/components/Programa/PageCodeEasterEgg.js +11 -7
- package/dist/components/Programa/Programa.d.ts +16 -1
- package/dist/components/Programa/Programa.js +41 -13
- package/dist/components/Programa/Tab.d.ts +7 -0
- package/dist/components/Programa/Tab.js +2 -0
- package/dist/components/Programa/TabNavigationRail.d.ts +12 -0
- package/dist/components/Programa/TabNavigationRail.js +118 -0
- package/dist/components/ProgressBar/ProgressBar.js +8 -4
- package/dist/components/Select/Select.js +11 -7
- package/dist/components/SimpleTable/SimpleTable.js +30 -26
- package/dist/components/Stepper/Stepper.js +18 -14
- package/dist/components/TablePicker/TablePicker.js +40 -32
- package/dist/components/Tabs/Tabs.js +8 -4
- package/dist/components/TextArea/TextArea.js +8 -4
- package/dist/components/TextToHtml/Cursor.js +9 -5
- package/dist/components/TextToHtml/TextStyles.js +10 -6
- package/dist/components/TextToHtml/TextToHtml.js +44 -44
- package/dist/components/ThreadLog/ThreadLog.js +15 -11
- package/dist/components/UserCard/UserCard.js +18 -14
- package/dist/components/UtilAutoComplete/UtilAutoComplete.js +22 -18
- package/dist/components/UtilTextField/UtilTextField.js +10 -6
- package/dist/components/Zoom/Zoom.js +11 -7
- package/dist/components/index.js +5 -1
- package/dist/fieldsRedux/createField.js +22 -18
- package/dist/fieldsRedux/fieldsRedux.js +44 -40
- package/dist/fieldsRedux/passFields.js +16 -12
- package/dist/reducers/index.js +1 -1
- package/dist/utils/api.d.ts +2 -2
- package/dist/utils/api.js +18 -18
- package/dist/utils/date.js +4 -4
- package/dist/utils/index.js +44 -112
- package/dist/utils/xmlToJson.js +1 -1
- package/lib/components/BarraFerramentas/BarraFerramentas.d.ts +30 -2
- package/lib/components/BarraFerramentas/BarraFerramentas.js +63 -19
- package/lib/components/Programa/Programa.d.ts +16 -1
- package/lib/components/Programa/Programa.js +40 -3
- package/lib/components/Programa/Tab.ts +6 -0
- package/lib/components/Programa/TabNavigationRail.js +118 -0
- package/lib/utils/index.ts +0 -88
- package/package.json +2 -2
- package/lib/components/Editor/tinymce/README.md +0 -73
- package/lib/components/Editor/tinymce/langs/README.md +0 -3
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -50,19 +54,19 @@ var clsx_1 = __importDefault(require("clsx"));
|
|
|
50
54
|
var jquery_1 = __importDefault(require("jquery"));
|
|
51
55
|
var react_1 = __importStar(require("react"));
|
|
52
56
|
var md_1 = require("react-icons/md");
|
|
53
|
-
var useStyles = core_1.makeStyles(({
|
|
57
|
+
var useStyles = (0, core_1.makeStyles)(({
|
|
54
58
|
component: {
|
|
55
59
|
position: 'relative',
|
|
56
60
|
background: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAAHmWi9wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNpinDFjemBgIAMaePv2zX8MwMSADdBKFCCAGF++fIEuBHQEYb3UFAIIIOwBQWzQEOvVwaMOIICwBDoWRZjRQKaNo4rorQgggBiBCVpISJiBGoCJgXpg1KxRs0aiWQABxPj79+93795SbhAwUxNVLo+G/ahZo2aNmjVq1qhZI8wsgADt1zERADAMAsD6t5B4bRHRgeGj4I8FctKPM3ObLp6fk7w1eSwsLCwsLCwsLCwsrE5WvrHdrTLF8wBDaPAHu14WwgAAAABJRU5ErkJggg==") repeat center center',
|
|
57
61
|
padding: '4em',
|
|
58
62
|
height: function (_a) {
|
|
59
63
|
var _b = _a.height, height = _b === void 0 ? 300 : _b;
|
|
60
|
-
return "calc("
|
|
64
|
+
return "calc(".concat(height, "px + 200px)");
|
|
61
65
|
},
|
|
62
66
|
border: '3px solid #49708A',
|
|
63
67
|
maxWidth: function (_a) {
|
|
64
68
|
var _b = _a.width, width = _b === void 0 ? 300 : _b;
|
|
65
|
-
return "calc("
|
|
69
|
+
return "calc(".concat(width, "px + 600px)");
|
|
66
70
|
},
|
|
67
71
|
overflow: 'hidden',
|
|
68
72
|
margin: '0 auto',
|
|
@@ -71,11 +75,11 @@ var useStyles = core_1.makeStyles(({
|
|
|
71
75
|
position: 'absolute',
|
|
72
76
|
left: function (_a) {
|
|
73
77
|
var _b = _a.width, width = _b === void 0 ? 300 : _b;
|
|
74
|
-
return "calc(50% - "
|
|
78
|
+
return "calc(50% - ".concat((width - 300) / 2, "px)");
|
|
75
79
|
},
|
|
76
80
|
top: function (_a) {
|
|
77
81
|
var _b = _a.height, height = _b === void 0 ? 300 : _b;
|
|
78
|
-
return "calc(50% - "
|
|
82
|
+
return "calc(50% - ".concat((height - 300) / 2, "px)");
|
|
79
83
|
},
|
|
80
84
|
marginLeft: '-150px',
|
|
81
85
|
marginTop: '-150px',
|
|
@@ -221,14 +225,14 @@ var DEFAULT_OPTIONS = [
|
|
|
221
225
|
var ImageResize = function (_a) {
|
|
222
226
|
var imagem = _a.imagem, onImage = _a.onImage, _b = _a.finalImageProperties, finalImageProperties = _b === void 0 ? {} : _b, props = __rest(_a, ["imagem", "onImage", "finalImageProperties"]);
|
|
223
227
|
var classes = useStyles(finalImageProperties);
|
|
224
|
-
var _c = react_1.useState(undefined), urlImagem = _c[0], setUrlImagem = _c[1];
|
|
225
|
-
var _d = react_1.useState(undefined), key = _d[0], setKey = _d[1];
|
|
226
|
-
var image = react_1.useRef();
|
|
227
|
-
var button = react_1.useRef();
|
|
228
|
-
react_1.useEffect(function () {
|
|
228
|
+
var _c = (0, react_1.useState)(undefined), urlImagem = _c[0], setUrlImagem = _c[1];
|
|
229
|
+
var _d = (0, react_1.useState)(undefined), key = _d[0], setKey = _d[1];
|
|
230
|
+
var image = (0, react_1.useRef)();
|
|
231
|
+
var button = (0, react_1.useRef)();
|
|
232
|
+
(0, react_1.useEffect)(function () {
|
|
229
233
|
setKey(Math.floor((Math.random() * 10000) + 1));
|
|
230
234
|
}, []);
|
|
231
|
-
utils_1.useUpdateEffect(function () {
|
|
235
|
+
(0, utils_1.useUpdateEffect)(function () {
|
|
232
236
|
if (!imagem || !key)
|
|
233
237
|
return;
|
|
234
238
|
var src = window.URL.createObjectURL(imagem);
|
|
@@ -237,16 +241,16 @@ var ImageResize = function (_a) {
|
|
|
237
241
|
}, [imagem, key]);
|
|
238
242
|
var resizeableImage = function (imageTarget, src) {
|
|
239
243
|
// Some variable and settings
|
|
240
|
-
var $container, eventState = {}, constrain = false, minWidth = jquery_1.default("#overlay_"
|
|
244
|
+
var $container, eventState = {}, constrain = false, minWidth = (0, jquery_1.default)("#overlay_".concat(key)).width(), minHeight = (0, jquery_1.default)("#overlay_".concat(key)).height(), origSrc = new Image(), resizeCanvas = document.createElement('canvas'), resized = false;
|
|
241
245
|
var init = function () {
|
|
242
246
|
// When resizing, we will always use this copy of the original as the base
|
|
243
247
|
origSrc.src = src;
|
|
244
248
|
// Assign the container to a variable
|
|
245
|
-
$container = jquery_1.default(imageTarget).parent("#container_"
|
|
249
|
+
$container = (0, jquery_1.default)(imageTarget).parent("#container_".concat(key));
|
|
246
250
|
// Add events
|
|
247
|
-
$container.on('mousedown touchstart', ".resize-handle_"
|
|
248
|
-
$container.on('mousedown touchstart', "#resizeImage_"
|
|
249
|
-
jquery_1.default("#js-crop_"
|
|
251
|
+
$container.on('mousedown touchstart', ".resize-handle_".concat(key), startResize);
|
|
252
|
+
$container.on('mousedown touchstart', "#resizeImage_".concat(key), startMoving);
|
|
253
|
+
(0, jquery_1.default)("#js-crop_".concat(key)).on('click', crop);
|
|
250
254
|
// button.addEventListener('click', crop)
|
|
251
255
|
// button.onclick = crop
|
|
252
256
|
};
|
|
@@ -254,13 +258,13 @@ var ImageResize = function (_a) {
|
|
|
254
258
|
e.preventDefault();
|
|
255
259
|
e.stopPropagation();
|
|
256
260
|
saveEventState(e);
|
|
257
|
-
jquery_1.default(document).on('mousemove touchmove', resizing);
|
|
258
|
-
jquery_1.default(document).on('mouseup touchend', endResize);
|
|
261
|
+
(0, jquery_1.default)(document).on('mousemove touchmove', resizing);
|
|
262
|
+
(0, jquery_1.default)(document).on('mouseup touchend', endResize);
|
|
259
263
|
};
|
|
260
264
|
var endResize = function (e) {
|
|
261
265
|
e.preventDefault();
|
|
262
|
-
jquery_1.default(document).off('mouseup touchend', endResize);
|
|
263
|
-
jquery_1.default(document).off('mousemove touchmove', resizing);
|
|
266
|
+
(0, jquery_1.default)(document).off('mouseup touchend', endResize);
|
|
267
|
+
(0, jquery_1.default)(document).off('mousemove touchmove', resizing);
|
|
264
268
|
};
|
|
265
269
|
var saveEventState = function (e) {
|
|
266
270
|
var _a, _b;
|
|
@@ -269,8 +273,8 @@ var ImageResize = function (_a) {
|
|
|
269
273
|
eventState.container_height = $container.height();
|
|
270
274
|
eventState.container_left = $container.offset().left;
|
|
271
275
|
eventState.container_top = $container.offset().top;
|
|
272
|
-
eventState.mouse_x = (e.clientX || e.pageX || ((_a = e.originalEvent.touches) === null || _a === void 0 ? void 0 : _a.at(0).clientX)) + jquery_1.default(window).scrollLeft();
|
|
273
|
-
eventState.mouse_y = (e.clientY || e.pageY || ((_b = e.originalEvent.touches) === null || _b === void 0 ? void 0 : _b.at(0).clientY)) + jquery_1.default(window).scrollTop();
|
|
276
|
+
eventState.mouse_x = (e.clientX || e.pageX || ((_a = e.originalEvent.touches) === null || _a === void 0 ? void 0 : _a.at(0).clientX)) + (0, jquery_1.default)(window).scrollLeft();
|
|
277
|
+
eventState.mouse_y = (e.clientY || e.pageY || ((_b = e.originalEvent.touches) === null || _b === void 0 ? void 0 : _b.at(0).clientY)) + (0, jquery_1.default)(window).scrollTop();
|
|
274
278
|
// This is a fix for mobile safari
|
|
275
279
|
// For some reason it does not allow a direct copy of the touches property
|
|
276
280
|
if (typeof e.originalEvent.touches !== 'undefined') {
|
|
@@ -286,22 +290,22 @@ var ImageResize = function (_a) {
|
|
|
286
290
|
var resizing = function (e) {
|
|
287
291
|
var _a, _b;
|
|
288
292
|
var mouse = {}, width, height, left, top;
|
|
289
|
-
mouse.x = (e.clientX || e.pageX || ((_a = e.originalEvent.touches) === null || _a === void 0 ? void 0 : _a.at(0).clientX)) + jquery_1.default(window).scrollLeft();
|
|
290
|
-
mouse.y = (e.clientY || e.pageY || ((_b = e.originalEvent.touches) === null || _b === void 0 ? void 0 : _b.at(0).clientY)) + jquery_1.default(window).scrollTop();
|
|
293
|
+
mouse.x = (e.clientX || e.pageX || ((_a = e.originalEvent.touches) === null || _a === void 0 ? void 0 : _a.at(0).clientX)) + (0, jquery_1.default)(window).scrollLeft();
|
|
294
|
+
mouse.y = (e.clientY || e.pageY || ((_b = e.originalEvent.touches) === null || _b === void 0 ? void 0 : _b.at(0).clientY)) + (0, jquery_1.default)(window).scrollTop();
|
|
291
295
|
// Position image differently depending on the corner dragged and constraints
|
|
292
|
-
if (eventState.evnt.target.id === "resizeHandleSe_"
|
|
296
|
+
if (eventState.evnt.target.id === "resizeHandleSe_".concat(key)) {
|
|
293
297
|
width = mouse.x - eventState.container_left;
|
|
294
298
|
height = mouse.y - eventState.container_top;
|
|
295
299
|
left = eventState.container_left;
|
|
296
300
|
top = eventState.container_top;
|
|
297
301
|
}
|
|
298
|
-
else if (eventState.evnt.target.id === "resizeHandleSw_"
|
|
302
|
+
else if (eventState.evnt.target.id === "resizeHandleSw_".concat(key)) {
|
|
299
303
|
width = eventState.container_width - (mouse.x - eventState.container_left);
|
|
300
304
|
height = mouse.y - eventState.container_top;
|
|
301
305
|
left = mouse.x;
|
|
302
306
|
top = eventState.container_top;
|
|
303
307
|
}
|
|
304
|
-
else if (eventState.evnt.target.id === "resizeHandleNw_"
|
|
308
|
+
else if (eventState.evnt.target.id === "resizeHandleNw_".concat(key)) {
|
|
305
309
|
width = eventState.container_width - (mouse.x - eventState.container_left);
|
|
306
310
|
height = eventState.container_height - (mouse.y - eventState.container_top);
|
|
307
311
|
left = mouse.x;
|
|
@@ -310,7 +314,7 @@ var ImageResize = function (_a) {
|
|
|
310
314
|
top = mouse.y - ((width / origSrc.width * origSrc.height) - height);
|
|
311
315
|
}
|
|
312
316
|
}
|
|
313
|
-
else if (eventState.evnt.target.id === "resizeHandleNe_"
|
|
317
|
+
else if (eventState.evnt.target.id === "resizeHandleNe_".concat(key)) {
|
|
314
318
|
width = mouse.x - eventState.container_left;
|
|
315
319
|
height = eventState.container_height - (mouse.y - eventState.container_top);
|
|
316
320
|
left = eventState.container_left;
|
|
@@ -331,10 +335,10 @@ var ImageResize = function (_a) {
|
|
|
331
335
|
var wantedTop = top;
|
|
332
336
|
var wantedMinLeft = wantedLeft + $container.width();
|
|
333
337
|
var wantedMinTop = wantedTop + $container.height();
|
|
334
|
-
var maxLeft = jquery_1.default("#overlay_"
|
|
335
|
-
var maxTop = jquery_1.default("#overlay_"
|
|
336
|
-
var minLeft = maxLeft + jquery_1.default("#overlay_"
|
|
337
|
-
var minTop = maxTop + jquery_1.default("#overlay_"
|
|
338
|
+
var maxLeft = (0, jquery_1.default)("#overlay_".concat(key)).offset().left;
|
|
339
|
+
var maxTop = (0, jquery_1.default)("#overlay_".concat(key)).offset().top;
|
|
340
|
+
var minLeft = maxLeft + (0, jquery_1.default)("#overlay_".concat(key)).width();
|
|
341
|
+
var minTop = maxTop + (0, jquery_1.default)("#overlay_".concat(key)).height();
|
|
338
342
|
var finalLeft = wantedLeft > maxLeft ? maxLeft : wantedMinLeft < minLeft ? minLeft - $container.width() : wantedLeft;
|
|
339
343
|
var finalTop = wantedTop > maxTop ? maxTop : wantedMinTop < minTop ? minTop - $container.height() : wantedTop;
|
|
340
344
|
$container.offset({
|
|
@@ -348,20 +352,20 @@ var ImageResize = function (_a) {
|
|
|
348
352
|
resizeCanvas.height = height;
|
|
349
353
|
resizeCanvas.getContext('2d').drawImage(origSrc, 0, 0, width, height);
|
|
350
354
|
// setUrlImagem(resizeCanvas.toDataURL('image/png'))
|
|
351
|
-
jquery_1.default(imageTarget).attr('src', resizeCanvas.toDataURL('image/png'));
|
|
355
|
+
(0, jquery_1.default)(imageTarget).attr('src', resizeCanvas.toDataURL('image/png'));
|
|
352
356
|
resized = true;
|
|
353
357
|
};
|
|
354
358
|
var startMoving = function (e) {
|
|
355
359
|
e.preventDefault();
|
|
356
360
|
e.stopPropagation();
|
|
357
361
|
saveEventState(e);
|
|
358
|
-
jquery_1.default(document).on('mousemove touchmove', moving);
|
|
359
|
-
jquery_1.default(document).on('mouseup touchend', endMoving);
|
|
362
|
+
(0, jquery_1.default)(document).on('mousemove touchmove', moving);
|
|
363
|
+
(0, jquery_1.default)(document).on('mouseup touchend', endMoving);
|
|
360
364
|
};
|
|
361
365
|
var endMoving = function (e) {
|
|
362
366
|
e.preventDefault();
|
|
363
|
-
jquery_1.default(document).off('mouseup touchend', endMoving);
|
|
364
|
-
jquery_1.default(document).off('mousemove touchmove', moving);
|
|
367
|
+
(0, jquery_1.default)(document).off('mouseup touchend', endMoving);
|
|
368
|
+
(0, jquery_1.default)(document).off('mousemove touchmove', moving);
|
|
365
369
|
};
|
|
366
370
|
var moving = function (e) {
|
|
367
371
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -369,17 +373,17 @@ var ImageResize = function (_a) {
|
|
|
369
373
|
e.preventDefault();
|
|
370
374
|
e.stopPropagation();
|
|
371
375
|
touches = e.originalEvent.touches;
|
|
372
|
-
mouse.x = (e.clientX || e.pageX || (touches === null || touches === void 0 ? void 0 : touches.at(0).clientX)) + jquery_1.default(window).scrollLeft();
|
|
373
|
-
mouse.y = (e.clientY || e.pageY || (touches === null || touches === void 0 ? void 0 : touches.at(0).clientY)) + jquery_1.default(window).scrollTop();
|
|
376
|
+
mouse.x = (e.clientX || e.pageX || (touches === null || touches === void 0 ? void 0 : touches.at(0).clientX)) + (0, jquery_1.default)(window).scrollLeft();
|
|
377
|
+
mouse.y = (e.clientY || e.pageY || (touches === null || touches === void 0 ? void 0 : touches.at(0).clientY)) + (0, jquery_1.default)(window).scrollTop();
|
|
374
378
|
//detecção de colisao para impedir q imagem saia do quadro
|
|
375
379
|
var wantedLeft = mouse.x - (eventState.mouse_x - eventState.container_left);
|
|
376
380
|
var wantedTop = mouse.y - (eventState.mouse_y - eventState.container_top);
|
|
377
381
|
var wantedMinLeft = wantedLeft + $container.width();
|
|
378
382
|
var wantedMinTop = wantedTop + $container.height();
|
|
379
|
-
var maxLeft = jquery_1.default("#overlay_"
|
|
380
|
-
var maxTop = jquery_1.default("#overlay_"
|
|
381
|
-
var minLeft = maxLeft + jquery_1.default("#overlay_"
|
|
382
|
-
var minTop = maxTop + jquery_1.default("#overlay_"
|
|
383
|
+
var maxLeft = (0, jquery_1.default)("#overlay_".concat(key)).offset().left;
|
|
384
|
+
var maxTop = (0, jquery_1.default)("#overlay_".concat(key)).offset().top;
|
|
385
|
+
var minLeft = maxLeft + (0, jquery_1.default)("#overlay_".concat(key)).width();
|
|
386
|
+
var minTop = maxTop + (0, jquery_1.default)("#overlay_".concat(key)).height();
|
|
383
387
|
var finalLeft = wantedLeft > maxLeft ? maxLeft : wantedMinLeft < minLeft ? minLeft - $container.width() : wantedLeft;
|
|
384
388
|
var finalTop = wantedTop > maxTop ? maxTop : wantedMinTop < minTop ? minTop - $container.height() : wantedTop;
|
|
385
389
|
$container.offset({
|
|
@@ -414,12 +418,12 @@ var ImageResize = function (_a) {
|
|
|
414
418
|
}
|
|
415
419
|
setTimeout(function () {
|
|
416
420
|
//Find the part of the image that is inside the crop box
|
|
417
|
-
var cropCanvas, left = jquery_1.default("#overlay_"
|
|
421
|
+
var cropCanvas, left = (0, jquery_1.default)("#overlay_".concat(key)).offset().left - $container.offset().left, top = (0, jquery_1.default)("#overlay_".concat(key)).offset().top - $container.offset().top, width = (0, jquery_1.default)("#overlay_".concat(key)).width(), height = (0, jquery_1.default)("#overlay_".concat(key)).height();
|
|
418
422
|
cropCanvas = document.createElement('canvas');
|
|
419
423
|
cropCanvas.width = width;
|
|
420
424
|
cropCanvas.height = height;
|
|
421
425
|
var ctx = cropCanvas.getContext('2d');
|
|
422
|
-
ctx.filter = jquery_1.default("#resizeImage_"
|
|
426
|
+
ctx.filter = (0, jquery_1.default)("#resizeImage_".concat(key)).css('filter');
|
|
423
427
|
ctx.drawImage(imageTarget, left, top, width, height, 0, 0, width, height);
|
|
424
428
|
// window.open(cropCanvas.toDataURL('image/png'));
|
|
425
429
|
onImage(cropCanvas.toDataURL('image/png'));
|
|
@@ -427,8 +431,8 @@ var ImageResize = function (_a) {
|
|
|
427
431
|
};
|
|
428
432
|
init();
|
|
429
433
|
};
|
|
430
|
-
var _e = react_1.useState(0), selectedOptionIndex = _e[0], setSelectedOptionIndex = _e[1];
|
|
431
|
-
var _f = react_1.useState(DEFAULT_OPTIONS), options = _f[0], setOptions = _f[1];
|
|
434
|
+
var _e = (0, react_1.useState)(0), selectedOptionIndex = _e[0], setSelectedOptionIndex = _e[1];
|
|
435
|
+
var _f = (0, react_1.useState)(DEFAULT_OPTIONS), options = _f[0], setOptions = _f[1];
|
|
432
436
|
var selectedOption = options[selectedOptionIndex];
|
|
433
437
|
function handleSliderChange(_, value) {
|
|
434
438
|
setOptions(function (prevOptions) {
|
|
@@ -441,7 +445,7 @@ var ImageResize = function (_a) {
|
|
|
441
445
|
}
|
|
442
446
|
var getImageStyle = function (onlyFilters) {
|
|
443
447
|
if (onlyFilters === void 0) { onlyFilters = false; }
|
|
444
|
-
var filters = options.map(function (option) { return option.property
|
|
448
|
+
var filters = options.map(function (option) { return "".concat(option.property, "(").concat(option.value).concat(option.unit, ")"); }).join(' ');
|
|
445
449
|
return onlyFilters ? filters : { filter: filters };
|
|
446
450
|
};
|
|
447
451
|
return react_1.default.createElement(core_1.Dialog, __assign({}, props, { maxWidth: 'lg', fullWidth: true, keepMounted: true }),
|
|
@@ -450,13 +454,13 @@ var ImageResize = function (_a) {
|
|
|
450
454
|
react_1.default.createElement(core_1.Grid, { container: true, spacing: 2 },
|
|
451
455
|
react_1.default.createElement(core_1.Grid, { item: true, xs: 8 },
|
|
452
456
|
react_1.default.createElement("div", { className: classes.component },
|
|
453
|
-
react_1.default.createElement("div", { id: "overlay_"
|
|
454
|
-
react_1.default.createElement("div", { id: "container_"
|
|
455
|
-
react_1.default.createElement("span", { id: "resizeHandleNw_"
|
|
456
|
-
react_1.default.createElement("span", { id: "resizeHandleNe_"
|
|
457
|
-
react_1.default.createElement("img", { ref: image, id: "resizeImage_"
|
|
458
|
-
react_1.default.createElement("span", { id: "resizeHandleSw_"
|
|
459
|
-
react_1.default.createElement("span", { id: "resizeHandleSe_"
|
|
457
|
+
react_1.default.createElement("div", { id: "overlay_".concat(key), className: classes.overlay }),
|
|
458
|
+
react_1.default.createElement("div", { id: "container_".concat(key), className: classes.resizeContainer },
|
|
459
|
+
react_1.default.createElement("span", { id: "resizeHandleNw_".concat(key), className: (0, clsx_1.default)("resize-handle_".concat(key), classes.resizeHandle, classes.resizeHandleNw) }),
|
|
460
|
+
react_1.default.createElement("span", { id: "resizeHandleNe_".concat(key), className: (0, clsx_1.default)("resize-handle_".concat(key), classes.resizeHandle, classes.resizeHandleNe) }),
|
|
461
|
+
react_1.default.createElement("img", { ref: image, id: "resizeImage_".concat(key), style: __assign({ display: 'block', minWidth: (0, jquery_1.default)("#overlay_".concat(key)).width(), minHeight: (0, jquery_1.default)("#overlay_".concat(key)).height() }, getImageStyle()), src: urlImagem, alt: 'Imagem a ser Redimensionada' }),
|
|
462
|
+
react_1.default.createElement("span", { id: "resizeHandleSw_".concat(key), className: (0, clsx_1.default)("resize-handle_".concat(key), classes.resizeHandle, classes.resizeHandleSw) }),
|
|
463
|
+
react_1.default.createElement("span", { id: "resizeHandleSe_".concat(key), className: (0, clsx_1.default)("resize-handle_".concat(key), classes.resizeHandle, classes.resizeHandleSe) })))),
|
|
460
464
|
react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { display: 'flex', alignItems: 'center' } },
|
|
461
465
|
react_1.default.createElement(core_1.Slider, { style: { height: 'calc(100% - 30px)' }, orientation: 'vertical',
|
|
462
466
|
// getAriaValueText={valuetext}
|
|
@@ -465,7 +469,7 @@ var ImageResize = function (_a) {
|
|
|
465
469
|
react_1.default.createElement(core_1.List, null, options.map(function (option, index) { return (react_1.default.createElement(core_1.ListItem, { button: true, onClick: function () { return setSelectedOptionIndex(index); }, key: index, selected: index === selectedOptionIndex },
|
|
466
470
|
react_1.default.createElement(core_1.ListItemText, { primary: option.name }))); }))))),
|
|
467
471
|
react_1.default.createElement(core_1.DialogActions, null,
|
|
468
|
-
react_1.default.createElement(core_1.Button, { ref: button, id: "js-crop_"
|
|
472
|
+
react_1.default.createElement(core_1.Button, { ref: button, id: "js-crop_".concat(key), color: 'primary', variant: 'contained' },
|
|
469
473
|
"Recortar",
|
|
470
474
|
react_1.default.createElement(md_1.MdCrop, { style: { marginLeft: 5 } }))));
|
|
471
475
|
};
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -44,10 +48,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
44
48
|
var __1 = require("../");
|
|
45
49
|
var core_1 = require("@material-ui/core");
|
|
46
50
|
var react_1 = __importStar(require("react"));
|
|
47
|
-
var ImageResizeButton = react_1.forwardRef(function (_a, ref) {
|
|
51
|
+
var ImageResizeButton = (0, react_1.forwardRef)(function (_a, ref) {
|
|
48
52
|
var children = _a.children, ImageResizeProps = _a.ImageResizeProps, onImage = _a.onImage, _b = _a.Component, Component = _b === void 0 ? core_1.Button : _b, props = __rest(_a, ["children", "ImageResizeProps", "onImage", "Component"]);
|
|
49
|
-
var _c = react_1.useState(undefined), enviandoFoto = _c[0], setEnviandoFoto = _c[1];
|
|
50
|
-
var inputRef = react_1.useRef();
|
|
53
|
+
var _c = (0, react_1.useState)(undefined), enviandoFoto = _c[0], setEnviandoFoto = _c[1];
|
|
54
|
+
var inputRef = (0, react_1.useRef)();
|
|
51
55
|
var handleClick = function () { return inputRef.current && inputRef.current.click(); };
|
|
52
56
|
var handleChange = function (e) { return setEnviandoFoto(e.target.files[0]); };
|
|
53
57
|
var handleImage = function (image) {
|
|
@@ -58,7 +62,7 @@ var ImageResizeButton = react_1.forwardRef(function (_a, ref) {
|
|
|
58
62
|
setEnviandoFoto(undefined);
|
|
59
63
|
clearInputFile(inputRef.current);
|
|
60
64
|
};
|
|
61
|
-
react_1.useImperativeHandle(ref, function () { return ({
|
|
65
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
62
66
|
handleChange: handleChange
|
|
63
67
|
}); }, []);
|
|
64
68
|
return react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
27
27
|
};
|
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
29
|
if (k2 === undefined) k2 = k;
|
|
30
|
-
Object.
|
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
33
|
+
}
|
|
34
|
+
Object.defineProperty(o, k2, desc);
|
|
31
35
|
}) : (function(o, m, k, k2) {
|
|
32
36
|
if (k2 === undefined) k2 = k;
|
|
33
37
|
o[k2] = m[k];
|
|
@@ -82,7 +86,7 @@ var Input = /** @class */ (function (_super) {
|
|
|
82
86
|
_this.handleWithTypeValues = function (value) {
|
|
83
87
|
var _a = _this.props, field = _a.field, type = _a.type, optionValue = _a.optionValue;
|
|
84
88
|
if (type === 'checkbox') {
|
|
85
|
-
var fieldValue = fieldsRedux_1.getField(field, 'value') || [];
|
|
89
|
+
var fieldValue = (0, fieldsRedux_1.getField)(field, 'value') || [];
|
|
86
90
|
var index = fieldValue.indexOf(optionValue);
|
|
87
91
|
if (index < 0) {
|
|
88
92
|
fieldValue.push(optionValue);
|
|
@@ -116,7 +120,7 @@ var Input = /** @class */ (function (_super) {
|
|
|
116
120
|
_this.checkInputProps = function () {
|
|
117
121
|
var _a = _this.props, field = _a.field, id = _a.id, _b = _a.type, type = _b === void 0 ? 'text' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, placeholder = _a.placeholder, min = _a.min, max = _a.max, step = _a.step, maxLength = _a.maxLength, minLength = _a.minLength, autoFocus = _a.autoFocus, disabled = _a.disabled, readOnly = _a.readOnly, required = _a.required, _d = _a.style, style = _d === void 0 ? {} : _d, optionValue = _a.optionValue;
|
|
118
122
|
var confs = _this.stateOptions();
|
|
119
|
-
var value = fieldsRedux_1.getField(field, 'value');
|
|
123
|
+
var value = (0, fieldsRedux_1.getField)(field, 'value');
|
|
120
124
|
var inputProps = {};
|
|
121
125
|
switch (confs.alias) {
|
|
122
126
|
case 'button':
|
|
@@ -325,4 +329,4 @@ Input.propTypes = {
|
|
|
325
329
|
stopWriting: prop_types_1.default.func,
|
|
326
330
|
stopWritingTime: prop_types_1.default.number
|
|
327
331
|
};
|
|
328
|
-
exports.default = fieldsRedux_1.createField(Input);
|
|
332
|
+
exports.default = (0, fieldsRedux_1.createField)(Input);
|
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
27
27
|
};
|
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
29
|
if (k2 === undefined) k2 = k;
|
|
30
|
-
Object.
|
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
33
|
+
}
|
|
34
|
+
Object.defineProperty(o, k2, desc);
|
|
31
35
|
}) : (function(o, m, k, k2) {
|
|
32
36
|
if (k2 === undefined) k2 = k;
|
|
33
37
|
o[k2] = m[k];
|
|
@@ -55,10 +59,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
55
59
|
}
|
|
56
60
|
return t;
|
|
57
61
|
};
|
|
58
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
59
|
-
for (var i = 0,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
63
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
64
|
+
if (ar || !(i in from)) {
|
|
65
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
66
|
+
ar[i] = from[i];
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
62
70
|
};
|
|
63
71
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
64
72
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
@@ -79,7 +87,7 @@ var InputTags = /** @class */ (function (_super) {
|
|
|
79
87
|
if (reason === 'create-option') {
|
|
80
88
|
var text_1 = value.pop();
|
|
81
89
|
if (((_a = _this.props.getField().value) === null || _a === void 0 ? void 0 : _a.findIndex(function (item) { return item.text === text_1 || item.id === text_1; })) === -1)
|
|
82
|
-
_this.props.setField({ value: __spreadArray(__spreadArray([], value), [{ id: text_1, text: text_1 }]) });
|
|
90
|
+
_this.props.setField({ value: __spreadArray(__spreadArray([], value, true), [{ id: text_1, text: text_1 }], false) });
|
|
83
91
|
}
|
|
84
92
|
else
|
|
85
93
|
_this.props.setField({ value: value });
|
|
@@ -99,7 +107,7 @@ var InputTags = /** @class */ (function (_super) {
|
|
|
99
107
|
return __assign({ tags: tags, handleChange: _this.handleChange, handleDelete: _this.handleDelete }, _this.props);
|
|
100
108
|
};
|
|
101
109
|
var propValue = _this.props.getField().value;
|
|
102
|
-
if (lodash_1.isArray(propValue))
|
|
110
|
+
if ((0, lodash_1.isArray)(propValue))
|
|
103
111
|
_this.props.setField({ value: propValue });
|
|
104
112
|
else {
|
|
105
113
|
try {
|
|
@@ -126,4 +134,4 @@ InputTags.propTypes = {
|
|
|
126
134
|
fieldListener: prop_types_1.default.func,
|
|
127
135
|
destroyOnUnmount: prop_types_1.default.bool
|
|
128
136
|
};
|
|
129
|
-
exports.default = fieldsRedux_1.createField(InputTags);
|
|
137
|
+
exports.default = (0, fieldsRedux_1.createField)(InputTags);
|
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
27
27
|
};
|
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
29
|
if (k2 === undefined) k2 = k;
|
|
30
|
-
Object.
|
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
33
|
+
}
|
|
34
|
+
Object.defineProperty(o, k2, desc);
|
|
31
35
|
}) : (function(o, m, k, k2) {
|
|
32
36
|
if (k2 === undefined) k2 = k;
|
|
33
37
|
o[k2] = m[k];
|
|
@@ -79,23 +83,23 @@ var ListSelect = /** @class */ (function (_super) {
|
|
|
79
83
|
}
|
|
80
84
|
ListSelect.prototype.componentDidMount = function () {
|
|
81
85
|
var _a = this.props, optionsField = _a.optionsField, optionsDefaultValue = _a.optionsDefaultValue;
|
|
82
|
-
fieldsRedux_1.initField(optionsField, optionsDefaultValue);
|
|
86
|
+
(0, fieldsRedux_1.initField)(optionsField, optionsDefaultValue);
|
|
83
87
|
};
|
|
84
88
|
ListSelect.prototype.componentWillUnmount = function () {
|
|
85
89
|
var _a = this.props, optionsField = _a.optionsField, destroyOnUnmount = _a.destroyOnUnmount;
|
|
86
90
|
if (destroyOnUnmount) {
|
|
87
|
-
fieldsRedux_1.clearField(optionsField);
|
|
91
|
+
(0, fieldsRedux_1.clearField)(optionsField);
|
|
88
92
|
}
|
|
89
93
|
};
|
|
90
94
|
ListSelect.prototype.render = function () {
|
|
91
95
|
var _a = this, checkListSelectProps = _a.checkListSelectProps, onChange = _a.onChange;
|
|
92
96
|
var _b = this.props, field = _b.field, optionsField = _b.optionsField, optionsValue = _b.optionsValue, optionsLabel = _b.optionsLabel, classActive = _b.classActive, onMouseDown = _b.onMouseDown, _c = _b.liClassName, liClassName = _c === void 0 ? '' : _c;
|
|
93
97
|
var selectProps = checkListSelectProps();
|
|
94
|
-
var value = fieldsRedux_1.getField(field, 'value');
|
|
95
|
-
var options = fieldsRedux_1.getField(optionsField, 'value');
|
|
98
|
+
var value = (0, fieldsRedux_1.getField)(field, 'value');
|
|
99
|
+
var options = (0, fieldsRedux_1.getField)(optionsField, 'value');
|
|
96
100
|
return (react_1.default.createElement("ul", __assign({}, selectProps), options && options.map(function (item, index) { return (react_1.default.createElement("li", {
|
|
97
101
|
// eslint-disable-next-line
|
|
98
|
-
className: (value == item[optionsValue] ? classActive : ''
|
|
102
|
+
className: "".concat(value == item[optionsValue] ? classActive : '', " ").concat(liClassName), onMouseDown: onMouseDown, key: index, onClick: function () { return onChange(item[optionsValue]); } }, item[optionsLabel])); })));
|
|
99
103
|
};
|
|
100
104
|
return ListSelect;
|
|
101
105
|
}(react_1.Component));
|
|
@@ -123,4 +127,4 @@ ListSelect.propTypes = {
|
|
|
123
127
|
onMouseDown: prop_types_1.default.func,
|
|
124
128
|
trClassName: prop_types_1.default.string
|
|
125
129
|
};
|
|
126
|
-
exports.default = fieldsRedux_1.createField(ListSelect);
|
|
130
|
+
exports.default = (0, fieldsRedux_1.createField)(ListSelect);
|
|
@@ -30,7 +30,7 @@ var Button_1 = __importDefault(require("@material-ui/core/Button"));
|
|
|
30
30
|
var clsx_1 = __importDefault(require("clsx"));
|
|
31
31
|
var prop_types_1 = __importDefault(require("prop-types"));
|
|
32
32
|
var react_1 = __importDefault(require("react"));
|
|
33
|
-
var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
33
|
+
var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
|
|
34
34
|
containedInfo: {
|
|
35
35
|
color: theme.palette.info.contrastText,
|
|
36
36
|
backgroundColor: theme.palette.info.main,
|
|
@@ -43,10 +43,10 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
43
43
|
},
|
|
44
44
|
outlinedInfo: {
|
|
45
45
|
color: theme.palette.info.main,
|
|
46
|
-
border: "1px solid "
|
|
46
|
+
border: "1px solid ".concat((0, core_1.alpha)(theme.palette.info.main, 0.5)),
|
|
47
47
|
'&:hover': {
|
|
48
|
-
border: "1px solid "
|
|
49
|
-
backgroundColor: core_1.alpha(theme.palette.info.main, theme.palette.action.hoverOpacity),
|
|
48
|
+
border: "1px solid ".concat(theme.palette.info.main),
|
|
49
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.info.main, theme.palette.action.hoverOpacity),
|
|
50
50
|
'@media (hover: none)': {
|
|
51
51
|
backgroundColor: 'transparent',
|
|
52
52
|
},
|
|
@@ -55,7 +55,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
55
55
|
textInfo: {
|
|
56
56
|
color: theme.palette.info.main,
|
|
57
57
|
'&:hover': {
|
|
58
|
-
backgroundColor: core_1.alpha(theme.palette.info.main, theme.palette.action.hoverOpacity),
|
|
58
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.info.main, theme.palette.action.hoverOpacity),
|
|
59
59
|
'@media (hover: none)': {
|
|
60
60
|
backgroundColor: 'transparent',
|
|
61
61
|
},
|
|
@@ -73,10 +73,10 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
73
73
|
},
|
|
74
74
|
outlinedSuccess: {
|
|
75
75
|
color: theme.palette.success.main,
|
|
76
|
-
border: "1px solid "
|
|
76
|
+
border: "1px solid ".concat((0, core_1.alpha)(theme.palette.success.main, 0.5)),
|
|
77
77
|
'&:hover': {
|
|
78
|
-
border: "1px solid "
|
|
79
|
-
backgroundColor: core_1.alpha(theme.palette.success.main, theme.palette.action.hoverOpacity),
|
|
78
|
+
border: "1px solid ".concat(theme.palette.success.main),
|
|
79
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.success.main, theme.palette.action.hoverOpacity),
|
|
80
80
|
'@media (hover: none)': {
|
|
81
81
|
backgroundColor: 'transparent',
|
|
82
82
|
},
|
|
@@ -85,7 +85,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
85
85
|
textSuccess: {
|
|
86
86
|
color: theme.palette.success.main,
|
|
87
87
|
'&:hover': {
|
|
88
|
-
backgroundColor: core_1.alpha(theme.palette.success.main, theme.palette.action.hoverOpacity),
|
|
88
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.success.main, theme.palette.action.hoverOpacity),
|
|
89
89
|
'@media (hover: none)': {
|
|
90
90
|
backgroundColor: 'transparent',
|
|
91
91
|
},
|
|
@@ -103,10 +103,10 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
103
103
|
},
|
|
104
104
|
outlinedWarning: {
|
|
105
105
|
color: theme.palette.warning.main,
|
|
106
|
-
border: "1px solid "
|
|
106
|
+
border: "1px solid ".concat((0, core_1.alpha)(theme.palette.warning.main, 0.5)),
|
|
107
107
|
'&:hover': {
|
|
108
|
-
border: "1px solid "
|
|
109
|
-
backgroundColor: core_1.alpha(theme.palette.warning.main, theme.palette.action.hoverOpacity),
|
|
108
|
+
border: "1px solid ".concat(theme.palette.warning.main),
|
|
109
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.warning.main, theme.palette.action.hoverOpacity),
|
|
110
110
|
'@media (hover: none)': {
|
|
111
111
|
backgroundColor: 'transparent',
|
|
112
112
|
},
|
|
@@ -115,7 +115,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
115
115
|
textWarning: {
|
|
116
116
|
color: theme.palette.warning.main,
|
|
117
117
|
'&:hover': {
|
|
118
|
-
backgroundColor: core_1.alpha(theme.palette.warning.main, theme.palette.action.hoverOpacity),
|
|
118
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.warning.main, theme.palette.action.hoverOpacity),
|
|
119
119
|
'@media (hover: none)': {
|
|
120
120
|
backgroundColor: 'transparent',
|
|
121
121
|
},
|
|
@@ -133,10 +133,10 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
133
133
|
},
|
|
134
134
|
outlinedDanger: {
|
|
135
135
|
color: theme.palette.error.main,
|
|
136
|
-
border: "1px solid "
|
|
136
|
+
border: "1px solid ".concat((0, core_1.alpha)(theme.palette.error.main, 0.5)),
|
|
137
137
|
'&:hover': {
|
|
138
|
-
border: "1px solid "
|
|
139
|
-
backgroundColor: core_1.alpha(theme.palette.error.main, theme.palette.action.hoverOpacity),
|
|
138
|
+
border: "1px solid ".concat(theme.palette.error.main),
|
|
139
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.error.main, theme.palette.action.hoverOpacity),
|
|
140
140
|
'@media (hover: none)': {
|
|
141
141
|
backgroundColor: 'transparent',
|
|
142
142
|
},
|
|
@@ -145,7 +145,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
145
145
|
textDanger: {
|
|
146
146
|
color: theme.palette.error.main,
|
|
147
147
|
'&:hover': {
|
|
148
|
-
backgroundColor: core_1.alpha(theme.palette.error.main, theme.palette.action.hoverOpacity),
|
|
148
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.error.main, theme.palette.action.hoverOpacity),
|
|
149
149
|
'@media (hover: none)': {
|
|
150
150
|
backgroundColor: 'transparent',
|
|
151
151
|
},
|
|
@@ -168,7 +168,7 @@ function Button(_a) {
|
|
|
168
168
|
return 'default';
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
return (react_1.default.createElement(Button_1.default, __assign({ variant: variant, color: checarCor(), className: clsx_1.default(classes[variant], (_b = {}, _b[classes[""
|
|
171
|
+
return (react_1.default.createElement(Button_1.default, __assign({ variant: variant, color: checarCor(), className: (0, clsx_1.default)(classes[variant], (_b = {}, _b[classes["".concat(variant).concat((0, core_1.capitalize)(color))]] = color !== 'default' && color !== 'inherit' && color !== 'primary' && color !== 'secondary', _b), className) }, props), props.children));
|
|
172
172
|
}
|
|
173
173
|
exports.default = Button;
|
|
174
174
|
Button.propTypes = {
|
|
@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
16
16
|
})();
|
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
18
|
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
20
24
|
}) : (function(o, m, k, k2) {
|
|
21
25
|
if (k2 === undefined) k2 = k;
|
|
22
26
|
o[k2] = m[k];
|
|
@@ -125,9 +129,9 @@ var MenuBar = /** @class */ (function (_super) {
|
|
|
125
129
|
var _d = getField(), selectedGuide = _d.selectedGuide, selectedGuideRow = _d.selectedGuideRow, _e = _d.preenchidos, preenchidos = _e === void 0 ? [] : _e;
|
|
126
130
|
return (react_1.default.createElement("div", { ref: function (input) {
|
|
127
131
|
_this.fpLineGuide = input;
|
|
128
|
-
}, style: style, className: "fp-container-line-guide "
|
|
132
|
+
}, style: style, className: "fp-container-line-guide ".concat(className) },
|
|
129
133
|
guides.map(function (g, indexG) {
|
|
130
|
-
return react_1.default.createElement("ul", { key: indexG }, g.map(function (item, index) { return (react_1.default.createElement("li", { key: index, style: { width: liWidths[indexG]
|
|
134
|
+
return react_1.default.createElement("ul", { key: indexG }, g.map(function (item, index) { return (react_1.default.createElement("li", { key: index, style: { width: "".concat(liWidths[indexG], "%") }, onClick: function () {
|
|
131
135
|
setField({ selectedGuide: item, selectedGuideRow: indexG });
|
|
132
136
|
_this.alterGuide(index);
|
|
133
137
|
} },
|
|
@@ -136,9 +140,9 @@ var MenuBar = /** @class */ (function (_super) {
|
|
|
136
140
|
}),
|
|
137
141
|
react_1.default.createElement("div", { className: 'fp-moving-tab', style: {
|
|
138
142
|
backgroundColor: movingTabColor,
|
|
139
|
-
boxShadow: movingTabColor ? "0 16px 26px -14px "
|
|
140
|
-
width: liWidths[selectedGuideRow]
|
|
141
|
-
transform: "translate3d("
|
|
143
|
+
boxShadow: movingTabColor ? "0 16px 26px -14px ".concat(movingTabColor) : undefined,
|
|
144
|
+
width: "".concat(liWidths[selectedGuideRow], "%"),
|
|
145
|
+
transform: "translate3d(".concat(guidePositionX, "px, ").concat(guidePositionY, "px, 0px)"),
|
|
142
146
|
} },
|
|
143
147
|
selectedGuide,
|
|
144
148
|
preenchidos.indexOf(selectedGuide) >= 0 && react_1.default.createElement(fa_1.FaCheck, { className: 'fp-chck-w' }))));
|
|
@@ -154,4 +158,4 @@ MenuBar.propTypes = {
|
|
|
154
158
|
movingTabColor: prop_types_1.default.string,
|
|
155
159
|
positionSpace: prop_types_1.default.number,
|
|
156
160
|
};
|
|
157
|
-
exports.default = fieldsRedux_1.createField(MenuBar);
|
|
161
|
+
exports.default = (0, fieldsRedux_1.createField)(MenuBar);
|