linear-react-components-ui 1.1.0-beta.5 → 1.1.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/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/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.js +73 -93
- 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 -155
- 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 -56
- 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 +5 -14
- /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,27 +111,27 @@ 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)) {
|
|
@@ -186,7 +144,7 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
186
144
|
setIsTyping(false);
|
|
187
145
|
}
|
|
188
146
|
};
|
|
189
|
-
|
|
147
|
+
const onInputKeyDown = e => {
|
|
190
148
|
if (e.keyCode) {
|
|
191
149
|
if (e.keyCode === constants.keyCodes.ENTER && selected) {
|
|
192
150
|
var _e$preventDefault;
|
|
@@ -194,9 +152,7 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
194
152
|
onSelect(selected);
|
|
195
153
|
} else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
|
|
196
154
|
if (!opened) setOpened(true);
|
|
197
|
-
|
|
198
|
-
return selected && d[idKey] === selected[idKey];
|
|
199
|
-
}) : 0;
|
|
155
|
+
let index = dataCombo.length > 0 ? dataCombo.findIndex(d => selected && d[idKey] === selected[idKey]) : 0;
|
|
200
156
|
if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
|
|
201
157
|
index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
|
|
202
158
|
} else {
|
|
@@ -207,40 +163,36 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
207
163
|
}
|
|
208
164
|
if (!isTyping) setIsTyping(true);
|
|
209
165
|
};
|
|
210
|
-
|
|
166
|
+
const onClearClick = () => {
|
|
211
167
|
setSelected(undefined);
|
|
212
168
|
setInputText('');
|
|
213
169
|
};
|
|
214
|
-
|
|
170
|
+
const setOnDenied = onDeniedSelect => {
|
|
215
171
|
setOnDeniedSelect(onDeniedSelect);
|
|
216
172
|
};
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
var shouldBeReadOnly = function shouldBeReadOnly() {
|
|
221
|
-
return readOnly || onDenied && onDenied.readOnly;
|
|
222
|
-
};
|
|
223
|
-
(0, _react.useEffect)(function () {
|
|
173
|
+
const shouldDisable = () => disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
|
|
174
|
+
const shouldBeReadOnly = () => readOnly || onDenied && onDenied.readOnly;
|
|
175
|
+
(0, _react.useEffect)(() => {
|
|
224
176
|
window.addEventListener('resize', onScreenResize);
|
|
225
177
|
document.addEventListener('click', onClickOutside);
|
|
226
178
|
document.addEventListener('mousemove', onMouseMove);
|
|
227
|
-
return
|
|
179
|
+
return () => {
|
|
228
180
|
window.removeEventListener('resize', onScreenResize);
|
|
229
181
|
document.removeEventListener('click', onClickOutside);
|
|
230
182
|
document.removeEventListener('mousemove', onMouseMove);
|
|
231
183
|
};
|
|
232
184
|
}, []);
|
|
233
|
-
(0, _react.useEffect)(
|
|
185
|
+
(0, _react.useEffect)(() => {
|
|
234
186
|
if (gridLayout) {
|
|
235
|
-
|
|
187
|
+
const gridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
|
|
236
188
|
if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;
|
|
237
189
|
}
|
|
238
190
|
}, [gridLayout]);
|
|
239
|
-
(0, _react.useEffect)(
|
|
191
|
+
(0, _react.useEffect)(() => {
|
|
240
192
|
if (dataSourceWithAllOptions.length > 0) {
|
|
241
|
-
|
|
193
|
+
let newCurrent = null;
|
|
242
194
|
if (value || value === 0) {
|
|
243
|
-
newCurrent = dataSourceWithAllOptions.find(
|
|
195
|
+
newCurrent = dataSourceWithAllOptions.find(i => {
|
|
244
196
|
var _i$idKey;
|
|
245
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());
|
|
246
198
|
});
|
|
@@ -251,77 +203,73 @@ var SimpleSelect = function SimpleSelect(props) {
|
|
|
251
203
|
if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');else setInputText(newCurrent ? descriptionKey(newCurrent) : '');
|
|
252
204
|
}
|
|
253
205
|
}, [dataSourceWithAllOptions.length, value]);
|
|
254
|
-
(0, _react.useEffect)(
|
|
255
|
-
if (!_lodash
|
|
256
|
-
|
|
257
|
-
inputText
|
|
206
|
+
(0, _react.useEffect)(() => {
|
|
207
|
+
if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
|
|
208
|
+
const dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
|
|
209
|
+
inputText,
|
|
258
210
|
dataSource: dataSourceWithAllOptions,
|
|
259
|
-
descriptionKey
|
|
211
|
+
descriptionKey
|
|
260
212
|
});
|
|
261
213
|
setDataCombo(dataComboFilteredSimple);
|
|
262
214
|
if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
|
|
263
|
-
|
|
215
|
+
const data = dataSourceWithAllOptions[0];
|
|
264
216
|
setSelected(data);
|
|
265
217
|
}
|
|
266
218
|
}
|
|
267
219
|
if (allOptions) {
|
|
268
|
-
|
|
269
|
-
|
|
220
|
+
setDataCombo([{
|
|
221
|
+
[idKey]: allOptions.idValue,
|
|
222
|
+
[descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label)]: allOptions.label
|
|
223
|
+
}, ...dataSource]);
|
|
270
224
|
}
|
|
271
225
|
}, [JSON.stringify(dataSourceWithAllOptions)]);
|
|
272
|
-
return /*#__PURE__*/_react
|
|
226
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
273
227
|
id: componentId,
|
|
274
228
|
ref: componentRef,
|
|
275
229
|
className: "select-component"
|
|
276
|
-
}, /*#__PURE__*/_react
|
|
230
|
+
}, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
277
231
|
readOnly: undigitable || shouldBeReadOnly(),
|
|
278
232
|
value: inputText,
|
|
279
233
|
onFocus: onFocus,
|
|
280
234
|
onBlur: onBlur,
|
|
281
|
-
onChange:
|
|
235
|
+
onChange: e => {
|
|
282
236
|
if (e) onFilter(e.target.value);
|
|
283
237
|
},
|
|
284
238
|
onKeyDown: onInputKeyDown,
|
|
285
239
|
customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
|
|
286
240
|
customClassForInputContent: "multiselect",
|
|
287
|
-
inputBaseRef:
|
|
241
|
+
inputBaseRef: r => {
|
|
288
242
|
selectWrapper.current = r;
|
|
289
243
|
},
|
|
290
|
-
handlerSetOnDenied:
|
|
291
|
-
|
|
292
|
-
},
|
|
293
|
-
rightElements: /*#__PURE__*/_react["default"].createElement(_ActionButtons["default"], _extends({}, props, {
|
|
244
|
+
handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
|
|
245
|
+
rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, props, {
|
|
294
246
|
disabled: shouldDisable() || shouldBeReadOnly(),
|
|
295
247
|
dropDownOpened: opened,
|
|
296
|
-
handleClear:
|
|
248
|
+
handleClear: () => {
|
|
297
249
|
if (shouldDisable()) return null;
|
|
298
250
|
return onClearClick();
|
|
299
251
|
},
|
|
300
|
-
handleOpenClose:
|
|
252
|
+
handleOpenClose: () => {
|
|
301
253
|
onOpenClose();
|
|
302
254
|
}
|
|
303
255
|
}))
|
|
304
|
-
})), opened && /*#__PURE__*/_react
|
|
256
|
+
})), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
|
|
305
257
|
selected: selected,
|
|
306
258
|
inputValue: inputText,
|
|
307
259
|
selectFieldRef: componentRef,
|
|
308
260
|
dropdownRef: dropdownRef,
|
|
309
261
|
searchOnDropdown: searchOnDropdown,
|
|
310
262
|
gridWrapperStyle: gridLayout && gridElement.current ? window.getComputedStyle(gridElement.current) : undefined,
|
|
311
|
-
handleOnSelect:
|
|
263
|
+
handleOnSelect: dataSelected => {
|
|
312
264
|
if (dataSelected) onSelect(dataSelected);
|
|
313
265
|
},
|
|
314
|
-
handleOnFilter:
|
|
315
|
-
return onFilter(valueFilter);
|
|
316
|
-
},
|
|
266
|
+
handleOnFilter: valueFilter => onFilter(valueFilter),
|
|
317
267
|
handleOnKeydown: onInputKeyDown,
|
|
318
|
-
handleOnBlur:
|
|
319
|
-
return onBlur;
|
|
320
|
-
},
|
|
268
|
+
handleOnBlur: () => onBlur,
|
|
321
269
|
handleOnFocus: onFocus,
|
|
322
270
|
opened: opened,
|
|
323
271
|
dataCombo: dataCombo,
|
|
324
272
|
dropdownWidth: dropdownWidth || 0
|
|
325
273
|
})));
|
|
326
274
|
};
|
|
327
|
-
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;
|