linear-react-components-ui 1.1.24-beta.8 → 1.1.24-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/alerts/AlertProvider.js +1 -2
- package/lib/alerts/BaseAlert.js +1 -1
- package/lib/alerts/Message.js +2 -3
- package/lib/alerts/withAlert.js +1 -2
- package/lib/assets/styles/datepicker2.scss +4 -1
- package/lib/avatar/index.js +9 -11
- package/lib/badge/index.js +4 -4
- package/lib/buttons/Button.js +1 -2
- package/lib/buttons/DangerButton.js +1 -1
- package/lib/buttons/DefaultButton.js +5 -14
- package/lib/buttons/InfoButton.js +1 -1
- package/lib/buttons/PrimaryButton.js +1 -1
- package/lib/buttons/SuccessButton.js +1 -1
- package/lib/buttons/WarningButton.js +1 -1
- package/lib/buttons/button_container/index.js +1 -1
- package/lib/buttons/split_button/index.js +2 -2
- package/lib/calendar/base/Day.js +2 -3
- package/lib/calendar/base/Month.js +1 -1
- package/lib/calendar/base/helpers.js +2 -2
- package/lib/calendar/base/index.js +8 -7
- package/lib/checkbox/index.js +2 -3
- package/lib/dialog/Custom.js +2 -3
- package/lib/dialog/Question.js +5 -4
- package/lib/dialog/base/Content.js +2 -3
- package/lib/dialog/base/Header.js +3 -4
- package/lib/dialog/base/index.js +10 -9
- package/lib/dialog/form/index.js +6 -6
- package/lib/dialog/wizard/index.js +1 -2
- package/lib/dialog/wizard/progressbar.js +1 -1
- package/lib/dialog/wizard/step.js +1 -1
- package/lib/dialog/wizard/useWizard.js +1 -2
- package/lib/drawer/Content.js +1 -2
- package/lib/drawer/Drawer.js +5 -6
- package/lib/drawer/Header.js +2 -3
- package/lib/dropdown/Popup.js +7 -7
- package/lib/dropdown/helper.js +1 -1
- package/lib/dropdown/withDropdown.js +3 -4
- package/lib/fieldset/index.js +8 -9
- package/lib/form/Field.js +2 -3
- package/lib/form/FieldArray.js +2 -3
- package/lib/form/FieldNumber.js +4 -5
- package/lib/form/FieldPeriod.js +3 -4
- package/lib/form/index.js +3 -4
- package/lib/form/withFieldHOC.js +1 -2
- package/lib/form/withFormSecurity.js +1 -2
- package/lib/form2/helpers.js +1 -1
- package/lib/form2/index.d.ts +1 -1
- package/lib/form2/types.d.ts +0 -4
- package/lib/form2/useForm/index.js +17 -13
- package/lib/gridlayout/GridCol.js +5 -5
- package/lib/gridlayout/GridRow.js +1 -4
- package/lib/hint/index.js +1 -7
- package/lib/icons/index.js +9 -9
- package/lib/index-11944b1a.d.ts +26 -0
- package/lib/index-789dd9a5.d.ts +41 -0
- package/lib/{index-b2ef36a6.d.ts → index-7ad68789.d.ts} +1 -1
- package/lib/inputs/base/InputTextBase.js +9 -8
- package/lib/inputs/base/helpers.js +3 -7
- package/lib/inputs/color/index.js +1 -2
- package/lib/inputs/date/Dropdown.js +6 -4
- package/lib/inputs/date/index.js +31 -19
- package/lib/inputs/errorMessage/index.js +2 -3
- package/lib/inputs/file/DefaultFile.js +7 -7
- package/lib/inputs/file/DragDropFile.js +18 -17
- package/lib/inputs/file/File.js +5 -5
- package/lib/inputs/inputHOC.js +1 -2
- package/lib/inputs/mask/BaseMask.js +1 -2
- package/lib/inputs/mask/Cnpj.js +1 -2
- package/lib/inputs/mask/Cpf.js +1 -2
- package/lib/inputs/multiSelect/ActionButtons.js +1 -2
- package/lib/inputs/multiSelect/Dropdown.js +11 -11
- package/lib/inputs/multiSelect/helper.js +2 -1
- package/lib/inputs/multiSelect/index.js +10 -9
- package/lib/inputs/number/BaseNumber.js +1 -1
- package/lib/inputs/number/index.js +3 -3
- package/lib/inputs/period/Dropdown.js +7 -4
- package/lib/inputs/period/PeriodList.js +1 -1
- package/lib/inputs/period/helper.js +1 -3
- package/lib/inputs/period/index.js +56 -32
- package/lib/inputs/search/index.js +2 -3
- package/lib/inputs/select/ActionButtons.js +1 -1
- package/lib/inputs/select/Dropdown.js +3 -4
- package/lib/inputs/select/helper.js +13 -10
- package/lib/inputs/select/multiple/Selecteds.js +2 -2
- package/lib/inputs/select/multiple/index.js +14 -11
- package/lib/inputs/select/simple/index.js +19 -13
- package/lib/inputs/textarea/index.js +1 -1
- package/lib/inputs2/checkboxfield/index.d.ts +1 -1
- package/lib/inputs2/checkboxfield/index.js +15 -15
- package/lib/inputs2/colorfield/index.js +5 -5
- package/lib/inputs2/date/base/constants.js +2 -1
- package/lib/inputs2/date/base/index.js +7 -7
- package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/datefield/calendarbox.js +3 -2
- package/lib/inputs2/date/datefield/index.js +37 -28
- package/lib/inputs2/date/datefield/triggers.js +1 -2
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +8 -6
- package/lib/inputs2/date/dateperiodfield/index.js +61 -44
- package/lib/inputs2/date/dateperiodfield/triggers.js +19 -14
- package/lib/inputs2/filefield/index.js +33 -27
- package/lib/inputs2/index.d.ts +3 -3
- package/lib/inputs2/index.js +1 -2
- package/lib/inputs2/mask/BaseMask.js +7 -7
- package/lib/inputs2/mask/Cnpj.js +4 -5
- package/lib/inputs2/mask/Cpf.js +4 -5
- package/lib/inputs2/mask/Phone.js +1 -2
- package/lib/inputs2/mask/ZipCode.js +1 -2
- package/lib/inputs2/numberfield/currency.js +6 -6
- package/lib/inputs2/numberfield/decimal.js +6 -6
- package/lib/inputs2/numberfield/index.js +6 -6
- package/lib/inputs2/radiofield/index.d.ts +1 -1
- package/lib/inputs2/radiofield/index.js +14 -13
- package/lib/inputs2/selectfield/index.d.ts +1 -1
- package/lib/inputs2/selectfield/index.js +71 -54
- package/lib/inputs2/selectfield/item.d.ts +1 -1
- package/lib/inputs2/selectfield/item.js +4 -4
- package/lib/inputs2/selectfield/listbox.d.ts +1 -1
- package/lib/inputs2/selectfield/listbox.js +7 -4
- package/lib/inputs2/selectfield/options.d.ts +1 -1
- package/lib/inputs2/selectfield/search.d.ts +1 -1
- package/lib/inputs2/selectfield/search.js +3 -4
- package/lib/inputs2/selectfield/selections.d.ts +1 -1
- package/lib/inputs2/selectfield/selections.js +3 -2
- package/lib/inputs2/selectfield/triggers.js +6 -5
- package/lib/inputs2/slot/index.d.ts +2 -2
- package/lib/inputs2/textareafield/index.js +21 -18
- package/lib/inputs2/textfield/index.js +15 -14
- package/lib/labelMessages/index.js +4 -6
- package/lib/labels/DefaultLabel.js +2 -6
- package/lib/labels/label_container/index.js +1 -1
- package/lib/list/Header.js +1 -1
- package/lib/list/Item.js +10 -12
- package/lib/list/index.js +2 -4
- package/lib/menus/float/MenuItem.js +3 -4
- package/lib/menus/float/SubMenuContainer.js +2 -3
- package/lib/menus/float/index.js +1 -1
- package/lib/menus/sidenav/ExpandMenu.js +1 -1
- package/lib/menus/sidenav/MenuLink.js +1 -2
- package/lib/menus/sidenav/NavMenuGroup.js +2 -3
- package/lib/menus/sidenav/NavMenuItem.js +10 -9
- package/lib/menus/sidenav/NavSubMenuItem.js +2 -3
- package/lib/menus/sidenav/helpers.js +1 -1
- package/lib/menus/sidenav/index.js +6 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +1 -2
- package/lib/panel/Content.js +9 -8
- package/lib/panel/Default.js +3 -4
- package/lib/panel/Header.js +4 -5
- package/lib/permissionValidations.js +1 -1
- package/lib/popover/PopoverText.js +1 -2
- package/lib/popover/index.js +1 -1
- package/lib/progress/Bar.js +6 -6
- package/lib/radio/index.js +3 -4
- package/lib/shortcuts/index.js +1 -1
- package/lib/skeleton/SkeletonContainer.js +1 -2
- package/lib/skeleton/index.js +1 -4
- package/lib/spinner/index.js +3 -4
- package/lib/split/Split.js +2 -3
- package/lib/split/SplitSide.js +4 -5
- package/lib/table/Body.js +4 -5
- package/lib/table/Header.js +9 -7
- package/lib/table/HeaderColumn.js +2 -3
- package/lib/table/Row.js +4 -5
- package/lib/table/RowColumn.js +2 -3
- package/lib/table/index.js +2 -8
- package/lib/tabs/DropdownTabs.js +2 -3
- package/lib/tabs/Menu.js +1 -1
- package/lib/tabs/MenuTabs.js +4 -9
- package/lib/tabs/Panel.js +8 -7
- package/lib/tabs/context.js +7 -5
- package/lib/tabs/index.js +1 -2
- package/lib/textContent/index.js +2 -3
- package/lib/toolbar/ButtonBar.js +2 -3
- package/lib/toolbar/LabelBar.js +1 -2
- package/lib/toolbar/index.js +1 -1
- package/lib/tooltip/TooltipContent.js +8 -9
- package/lib/tooltip/useTooltip.js +8 -8
- package/lib/treetable/Body.js +2 -3
- package/lib/treetable/Header.js +3 -4
- package/lib/treetable/Row.js +9 -10
- package/lib/treeview/Header.js +1 -1
- package/lib/treeview/Node.js +5 -6
- package/lib/treeview/index.js +5 -6
- package/lib/uitour/index.js +9 -8
- package/package.json +1 -1
- package/lib/index-118afd58.d.ts +0 -26
- package/lib/index-8f540f57.d.ts +0 -41
package/lib/inputs/date/index.js
CHANGED
|
@@ -15,8 +15,7 @@ var _helpers = require("./helpers");
|
|
|
15
15
|
require("../../assets/styles/datepicker.scss");
|
|
16
16
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
function
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
19
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
21
20
|
const DatePicker = props => {
|
|
22
21
|
const {
|
|
@@ -59,32 +58,37 @@ const DatePicker = props => {
|
|
|
59
58
|
const calendarContainerRef = (0, _react.useRef)(null);
|
|
60
59
|
const datePickerContainerRef = (0, _react.useRef)(null);
|
|
61
60
|
const onScreenResize = () => {
|
|
62
|
-
|
|
61
|
+
var _inputDateRef$current;
|
|
62
|
+
setInputDimensions(inputDateRef === null || inputDateRef === void 0 ? void 0 : (_inputDateRef$current = inputDateRef.current) === null || _inputDateRef$current === void 0 ? void 0 : _inputDateRef$current.getBoundingClientRect());
|
|
63
63
|
};
|
|
64
64
|
const onCloseDateDialog = () => {
|
|
65
65
|
setShowCalendar(false);
|
|
66
66
|
if (showCalendarInDialog) {
|
|
67
67
|
setTimeout(() => {
|
|
68
|
+
var _inputDateRef$current2;
|
|
68
69
|
setCalendarOnDialog(false);
|
|
69
|
-
inputDateRef.current
|
|
70
|
+
(_inputDateRef$current2 = inputDateRef.current) === null || _inputDateRef$current2 === void 0 ? void 0 : _inputDateRef$current2.focus();
|
|
70
71
|
}, 100);
|
|
71
72
|
}
|
|
72
73
|
};
|
|
73
74
|
const onCloseWithoutBlur = event => {
|
|
74
|
-
|
|
75
|
+
var _datePickerContainerR;
|
|
76
|
+
const focusOnAnotherField = !((_datePickerContainerR = datePickerContainerRef.current) !== null && _datePickerContainerR !== void 0 && _datePickerContainerR.contains(event.relatedTarget));
|
|
75
77
|
if (!showCalendarInDialog && showCalendar && focusOnAnotherField) {
|
|
76
78
|
setShowCalendar(false);
|
|
77
79
|
}
|
|
78
80
|
};
|
|
79
81
|
const onKeyDownPress = event => {
|
|
80
82
|
if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {
|
|
83
|
+
var _inputDateRef$current3;
|
|
81
84
|
event.preventDefault();
|
|
82
85
|
setShowCalendar(false);
|
|
83
|
-
inputDateRef.current
|
|
86
|
+
(_inputDateRef$current3 = inputDateRef.current) === null || _inputDateRef$current3 === void 0 ? void 0 : _inputDateRef$current3.focus();
|
|
84
87
|
}
|
|
85
88
|
if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {
|
|
86
|
-
|
|
87
|
-
const
|
|
89
|
+
var _calendarContainerRef, _calendarContainerRef2;
|
|
90
|
+
const buttonForNavigateCalendar = (_calendarContainerRef = calendarContainerRef.current) === null || _calendarContainerRef === void 0 ? void 0 : _calendarContainerRef.getElementsByClassName('navbutton');
|
|
91
|
+
const datePicked = (_calendarContainerRef2 = calendarContainerRef.current) === null || _calendarContainerRef2 === void 0 ? void 0 : _calendarContainerRef2.getElementsByClassName('-selectedday');
|
|
88
92
|
const buttonDatePicked = datePicked[0].firstChild;
|
|
89
93
|
const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);
|
|
90
94
|
const firstElement = buttonsForFocus[0];
|
|
@@ -100,7 +104,8 @@ const DatePicker = props => {
|
|
|
100
104
|
event.stopPropagation();
|
|
101
105
|
};
|
|
102
106
|
const keepPositionCalendarByScroll = () => {
|
|
103
|
-
|
|
107
|
+
var _inputDateRef$current4;
|
|
108
|
+
const inputDateDimensions = (_inputDateRef$current4 = inputDateRef.current) === null || _inputDateRef$current4 === void 0 ? void 0 : _inputDateRef$current4.getBoundingClientRect();
|
|
104
109
|
const positionTop = inputDateDimensions && inputDateDimensions.bottom;
|
|
105
110
|
if (dropdownContainer && dropdownContainer.current && inputDateDimensions) {
|
|
106
111
|
dropdownContainer.current.style.top = String(positionTop).concat('px');
|
|
@@ -109,12 +114,14 @@ const DatePicker = props => {
|
|
|
109
114
|
const openCalendar = () => {
|
|
110
115
|
setShowCalendar(true);
|
|
111
116
|
if (inputDateRef.current) {
|
|
117
|
+
var _inputDateRef$current5;
|
|
112
118
|
inputDateRef.current.focus();
|
|
113
|
-
setInputDimensions(inputDateRef.current
|
|
119
|
+
setInputDimensions((_inputDateRef$current5 = inputDateRef.current) === null || _inputDateRef$current5 === void 0 ? void 0 : _inputDateRef$current5.getBoundingClientRect());
|
|
114
120
|
}
|
|
115
121
|
if (showCalendarInDialog) {
|
|
116
122
|
setTimeout(() => {
|
|
117
|
-
|
|
123
|
+
var _currentDateButtonRef;
|
|
124
|
+
(_currentDateButtonRef = currentDateButtonRef.current) === null || _currentDateButtonRef === void 0 ? void 0 : _currentDateButtonRef.focus();
|
|
118
125
|
}, 100);
|
|
119
126
|
}
|
|
120
127
|
};
|
|
@@ -138,7 +145,8 @@ const DatePicker = props => {
|
|
|
138
145
|
const onInputChange = function (event) {
|
|
139
146
|
let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
140
147
|
if (typeof valueInput === 'string') {
|
|
141
|
-
|
|
148
|
+
var _event$target$value;
|
|
149
|
+
const date = (_event$target$value = event.target.value) !== null && _event$target$value !== void 0 ? _event$target$value : '';
|
|
142
150
|
if (props.onChange) {
|
|
143
151
|
if (isValidDate(date)) {
|
|
144
152
|
const newValue = (0, _moment.default)(date, brFormatter).format(usFormatter);
|
|
@@ -164,11 +172,12 @@ const DatePicker = props => {
|
|
|
164
172
|
}
|
|
165
173
|
};
|
|
166
174
|
const setValue = (valueParam, e) => {
|
|
167
|
-
|
|
175
|
+
var _inputDateRef$current6;
|
|
176
|
+
if (showCalendar && setFocusOnSelect) (_inputDateRef$current6 = inputDateRef.current) === null || _inputDateRef$current6 === void 0 ? void 0 : _inputDateRef$current6.focus();
|
|
168
177
|
if (props.onComplete) props.onComplete(e, valueParam);
|
|
169
178
|
if (props.onChange) onInputChange({
|
|
170
179
|
target: {
|
|
171
|
-
value: valueParam
|
|
180
|
+
value: valueParam !== null && valueParam !== void 0 ? valueParam : '',
|
|
172
181
|
name
|
|
173
182
|
}
|
|
174
183
|
}, valueParam);
|
|
@@ -213,7 +222,7 @@ const DatePicker = props => {
|
|
|
213
222
|
return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
|
|
214
223
|
dialogSize: dialogSize,
|
|
215
224
|
handlerClose: onCloseDateDialog
|
|
216
|
-
}, getCalendar(valueState, props
|
|
225
|
+
}, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
|
|
217
226
|
}
|
|
218
227
|
return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
219
228
|
showButtonOpen: showButtonOpen,
|
|
@@ -222,7 +231,7 @@ const DatePicker = props => {
|
|
|
222
231
|
dropdownRef: el => {
|
|
223
232
|
dropdownContainer.current = el;
|
|
224
233
|
}
|
|
225
|
-
}, getCalendar(valueState, props
|
|
234
|
+
}, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
|
|
226
235
|
};
|
|
227
236
|
(0, _react.useEffect)(() => {
|
|
228
237
|
if (value && (0, _moment.default)(value, usFormatter).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, usFormatter).format() !== (0, _moment.default)(value, usFormatter).format()) {
|
|
@@ -244,11 +253,13 @@ const DatePicker = props => {
|
|
|
244
253
|
};
|
|
245
254
|
}, [inputDateRef.current, showCalendar]);
|
|
246
255
|
(0, _react.useEffect)(() => {
|
|
256
|
+
var _document$getElementB;
|
|
247
257
|
document.addEventListener('scroll', keepPositionCalendarByScroll);
|
|
248
|
-
document.getElementById('modal-dialog-content')
|
|
258
|
+
(_document$getElementB = document.getElementById('modal-dialog-content')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('scroll', keepPositionCalendarByScroll);
|
|
249
259
|
return () => {
|
|
260
|
+
var _document$getElementB2;
|
|
250
261
|
document.removeEventListener('scroll', keepPositionCalendarByScroll);
|
|
251
|
-
document.getElementById('modal-dialog-content')
|
|
262
|
+
(_document$getElementB2 = document.getElementById('modal-dialog-content')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.removeEventListener('scroll', keepPositionCalendarByScroll);
|
|
252
263
|
};
|
|
253
264
|
}, []);
|
|
254
265
|
if (onDenied && onDenied.unvisible) return null;
|
|
@@ -265,7 +276,8 @@ const DatePicker = props => {
|
|
|
265
276
|
blocks: !isDateTimeField ? {} : _helpers.blocksDateTimeFormat,
|
|
266
277
|
onComplete: e => {
|
|
267
278
|
if (e) {
|
|
268
|
-
|
|
279
|
+
var _e$target;
|
|
280
|
+
setValue((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.maskedValue, e);
|
|
269
281
|
}
|
|
270
282
|
},
|
|
271
283
|
onBlur: onInputBlur,
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.ErrorMessage = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
require("../../assets/styles/error.scss");
|
|
9
|
-
function
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
10
|
const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
12
11
|
let {
|
|
13
12
|
customClass = '',
|
|
@@ -19,7 +18,7 @@ const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
19
18
|
return /*#__PURE__*/_react.default.createElement("p", {
|
|
20
19
|
ref: ref,
|
|
21
20
|
style: style,
|
|
22
|
-
className:
|
|
21
|
+
className: "errormessages-component ".concat(customClass)
|
|
23
22
|
}, messages.join(', '));
|
|
24
23
|
});
|
|
25
24
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
@@ -13,8 +13,7 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
|
13
13
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
14
14
|
var _popover = _interopRequireWildcard(require("../../popover"));
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
17
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
18
|
const DefaultFile = props => {
|
|
20
19
|
const {
|
|
@@ -27,16 +26,16 @@ const DefaultFile = props => {
|
|
|
27
26
|
hint = '',
|
|
28
27
|
onChange
|
|
29
28
|
} = props;
|
|
30
|
-
const getFilesList = files => !files
|
|
29
|
+
const getFilesList = files => !(files !== null && files !== void 0 && files.length) ? [] : _lodash.default.map(files, file => file);
|
|
31
30
|
const [fileList, setFileList] = (0, _react.useState)(defaultFiles);
|
|
32
31
|
const ifExistFiles = fileList instanceof Array && fileList.length > 0;
|
|
33
32
|
const popUpDescription = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
-
className:
|
|
33
|
+
className: "size-position-icon ".concat(!ifExistFiles ? '-disabled-popover' : '')
|
|
35
34
|
}, /*#__PURE__*/_react.default.createElement(_popover.default, {
|
|
36
35
|
iconSize: 16
|
|
37
36
|
}, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, null, /*#__PURE__*/_react.default.createElement("strong", null, "Arquivos"), /*#__PURE__*/_react.default.createElement("br", null), ifExistFiles && fileList.map(file => /*#__PURE__*/_react.default.createElement("div", {
|
|
38
37
|
className: "list-simple-file",
|
|
39
|
-
key:
|
|
38
|
+
key: "".concat(file.name).concat(file.size)
|
|
40
39
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
41
40
|
className: "file-name"
|
|
42
41
|
}, /*#__PURE__*/_react.default.createElement("span", null, file.name)))))));
|
|
@@ -55,10 +54,11 @@ const DefaultFile = props => {
|
|
|
55
54
|
})
|
|
56
55
|
});
|
|
57
56
|
const handleChange = e => {
|
|
58
|
-
|
|
57
|
+
var _e$preventDefault;
|
|
58
|
+
(_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
|
|
59
59
|
const files = getFilesList(e.target.files);
|
|
60
60
|
setFileList(files);
|
|
61
|
-
onChange
|
|
61
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(files, e);
|
|
62
62
|
};
|
|
63
63
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
64
64
|
className: "input-simple-file-container"
|
|
@@ -12,10 +12,9 @@ var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
|
12
12
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
13
13
|
var _errorMessage = require("../errorMessage");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
16
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
|
-
const getFilesList = files => !files
|
|
17
|
+
const getFilesList = files => !(files !== null && files !== void 0 && files.length) ? [] : _lodash.default.map(files, file => file);
|
|
19
18
|
const getAcceptFilesLabel = valueAccept => valueAccept.split(',').map(value => value.includes('.') ? value.split('.')[1] : value.split('/')[1]).join(', ');
|
|
20
19
|
const getAcceptFilesWithoutRemoveText = value => value.split(', ');
|
|
21
20
|
const DragDropFile = props => {
|
|
@@ -49,8 +48,9 @@ const DragDropFile = props => {
|
|
|
49
48
|
error: false
|
|
50
49
|
});
|
|
51
50
|
const handleDrag = e => {
|
|
52
|
-
|
|
53
|
-
e.
|
|
51
|
+
var _e$preventDefault, _e$stopPropagation;
|
|
52
|
+
(_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
|
|
53
|
+
(_e$stopPropagation = e.stopPropagation) === null || _e$stopPropagation === void 0 ? void 0 : _e$stopPropagation.call(e);
|
|
54
54
|
};
|
|
55
55
|
const checkTypeNotAccept = (types, getTypesArray, e) => {
|
|
56
56
|
setTypeNotAccept(false);
|
|
@@ -71,7 +71,7 @@ const DragDropFile = props => {
|
|
|
71
71
|
setMessage({
|
|
72
72
|
class: 'disapprovedFile',
|
|
73
73
|
text: 'Por favor, verifique a extensão do(s) arquivo(s) inserido(s).',
|
|
74
|
-
subtitle:
|
|
74
|
+
subtitle: "Apenas as extens\xF5es ".concat(getAcceptFilesLabel(accept), " s\xE3o permitidas."),
|
|
75
75
|
error: true
|
|
76
76
|
});
|
|
77
77
|
} else {
|
|
@@ -101,7 +101,7 @@ const DragDropFile = props => {
|
|
|
101
101
|
checkTypeNotAccept(arrayTypes, getTypesArray, e);
|
|
102
102
|
handleDrag(e);
|
|
103
103
|
setDragActive(true);
|
|
104
|
-
onDragEnter
|
|
104
|
+
onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(e);
|
|
105
105
|
};
|
|
106
106
|
const handleDragLeave = e => {
|
|
107
107
|
setMessage({
|
|
@@ -112,11 +112,11 @@ const DragDropFile = props => {
|
|
|
112
112
|
});
|
|
113
113
|
handleDrag(e);
|
|
114
114
|
setDragActive(false);
|
|
115
|
-
onDragLeave
|
|
115
|
+
onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(e);
|
|
116
116
|
};
|
|
117
117
|
const handleDragOver = e => {
|
|
118
118
|
handleDrag(e);
|
|
119
|
-
onDragOver
|
|
119
|
+
onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(e);
|
|
120
120
|
};
|
|
121
121
|
const handleDrop = e => {
|
|
122
122
|
handleDrag(e);
|
|
@@ -134,8 +134,8 @@ const DragDropFile = props => {
|
|
|
134
134
|
return !ids.includes(name, index + 1);
|
|
135
135
|
});
|
|
136
136
|
setFileList(filtered);
|
|
137
|
-
onChange
|
|
138
|
-
onDrop
|
|
137
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(files, e);
|
|
138
|
+
onDrop === null || onDrop === void 0 ? void 0 : onDrop(e);
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
setMessage({
|
|
@@ -146,7 +146,8 @@ const DragDropFile = props => {
|
|
|
146
146
|
});
|
|
147
147
|
};
|
|
148
148
|
const handleChange = e => {
|
|
149
|
-
|
|
149
|
+
var _e$preventDefault2;
|
|
150
|
+
(_e$preventDefault2 = e.preventDefault) === null || _e$preventDefault2 === void 0 ? void 0 : _e$preventDefault2.call(e);
|
|
150
151
|
const files = getFilesList(e.target.files);
|
|
151
152
|
if (files.length > 0 && !typeNotAccept) {
|
|
152
153
|
const fileNoRepeat = fileList.concat(files);
|
|
@@ -158,7 +159,7 @@ const DragDropFile = props => {
|
|
|
158
159
|
return !ids.includes(name, index + 1);
|
|
159
160
|
});
|
|
160
161
|
setFileList(filesFiltered);
|
|
161
|
-
onChange
|
|
162
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(files, e);
|
|
162
163
|
}
|
|
163
164
|
};
|
|
164
165
|
const onButtonClickRemoveAll = () => setFileList([]);
|
|
@@ -166,7 +167,7 @@ const DragDropFile = props => {
|
|
|
166
167
|
setFileList(prevState => prevState.filter(file => file.name !== fileName));
|
|
167
168
|
};
|
|
168
169
|
const generateListArray = () => {
|
|
169
|
-
if (fileList
|
|
170
|
+
if ((fileList === null || fileList === void 0 ? void 0 : fileList.length) === 1) {
|
|
170
171
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, fileList[0].type === 'image/jpeg' || fileList[0].type === 'image/png' ? /*#__PURE__*/_react.default.createElement("img", {
|
|
171
172
|
alt: fileList[0].name,
|
|
172
173
|
src: URL.createObjectURL(fileList[0])
|
|
@@ -184,7 +185,7 @@ const DragDropFile = props => {
|
|
|
184
185
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
185
186
|
className: "file-list"
|
|
186
187
|
}, fileList.length > 0 && fileList.map(file => /*#__PURE__*/_react.default.createElement("li", {
|
|
187
|
-
key:
|
|
188
|
+
key: "".concat(file.name).concat(file.size),
|
|
188
189
|
className: "file-card"
|
|
189
190
|
}, /*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
|
|
190
191
|
transparent: true,
|
|
@@ -212,9 +213,9 @@ const DragDropFile = props => {
|
|
|
212
213
|
onDragEnter: handleDragEnter,
|
|
213
214
|
onSubmit: e => e.preventDefault()
|
|
214
215
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
215
|
-
className:
|
|
216
|
+
className: "drag-content ".concat(skeletonize ? '-skeletonized' : '')
|
|
216
217
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
217
|
-
className:
|
|
218
|
+
className: "".concat(message.class, " ").concat(!skeletonize ? 'content' : '')
|
|
218
219
|
}, message.error || fileList.length === 0 ? /*#__PURE__*/_react.default.createElement("label", {
|
|
219
220
|
htmlFor: id
|
|
220
221
|
}, /*#__PURE__*/_react.default.createElement("h1", {
|
package/lib/inputs/file/File.js
CHANGED
|
@@ -11,8 +11,7 @@ var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
|
|
|
11
11
|
var _helpers = require("./helpers");
|
|
12
12
|
const _excluded = ["applyDragDrop", "defaultFiles", "gridLayout", "onBtnClickRemove"];
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
16
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
18
17
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
@@ -26,7 +25,8 @@ const File = _ref => {
|
|
|
26
25
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
27
26
|
const inputFileRef = (0, _react.useRef)(null);
|
|
28
27
|
const onBtnClickInsert = () => {
|
|
29
|
-
|
|
28
|
+
var _inputFileRef$current;
|
|
29
|
+
(_inputFileRef$current = inputFileRef.current) === null || _inputFileRef$current === void 0 ? void 0 : _inputFileRef$current.click();
|
|
30
30
|
};
|
|
31
31
|
const onBtnClickRemove = () => {
|
|
32
32
|
if (inputFileRef.current) {
|
|
@@ -35,10 +35,10 @@ const File = _ref => {
|
|
|
35
35
|
if (onBtnClickRemoveProp) onBtnClickRemoveProp();
|
|
36
36
|
};
|
|
37
37
|
(0, _react.useEffect)(() => {
|
|
38
|
-
if (inputFileRef
|
|
38
|
+
if (inputFileRef !== null && inputFileRef !== void 0 && inputFileRef.current && defaultFiles) {
|
|
39
39
|
inputFileRef.current.files = (0, _helpers.transformFilesToFileList)(defaultFiles);
|
|
40
40
|
}
|
|
41
|
-
}, [inputFileRef
|
|
41
|
+
}, [inputFileRef === null || inputFileRef === void 0 ? void 0 : inputFileRef.current]);
|
|
42
42
|
const component = applyDragDrop ? /*#__PURE__*/_react.default.createElement(_DragDropFile.default, _extends({}, rest, {
|
|
43
43
|
defaultFiles: defaultFiles,
|
|
44
44
|
inputRef: inputFileRef,
|
package/lib/inputs/inputHOC.js
CHANGED
|
@@ -7,8 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
11
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
12
|
const InputHOC = WrappedComponent => {
|
|
14
13
|
const EnhancedComponent = props => {
|
|
@@ -12,8 +12,7 @@ var _permissionValidations = require("../../permissionValidations");
|
|
|
12
12
|
var _helpers = require("./helpers");
|
|
13
13
|
const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "mask", "isDateTimeField"];
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
16
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
17
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
19
18
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
package/lib/inputs/mask/Cnpj.js
CHANGED
|
@@ -9,8 +9,7 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
9
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
10
10
|
var _helpers = require("./helpers");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
14
|
// Em caso de alteração no nome do componente deverá ser atualizada
|
|
16
15
|
// à propriedade displayName, para o mesmo nome do componente
|
package/lib/inputs/mask/Cpf.js
CHANGED
|
@@ -9,8 +9,7 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
9
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
10
10
|
var _helpers = require("./helpers");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
14
|
// Em caso de alteração no nome do componente deverá ser atualizada
|
|
16
15
|
// à propriedade displayName, para o mesmo nome do componente
|
|
@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
9
9
|
var _list = _interopRequireWildcard(require("../../list"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
const ActionButtons = _ref => {
|
|
14
13
|
let {
|
|
15
14
|
disabled,
|
|
@@ -8,24 +8,24 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _avatar = _interopRequireDefault(require("../../avatar"));
|
|
9
9
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
14
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
16
15
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
17
16
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
18
17
|
const returnDropdownDynamicStyles = (selectFieldRef, dropdownMaxHeight) => {
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
const
|
|
18
|
+
var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
|
|
19
|
+
const selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
|
|
20
|
+
const bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
|
|
21
|
+
const offsetTop = selectFieldRef !== null && selectFieldRef !== void 0 && (_selectFieldRef$curre2 = selectFieldRef.current) !== null && _selectFieldRef$curre2 !== void 0 && _selectFieldRef$curre2.offsetTop ? selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre3 = selectFieldRef.current) === null || _selectFieldRef$curre3 === void 0 ? void 0 : _selectFieldRef$curre3.offsetTop : 0;
|
|
22
22
|
const dropdownBottomDistance = window.innerHeight - bottom;
|
|
23
23
|
let maxDropdownBottomDistance = 200;
|
|
24
24
|
let height = dropdownMaxHeight;
|
|
25
25
|
let dropdownPosition;
|
|
26
26
|
if (!height || height <= 0) {
|
|
27
27
|
if (dropdownBottomDistance < maxDropdownBottomDistance) {
|
|
28
|
-
height = selectFieldRects
|
|
28
|
+
height = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.top ? selectFieldRects.top : 0;
|
|
29
29
|
dropdownPosition = window.innerHeight - offsetTop + 10;
|
|
30
30
|
} else {
|
|
31
31
|
height = dropdownBottomDistance;
|
|
@@ -37,8 +37,8 @@ const returnDropdownDynamicStyles = (selectFieldRef, dropdownMaxHeight) => {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
return {
|
|
40
|
-
maxHeight:
|
|
41
|
-
bottom:
|
|
40
|
+
maxHeight: "".concat(height - 30, "px"),
|
|
41
|
+
bottom: "".concat(dropdownPosition, "px")
|
|
42
42
|
};
|
|
43
43
|
};
|
|
44
44
|
const Dropdown = props => {
|
|
@@ -102,11 +102,11 @@ const Dropdown = props => {
|
|
|
102
102
|
customClass: "checkboxicon"
|
|
103
103
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
104
104
|
className: "label"
|
|
105
|
-
}, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo
|
|
105
|
+
}, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.map(item => {
|
|
106
106
|
const isChecked = selecteds ? selecteds.find(selected => selected[idKey] === item[idKey]) : undefined;
|
|
107
107
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
108
|
-
key:
|
|
109
|
-
className:
|
|
108
|
+
key: "dropdowmItem ".concat(item[idKey], "}"),
|
|
109
|
+
className: "item ".concat(isChecked && '-selected')
|
|
110
110
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
111
111
|
className: "menubutton",
|
|
112
112
|
tabIndex: -1,
|
|
@@ -11,10 +11,11 @@ const getFilteredDataCombo = _ref => {
|
|
|
11
11
|
inputText
|
|
12
12
|
} = _ref;
|
|
13
13
|
return dataSource.filter(item => {
|
|
14
|
+
var _descriptionKey;
|
|
14
15
|
if (typeof descriptionKey === 'string') {
|
|
15
16
|
return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
|
|
16
17
|
}
|
|
17
|
-
return descriptionKey(item)
|
|
18
|
+
return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText.toLowerCase())) > -1;
|
|
18
19
|
});
|
|
19
20
|
};
|
|
20
21
|
var _default = exports.default = getFilteredDataCombo;
|
|
@@ -12,8 +12,7 @@ var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
|
|
|
12
12
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
13
13
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
14
14
|
require("../../assets/styles/multiSelect.scss");
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
17
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -33,7 +32,7 @@ const MultiSelectField = props => {
|
|
|
33
32
|
gridLayout,
|
|
34
33
|
dropdownAlignButton = 'left'
|
|
35
34
|
} = props;
|
|
36
|
-
const componentId =
|
|
35
|
+
const componentId = "multiSelect-component".concat(uuid.v1());
|
|
37
36
|
const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
|
|
38
37
|
const [selecteds, setSelecteds] = (0, _react.useState)();
|
|
39
38
|
const [inputValue, setInputValue] = (0, _react.useState)('');
|
|
@@ -68,8 +67,8 @@ const MultiSelectField = props => {
|
|
|
68
67
|
};
|
|
69
68
|
const onMouseMove = event => {
|
|
70
69
|
const target = event.target;
|
|
71
|
-
if (target
|
|
72
|
-
const newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target
|
|
70
|
+
if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
|
|
71
|
+
const newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
|
|
73
72
|
setInsideComponent(newInsideComponent);
|
|
74
73
|
};
|
|
75
74
|
const onBlurComponent = e => {
|
|
@@ -109,10 +108,11 @@ const MultiSelectField = props => {
|
|
|
109
108
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
110
109
|
};
|
|
111
110
|
const onClickOutSide = event => {
|
|
111
|
+
var _componentRef$current;
|
|
112
112
|
const {
|
|
113
113
|
target
|
|
114
114
|
} = event;
|
|
115
|
-
if (target !== componentRef.current && !componentRef.current
|
|
115
|
+
if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
|
|
116
116
|
setOpened(false);
|
|
117
117
|
setDataCombo(dataSource);
|
|
118
118
|
setInputValue('');
|
|
@@ -138,7 +138,8 @@ const MultiSelectField = props => {
|
|
|
138
138
|
};
|
|
139
139
|
(0, _react.useEffect)(() => {
|
|
140
140
|
if (gridLayout) {
|
|
141
|
-
|
|
141
|
+
var _selectWrapper$curren;
|
|
142
|
+
const currentGridEl = (_selectWrapper$curren = selectWrapper.current) === null || _selectWrapper$curren === void 0 ? void 0 : _selectWrapper$curren.parentElement;
|
|
142
143
|
if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
|
|
143
144
|
}
|
|
144
145
|
window.addEventListener('resize', onScreenResize);
|
|
@@ -152,10 +153,10 @@ const MultiSelectField = props => {
|
|
|
152
153
|
}, []);
|
|
153
154
|
(0, _react.useEffect)(() => {
|
|
154
155
|
if (dataSource && dataSource.length > 0) {
|
|
155
|
-
const newSelecteds = dataSource.filter(item => value
|
|
156
|
+
const newSelecteds = dataSource.filter(item => value === null || value === void 0 ? void 0 : value.includes(item[idKey]));
|
|
156
157
|
setSelecteds(newSelecteds);
|
|
157
158
|
}
|
|
158
|
-
}, [value
|
|
159
|
+
}, [value === null || value === void 0 ? void 0 : value.length, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
|
|
159
160
|
(0, _react.useEffect)(() => {
|
|
160
161
|
if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
|
|
161
162
|
const newDataCombo = (0, _helper.default)(_objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -68,7 +68,7 @@ const BaseNumber = _ref => {
|
|
|
68
68
|
});
|
|
69
69
|
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
70
70
|
mask: Number,
|
|
71
|
-
value: value
|
|
71
|
+
value: value !== null && value !== void 0 ? value : 0,
|
|
72
72
|
thousandsSeparator: ".",
|
|
73
73
|
radix: ",",
|
|
74
74
|
mapToRadix: ['.'],
|