linear-react-components-ui 1.1.0-beta.6 → 1.1.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/.gitlab-ci.yml +10 -3
- package/babel.config.json +2 -2
- package/lib/alerts/AlertContainer.js +46 -54
- package/lib/alerts/AlertProvider.js +36 -53
- package/lib/alerts/BaseAlert.js +14 -20
- package/lib/alerts/Message.js +37 -46
- package/lib/alerts/helpers.js +3 -3
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +11 -11
- package/lib/assets/styles/checkbox.scss +0 -8
- package/lib/assets/styles/tabs.scss +2 -0
- package/lib/avatar/index.js +42 -41
- package/lib/badge/index.js +15 -16
- package/lib/buttons/ActivateButton.js +6 -8
- package/lib/buttons/AddButton.js +9 -11
- package/lib/buttons/Button.js +11 -11
- package/lib/buttons/ButtonGroups.js +8 -6
- package/lib/buttons/CancelButton.js +9 -7
- package/lib/buttons/DangerButton.js +9 -7
- package/lib/buttons/DefaultButton.js +66 -85
- package/lib/buttons/DestroyButton.js +10 -8
- package/lib/buttons/EditButton.js +6 -8
- package/lib/buttons/InactivateButton.js +6 -8
- package/lib/buttons/InfoButton.js +9 -7
- package/lib/buttons/PrimaryButton.js +9 -7
- package/lib/buttons/RestoreButton.js +6 -8
- package/lib/buttons/SaveButton.js +9 -7
- package/lib/buttons/SuccessButton.js +9 -7
- package/lib/buttons/WarningButton.js +9 -7
- package/lib/buttons/button_container/index.js +16 -19
- package/lib/buttons/index.js +31 -31
- package/lib/buttons/split_button/index.js +24 -26
- package/lib/calendar/DangerCalendar.js +9 -7
- package/lib/calendar/InfoCalendar.js +9 -7
- package/lib/calendar/PrimaryCalendar.js +9 -7
- package/lib/calendar/SuccessCalendar.js +9 -7
- package/lib/calendar/WarningCalendar.js +9 -7
- package/lib/calendar/base/Day.js +16 -14
- package/lib/calendar/base/Month.js +15 -19
- package/lib/calendar/base/Week.js +15 -19
- package/lib/calendar/base/helpers.js +17 -15
- package/lib/calendar/base/index.js +38 -51
- package/lib/calendar/index.js +13 -13
- package/lib/checkbox/Label.js +10 -8
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +75 -97
- package/lib/checkbox/types.d.ts +0 -1
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +20 -23
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +16 -16
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +9 -7
- package/lib/dialog/base/Footer.js +6 -8
- package/lib/dialog/base/Header.js +32 -34
- package/lib/dialog/base/index.js +64 -72
- package/lib/dialog/base/style.js +8 -10
- package/lib/dialog/form/index.js +35 -38
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +14 -12
- package/lib/drawer/Drawer.js +68 -82
- package/lib/drawer/Header.js +45 -48
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +7 -7
- package/lib/dropdown/Popup.js +37 -40
- package/lib/dropdown/helper.js +6 -6
- package/lib/dropdown/withDropdown.js +44 -63
- package/lib/fieldset/index.js +49 -56
- package/lib/form/Field.js +73 -79
- package/lib/form/FieldArray.js +76 -85
- package/lib/form/FieldNumber.js +34 -42
- package/lib/form/FieldPeriod.js +54 -59
- package/lib/form/helpers.js +29 -28
- package/lib/form/index.js +121 -151
- package/lib/form/withFieldHOC.js +36 -42
- package/lib/form/withFormSecurity.js +27 -35
- package/lib/gridlayout/GridCol.js +16 -15
- package/lib/gridlayout/GridRow.js +11 -12
- package/lib/gridlayout/index.js +5 -5
- package/lib/hint/index.js +25 -29
- package/lib/icons/helper.js +2 -2
- package/lib/icons/index.js +37 -48
- package/lib/index.js +19 -19
- package/lib/inputs/base/InputTextBase.js +99 -109
- package/lib/inputs/base/helpers.js +29 -23
- package/lib/inputs/color/index.js +34 -44
- package/lib/inputs/date/Dialog.js +10 -8
- package/lib/inputs/date/Dropdown.js +14 -12
- package/lib/inputs/date/helpers.js +18 -14
- package/lib/inputs/date/index.js +96 -133
- package/lib/inputs/file/DefaultFile.js +50 -74
- package/lib/inputs/file/DragDropFile.js +119 -172
- package/lib/inputs/file/File.js +22 -28
- package/lib/inputs/file/FileButtonSettings.js +14 -16
- package/lib/inputs/file/helpers.js +6 -7
- package/lib/inputs/file/index.js +7 -7
- package/lib/inputs/inputHOC.js +23 -35
- package/lib/inputs/mask/BaseMask.js +33 -27
- package/lib/inputs/mask/Cnpj.js +19 -31
- package/lib/inputs/mask/Cpf.js +20 -35
- package/lib/inputs/mask/Phone.js +8 -6
- package/lib/inputs/mask/ZipCode.js +6 -8
- package/lib/inputs/mask/helpers.js +21 -26
- package/lib/inputs/mask/imaskHOC.js +102 -122
- package/lib/inputs/mask/index.js +11 -11
- package/lib/inputs/multiSelect/ActionButtons.js +18 -18
- package/lib/inputs/multiSelect/Dropdown.js +63 -75
- package/lib/inputs/multiSelect/helper.js +9 -7
- package/lib/inputs/multiSelect/index.js +85 -136
- package/lib/inputs/number/BaseNumber.js +23 -21
- package/lib/inputs/number/Currency.js +9 -8
- package/lib/inputs/number/Decimal.js +4 -6
- package/lib/inputs/number/format_number.js +9 -6
- package/lib/inputs/number/index.js +13 -13
- package/lib/inputs/period/Dialog.js +10 -8
- package/lib/inputs/period/Dropdown.js +12 -12
- package/lib/inputs/period/PeriodList.js +19 -17
- package/lib/inputs/period/helper.js +38 -37
- package/lib/inputs/period/index.js +147 -196
- package/lib/inputs/search/index.js +45 -67
- package/lib/inputs/select/ActionButtons.js +18 -18
- package/lib/inputs/select/Dropdown.js +51 -65
- package/lib/inputs/select/helper.js +55 -44
- package/lib/inputs/select/index.js +13 -11
- package/lib/inputs/select/multiple/Selecteds.js +20 -22
- package/lib/inputs/select/multiple/index.js +90 -143
- package/lib/inputs/select/simple/index.js +103 -156
- package/lib/inputs/text/index.js +4 -6
- package/lib/inputs/textarea/index.js +11 -10
- package/lib/internals/colorStyles.js +3 -3
- package/lib/internals/constants.js +2 -2
- package/lib/internals/withTooltip.js +54 -68
- package/lib/labelMessages/index.js +28 -47
- package/lib/labels/DangerLabel.js +9 -7
- package/lib/labels/DefaultLabel.js +29 -42
- package/lib/labels/InfoLabel.js +9 -7
- package/lib/labels/PrimaryLabel.js +9 -7
- package/lib/labels/SuccessLabel.js +9 -7
- package/lib/labels/WarningLabel.js +9 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label_container/index.js +11 -10
- package/lib/list/Header.js +12 -10
- package/lib/list/Item.js +58 -72
- package/lib/list/Separator.js +6 -8
- package/lib/list/helpers.js +3 -3
- package/lib/list/index.js +81 -107
- package/lib/menus/float/MenuItem.js +27 -27
- package/lib/menus/float/SubMenuContainer.js +39 -44
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +25 -25
- package/lib/menus/index.js +3 -3
- package/lib/menus/sidenav/ExpandMenu.js +12 -10
- package/lib/menus/sidenav/MenuLink.js +12 -10
- package/lib/menus/sidenav/NavMenuGroup.js +15 -13
- package/lib/menus/sidenav/NavMenuItem.js +56 -69
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
- package/lib/menus/sidenav/helpers.js +7 -7
- package/lib/menus/sidenav/index.js +92 -119
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
- package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
- package/lib/noPermission/index.js +15 -17
- package/lib/panel/Content.js +46 -58
- package/lib/panel/DangerPanel.js +6 -8
- package/lib/panel/Default.js +45 -59
- package/lib/panel/Header.js +37 -34
- package/lib/panel/InfoPanel.js +6 -8
- package/lib/panel/PrimaryPanel.js +6 -8
- package/lib/panel/SuccessPanel.js +6 -8
- package/lib/panel/ToolBar.js +8 -6
- package/lib/panel/WarningPanel.js +6 -8
- package/lib/panel/helpers.js +13 -11
- package/lib/panel/index.js +17 -17
- package/lib/permissionValidations.js +26 -28
- package/lib/popover/PopoverText.js +8 -6
- package/lib/popover/PopoverTitle.js +8 -6
- package/lib/popover/index.js +21 -24
- package/lib/progress/Bar.js +34 -39
- package/lib/progress/index.js +19 -20
- package/lib/radio/index.js +37 -57
- package/lib/shortcuts/index.js +13 -11
- package/lib/skeleton/SkeletonContainer.js +12 -12
- package/lib/skeleton/index.js +27 -33
- package/lib/spinner/SpinnerLoading.js +46 -46
- package/lib/spinner/index.js +27 -40
- package/lib/split/Split.js +97 -113
- package/lib/split/SplitSide.js +22 -20
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/table/Body.js +47 -49
- package/lib/table/Header.js +39 -41
- package/lib/table/HeaderColumn.js +22 -22
- package/lib/table/Row.js +48 -50
- package/lib/table/RowColumn.js +37 -35
- package/lib/table/helpers.js +9 -12
- package/lib/table/index.js +89 -108
- package/lib/tabs/DropdownTabs.js +39 -43
- package/lib/tabs/Menu.js +20 -19
- package/lib/tabs/MenuTabs.js +48 -55
- package/lib/tabs/Panel.js +54 -73
- package/lib/tabs/context.js +62 -93
- package/lib/tabs/index.js +30 -35
- package/lib/tabs/tabHelpers.js +24 -21
- package/lib/toolbar/ButtonBar.js +49 -52
- package/lib/toolbar/LabelBar.js +38 -41
- package/lib/toolbar/Separator.js +6 -8
- package/lib/toolbar/ToolBarGroup.js +9 -8
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +25 -26
- package/lib/tooltip/index.js +29 -33
- package/lib/treetable/Body.js +22 -33
- package/lib/treetable/Header.js +13 -15
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +107 -158
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +18 -24
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +11 -9
- package/lib/treeview/Node.js +109 -148
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +156 -221
- package/lib/uitour/helpers.js +3 -3
- package/lib/uitour/index.js +67 -106
- package/package.json +9 -15
- /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
10
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
@@ -13,130 +12,89 @@ var _ActionButtons = _interopRequireDefault(require("../ActionButtons"));
|
|
|
13
12
|
var constants = _interopRequireWildcard(require("../../../internals/constants"));
|
|
14
13
|
var _helper = require("../helper");
|
|
15
14
|
var _InputTextBase = _interopRequireDefault(require("../../base/InputTextBase"));
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
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; }
|
|
19
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
allOptions = _props$allOptions === void 0 ? undefined : _props$allOptions;
|
|
58
|
-
var descriptionKeyIsString = typeof descriptionKey === 'string';
|
|
59
|
-
var dataSourceWithAllOptions = allOptions ? [(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label), allOptions.label), _ref)].concat(_toConsumableArray(dataSource)) : dataSource;
|
|
60
|
-
var _useState = (0, _react.useState)(dataSourceWithAllOptions),
|
|
61
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
-
dataCombo = _useState2[0],
|
|
63
|
-
setDataCombo = _useState2[1];
|
|
64
|
-
var _useState3 = (0, _react.useState)(null),
|
|
65
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
66
|
-
selected = _useState4[0],
|
|
67
|
-
setSelected = _useState4[1];
|
|
68
|
-
var _useState5 = (0, _react.useState)(''),
|
|
69
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
70
|
-
inputText = _useState6[0],
|
|
71
|
-
setInputText = _useState6[1];
|
|
72
|
-
var _useState7 = (0, _react.useState)(false),
|
|
73
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
74
|
-
opened = _useState8[0],
|
|
75
|
-
setOpened = _useState8[1];
|
|
76
|
-
var _useState9 = (0, _react.useState)(0),
|
|
77
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
78
|
-
dropdownWidth = _useState10[0],
|
|
79
|
-
setDropdownWidth = _useState10[1];
|
|
80
|
-
var _useState11 = (0, _react.useState)(false),
|
|
81
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
82
|
-
insideComponent = _useState12[0],
|
|
83
|
-
setInsideComponent = _useState12[1];
|
|
84
|
-
var _useState13 = (0, _react.useState)(),
|
|
85
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
86
|
-
onDenied = _useState14[0],
|
|
87
|
-
setOnDeniedSelect = _useState14[1];
|
|
88
|
-
var _useState15 = (0, _react.useState)(false),
|
|
89
|
-
_useState16 = _slicedToArray(_useState15, 2),
|
|
90
|
-
isTyping = _useState16[0],
|
|
91
|
-
setIsTyping = _useState16[1];
|
|
92
|
-
var dropdownRef = (0, _react.useRef)(null);
|
|
93
|
-
var componentId = "select-component".concat(_uuid["default"].v1());
|
|
94
|
-
var componentRef = (0, _react.useRef)(null);
|
|
95
|
-
var selectWrapper = (0, _react.useRef)();
|
|
96
|
-
var gridElement = (0, _react.useRef)();
|
|
97
|
-
var clearSelected = function clearSelected() {
|
|
19
|
+
const SimpleSelect = props => {
|
|
20
|
+
const {
|
|
21
|
+
value,
|
|
22
|
+
descriptionKey = '',
|
|
23
|
+
dataSource = [],
|
|
24
|
+
gridLayout,
|
|
25
|
+
onSearch,
|
|
26
|
+
disabled,
|
|
27
|
+
readOnly,
|
|
28
|
+
openDropdownOnFocus = true,
|
|
29
|
+
selectFirstOnEnter = false,
|
|
30
|
+
idKey,
|
|
31
|
+
remoteSearch = false,
|
|
32
|
+
name = '',
|
|
33
|
+
undigitable,
|
|
34
|
+
searchOnDropdown = false,
|
|
35
|
+
allOptions = undefined
|
|
36
|
+
} = props;
|
|
37
|
+
const descriptionKeyIsString = typeof descriptionKey === 'string';
|
|
38
|
+
const dataSourceWithAllOptions = allOptions ? [{
|
|
39
|
+
[idKey]: allOptions.idValue,
|
|
40
|
+
[descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label)]: allOptions.label
|
|
41
|
+
}, ...dataSource] : dataSource;
|
|
42
|
+
const [dataCombo, setDataCombo] = (0, _react.useState)(dataSourceWithAllOptions);
|
|
43
|
+
const [selected, setSelected] = (0, _react.useState)(null);
|
|
44
|
+
const [inputText, setInputText] = (0, _react.useState)('');
|
|
45
|
+
const [opened, setOpened] = (0, _react.useState)(false);
|
|
46
|
+
const [dropdownWidth, setDropdownWidth] = (0, _react.useState)(0);
|
|
47
|
+
const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
|
|
48
|
+
const [onDenied, setOnDeniedSelect] = (0, _react.useState)();
|
|
49
|
+
const [isTyping, setIsTyping] = (0, _react.useState)(false);
|
|
50
|
+
const dropdownRef = (0, _react.useRef)(null);
|
|
51
|
+
const componentId = "select-component".concat(_uuid.default.v1());
|
|
52
|
+
const componentRef = (0, _react.useRef)(null);
|
|
53
|
+
const selectWrapper = (0, _react.useRef)();
|
|
54
|
+
const gridElement = (0, _react.useRef)();
|
|
55
|
+
const clearSelected = () => {
|
|
98
56
|
setInputText('');
|
|
99
57
|
setSelected(null);
|
|
100
58
|
setDataCombo(dataSourceWithAllOptions);
|
|
101
59
|
};
|
|
102
|
-
|
|
60
|
+
const onScreenResize = () => {
|
|
103
61
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
104
62
|
};
|
|
105
|
-
|
|
63
|
+
const onClickOutside = event => {
|
|
106
64
|
var _selectWrapper$curren, _dropdownRef$current;
|
|
107
|
-
|
|
65
|
+
const {
|
|
66
|
+
target
|
|
67
|
+
} = event;
|
|
108
68
|
if (target !== selectWrapper.current && !((_selectWrapper$curren = selectWrapper.current) !== null && _selectWrapper$curren !== void 0 && _selectWrapper$curren.contains(target)) && !((_dropdownRef$current = dropdownRef.current) !== null && _dropdownRef$current !== void 0 && _dropdownRef$current.contains(target))) {
|
|
109
69
|
setOpened(false);
|
|
110
70
|
}
|
|
111
71
|
};
|
|
112
|
-
|
|
113
|
-
|
|
72
|
+
const onMouseMove = event => {
|
|
73
|
+
const target = event.target;
|
|
114
74
|
if (target.className === '') return;
|
|
115
|
-
|
|
75
|
+
const insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
|
|
116
76
|
setInsideComponent(insideComponents);
|
|
117
77
|
};
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
};
|
|
126
|
-
var onChange = function onChange(selectedChange) {
|
|
78
|
+
const getSelectEvent = selectedEvent => ({
|
|
79
|
+
target: {
|
|
80
|
+
value: selectedEvent ? selectedEvent[idKey] : undefined,
|
|
81
|
+
name
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
const onChange = selectedChange => {
|
|
127
85
|
if (props.onChange) {
|
|
128
|
-
|
|
86
|
+
const event = getSelectEvent(selectedChange);
|
|
129
87
|
props.onChange(event);
|
|
130
88
|
}
|
|
131
89
|
};
|
|
132
|
-
|
|
133
|
-
|
|
90
|
+
const onFilter = valueFilter => {
|
|
91
|
+
let selectedFilter = null;
|
|
134
92
|
if (remoteSearch) {
|
|
135
93
|
if (onSearch) onSearch(valueFilter);
|
|
136
94
|
} else {
|
|
137
|
-
|
|
95
|
+
const dataComboFilter = (0, _helper.getFilteredSimpleDataCombo)({
|
|
138
96
|
inputText: valueFilter,
|
|
139
|
-
descriptionKey
|
|
97
|
+
descriptionKey,
|
|
140
98
|
dataSource: dataSourceWithAllOptions
|
|
141
99
|
});
|
|
142
100
|
if (dataComboFilter && dataComboFilter.length > 0) {
|
|
@@ -153,41 +111,40 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
153
111
|
}
|
|
154
112
|
}
|
|
155
113
|
};
|
|
156
|
-
|
|
114
|
+
const onSelect = selectedDropdown => {
|
|
157
115
|
if (selectedDropdown === undefined) return;
|
|
158
116
|
setOpened(false);
|
|
159
117
|
setSelected(selectedDropdown);
|
|
160
118
|
if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);else setInputText(descriptionKey(selectedDropdown));
|
|
161
119
|
onChange(selectedDropdown);
|
|
162
120
|
};
|
|
163
|
-
|
|
121
|
+
const onOpenClose = () => {
|
|
164
122
|
setOpened(!opened);
|
|
165
123
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
166
124
|
};
|
|
167
|
-
|
|
125
|
+
const onFocus = () => {
|
|
168
126
|
setOpened(openDropdownOnFocus);
|
|
169
127
|
if (selectWrapper) {
|
|
170
|
-
|
|
128
|
+
const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
|
|
171
129
|
setDropdownWidth(dropdownWidthFocus);
|
|
172
130
|
}
|
|
173
131
|
};
|
|
174
|
-
|
|
132
|
+
const onBlur = () => {
|
|
175
133
|
if (props.onBlur) {
|
|
176
|
-
|
|
134
|
+
const event = getSelectEvent(selected);
|
|
177
135
|
props.onBlur(event);
|
|
178
136
|
if (selected) {
|
|
179
137
|
if (descriptionKeyIsString && inputText !== selected[descriptionKey] || !descriptionKeyIsString && inputText !== descriptionKey(selected)) {
|
|
180
138
|
clearSelected();
|
|
181
139
|
}
|
|
182
140
|
}
|
|
183
|
-
setDataCombo(dataSourceWithAllOptions);
|
|
184
141
|
}
|
|
185
142
|
if (!insideComponent) {
|
|
186
143
|
setOpened(false);
|
|
187
144
|
setIsTyping(false);
|
|
188
145
|
}
|
|
189
146
|
};
|
|
190
|
-
|
|
147
|
+
const onInputKeyDown = e => {
|
|
191
148
|
if (e.keyCode) {
|
|
192
149
|
if (e.keyCode === constants.keyCodes.ENTER && selected) {
|
|
193
150
|
var _e$preventDefault;
|
|
@@ -195,9 +152,7 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
195
152
|
onSelect(selected);
|
|
196
153
|
} else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
|
|
197
154
|
if (!opened) setOpened(true);
|
|
198
|
-
|
|
199
|
-
return selected && d[idKey] === selected[idKey];
|
|
200
|
-
}) : 0;
|
|
155
|
+
let index = dataCombo.length > 0 ? dataCombo.findIndex(d => selected && d[idKey] === selected[idKey]) : 0;
|
|
201
156
|
if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
|
|
202
157
|
index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
|
|
203
158
|
} else {
|
|
@@ -208,40 +163,36 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
208
163
|
}
|
|
209
164
|
if (!isTyping) setIsTyping(true);
|
|
210
165
|
};
|
|
211
|
-
|
|
166
|
+
const onClearClick = () => {
|
|
212
167
|
setSelected(undefined);
|
|
213
168
|
setInputText('');
|
|
214
169
|
};
|
|
215
|
-
|
|
170
|
+
const setOnDenied = onDeniedSelect => {
|
|
216
171
|
setOnDeniedSelect(onDeniedSelect);
|
|
217
172
|
};
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
var shouldBeReadOnly = function shouldBeReadOnly() {
|
|
222
|
-
return readOnly || onDenied && onDenied.readOnly;
|
|
223
|
-
};
|
|
224
|
-
(0, _react.useEffect)(function () {
|
|
173
|
+
const shouldDisable = () => disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
|
|
174
|
+
const shouldBeReadOnly = () => readOnly || onDenied && onDenied.readOnly;
|
|
175
|
+
(0, _react.useEffect)(() => {
|
|
225
176
|
window.addEventListener('resize', onScreenResize);
|
|
226
177
|
document.addEventListener('click', onClickOutside);
|
|
227
178
|
document.addEventListener('mousemove', onMouseMove);
|
|
228
|
-
return
|
|
179
|
+
return () => {
|
|
229
180
|
window.removeEventListener('resize', onScreenResize);
|
|
230
181
|
document.removeEventListener('click', onClickOutside);
|
|
231
182
|
document.removeEventListener('mousemove', onMouseMove);
|
|
232
183
|
};
|
|
233
184
|
}, []);
|
|
234
|
-
(0, _react.useEffect)(
|
|
185
|
+
(0, _react.useEffect)(() => {
|
|
235
186
|
if (gridLayout) {
|
|
236
|
-
|
|
187
|
+
const gridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
|
|
237
188
|
if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;
|
|
238
189
|
}
|
|
239
190
|
}, [gridLayout]);
|
|
240
|
-
(0, _react.useEffect)(
|
|
191
|
+
(0, _react.useEffect)(() => {
|
|
241
192
|
if (dataSourceWithAllOptions.length > 0) {
|
|
242
|
-
|
|
193
|
+
let newCurrent = null;
|
|
243
194
|
if (value || value === 0) {
|
|
244
|
-
newCurrent = dataSourceWithAllOptions.find(
|
|
195
|
+
newCurrent = dataSourceWithAllOptions.find(i => {
|
|
245
196
|
var _i$idKey;
|
|
246
197
|
return (value || value === 0) && ((_i$idKey = i[idKey]) === null || _i$idKey === void 0 ? void 0 : _i$idKey.toString().toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toString().toLowerCase());
|
|
247
198
|
});
|
|
@@ -252,77 +203,73 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
252
203
|
if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');else setInputText(newCurrent ? descriptionKey(newCurrent) : '');
|
|
253
204
|
}
|
|
254
205
|
}, [dataSourceWithAllOptions.length, value]);
|
|
255
|
-
(0, _react.useEffect)(
|
|
256
|
-
if (!_lodash
|
|
257
|
-
|
|
258
|
-
inputText
|
|
206
|
+
(0, _react.useEffect)(() => {
|
|
207
|
+
if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
|
|
208
|
+
const dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
|
|
209
|
+
inputText,
|
|
259
210
|
dataSource: dataSourceWithAllOptions,
|
|
260
|
-
descriptionKey
|
|
211
|
+
descriptionKey
|
|
261
212
|
});
|
|
262
213
|
setDataCombo(dataComboFilteredSimple);
|
|
263
214
|
if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
|
|
264
|
-
|
|
215
|
+
const data = dataSourceWithAllOptions[0];
|
|
265
216
|
setSelected(data);
|
|
266
217
|
}
|
|
267
218
|
}
|
|
268
219
|
if (allOptions) {
|
|
269
|
-
|
|
270
|
-
|
|
220
|
+
setDataCombo([{
|
|
221
|
+
[idKey]: allOptions.idValue,
|
|
222
|
+
[descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label)]: allOptions.label
|
|
223
|
+
}, ...dataSource]);
|
|
271
224
|
}
|
|
272
225
|
}, [JSON.stringify(dataSourceWithAllOptions)]);
|
|
273
|
-
return /*#__PURE__*/_react
|
|
226
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
274
227
|
id: componentId,
|
|
275
228
|
ref: componentRef,
|
|
276
229
|
className: "select-component"
|
|
277
|
-
}, /*#__PURE__*/_react
|
|
230
|
+
}, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
278
231
|
readOnly: undigitable || shouldBeReadOnly(),
|
|
279
232
|
value: inputText,
|
|
280
233
|
onFocus: onFocus,
|
|
281
234
|
onBlur: onBlur,
|
|
282
|
-
onChange:
|
|
235
|
+
onChange: e => {
|
|
283
236
|
if (e) onFilter(e.target.value);
|
|
284
237
|
},
|
|
285
238
|
onKeyDown: onInputKeyDown,
|
|
286
239
|
customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
|
|
287
240
|
customClassForInputContent: "multiselect",
|
|
288
|
-
inputBaseRef:
|
|
241
|
+
inputBaseRef: r => {
|
|
289
242
|
selectWrapper.current = r;
|
|
290
243
|
},
|
|
291
|
-
handlerSetOnDenied:
|
|
292
|
-
|
|
293
|
-
},
|
|
294
|
-
rightElements: /*#__PURE__*/_react["default"].createElement(_ActionButtons["default"], _extends({}, props, {
|
|
244
|
+
handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
|
|
245
|
+
rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, props, {
|
|
295
246
|
disabled: shouldDisable() || shouldBeReadOnly(),
|
|
296
247
|
dropDownOpened: opened,
|
|
297
|
-
handleClear:
|
|
248
|
+
handleClear: () => {
|
|
298
249
|
if (shouldDisable()) return null;
|
|
299
250
|
return onClearClick();
|
|
300
251
|
},
|
|
301
|
-
handleOpenClose:
|
|
252
|
+
handleOpenClose: () => {
|
|
302
253
|
onOpenClose();
|
|
303
254
|
}
|
|
304
255
|
}))
|
|
305
|
-
})), opened && /*#__PURE__*/_react
|
|
256
|
+
})), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
|
|
306
257
|
selected: selected,
|
|
307
258
|
inputValue: inputText,
|
|
308
259
|
selectFieldRef: componentRef,
|
|
309
260
|
dropdownRef: dropdownRef,
|
|
310
261
|
searchOnDropdown: searchOnDropdown,
|
|
311
262
|
gridWrapperStyle: gridLayout && gridElement.current ? window.getComputedStyle(gridElement.current) : undefined,
|
|
312
|
-
handleOnSelect:
|
|
263
|
+
handleOnSelect: dataSelected => {
|
|
313
264
|
if (dataSelected) onSelect(dataSelected);
|
|
314
265
|
},
|
|
315
|
-
handleOnFilter:
|
|
316
|
-
return onFilter(valueFilter);
|
|
317
|
-
},
|
|
266
|
+
handleOnFilter: valueFilter => onFilter(valueFilter),
|
|
318
267
|
handleOnKeydown: onInputKeyDown,
|
|
319
|
-
handleOnBlur:
|
|
320
|
-
return onBlur;
|
|
321
|
-
},
|
|
268
|
+
handleOnBlur: () => onBlur,
|
|
322
269
|
handleOnFocus: onFocus,
|
|
323
270
|
opened: opened,
|
|
324
271
|
dataCombo: dataCombo,
|
|
325
272
|
dropdownWidth: dropdownWidth || 0
|
|
326
273
|
})));
|
|
327
274
|
};
|
|
328
|
-
var _default = exports
|
|
275
|
+
var _default = exports.default = SimpleSelect;
|
package/lib/inputs/text/index.js
CHANGED
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
// eslint-disable-next-line import/no-named-as-default
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
};
|
|
15
|
-
var _default = exports["default"] = TextField;
|
|
12
|
+
const TextField = props => /*#__PURE__*/_react.default.createElement(_InputTextBase.default, props);
|
|
13
|
+
var _default = exports.default = TextField;
|
|
@@ -3,22 +3,23 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // eslint-disable-next-line import/no-named-as-default
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
type =
|
|
17
|
-
|
|
11
|
+
const TextArea = props => {
|
|
12
|
+
const {
|
|
13
|
+
rows,
|
|
14
|
+
cols,
|
|
15
|
+
customClass,
|
|
16
|
+
type = 'textarea'
|
|
17
|
+
} = props;
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
18
19
|
rows: rows,
|
|
19
20
|
type: type,
|
|
20
21
|
cols: cols,
|
|
21
22
|
customClass: "textarea-container ".concat(customClass)
|
|
22
23
|
}));
|
|
23
24
|
};
|
|
24
|
-
var _default = exports
|
|
25
|
+
var _default = exports.default = TextArea;
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
const ColorStyles = {
|
|
8
8
|
PRIMARY: 'primary',
|
|
9
9
|
SUCCESS: 'success',
|
|
10
10
|
DANGER: 'danger',
|
|
11
11
|
INFO: 'info',
|
|
12
12
|
WARNING: 'warning'
|
|
13
13
|
};
|
|
14
|
-
var _default = exports
|
|
14
|
+
var _default = exports.default = ColorStyles;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.keyCodes = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = void 0;
|
|
7
|
-
|
|
7
|
+
const keyCodes = exports.keyCodes = {
|
|
8
8
|
TAB: 9,
|
|
9
9
|
ENTER: 13,
|
|
10
10
|
ARROW_UP: 38,
|
|
@@ -12,4 +12,4 @@ var keyCodes = exports.keyCodes = {
|
|
|
12
12
|
BACKSPACE: 8,
|
|
13
13
|
F: 70
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;
|