linear-react-components-ui 1.1.24-beta.8 → 1.1.24-rc.1
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/calendar.scss +137 -32
- package/lib/assets/styles/datepicker2.scss +4 -1
- package/lib/assets/styles/file.scss +8 -0
- 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/helpers.js +2 -2
- package/lib/calendar/base/index.js +123 -44
- 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-4b31b471.d.ts +15 -0
- package/lib/index-8a0c7463.d.ts +41 -0
- package/lib/index-9203efed.d.ts +26 -0
- package/lib/inputs/base/InputTextBase.js +9 -8
- package/lib/inputs/base/helpers.js +3 -7
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/index.js +2 -3
- 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 +31 -31
- package/lib/inputs/file/DragDropFile.js +18 -17
- package/lib/inputs/file/File.js +6 -5
- package/lib/inputs/file/FileButtonSettings.js +0 -1
- 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 +66 -40
- package/lib/inputs/period/types.d.ts +4 -1
- 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/calendar/base/Day.d.ts +0 -8
- package/lib/calendar/base/Day.js +0 -36
- package/lib/calendar/base/Month.d.ts +0 -8
- package/lib/calendar/base/Month.js +0 -39
- package/lib/calendar/base/Week.d.ts +0 -8
- package/lib/calendar/base/Week.js +0 -35
- package/lib/index-118afd58.d.ts +0 -26
- package/lib/index-8f540f57.d.ts +0 -41
- package/lib/index-b2ef36a6.d.ts +0 -15
|
@@ -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,19 +25,21 @@ 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) {
|
|
33
33
|
inputFileRef.current.value = '';
|
|
34
|
+
if (onBtnClickRemoveProp) onBtnClickRemoveProp();
|
|
34
35
|
}
|
|
35
36
|
if (onBtnClickRemoveProp) onBtnClickRemoveProp();
|
|
36
37
|
};
|
|
37
38
|
(0, _react.useEffect)(() => {
|
|
38
|
-
if (inputFileRef
|
|
39
|
+
if (inputFileRef !== null && inputFileRef !== void 0 && inputFileRef.current && defaultFiles) {
|
|
39
40
|
inputFileRef.current.files = (0, _helpers.transformFilesToFileList)(defaultFiles);
|
|
40
41
|
}
|
|
41
|
-
}, [inputFileRef
|
|
42
|
+
}, [inputFileRef === null || inputFileRef === void 0 ? void 0 : inputFileRef.current]);
|
|
42
43
|
const component = applyDragDrop ? /*#__PURE__*/_react.default.createElement(_DragDropFile.default, _extends({}, rest, {
|
|
43
44
|
defaultFiles: defaultFiles,
|
|
44
45
|
inputRef: inputFileRef,
|
|
@@ -16,7 +16,6 @@ const FileButtonSettings = props => {
|
|
|
16
16
|
onBtnClickInsert
|
|
17
17
|
} = props;
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement("label", {
|
|
19
|
-
id: "",
|
|
20
19
|
htmlFor: id
|
|
21
20
|
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
22
21
|
className: "uploadButton simple-search-file-button -shadowsdisabled -transparent",
|
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: ['.'],
|
|
@@ -22,8 +22,7 @@ var _Decimal = _interopRequireDefault(require("./Decimal"));
|
|
|
22
22
|
require("../../assets/styles/numbers.scss");
|
|
23
23
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
24
24
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
|
-
function
|
|
26
|
-
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; }
|
|
25
|
+
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); }
|
|
27
26
|
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); }
|
|
28
27
|
const NumberField = props => {
|
|
29
28
|
const {
|
|
@@ -50,7 +49,8 @@ const NumberField = props => {
|
|
|
50
49
|
if (props.onChange) props.onChange(event);
|
|
51
50
|
};
|
|
52
51
|
(0, _react.useEffect)(() => {
|
|
53
|
-
|
|
52
|
+
var _value$toString;
|
|
53
|
+
setNumberValue((_value$toString = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString !== void 0 ? _value$toString : '');
|
|
54
54
|
}, [value]);
|
|
55
55
|
return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
56
56
|
value: numberValue,
|
|
@@ -18,18 +18,21 @@ const Dropdown = props => {
|
|
|
18
18
|
const elementRef = (0, _react.useRef)(document.createElement('div'));
|
|
19
19
|
const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;
|
|
20
20
|
(0, _react.useEffect)(() => {
|
|
21
|
+
var _containerRef$current;
|
|
21
22
|
elementRef.current.className = 'datepicker-component';
|
|
22
23
|
elementRef.current.style.width = String(width).concat('px');
|
|
23
|
-
elementRef.current.style.top = String(inputDimensions
|
|
24
|
-
containerRef.current
|
|
24
|
+
elementRef.current.style.top = String(inputDimensions === null || inputDimensions === void 0 ? void 0 : inputDimensions.bottom).concat('px');
|
|
25
|
+
(_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.appendChild(elementRef.current);
|
|
25
26
|
dropdownRef(elementRef.current);
|
|
26
27
|
return () => {
|
|
27
|
-
|
|
28
|
+
var _containerRef$current2;
|
|
29
|
+
(_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.removeChild(elementRef.current);
|
|
28
30
|
};
|
|
29
31
|
}, []);
|
|
30
32
|
(0, _react.useEffect)(() => {
|
|
33
|
+
var _props$inputDimension;
|
|
31
34
|
elementRef.current.style.width = String(width).concat('px');
|
|
32
|
-
elementRef.current.style.top = String(props.inputDimensions
|
|
35
|
+
elementRef.current.style.top = String((_props$inputDimension = props.inputDimensions) === null || _props$inputDimension === void 0 ? void 0 : _props$inputDimension.bottom).concat('px');
|
|
33
36
|
}, [props]);
|
|
34
37
|
return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
|
|
35
38
|
};
|
|
@@ -42,7 +42,7 @@ const PeriodList = _ref => {
|
|
|
42
42
|
role: "button",
|
|
43
43
|
tabIndex: -1,
|
|
44
44
|
onKeyDown: () => {},
|
|
45
|
-
key:
|
|
45
|
+
key: "item-".concat(item.id),
|
|
46
46
|
className: (0, _helper.getDropdownItemCssClass)(itemSelected),
|
|
47
47
|
onClick: () => {
|
|
48
48
|
const dates = item.id !== 'custom' ? (0, _helper.CalcDatesByPeriod)(item.id) : null;
|
|
@@ -12,9 +12,7 @@ const getCalendarDropdownStyle = _ref => {
|
|
|
12
12
|
leftPosition,
|
|
13
13
|
width
|
|
14
14
|
} = _ref;
|
|
15
|
-
return
|
|
16
|
-
left: ${leftPosition}px;
|
|
17
|
-
width:${width}px`;
|
|
15
|
+
return "top: ".concat(topPosition, "px;\n left: ").concat(leftPosition, "px;\n width:").concat(width, "px");
|
|
18
16
|
};
|
|
19
17
|
var _default = exports.default = getCalendarDropdownStyle;
|
|
20
18
|
const getDropdownItemCssClass = function () {
|