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
|
@@ -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];
|
|
@@ -60,7 +64,7 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
60
64
|
if (value) {
|
|
61
65
|
for (var _i = 0, receiveUpdates_1 = receiveUpdates; _i < receiveUpdates_1.length; _i++) {
|
|
62
66
|
var ru = receiveUpdates_1[_i];
|
|
63
|
-
var receivedValue = fieldsRedux_1.getField(ru, 'value');
|
|
67
|
+
var receivedValue = (0, fieldsRedux_1.getField)(ru, 'value');
|
|
64
68
|
var exist = false;
|
|
65
69
|
for (var _b = 0, state_1 = state; _b < state_1.length; _b++) {
|
|
66
70
|
var s = state_1[_b];
|
|
@@ -68,14 +72,14 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
68
72
|
exist = true;
|
|
69
73
|
if (s[1][ru] !== receivedValue) {
|
|
70
74
|
s[1][ru] = receivedValue;
|
|
71
|
-
fieldsRedux_1.setField(field, 'state', state);
|
|
75
|
+
(0, fieldsRedux_1.setField)(field, 'state', state);
|
|
72
76
|
}
|
|
73
77
|
break;
|
|
74
78
|
}
|
|
75
79
|
}
|
|
76
80
|
if (!exist) {
|
|
77
81
|
state.push([value, (_a = {}, _a[ru] = receivedValue, _a)]);
|
|
78
|
-
fieldsRedux_1.setField(field, 'state', state);
|
|
82
|
+
(0, fieldsRedux_1.setField)(field, 'state', state);
|
|
79
83
|
}
|
|
80
84
|
}
|
|
81
85
|
}
|
|
@@ -89,13 +93,13 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
89
93
|
var field = _this.props.field;
|
|
90
94
|
if (obj.value.length > 0) {
|
|
91
95
|
var cabecalho = obj.value[0][0];
|
|
92
|
-
fieldsRedux_1.setField(field, 'state', obj.value);
|
|
96
|
+
(0, fieldsRedux_1.setField)(field, 'state', obj.value);
|
|
93
97
|
_this.setStates(obj.value, cabecalho);
|
|
94
98
|
_this.setState({ isNew: false });
|
|
95
99
|
}
|
|
96
100
|
else {
|
|
97
|
-
fieldsRedux_1.setField(field, 'value', 'Escreva um título para salvar...');
|
|
98
|
-
fieldsRedux_1.setField(field, 'active', undefined);
|
|
101
|
+
(0, fieldsRedux_1.setField)(field, 'value', 'Escreva um título para salvar...');
|
|
102
|
+
(0, fieldsRedux_1.setField)(field, 'active', undefined);
|
|
99
103
|
_this.setState({ isNew: true });
|
|
100
104
|
}
|
|
101
105
|
}
|
|
@@ -116,26 +120,26 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
116
120
|
_this.sendAction(activeState);
|
|
117
121
|
for (var _b = 0, receiveUpdates_2 = receiveUpdates; _b < receiveUpdates_2.length; _b++) {
|
|
118
122
|
var ru = receiveUpdates_2[_b];
|
|
119
|
-
fieldsRedux_1.setField(ru, 'value', activeState[ru]);
|
|
123
|
+
(0, fieldsRedux_1.setField)(ru, 'value', activeState[ru]);
|
|
120
124
|
}
|
|
121
|
-
fieldsRedux_1.setField(field, 'value', cabecalho);
|
|
122
|
-
fieldsRedux_1.setField(field, 'active', cabecalho);
|
|
125
|
+
(0, fieldsRedux_1.setField)(field, 'value', cabecalho);
|
|
126
|
+
(0, fieldsRedux_1.setField)(field, 'active', cabecalho);
|
|
123
127
|
};
|
|
124
128
|
_this.sendAction = function (activeState) {
|
|
125
129
|
var action = _this.props.action;
|
|
126
|
-
api_1.serverAction(action, { state: activeState });
|
|
130
|
+
(0, api_1.serverAction)(action, { state: activeState });
|
|
127
131
|
};
|
|
128
132
|
_this.saveState = function (obj) {
|
|
129
133
|
clearTimeout(_this.saveTimeout);
|
|
130
134
|
_this.saveTimeout = setTimeout(function () {
|
|
131
135
|
var _a = _this.props, field = _a.field, updateAction = _a.updateAction;
|
|
132
|
-
var state = fieldsRedux_1.getField(field, 'state') || {};
|
|
133
|
-
api_1.serverAction(updateAction, { states: state });
|
|
136
|
+
var state = (0, fieldsRedux_1.getField)(field, 'state') || {};
|
|
137
|
+
(0, api_1.serverAction)(updateAction, { states: state });
|
|
134
138
|
}, 350);
|
|
135
139
|
};
|
|
136
140
|
_this.changeActiveState = function (nr) {
|
|
137
141
|
var _a = _this.props, field = _a.field, receiveUpdates = _a.receiveUpdates;
|
|
138
|
-
var _b = fieldsRedux_1.getField(field), value = _b.value, _c = _b.state, state = _c === void 0 ? [] : _c, active = _b.active;
|
|
142
|
+
var _b = (0, fieldsRedux_1.getField)(field), value = _b.value, _c = _b.state, state = _c === void 0 ? [] : _c, active = _b.active;
|
|
139
143
|
var index = -1;
|
|
140
144
|
for (var _i = 0, state_3 = state; _i < state_3.length; _i++) {
|
|
141
145
|
var s = state_3[_i];
|
|
@@ -146,12 +150,12 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
146
150
|
}
|
|
147
151
|
var newIndex = active ? index + nr : nr > 0 ? 0 : state.length - 1;
|
|
148
152
|
if (newIndex < 0 || newIndex >= state.length) {
|
|
149
|
-
fieldsRedux_1.setField(field, 'value', 'Escreva um título para salvar...');
|
|
150
|
-
fieldsRedux_1.setField(field, 'active', undefined);
|
|
153
|
+
(0, fieldsRedux_1.setField)(field, 'value', 'Escreva um título para salvar...');
|
|
154
|
+
(0, fieldsRedux_1.setField)(field, 'active', undefined);
|
|
151
155
|
var activeState = {};
|
|
152
156
|
for (var _d = 0, receiveUpdates_3 = receiveUpdates; _d < receiveUpdates_3.length; _d++) {
|
|
153
157
|
var ru = receiveUpdates_3[_d];
|
|
154
|
-
fieldsRedux_1.setField(ru, 'value', undefined);
|
|
158
|
+
(0, fieldsRedux_1.setField)(ru, 'value', undefined);
|
|
155
159
|
activeState[ru] = null;
|
|
156
160
|
}
|
|
157
161
|
_this.sendAction(activeState);
|
|
@@ -165,14 +169,14 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
165
169
|
_this.blur = function () {
|
|
166
170
|
var isNew = _this.state.isNew;
|
|
167
171
|
var field = _this.props.field;
|
|
168
|
-
var _a = fieldsRedux_1.getField(field), value = _a.value, _b = _a.state, state = _b === void 0 ? [] : _b, active = _a.active;
|
|
172
|
+
var _a = (0, fieldsRedux_1.getField)(field), value = _a.value, _b = _a.state, state = _b === void 0 ? [] : _b, active = _a.active;
|
|
169
173
|
if (!isNew) {
|
|
170
174
|
_this.editKeyValue(field, state, value, active);
|
|
171
175
|
}
|
|
172
176
|
else if (value !== 'Escreva um título para salvar...') {
|
|
173
177
|
state.push([value, {}]);
|
|
174
|
-
fieldsRedux_1.setField(field, 'state', state);
|
|
175
|
-
fieldsRedux_1.setField(field, 'active', value);
|
|
178
|
+
(0, fieldsRedux_1.setField)(field, 'state', state);
|
|
179
|
+
(0, fieldsRedux_1.setField)(field, 'active', value);
|
|
176
180
|
_this.setState({ isNew: false });
|
|
177
181
|
}
|
|
178
182
|
_this.setState({ focus: false });
|
|
@@ -191,8 +195,8 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
191
195
|
if (value === '') {
|
|
192
196
|
state.splice(index, 1);
|
|
193
197
|
}
|
|
194
|
-
fieldsRedux_1.setField(field, 'state', state);
|
|
195
|
-
fieldsRedux_1.setField(field, 'active', value);
|
|
198
|
+
(0, fieldsRedux_1.setField)(field, 'state', state);
|
|
199
|
+
(0, fieldsRedux_1.setField)(field, 'active', value);
|
|
196
200
|
}
|
|
197
201
|
};
|
|
198
202
|
return _this;
|
|
@@ -201,14 +205,14 @@ var Cabecalho = /** @class */ (function (_super) {
|
|
|
201
205
|
var _a = this.state, focus = _a.focus, isNew = _a.isNew;
|
|
202
206
|
if (!focus && !isNew) {
|
|
203
207
|
var _b = this.props, field = _b.field, receiveUpdates = _b.receiveUpdates;
|
|
204
|
-
var _c = fieldsRedux_1.getField(field), value = _c.value, _d = _c.state, state = _d === void 0 ? [] : _d;
|
|
208
|
+
var _c = (0, fieldsRedux_1.getField)(field), value = _c.value, _d = _c.state, state = _d === void 0 ? [] : _d;
|
|
205
209
|
this.saveReceivedUpdatesValuesInState(field, value, state, receiveUpdates);
|
|
206
210
|
}
|
|
207
211
|
};
|
|
208
212
|
Cabecalho.prototype.render = function () {
|
|
209
213
|
var _this = this;
|
|
210
214
|
var _a = this.props, field = _a.field, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
211
|
-
return (react_1.default.createElement("div", { className: "ag-component-cabecalho transition-cubic "
|
|
215
|
+
return (react_1.default.createElement("div", { className: "ag-component-cabecalho transition-cubic ".concat(className) },
|
|
212
216
|
react_1.default.createElement("div", { className: 'ag-arrow-cc', onClick: function () { return _this.changeActiveState(-1); } },
|
|
213
217
|
react_1.default.createElement(go_1.GoTriangleLeft, { size: 25 })),
|
|
214
218
|
react_1.default.createElement("div", { className: 'ag-painel-cc' },
|
|
@@ -228,4 +232,4 @@ Cabecalho.propTypes = {
|
|
|
228
232
|
updateAction: prop_types_1.default.string,
|
|
229
233
|
className: prop_types_1.default.string
|
|
230
234
|
};
|
|
231
|
-
exports.default = fieldsRedux_1.createField(Cabecalho);
|
|
235
|
+
exports.default = (0, fieldsRedux_1.createField)(Cabecalho);
|
|
@@ -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];
|
|
@@ -85,7 +89,7 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
85
89
|
_this.checkDefaultValue = function (defaultValue) {
|
|
86
90
|
if (defaultValue && defaultValue.length === 10) {
|
|
87
91
|
if (!defaultValue.indexOf('-')) {
|
|
88
|
-
var newDefVal = defaultValue.substring(8, 10)
|
|
92
|
+
var newDefVal = "".concat(defaultValue.substring(8, 10), "/").concat(defaultValue.substring(5, 7), "/").concat(defaultValue.substring(0, 4));
|
|
89
93
|
return newDefVal;
|
|
90
94
|
}
|
|
91
95
|
}
|
|
@@ -99,7 +103,7 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
99
103
|
}
|
|
100
104
|
else {
|
|
101
105
|
var field = _this.props.field;
|
|
102
|
-
console.error("Valor da data inv\u00E1lido no campo "
|
|
106
|
+
console.error("Valor da data inv\u00E1lido no campo ".concat(field, ". Formatos aceitos s\u00E3o 'dd/mm/aaaa' ou 'aaaa-mm-dd'"));
|
|
103
107
|
}
|
|
104
108
|
}
|
|
105
109
|
else {
|
|
@@ -112,7 +116,7 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
112
116
|
var day = date._d.getDate();
|
|
113
117
|
var month = (date._d.getMonth() + 1);
|
|
114
118
|
var year = date._d.getFullYear();
|
|
115
|
-
var formattedDate = utils_1.addExtraZero(day)
|
|
119
|
+
var formattedDate = "".concat((0, utils_1.addExtraZero)(day), "/").concat((0, utils_1.addExtraZero)(month), "/").concat(year);
|
|
116
120
|
if (onChange) {
|
|
117
121
|
onChange(year, month, day);
|
|
118
122
|
}
|
|
@@ -123,7 +127,7 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
123
127
|
if (date) {
|
|
124
128
|
_this.setState({ month: date._d.getMonth() });
|
|
125
129
|
}
|
|
126
|
-
var name = date_1.getMonthName(typeof month !== 'undefined'
|
|
130
|
+
var name = (0, date_1.getMonthName)(typeof month !== 'undefined'
|
|
127
131
|
? month
|
|
128
132
|
: date._d.getMonth());
|
|
129
133
|
var monthDescription = document.getElementsByClassName('rdr-MonthAndYear-month')[0];
|
|
@@ -135,7 +139,7 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
135
139
|
var _this = this;
|
|
136
140
|
var _a = this.props, field = _a.field, defaultValue = _a.defaultValue;
|
|
137
141
|
var defValHandled = this.checkDefaultValue(defaultValue);
|
|
138
|
-
fieldsRedux_1.initField(field, defValHandled).then(function (value) {
|
|
142
|
+
(0, fieldsRedux_1.initField)(field, defValHandled).then(function (value) {
|
|
139
143
|
_this.setMonthState(value);
|
|
140
144
|
});
|
|
141
145
|
};
|
|
@@ -146,7 +150,7 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
146
150
|
var _a = this, openCalendar = _a.openCalendar, handleSelect = _a.handleSelect, setMonthName = _a.setMonthName;
|
|
147
151
|
var open = this.state.open;
|
|
148
152
|
var field = this.props.field;
|
|
149
|
-
var date = fieldsRedux_1.getField(field, 'value');
|
|
153
|
+
var date = (0, fieldsRedux_1.getField)(field, 'value');
|
|
150
154
|
return (react_1.default.createElement("div", { className: 'argous-calendar' },
|
|
151
155
|
react_1.default.createElement("span", { onMouseUp: openCalendar }, date ? date : 'dd/mm/aaaa'),
|
|
152
156
|
open && (react_1.default.createElement(react_date_range_1.Calendar, { date: date, onChange: handleSelect, onInit: setMonthName }))));
|
|
@@ -168,4 +172,4 @@ Calendar.propTypes = {
|
|
|
168
172
|
fieldListener: prop_types_1.default.func,
|
|
169
173
|
destroyOnUnmount: prop_types_1.default.bool
|
|
170
174
|
};
|
|
171
|
-
exports.default = fieldsRedux_1.createField(Calendar, { disableInitField: true });
|
|
175
|
+
exports.default = (0, fieldsRedux_1.createField)(Calendar, { disableInitField: true });
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
33
37
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
34
38
|
function step(op) {
|
|
35
39
|
if (f) throw new TypeError("Generator is already executing.");
|
|
36
|
-
while (_) try {
|
|
40
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
37
41
|
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
38
42
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
39
43
|
switch (op[0]) {
|
|
@@ -74,11 +78,11 @@ var DEFAULT_VIDEO_CONSTRAINTS = {
|
|
|
74
78
|
};
|
|
75
79
|
var createVideoElementId = function (id) {
|
|
76
80
|
if (id === void 0) { id = ''; }
|
|
77
|
-
return (id) ? id
|
|
81
|
+
return (id) ? "".concat(id, "-").concat(VIDEO_ID) : VIDEO_ID;
|
|
78
82
|
};
|
|
79
83
|
var createCanvasElementId = function (id) {
|
|
80
84
|
if (id === void 0) { id = ''; }
|
|
81
|
-
return (id) ? id
|
|
85
|
+
return (id) ? "".concat(id, "-").concat(CANVAS_ID) : CANVAS_ID;
|
|
82
86
|
};
|
|
83
87
|
var camSnapshot = function (_a) {
|
|
84
88
|
var _b = _a.e, e = _b === void 0 ? undefined : _b, _c = _a.download, download = _c === void 0 ? false : _c, _d = _a.camComponentId, camComponentId = _d === void 0 ? '' : _d;
|
|
@@ -96,10 +100,10 @@ var camSnapshot = function (_a) {
|
|
|
96
100
|
canvasElement.height = videoElement.offsetHeight;
|
|
97
101
|
canvasContext2D.drawImage(videoElement, 0, 0, videoElement.offsetWidth, videoElement.offsetHeight);
|
|
98
102
|
linkElement = document.createElement('a');
|
|
99
|
-
linkElement.download = "Capture_"
|
|
103
|
+
linkElement.download = "Capture_".concat((0, moment_1.default)(new Date()).format('DD-MM-YYYY_HH:mm:ss'), ".png");
|
|
100
104
|
var dataUrl = canvasElement.toDataURL('image/png');
|
|
101
105
|
linkElement.href = dataUrl;
|
|
102
|
-
var blob = utils_1.dataUrlToBlob(dataUrl);
|
|
106
|
+
var blob = (0, utils_1.dataUrlToBlob)(dataUrl);
|
|
103
107
|
if (blob)
|
|
104
108
|
file = new File([blob], linkElement.download, { type: blob.type });
|
|
105
109
|
}
|
|
@@ -112,11 +116,11 @@ var camSnapshot = function (_a) {
|
|
|
112
116
|
exports.camSnapshot = camSnapshot;
|
|
113
117
|
var Cam = function (_a) {
|
|
114
118
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.style, style = _c === void 0 ? {} : _c, onGetStream = _a.onGetStream, _d = _a.constraints, constraints = _d === void 0 ? DEFAULT_VIDEO_CONSTRAINTS : _d;
|
|
115
|
-
var videoRef = react_1.useRef(null);
|
|
116
|
-
var streamRef = react_1.useRef(null);
|
|
117
|
-
var getStreamIntervalIdRef = react_1.useRef(null);
|
|
119
|
+
var videoRef = (0, react_1.useRef)(null);
|
|
120
|
+
var streamRef = (0, react_1.useRef)(null);
|
|
121
|
+
var getStreamIntervalIdRef = (0, react_1.useRef)(null);
|
|
118
122
|
var videoElementId = createVideoElementId(id);
|
|
119
|
-
var getStream = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
123
|
+
var getStream = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
120
124
|
var stream, error_1;
|
|
121
125
|
return __generator(this, function (_a) {
|
|
122
126
|
switch (_a.label) {
|
|
@@ -154,7 +158,7 @@ var Cam = function (_a) {
|
|
|
154
158
|
track === null || track === void 0 ? void 0 : track.stop();
|
|
155
159
|
track.enabled = false;
|
|
156
160
|
}); };
|
|
157
|
-
react_1.useEffect(function () {
|
|
161
|
+
(0, react_1.useEffect)(function () {
|
|
158
162
|
getStream();
|
|
159
163
|
getStreamIntervalIdRef.current = setInterval(function () { return getStream(); }, GET_STREAM_INTERVAL_TIMEOUT);
|
|
160
164
|
return function () {
|
|
@@ -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];
|
|
@@ -37,7 +41,7 @@ var core_1 = require("@material-ui/core");
|
|
|
37
41
|
var clsx_1 = __importDefault(require("clsx"));
|
|
38
42
|
var react_1 = __importStar(require("react"));
|
|
39
43
|
var io_1 = require("react-icons/io");
|
|
40
|
-
var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
44
|
+
var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
|
|
41
45
|
container: {
|
|
42
46
|
height: '100%',
|
|
43
47
|
width: '100%'
|
|
@@ -46,7 +50,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
46
50
|
width: '100%',
|
|
47
51
|
height: function (_a) {
|
|
48
52
|
var indicator = _a.indicator, indicatorPadding = _a.indicatorPadding;
|
|
49
|
-
return (indicator) ? "calc(100% - "
|
|
53
|
+
return (indicator) ? "calc(100% - ".concat(indicatorPadding * 2, "px)") : '100%';
|
|
50
54
|
},
|
|
51
55
|
minWidth: '100%',
|
|
52
56
|
display: 'flex',
|
|
@@ -103,7 +107,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
103
107
|
},
|
|
104
108
|
padding: function (_a) {
|
|
105
109
|
var indicatorPadding = _a.indicatorPadding, indicatorSize = _a.indicatorSize, iconSize = _a.iconSize;
|
|
106
|
-
return indicatorPadding - (indicatorSize / 2)
|
|
110
|
+
return "".concat(indicatorPadding - (indicatorSize / 2), "px ").concat(iconSize, "px");
|
|
107
111
|
},
|
|
108
112
|
'& span': {
|
|
109
113
|
width: function (_a) {
|
|
@@ -132,14 +136,14 @@ var Carousel = function (_a) {
|
|
|
132
136
|
var _b, _c, _d;
|
|
133
137
|
var id = _a.id, _e = _a.leftIcon, LEFT_ICON = _e === void 0 ? io_1.IoIosArrowBack : _e, _f = _a.rightIcon, RIGHT_ICON = _f === void 0 ? io_1.IoIosArrowForward : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 20 : _g, _h = _a.scrollSensitivity, scrollSensitivity = _h === void 0 ? 2 : _h, _j = _a.itemSpacing, itemSpacing = _j === void 0 ? '.5rem' : _j, children = _a.children, _k = _a.buttons, buttons = _k === void 0 ? true : _k, indicator = _a.indicator, _l = _a.indicatorSize, indicatorSize = _l === void 0 ? 6 : _l, _m = _a.indicatorGap, indicatorGap = _m === void 0 ? 10 : _m, _o = _a.indicatorPadding, indicatorPadding = _o === void 0 ? 20 : _o, carouselStyle = _a.carouselStyle, onClick = _a.onClick, buttonClassName = _a.buttonClassName, indicatorClassName = _a.indicatorClassName, currentIndicatorClassName = _a.currentIndicatorClassName;
|
|
134
138
|
var classes = useStyles({ itemSpacing: itemSpacing, indicator: indicator, indicatorSize: indicatorSize, indicatorGap: indicatorGap, indicatorPadding: indicatorPadding, iconSize: iconSize });
|
|
135
|
-
var _p = react_1.useState(initialState), state = _p[0], setState = _p[1];
|
|
139
|
+
var _p = (0, react_1.useState)(initialState), state = _p[0], setState = _p[1];
|
|
136
140
|
var position = state.position, indicatorArray = state.indicatorArray;
|
|
137
|
-
var carousel = react_1.useRef(null);
|
|
141
|
+
var carousel = (0, react_1.useRef)(null);
|
|
138
142
|
var childWidth = (_d = (_c = (_b = carousel.current) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.offsetWidth;
|
|
139
|
-
var disabledButtonsRef = react_1.useRef(false);
|
|
143
|
+
var disabledButtonsRef = (0, react_1.useRef)(false);
|
|
140
144
|
var carouselId = (id) ? id : CAROUSEL_ID;
|
|
141
|
-
var leftButtonId = carouselId
|
|
142
|
-
var rightButtonId = carouselId
|
|
145
|
+
var leftButtonId = "".concat(carouselId, "-left-button");
|
|
146
|
+
var rightButtonId = "".concat(carouselId, "-right-button");
|
|
143
147
|
var logicSetState = function (_a) {
|
|
144
148
|
var type = _a.type, field = _a.field, value = _a.value;
|
|
145
149
|
return setState(function (states) {
|
|
@@ -147,7 +151,7 @@ var Carousel = function (_a) {
|
|
|
147
151
|
return (__assign(__assign({}, states), (_a = {}, _a[type] = (type && field) ? __assign(__assign({}, states[type]), (_b = {}, _b[field] = value, _b)) : value, _a)));
|
|
148
152
|
});
|
|
149
153
|
};
|
|
150
|
-
var control = react_1.useCallback(function (e) {
|
|
154
|
+
var control = (0, react_1.useCallback)(function (e) {
|
|
151
155
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
152
156
|
if (disabledButtonsRef.current)
|
|
153
157
|
return;
|
|
@@ -172,15 +176,15 @@ var Carousel = function (_a) {
|
|
|
172
176
|
}
|
|
173
177
|
(position === children.length) && logicSetState({ type: 'position', value: (children.length - 1) });
|
|
174
178
|
}, [itemSpacing, leftButtonId, rightButtonId, position, children.length]);
|
|
175
|
-
react_1.useEffect(function () { return control(); }, [control]);
|
|
179
|
+
(0, react_1.useEffect)(function () { return control(); }, [control]);
|
|
176
180
|
control();
|
|
177
|
-
var createIndicatorArray = react_1.useCallback(function () {
|
|
181
|
+
var createIndicatorArray = (0, react_1.useCallback)(function () {
|
|
178
182
|
var _a, _b;
|
|
179
183
|
var childrenLength = (_b = (_a = carousel.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length;
|
|
180
184
|
var newIndicatorArray = Array.from(Array(childrenLength).keys());
|
|
181
185
|
logicSetState({ type: 'indicatorArray', value: newIndicatorArray });
|
|
182
186
|
}, []);
|
|
183
|
-
react_1.useEffect(function () { return (indicator) && createIndicatorArray(); }, [indicator, children, createIndicatorArray]);
|
|
187
|
+
(0, react_1.useEffect)(function () { return (indicator) && createIndicatorArray(); }, [indicator, children, createIndicatorArray]);
|
|
184
188
|
var handleCarouselClick = function (e, direction) {
|
|
185
189
|
if (!childWidth || (typeof childWidth !== 'number'))
|
|
186
190
|
return;
|
|
@@ -209,14 +213,14 @@ var Carousel = function (_a) {
|
|
|
209
213
|
};
|
|
210
214
|
return react_1.default.createElement("div", { id: carouselId, className: classes.container },
|
|
211
215
|
react_1.default.createElement("div", { className: classes.carouselContainer },
|
|
212
|
-
(buttons && LEFT_ICON) && (react_1.default.createElement("button", { id: leftButtonId, onClick: function (e) { return handleCarouselClick(e, 'left'); }, className: clsx_1.default(classes.button, classes.leftButton, buttonClassName) },
|
|
216
|
+
(buttons && LEFT_ICON) && (react_1.default.createElement("button", { id: leftButtonId, onClick: function (e) { return handleCarouselClick(e, 'left'); }, className: (0, clsx_1.default)(classes.button, classes.leftButton, buttonClassName) },
|
|
213
217
|
react_1.default.createElement(LEFT_ICON, { size: iconSize, className: classes.leftButton }))),
|
|
214
218
|
react_1.default.createElement("div", { ref: carousel, style: __assign({}, carouselStyle), className: classes.carousel }, children),
|
|
215
|
-
(buttons && RIGHT_ICON) && (react_1.default.createElement("button", { id: rightButtonId, onClick: function (e) { return handleCarouselClick(e, 'right'); }, className: clsx_1.default(classes.button, classes.rightButton, buttonClassName) },
|
|
219
|
+
(buttons && RIGHT_ICON) && (react_1.default.createElement("button", { id: rightButtonId, onClick: function (e) { return handleCarouselClick(e, 'right'); }, className: (0, clsx_1.default)(classes.button, classes.rightButton, buttonClassName) },
|
|
216
220
|
react_1.default.createElement(RIGHT_ICON, { size: iconSize, className: classes.rightButton })))),
|
|
217
|
-
(indicator) && (react_1.default.createElement("div", { className: clsx_1.default(classes.indicator, indicatorClassName) }, indicatorArray.map(function (_, index) {
|
|
221
|
+
(indicator) && (react_1.default.createElement("div", { className: (0, clsx_1.default)(classes.indicator, indicatorClassName) }, indicatorArray.map(function (_, index) {
|
|
218
222
|
var _a;
|
|
219
|
-
return (react_1.default.createElement("span", { key: "indicator-"
|
|
223
|
+
return (react_1.default.createElement("span", { key: "indicator-".concat(index), className: (0, clsx_1.default)((_a = {},
|
|
220
224
|
_a[classes.currentIndicator] = (position === index),
|
|
221
225
|
_a[currentIndicatorClassName] = (position === index),
|
|
222
226
|
_a)) }));
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
33
37
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
34
38
|
function step(op) {
|
|
35
39
|
if (f) throw new TypeError("Generator is already executing.");
|
|
36
|
-
while (_) try {
|
|
40
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
37
41
|
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
38
42
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
39
43
|
switch (op[0]) {
|
|
@@ -66,15 +70,15 @@ var md_1 = require("react-icons/md");
|
|
|
66
70
|
function CartaoUsuario(_a) {
|
|
67
71
|
var _this = this;
|
|
68
72
|
var anchor = _a.anchor, idUsuario = _a.idUsuario;
|
|
69
|
-
var tempo = react_1.useRef();
|
|
70
|
-
var deixaMostrar = react_1.useRef(false);
|
|
71
|
-
var limpar = react_1.useRef(true);
|
|
72
|
-
var idUsuarioLogado = utils_1.useStore().usuarioLogado.idUsuario;
|
|
73
|
-
var _b = react_1.useState(anchor), localAnchor = _b[0], setLocalAnchor = _b[1];
|
|
74
|
-
var _c = react_1.useState(idUsuario), localIdUsuario = _c[0], setLocalIdUsuario = _c[1];
|
|
75
|
-
var _d = react_1.useState({}), dados = _d[0], setDados = _d[1];
|
|
76
|
-
var _e = react_1.useState(false), mostrar = _e[0], setMostrar = _e[1];
|
|
77
|
-
react_1.useEffect(function () {
|
|
73
|
+
var tempo = (0, react_1.useRef)();
|
|
74
|
+
var deixaMostrar = (0, react_1.useRef)(false);
|
|
75
|
+
var limpar = (0, react_1.useRef)(true);
|
|
76
|
+
var idUsuarioLogado = (0, utils_1.useStore)().usuarioLogado.idUsuario;
|
|
77
|
+
var _b = (0, react_1.useState)(anchor), localAnchor = _b[0], setLocalAnchor = _b[1];
|
|
78
|
+
var _c = (0, react_1.useState)(idUsuario), localIdUsuario = _c[0], setLocalIdUsuario = _c[1];
|
|
79
|
+
var _d = (0, react_1.useState)({}), dados = _d[0], setDados = _d[1];
|
|
80
|
+
var _e = (0, react_1.useState)(false), mostrar = _e[0], setMostrar = _e[1];
|
|
81
|
+
(0, react_1.useEffect)(function () {
|
|
78
82
|
if (anchor && idUsuario) {
|
|
79
83
|
setLocalAnchor(anchor);
|
|
80
84
|
setLocalIdUsuario(idUsuario);
|
|
@@ -91,7 +95,7 @@ function CartaoUsuario(_a) {
|
|
|
91
95
|
}, 200);
|
|
92
96
|
}
|
|
93
97
|
}, [anchor, idUsuario, mostrar]);
|
|
94
|
-
var busca = react_1.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
98
|
+
var busca = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
95
99
|
var res;
|
|
96
100
|
return __generator(this, function (_a) {
|
|
97
101
|
switch (_a.label) {
|
|
@@ -101,7 +105,7 @@ function CartaoUsuario(_a) {
|
|
|
101
105
|
clearTimeout(tempo.current);
|
|
102
106
|
return [2 /*return*/];
|
|
103
107
|
}
|
|
104
|
-
return [4 /*yield*/, api_1.serverAction('getInfoUsuario', { idUsuario: localIdUsuario }, 'Argous.MntUsuarios', true)];
|
|
108
|
+
return [4 /*yield*/, (0, api_1.serverAction)('getInfoUsuario', { idUsuario: localIdUsuario }, 'Argous.MntUsuarios', true)];
|
|
105
109
|
case 1:
|
|
106
110
|
res = _a.sent();
|
|
107
111
|
tempo.current = setTimeout(function () {
|
|
@@ -114,7 +118,7 @@ function CartaoUsuario(_a) {
|
|
|
114
118
|
}
|
|
115
119
|
});
|
|
116
120
|
}); }, [localAnchor, localIdUsuario]);
|
|
117
|
-
react_1.useEffect(function () { return void (busca()); }, [busca]);
|
|
121
|
+
(0, react_1.useEffect)(function () { return void (busca()); }, [busca]);
|
|
118
122
|
var retornaUser = function () {
|
|
119
123
|
return { idUsuario: idUsuario, titulo: dados.dsNomeUsuario, subTitulo: dados.dsFuncaoUsuario, msgsNaoLidas: 0, online: false };
|
|
120
124
|
};
|
|
@@ -148,16 +152,16 @@ function CartaoUsuario(_a) {
|
|
|
148
152
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
149
153
|
dados.nrRamalUsuario &&
|
|
150
154
|
react_1.default.createElement(core_1.Grid, { item: true, xs: true },
|
|
151
|
-
react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', href: "tel: "
|
|
155
|
+
react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', href: "tel: ".concat(dados.nrRamalUsuario), title: "Ramal: ".concat(dados.nrRamalUsuario) },
|
|
152
156
|
react_1.default.createElement(io_1.IoIosCall, null),
|
|
153
157
|
"\u00A0",
|
|
154
158
|
dados.nrRamalUsuario)),
|
|
155
159
|
react_1.default.createElement(core_1.Grid, { item: true, xs: true },
|
|
156
|
-
react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', href: "mailto: "
|
|
160
|
+
react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', href: "mailto: ".concat(dados.dsEmailUsuario), title: dados.dsEmailUsuario },
|
|
157
161
|
react_1.default.createElement(md_1.MdMail, null),
|
|
158
162
|
"\u00A0Email")),
|
|
159
163
|
react_1.default.createElement(core_1.Grid, { item: true, xs: true },
|
|
160
|
-
react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', onClick: function () { return fieldsRedux_1.setAnotherProgramField('janelaChatOpen', retornaUser(), 'argousSystem'); }, title: 'Abrir chat de conversa' },
|
|
164
|
+
react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', onClick: function () { return (0, fieldsRedux_1.setAnotherProgramField)('janelaChatOpen', retornaUser(), 'argousSystem'); }, title: 'Abrir chat de conversa' },
|
|
161
165
|
react_1.default.createElement(md_1.MdMessage, null),
|
|
162
166
|
"\u00A0Mensagem"))))))));
|
|
163
167
|
return null;
|
|
@@ -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];
|
|
@@ -107,13 +111,13 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
|
|
|
107
111
|
_g = props.TransitionComponent,
|
|
108
112
|
// eslint-disable-next-line react/prop-types
|
|
109
113
|
TransitionComponent = _g === void 0 ? react_transition_group_1.Transition : _g, other = __rest(props, ["children", "classes", "className", "collapsedHeight", "collapsedSize", "component", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
|
|
110
|
-
var theme = core_1.useTheme();
|
|
114
|
+
var theme = (0, core_1.useTheme)();
|
|
111
115
|
var timer = React.useRef();
|
|
112
116
|
var wrapperRef = React.useRef(null);
|
|
113
117
|
var autoTransitionDuration = React.useRef();
|
|
114
118
|
var collapsedSizeOrHeight = collapsedHeight === '0px' ? collapsedSizeProp : collapsedHeight;
|
|
115
119
|
var collapsedSize = typeof collapsedSizeOrHeight === 'number'
|
|
116
|
-
? collapsedSizeOrHeight
|
|
120
|
+
? "".concat(collapsedSizeOrHeight, "px")
|
|
117
121
|
: collapsedSizeOrHeight;
|
|
118
122
|
var isHorizontal = orientation === 'horizontal';
|
|
119
123
|
var size = isHorizontal ? 'width' : 'height';
|
|
@@ -134,19 +138,19 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
|
|
|
134
138
|
var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
|
|
135
139
|
// After the size is read reset the position back to default
|
|
136
140
|
wrapperRef.current.style.position = '';
|
|
137
|
-
var transitionDuration = utils_1.getTransitionProps({ style: style, timeout: timeout }, {
|
|
141
|
+
var transitionDuration = (0, utils_1.getTransitionProps)({ style: style, timeout: timeout }, {
|
|
138
142
|
mode: 'enter',
|
|
139
143
|
}).duration;
|
|
140
144
|
if (timeout === 'auto') {
|
|
141
145
|
var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
|
|
142
|
-
node.style.transitionDuration = duration2
|
|
146
|
+
node.style.transitionDuration = "".concat(duration2, "ms");
|
|
143
147
|
autoTransitionDuration.current = duration2;
|
|
144
148
|
}
|
|
145
149
|
else {
|
|
146
150
|
node.style.transitionDuration
|
|
147
|
-
= typeof transitionDuration === 'string' ? transitionDuration : transitionDuration
|
|
151
|
+
= typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
|
|
148
152
|
}
|
|
149
|
-
node.style[size] = wrapperSize
|
|
153
|
+
node.style[size] = "".concat(wrapperSize, "px");
|
|
150
154
|
if (onEntering) {
|
|
151
155
|
onEntering(node, isAppearing);
|
|
152
156
|
}
|
|
@@ -159,26 +163,26 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
|
|
|
159
163
|
};
|
|
160
164
|
var handleExit = function (node) {
|
|
161
165
|
var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
|
|
162
|
-
node.style[size] = wrapperSize
|
|
166
|
+
node.style[size] = "".concat(wrapperSize, "px");
|
|
163
167
|
if (onExit) {
|
|
164
168
|
onExit(node);
|
|
165
169
|
}
|
|
166
170
|
};
|
|
167
171
|
var handleExiting = function (node) {
|
|
168
172
|
var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
|
|
169
|
-
var transitionDuration = utils_1.getTransitionProps({ style: style, timeout: timeout }, {
|
|
173
|
+
var transitionDuration = (0, utils_1.getTransitionProps)({ style: style, timeout: timeout }, {
|
|
170
174
|
mode: 'exit',
|
|
171
175
|
}).duration;
|
|
172
176
|
if (timeout === 'auto') {
|
|
173
177
|
// TODO: rename getAutoHeightDuration to something more generic (width support)
|
|
174
178
|
// Actually it just calculates animation duration based on size
|
|
175
179
|
var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
|
|
176
|
-
node.style.transitionDuration = duration2
|
|
180
|
+
node.style.transitionDuration = "".concat(duration2, "ms");
|
|
177
181
|
autoTransitionDuration.current = duration2;
|
|
178
182
|
}
|
|
179
183
|
else {
|
|
180
184
|
node.style.transitionDuration
|
|
181
|
-
= typeof transitionDuration === 'string' ? transitionDuration : transitionDuration
|
|
185
|
+
= typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
|
|
182
186
|
}
|
|
183
187
|
node.style[size] = collapsedSize;
|
|
184
188
|
if (onExiting) {
|
|
@@ -192,13 +196,13 @@ var Collapse = React.forwardRef(function Collapse(props, ref) {
|
|
|
192
196
|
};
|
|
193
197
|
return (React.createElement(TransitionComponent, __assign({ in: inProp, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExiting: handleExiting, addEndListener: addEndListener, timeout: timeout === 'auto' ? null : timeout }, other), function (state, childProps) {
|
|
194
198
|
var _a, _b, _c;
|
|
195
|
-
return (React.createElement(Component, __assign({ className: clsx_1.default(classes.container, (_a = {},
|
|
199
|
+
return (React.createElement(Component, __assign({ className: (0, clsx_1.default)(classes.container, (_a = {},
|
|
196
200
|
_a[classes.horizontal] = isHorizontal,
|
|
197
201
|
_a[classes.entered] = state === 'entered',
|
|
198
202
|
_a[classes.hidden] = state === 'exited' && !inProp && collapsedSize === '0px',
|
|
199
203
|
_a), className), style: __assign((_b = {}, _b[isHorizontal ? 'minWidth' : 'minHeight'] = collapsedSize, _b), style), ref: ref }, childProps),
|
|
200
204
|
React.createElement("div", { className: classes.wrapper, ref: wrapperRef },
|
|
201
|
-
React.createElement("div", { className: clsx_1.default(classes.wrapperInner, (_c = {},
|
|
205
|
+
React.createElement("div", { className: (0, clsx_1.default)(classes.wrapperInner, (_c = {},
|
|
202
206
|
_c[classes.horizontal] = isHorizontal,
|
|
203
207
|
_c)) }, children))));
|
|
204
208
|
}));
|
|
@@ -287,4 +291,4 @@ Collapse.propTypes = {
|
|
|
287
291
|
]),
|
|
288
292
|
};
|
|
289
293
|
Collapse.muiSupportAuto = true;
|
|
290
|
-
exports.default = withStyles_1.default(exports.styles, { name: 'MuiCollapse' })(Collapse);
|
|
294
|
+
exports.default = (0, withStyles_1.default)(exports.styles, { name: 'MuiCollapse' })(Collapse);
|