linear-react-components-ui 0.4.77-beta.22 → 0.4.77-beta.25
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/.eslintrc.json +97 -0
- package/.gitlab-ci.yml +19 -0
- package/.husky/pre-push +4 -0
- package/.vscode/launch.json +15 -0
- package/.vscode/settings.json +3 -0
- package/config/getHttpsConfig.js +56 -0
- package/config/paths.js +140 -0
- package/config/webpackDevServer.config.js +128 -0
- package/images.d.ts +3 -0
- package/jest.config.js +3 -3
- package/lib/@types/Align.js +5 -0
- package/lib/@types/ButtonTypes.js +5 -0
- package/lib/@types/ColorStyles.js +5 -0
- package/lib/@types/DataCombo.js +5 -0
- package/lib/@types/Icon.js +5 -0
- package/lib/@types/LabelStyles.js +5 -0
- package/lib/@types/Period.js +5 -0
- package/lib/@types/PermissionAttr.js +5 -0
- package/lib/@types/PointerEvents.js +5 -0
- package/lib/@types/Position.js +5 -0
- package/lib/@types/PositionAlert.js +5 -0
- package/lib/@types/Size.js +5 -0
- package/lib/@types/SizePixels.js +5 -0
- package/lib/@types/StorageMock.js +5 -0
- package/lib/alerts/AlertContainer.js +16 -21
- package/lib/alerts/AlertProvider.js +13 -18
- package/lib/alerts/BaseAlert.js +9 -12
- package/lib/alerts/Message.js +41 -50
- package/lib/alerts/alert.spec.js +10 -6
- package/lib/alerts/helpers.js +4 -7
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/types.js +5 -0
- package/lib/alerts/withAlert.js +9 -11
- package/lib/assets/styles/commons.scss +0 -10
- package/lib/assets/styles/dropdown.scss +0 -1
- package/lib/assets/styles/list.scss +0 -8
- package/lib/assets/styles/table.scss +7 -2
- package/lib/assets/styles/treetable.scss +76 -131
- package/lib/avatar/avatar.spec.js +25 -23
- package/lib/avatar/index.js +21 -66
- package/lib/avatar/types.js +5 -0
- package/lib/badge/badge.spec.js +4 -4
- package/lib/badge/index.js +11 -27
- package/lib/badge/types.js +5 -0
- package/lib/buttons/ActivateButton.js +6 -6
- package/lib/buttons/AddButton.js +6 -6
- package/lib/buttons/Button.js +22 -14
- package/lib/buttons/ButtonGroups.js +4 -9
- package/lib/buttons/CancelButton.js +19 -6
- package/lib/buttons/DangerButton.js +16 -21
- package/lib/buttons/DefaultButton.js +75 -139
- package/lib/buttons/DestroyButton.js +16 -7
- package/lib/buttons/EditButton.js +6 -6
- package/lib/buttons/InactivateButton.js +6 -6
- package/lib/buttons/InfoButton.js +16 -21
- package/lib/buttons/PrimaryButton.js +16 -21
- package/lib/buttons/RestoreButton.js +6 -6
- package/lib/buttons/SaveButton.js +18 -5
- package/lib/buttons/SuccessButton.js +15 -20
- package/lib/buttons/WarningButton.js +15 -20
- package/lib/buttons/button_container/index.js +10 -23
- package/lib/buttons/buttons.spec.js +51 -51
- package/lib/buttons/index.js +32 -32
- package/lib/buttons/split_button/index.js +7 -44
- package/lib/buttons/types.js +5 -0
- package/lib/calendar/DangerCalendar.js +15 -6
- package/lib/calendar/InfoCalendar.js +15 -6
- package/lib/calendar/PrimaryCalendar.js +15 -6
- package/lib/calendar/SuccessCalendar.js +15 -6
- package/lib/calendar/WarningCalendar.js +15 -6
- package/lib/calendar/base/Day.js +8 -14
- package/lib/calendar/base/Month.js +5 -10
- package/lib/calendar/base/Week.js +5 -11
- package/lib/calendar/base/helpers.js +15 -15
- package/lib/calendar/base/index.js +45 -48
- package/lib/calendar/calendar.spec.js +22 -20
- package/lib/calendar/index.js +14 -14
- package/lib/calendar/types.js +5 -0
- package/lib/checkbox/Label.js +7 -17
- package/lib/checkbox/checkbox.spec.js +28 -27
- package/lib/checkbox/index.js +52 -89
- package/lib/checkbox/types.js +5 -0
- package/lib/dialog/Alert.js +9 -14
- package/lib/dialog/Custom.js +24 -32
- package/lib/dialog/Error.js +7 -12
- package/lib/dialog/Information.js +7 -12
- package/lib/dialog/Question.js +14 -25
- package/lib/dialog/Warning.js +7 -12
- package/lib/dialog/base/Content.js +4 -13
- package/lib/dialog/base/Footer.js +6 -12
- package/lib/dialog/base/Header.js +17 -31
- package/lib/dialog/base/index.js +13 -35
- package/lib/dialog/base/style.js +2 -2
- package/lib/dialog/dialog.spec.js +69 -72
- package/lib/dialog/form/index.js +34 -47
- package/lib/dialog/index.js +15 -15
- package/lib/dialog/types.js +5 -0
- package/lib/drawer/Content.js +7 -16
- package/lib/drawer/Drawer.js +37 -78
- package/lib/drawer/Drawer.spec.js +53 -78
- package/lib/drawer/Header.js +28 -47
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +8 -8
- package/lib/drawer/types.js +5 -0
- package/lib/dropdown/Popup.js +34 -20
- package/lib/dropdown/dropdown.spec.js +35 -22
- package/lib/dropdown/helper.js +2 -2
- package/lib/dropdown/types.js +5 -0
- package/lib/dropdown/withDropdown.js +20 -47
- package/lib/fieldset/fieldset.spec.js +4 -4
- package/lib/fieldset/index.js +19 -50
- package/lib/fieldset/types.js +5 -0
- package/lib/form/Field.js +26 -26
- package/lib/form/FieldArray.js +27 -27
- package/lib/form/FieldNumber.js +16 -16
- package/lib/form/FieldPeriod.js +23 -23
- package/lib/form/form.spec.js +17 -15
- package/lib/form/helpers.js +6 -6
- package/lib/form/index.js +39 -39
- package/lib/form/withFieldHOC.js +20 -20
- package/lib/form/withFormSecurity.js +12 -12
- package/lib/gridlayout/GridCol.js +7 -22
- package/lib/gridlayout/GridRow.js +8 -28
- package/lib/gridlayout/gridLayout.spec.js +6 -6
- package/lib/gridlayout/index.js +5 -5
- package/lib/gridlayout/types.js +5 -0
- package/lib/icons/helper.js +560 -563
- package/lib/icons/icons.spec.js +10 -10
- package/lib/icons/index.js +28 -45
- package/lib/icons/types.js +5 -0
- package/lib/index.js +16 -16
- package/lib/inputs/base/InputTextBase.js +54 -163
- package/lib/inputs/base/base.spec.js +38 -37
- package/lib/inputs/base/helpers.js +9 -9
- package/lib/inputs/base/types.js +5 -0
- package/lib/inputs/color/color_input.spec.js +8 -8
- package/lib/inputs/color/index.js +41 -39
- package/lib/inputs/color/types.js +5 -0
- package/lib/inputs/date/Dialog.js +4 -11
- package/lib/inputs/date/Dropdown.js +21 -73
- package/lib/inputs/date/date.spec.js +11 -13
- package/lib/inputs/date/helpers.js +5 -5
- package/lib/inputs/date/index.js +259 -415
- package/lib/inputs/date/types.js +5 -0
- package/lib/inputs/inputHOC.js +48 -100
- package/lib/inputs/mask/BaseMask.js +6 -20
- package/lib/inputs/mask/Cnpj.js +19 -28
- package/lib/inputs/mask/Cpf.js +19 -30
- package/lib/inputs/mask/Phone.js +5 -13
- package/lib/inputs/mask/ZipCode.js +5 -5
- package/lib/inputs/mask/helpers.js +23 -38
- package/lib/inputs/mask/imaskHOC.js +189 -257
- package/lib/inputs/mask/index.js +10 -10
- package/lib/inputs/mask/input_mask.spec.js +98 -121
- package/lib/inputs/mask/types.js +5 -0
- package/lib/inputs/multiSelect/ActionButtons.js +9 -21
- package/lib/inputs/multiSelect/Dropdown.js +61 -88
- package/lib/inputs/multiSelect/helper.js +2 -2
- package/lib/inputs/multiSelect/index.js +68 -91
- package/lib/inputs/multiSelect/types.js +5 -0
- package/lib/inputs/number/BaseNumber.js +16 -28
- package/lib/inputs/number/Currency.js +8 -18
- package/lib/inputs/number/Decimal.js +4 -4
- package/lib/inputs/number/format_number.js +1 -1
- package/lib/inputs/number/index.js +14 -20
- package/lib/inputs/number/numberfield.spec.js +8 -7
- package/lib/inputs/number/types.js +5 -0
- package/lib/inputs/period/Dialog.js +4 -11
- package/lib/inputs/period/Dropdown.js +19 -73
- package/lib/inputs/period/PeriodList.js +12 -25
- package/lib/inputs/period/helper.js +33 -74
- package/lib/inputs/period/index.js +137 -189
- package/lib/inputs/period/types.js +5 -0
- package/lib/inputs/search/index.js +136 -265
- package/lib/inputs/search/search_input.spec.js +17 -11
- package/lib/inputs/select/ActionButtons.js +19 -25
- package/lib/inputs/select/Dropdown.js +43 -76
- package/lib/inputs/select/helper.js +19 -15
- package/lib/inputs/select/index.js +15 -16
- package/lib/inputs/select/multiple/Selecteds.js +9 -17
- package/lib/inputs/select/multiple/index.js +293 -418
- package/lib/inputs/select/select.spec.js +69 -52
- package/lib/inputs/select/simple/index.js +310 -463
- package/lib/inputs/select/types.js +5 -0
- package/lib/inputs/text/index.js +5 -4
- package/lib/inputs/text/textfield.spec.js +6 -6
- package/lib/inputs/text/types.js +5 -0
- package/lib/inputs/textarea/index.js +9 -19
- package/lib/inputs/textarea/textarea.spec.js +6 -6
- package/lib/inputs/textarea/types.js +5 -0
- package/lib/inputs/types.js +5 -0
- package/lib/internals/colorStyles.js +2 -2
- package/lib/internals/constants.js +1 -1
- package/lib/internals/types.js +5 -0
- package/lib/internals/withTooltip.js +33 -41
- package/lib/labelMessages/index.js +35 -53
- package/lib/labelMessages/labelMessages.spec.js +16 -16
- package/lib/labelMessages/types.js +5 -0
- package/lib/labels/DangerLabel.js +16 -7
- package/lib/labels/DefaultLabel.js +30 -62
- package/lib/labels/InfoLabel.js +16 -7
- package/lib/labels/PrimaryLabel.js +16 -7
- package/lib/labels/SuccessLabel.js +16 -7
- package/lib/labels/WarningLabel.js +16 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label.spec.js +19 -19
- package/lib/labels/label_container/index.js +7 -17
- package/lib/labels/types.js +5 -0
- package/lib/list/Header.js +5 -18
- package/lib/list/Item.js +40 -80
- package/lib/list/Separator.js +4 -4
- package/lib/list/helpers.js +5 -10
- package/lib/list/index.js +31 -119
- package/lib/list/list.spec.js +100 -129
- package/lib/list/types.js +5 -0
- package/lib/menus/float/MenuItem.js +17 -37
- package/lib/menus/float/float-menu.spec.js +34 -28
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +17 -37
- package/lib/menus/float/types.js +5 -0
- package/lib/menus/index.js +4 -4
- package/lib/menus/sidenav/ExpandMenu.js +6 -18
- package/lib/menus/sidenav/MenuLink.js +5 -19
- package/lib/menus/sidenav/NavMenuGroup.js +6 -17
- package/lib/menus/sidenav/NavMenuItem.js +30 -56
- package/lib/menus/sidenav/NavSubMenuItem.js +10 -21
- package/lib/menus/sidenav/helpers.js +5 -5
- package/lib/menus/sidenav/index.js +43 -73
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +9 -18
- package/lib/menus/sidenav/popup_menu_search/index.js +26 -23
- package/lib/menus/sidenav/sidenav.spec.js +24 -20
- package/lib/menus/sidenav/types.js +5 -0
- package/lib/noPermission/index.js +7 -7
- package/lib/panel/Content.js +14 -26
- package/lib/panel/DangerPanel.js +6 -6
- package/lib/panel/Default.js +25 -52
- package/lib/panel/Header.js +18 -40
- package/lib/panel/InfoPanel.js +6 -6
- package/lib/panel/PrimaryPanel.js +6 -6
- package/lib/panel/SuccessPanel.js +6 -6
- package/lib/panel/ToolBar.js +4 -9
- package/lib/panel/WarningPanel.js +6 -6
- package/lib/panel/helpers.js +9 -5
- package/lib/panel/index.js +18 -18
- package/lib/panel/panel.spec.js +28 -28
- package/lib/panel/types.js +5 -0
- package/lib/permissionValidations.js +2 -2
- package/lib/popover/PopoverText.js +4 -9
- package/lib/popover/PopoverTitle.js +4 -9
- package/lib/popover/index.js +35 -49
- package/lib/popover/popover.spec.js +16 -16
- package/lib/popover/types.js +5 -0
- package/lib/progress/Bar.js +42 -52
- package/lib/progress/index.js +14 -24
- package/lib/progress/progress.spec.js +24 -16
- package/lib/progress/types.js +5 -0
- package/lib/radio/index.js +28 -52
- package/lib/radio/radio.spec.js +16 -14
- package/lib/radio/types.js +5 -0
- package/lib/skeleton/SkeletonContainer.js +8 -8
- package/lib/skeleton/index.js +15 -15
- package/lib/spinner/SpinnerLoading.js +45 -53
- package/lib/spinner/index.js +29 -34
- package/lib/spinner/spinner.spec.js +9 -5
- package/lib/spinner/types.js +5 -0
- package/lib/split/Split.js +53 -70
- package/lib/split/SplitSide.js +7 -27
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/split/split.spec.js +51 -34
- package/lib/split/types.js +5 -0
- package/lib/table/Body.js +21 -28
- package/lib/table/Header.js +18 -25
- package/lib/table/HeaderColumn.js +13 -27
- package/lib/table/Row.js +21 -37
- package/lib/table/RowColumn.js +20 -38
- package/lib/table/helpers.js +5 -5
- package/lib/table/index.js +25 -63
- package/lib/table/table.spec.js +50 -49
- package/lib/table/types.js +5 -0
- package/lib/tabs/DropdownItems.js +20 -30
- package/lib/tabs/Menu.js +21 -25
- package/lib/tabs/MenuItems.js +32 -46
- package/lib/tabs/Panel.js +24 -57
- package/lib/tabs/index.js +90 -84
- package/lib/tabs/tabHelpers.js +12 -10
- package/lib/tabs/tabs.spec.js +70 -105
- package/lib/tabs/types.js +5 -0
- package/lib/toolbar/ButtonBar.js +51 -32
- package/lib/toolbar/LabelBar.js +42 -29
- package/lib/toolbar/Separator.js +4 -4
- package/lib/toolbar/ToolBarGroup.js +10 -16
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +30 -37
- package/lib/toolbar/toolbar.spec.js +40 -40
- package/lib/toolbar/types.js +5 -0
- package/lib/tooltip/index.js +34 -43
- package/lib/tooltip/tooltip.spec.js +37 -18
- package/lib/tooltip/types.js +5 -0
- package/lib/treetable/Body.js +64 -0
- package/lib/treetable/Header.js +37 -0
- package/lib/treetable/Row.js +317 -0
- package/lib/treetable/helpers.js +41 -26
- package/lib/treetable/index.js +15 -277
- package/lib/treetable/types.d.js +5 -0
- package/lib/treeview/Header.js +5 -17
- package/lib/treeview/Node.js +253 -391
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +362 -554
- package/lib/treeview/treeview.spec.js +33 -23
- package/lib/treeview/types.js +5 -0
- package/lib/treeview_old/Header.js +7 -7
- package/lib/treeview_old/Node.js +19 -19
- package/lib/treeview_old/index.js +9 -9
- package/lib/uitour/helpers.js +1 -1
- package/lib/uitour/index.js +27 -27
- package/lib/uitour/uitour.spec.js +21 -21
- package/package.json +44 -15
- package/scripts/start.js +135 -0
- package/tsconfig.json +17 -0
- package/.eslintrc.js +0 -26
- package/.husky/pre-commit +0 -4
- package/lib/buttons/SpinnerLoading.js +0 -230
- package/lib/inputs/base/index.js +0 -1
- package/lib/menus/float/SubMenuContainer.js +0 -95
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
12
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
13
|
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
14
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
17
15
|
|
|
18
16
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
@@ -25,13 +23,13 @@ var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
|
|
|
25
23
|
|
|
26
24
|
require("../../assets/styles/multiSelect.scss");
|
|
27
25
|
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
27
|
|
|
30
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
29
|
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
31
|
|
|
34
|
-
function _extends() { _extends = Object.assign
|
|
32
|
+
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); }
|
|
35
33
|
|
|
36
34
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
37
35
|
|
|
@@ -49,19 +47,28 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
49
47
|
|
|
50
48
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
51
49
|
|
|
52
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr
|
|
50
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
53
51
|
|
|
54
52
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
55
53
|
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
var MultiSelectField = function MultiSelectField(props) {
|
|
55
|
+
var onSelect = props.onSelect,
|
|
56
|
+
idKey = props.idKey,
|
|
57
|
+
_props$disabled = props.disabled,
|
|
58
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
59
|
+
dataSource = props.dataSource,
|
|
60
|
+
descriptionKey = props.descriptionKey,
|
|
61
|
+
value = props.value,
|
|
62
|
+
onBlur = props.onBlur,
|
|
63
|
+
gridLayout = props.gridLayout;
|
|
64
|
+
var componentId = "multiSelect-component".concat(_uuid.default.v1());
|
|
65
|
+
|
|
66
|
+
var _useState = (0, _react.useState)(dataSource),
|
|
60
67
|
_useState2 = _slicedToArray(_useState, 2),
|
|
61
68
|
dataCombo = _useState2[0],
|
|
62
69
|
setDataCombo = _useState2[1];
|
|
63
70
|
|
|
64
|
-
var _useState3 = (0, _react.useState)(
|
|
71
|
+
var _useState3 = (0, _react.useState)(),
|
|
65
72
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
66
73
|
selecteds = _useState4[0],
|
|
67
74
|
setSelecteds = _useState4[1];
|
|
@@ -91,7 +98,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
91
98
|
opened = _useState14[0],
|
|
92
99
|
setOpened = _useState14[1];
|
|
93
100
|
|
|
94
|
-
var _useState15 = (0, _react.useState)(
|
|
101
|
+
var _useState15 = (0, _react.useState)(),
|
|
95
102
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
96
103
|
onDenied = _useState16[0],
|
|
97
104
|
setOnDenied = _useState16[1];
|
|
@@ -101,30 +108,32 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
101
108
|
insideComponent = _useState18[0],
|
|
102
109
|
setInsideComponent = _useState18[1];
|
|
103
110
|
|
|
104
|
-
var gridEl = (0, _react.useRef)(
|
|
111
|
+
var gridEl = (0, _react.useRef)();
|
|
105
112
|
var componentRef = (0, _react.useRef)(null);
|
|
106
|
-
var selectWrapper = (0, _react.useRef)(
|
|
113
|
+
var selectWrapper = (0, _react.useRef)();
|
|
107
114
|
|
|
108
115
|
var handleOnSelect = function handleOnSelect(itemSelected) {
|
|
109
116
|
if (itemSelected === null) return;
|
|
110
|
-
var onSelect = props.onSelect,
|
|
111
|
-
idKey = props.idKey;
|
|
112
117
|
var newSelecteds = selecteds;
|
|
113
|
-
var hasSelected = newSelecteds.find(function (selected) {
|
|
114
|
-
return selected[idKey] === itemSelected[idKey];
|
|
115
|
-
});
|
|
116
118
|
|
|
117
|
-
if (
|
|
118
|
-
|
|
119
|
-
return
|
|
119
|
+
if (newSelecteds) {
|
|
120
|
+
var hasSelected = newSelecteds.find(function (selected) {
|
|
121
|
+
return selected[idKey] === itemSelected[idKey];
|
|
120
122
|
});
|
|
121
|
-
|
|
122
|
-
|
|
123
|
+
|
|
124
|
+
if (hasSelected) {
|
|
125
|
+
newSelecteds = newSelecteds.filter(function (item) {
|
|
126
|
+
return item[idKey] !== itemSelected[idKey];
|
|
127
|
+
});
|
|
128
|
+
} else {
|
|
129
|
+
newSelecteds = [].concat(_toConsumableArray(newSelecteds), [itemSelected]);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
if (onSelect) onSelect(newSelecteds.map(function (item) {
|
|
133
|
+
return item[idKey];
|
|
134
|
+
}));
|
|
123
135
|
}
|
|
124
136
|
|
|
125
|
-
if (onSelect) onSelect(newSelecteds.map(function (i) {
|
|
126
|
-
return i[idKey];
|
|
127
|
-
}));
|
|
128
137
|
setSelecteds(newSelecteds);
|
|
129
138
|
};
|
|
130
139
|
|
|
@@ -137,14 +146,12 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
137
146
|
|
|
138
147
|
var onMouseMove = function onMouseMove(event) {
|
|
139
148
|
var target = event.target;
|
|
140
|
-
if (target.className === '') return;
|
|
141
|
-
var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
|
|
149
|
+
if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
|
|
150
|
+
var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
|
|
142
151
|
setInsideComponent(newInsideComponent);
|
|
143
152
|
};
|
|
144
153
|
|
|
145
154
|
var onBlurComponent = function onBlurComponent(e) {
|
|
146
|
-
var dataSource = props.dataSource,
|
|
147
|
-
onBlur = props.onBlur;
|
|
148
155
|
if (onBlur) onBlur(e);
|
|
149
156
|
|
|
150
157
|
if (!insideComponent) {
|
|
@@ -154,33 +161,28 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
154
161
|
}
|
|
155
162
|
};
|
|
156
163
|
|
|
157
|
-
var handleOnFilter = function handleOnFilter(
|
|
158
|
-
var dataSource = props.dataSource,
|
|
159
|
-
descriptionKey = props.descriptionKey;
|
|
164
|
+
var handleOnFilter = function handleOnFilter(currentValue) {
|
|
160
165
|
var newDataCombo = dataSource;
|
|
161
166
|
|
|
162
|
-
if (
|
|
163
|
-
newDataCombo = (0, _helper
|
|
167
|
+
if (currentValue !== '') {
|
|
168
|
+
newDataCombo = (0, _helper.default)({
|
|
164
169
|
dataSource: dataSource,
|
|
165
170
|
descriptionKey: descriptionKey,
|
|
166
|
-
inputText:
|
|
171
|
+
inputText: currentValue
|
|
167
172
|
});
|
|
168
173
|
}
|
|
169
174
|
|
|
170
175
|
setDataCombo(newDataCombo);
|
|
171
|
-
setInputValue(
|
|
176
|
+
setInputValue(currentValue);
|
|
172
177
|
};
|
|
173
178
|
|
|
174
179
|
var onOpenClose = function onOpenClose() {
|
|
175
180
|
setOpened(!opened);
|
|
176
|
-
setDropdownWidth(selectWrapper.current.clientWidth);
|
|
181
|
+
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
177
182
|
};
|
|
178
183
|
|
|
179
184
|
var onCheckAll = function onCheckAll() {
|
|
180
185
|
var fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
181
|
-
var dataSource = props.dataSource,
|
|
182
|
-
onSelect = props.onSelect,
|
|
183
|
-
idKey = props.idKey;
|
|
184
186
|
var currentData = fromFilter ? dataCombo : dataSource;
|
|
185
187
|
if (onSelect) onSelect(currentData.map(function (i) {
|
|
186
188
|
return i[idKey];
|
|
@@ -189,21 +191,22 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
189
191
|
};
|
|
190
192
|
|
|
191
193
|
var onUncheckAll = function onUncheckAll() {
|
|
192
|
-
|
|
193
|
-
if (onSelect) onSelect([]);
|
|
194
|
+
if (onSelect) onSelect();
|
|
194
195
|
setSelecteds([]);
|
|
195
196
|
};
|
|
196
197
|
|
|
197
198
|
var onScreenResize = function onScreenResize() {
|
|
198
|
-
setDropdownWidth(selectWrapper.current.clientWidth);
|
|
199
|
+
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
199
200
|
};
|
|
200
201
|
|
|
201
202
|
var onClickOutSide = function onClickOutSide(event) {
|
|
203
|
+
var _componentRef$current;
|
|
204
|
+
|
|
202
205
|
var target = event.target;
|
|
203
206
|
|
|
204
|
-
if (target !== componentRef.current && !componentRef.current.contains(target)) {
|
|
207
|
+
if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
|
|
205
208
|
setOpened(false);
|
|
206
|
-
setDataCombo(
|
|
209
|
+
setDataCombo(dataSource);
|
|
207
210
|
setInputValue('');
|
|
208
211
|
}
|
|
209
212
|
};
|
|
@@ -213,23 +216,19 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
213
216
|
};
|
|
214
217
|
|
|
215
218
|
var shouldDisabled = function shouldDisabled() {
|
|
216
|
-
|
|
217
|
-
return disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
|
|
219
|
+
return !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
|
|
218
220
|
};
|
|
219
221
|
|
|
220
222
|
var getLabel = function getLabel() {
|
|
221
|
-
var
|
|
222
|
-
descriptionKey = props.descriptionKey;
|
|
223
|
-
|
|
224
|
-
var checkIsAll = _lodash["default"].isEqual(selecteds, dataSource);
|
|
223
|
+
var checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
|
|
225
224
|
|
|
226
225
|
var newLabel = label;
|
|
227
226
|
|
|
228
227
|
if (checkIsAll) {
|
|
229
228
|
newLabel = 'Todos';
|
|
230
|
-
} else if (selecteds.length > 1) {
|
|
229
|
+
} else if (selecteds && selecteds.length > 1) {
|
|
231
230
|
newLabel = 'Múltiplos';
|
|
232
|
-
} else if (selecteds.length === 1) {
|
|
231
|
+
} else if (selecteds && selecteds.length === 1) {
|
|
233
232
|
newLabel = selecteds[0][descriptionKey];
|
|
234
233
|
} else {
|
|
235
234
|
newLabel = 'Nenhum selecionado';
|
|
@@ -239,9 +238,9 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
239
238
|
};
|
|
240
239
|
|
|
241
240
|
(0, _react.useEffect)(function () {
|
|
242
|
-
if (
|
|
241
|
+
if (gridLayout) {
|
|
243
242
|
var currentGridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
|
|
244
|
-
if (
|
|
243
|
+
if (currentGridEl) gridEl.current = currentGridEl;
|
|
245
244
|
}
|
|
246
245
|
|
|
247
246
|
window.addEventListener('resize', onScreenResize);
|
|
@@ -254,33 +253,29 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
254
253
|
};
|
|
255
254
|
}, []);
|
|
256
255
|
(0, _react.useEffect)(function () {
|
|
257
|
-
var dataSource = props.dataSource,
|
|
258
|
-
value = props.value,
|
|
259
|
-
idKey = props.idKey;
|
|
260
|
-
|
|
261
256
|
if (value !== null && dataSource.length > 0) {
|
|
262
257
|
var newSelecteds = dataSource.filter(function (item) {
|
|
263
|
-
return value.includes(item[idKey]);
|
|
258
|
+
return value === null || value === void 0 ? void 0 : value.includes(item[idKey]);
|
|
264
259
|
});
|
|
265
260
|
setSelecteds(newSelecteds);
|
|
266
261
|
} else if (dataSource !== dataCombo) {
|
|
267
|
-
var newDataCombo = (0, _helper
|
|
262
|
+
var newDataCombo = (0, _helper.default)(_extends({}, props, {
|
|
268
263
|
inputText: inputValue
|
|
269
264
|
}));
|
|
270
265
|
setDataCombo(newDataCombo);
|
|
271
266
|
}
|
|
272
267
|
}, [props]);
|
|
273
268
|
(0, _react.useEffect)(function () {
|
|
274
|
-
var checkAll = _lodash
|
|
269
|
+
var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
|
|
275
270
|
|
|
276
271
|
setIsAllChecked(checkAll);
|
|
277
272
|
getLabel();
|
|
278
273
|
}, [selecteds, dataCombo]);
|
|
279
|
-
return /*#__PURE__*/_react
|
|
274
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
280
275
|
id: componentId,
|
|
281
276
|
ref: componentRef,
|
|
282
277
|
className: "multiSelect-component"
|
|
283
|
-
}, /*#__PURE__*/_react
|
|
278
|
+
}, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
284
279
|
value: label,
|
|
285
280
|
onFocus: function onFocus() {
|
|
286
281
|
_onFocus();
|
|
@@ -294,7 +289,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
294
289
|
selectWrapper.current = r;
|
|
295
290
|
},
|
|
296
291
|
handlerSetOnDenied: setOnDeniedValue,
|
|
297
|
-
rightElements: /*#__PURE__*/_react
|
|
292
|
+
rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
|
|
298
293
|
disabled: shouldDisabled(),
|
|
299
294
|
dropdownOpened: opened,
|
|
300
295
|
handleOpenClose: function handleOpenClose() {
|
|
@@ -303,7 +298,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
303
298
|
handleCheckAll: onCheckAll,
|
|
304
299
|
handleUncheckAll: onUncheckAll
|
|
305
300
|
})
|
|
306
|
-
})), opened && /*#__PURE__*/_react
|
|
301
|
+
})), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
|
|
307
302
|
opened: opened,
|
|
308
303
|
dataCombo: dataCombo,
|
|
309
304
|
selecteds: selecteds,
|
|
@@ -317,27 +312,9 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
317
312
|
onFilter: handleOnFilter,
|
|
318
313
|
onFocus: _onFocus,
|
|
319
314
|
onBlur: onBlurComponent,
|
|
320
|
-
gridWrapperStyle:
|
|
315
|
+
gridWrapperStyle: gridLayout ? window.getComputedStyle(gridEl.current) : undefined
|
|
321
316
|
})));
|
|
322
317
|
};
|
|
323
318
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
idKey: _propTypes["default"].string.isRequired,
|
|
327
|
-
descriptionKey: _propTypes["default"].string.isRequired,
|
|
328
|
-
value: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].number), _propTypes["default"].arrayOf(_propTypes["default"].string)]),
|
|
329
|
-
gridLayout: _propTypes["default"].string,
|
|
330
|
-
onSelect: _propTypes["default"].func,
|
|
331
|
-
onBlur: _propTypes["default"].func,
|
|
332
|
-
disabled: _propTypes["default"].bool
|
|
333
|
-
};
|
|
334
|
-
MultiSelect.defaultProps = {
|
|
335
|
-
dataSource: [],
|
|
336
|
-
value: null,
|
|
337
|
-
gridLayout: undefined,
|
|
338
|
-
onSelect: undefined,
|
|
339
|
-
onBlur: undefined,
|
|
340
|
-
disabled: false
|
|
341
|
-
};
|
|
342
|
-
var _default = MultiSelect;
|
|
343
|
-
exports["default"] = _default;
|
|
319
|
+
var _default = MultiSelectField;
|
|
320
|
+
exports.default = _default;
|
|
@@ -3,40 +3,40 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
10
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
13
11
|
|
|
14
12
|
var _format_number = require("./format_number");
|
|
15
13
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
15
|
|
|
18
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
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); }
|
|
19
17
|
|
|
20
18
|
var BaseNumber = function BaseNumber(props) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
var _props$returnFormatte = props.returnFormattedValueOnBlur,
|
|
20
|
+
returnFormattedValueOnBlur = _props$returnFormatte === void 0 ? true : _props$returnFormatte;
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
22
|
+
value: typeof props.value === 'number' ? (0, _format_number.numberToPtBR)(props.value) : props.value,
|
|
25
23
|
thousandsSeparator: ".",
|
|
24
|
+
radix: ",",
|
|
25
|
+
mask: Number,
|
|
26
26
|
isNumeric: true,
|
|
27
27
|
onBlur: function onBlur(e) {
|
|
28
28
|
if (props.onBlur) {
|
|
29
|
-
if (
|
|
29
|
+
if (returnFormattedValueOnBlur) {
|
|
30
30
|
// Retornando um objeto com a mesma estrutura do Proxy original
|
|
31
31
|
// para recuperacao do valor formatado no padrão americano.
|
|
32
32
|
// O retorno poderá ser modificado conforme necessidade, desde que seja
|
|
33
33
|
// mantido o path até a propriedade value e name.
|
|
34
|
-
var
|
|
35
|
-
value =
|
|
36
|
-
name =
|
|
34
|
+
var _ref = e.target,
|
|
35
|
+
value = _ref.value,
|
|
36
|
+
name = _ref.name;
|
|
37
37
|
props.onBlur({
|
|
38
38
|
target: {
|
|
39
|
-
value:
|
|
39
|
+
value: value,
|
|
40
40
|
name: name
|
|
41
41
|
}
|
|
42
42
|
});
|
|
@@ -45,20 +45,8 @@ var BaseNumber = function BaseNumber(props) {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
}));
|
|
48
|
+
}, props));
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
-
BaseNumber.propTypes = {
|
|
52
|
-
value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
|
53
|
-
leftElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
|
|
54
|
-
onBlur: _propTypes["default"].func,
|
|
55
|
-
returnFormattedValueOnBlur: _propTypes["default"].bool
|
|
56
|
-
};
|
|
57
|
-
BaseNumber.defaultProps = {
|
|
58
|
-
value: undefined,
|
|
59
|
-
leftElements: null,
|
|
60
|
-
onBlur: undefined,
|
|
61
|
-
returnFormattedValueOnBlur: true
|
|
62
|
-
};
|
|
63
51
|
var _default = BaseNumber;
|
|
64
|
-
exports
|
|
52
|
+
exports.default = _default;
|
|
@@ -3,36 +3,26 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
10
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
13
11
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
13
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
14
|
+
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); }
|
|
17
15
|
|
|
18
16
|
var CurrencyField = function CurrencyField(props) {
|
|
19
|
-
var currencySymbol = props.currencySymbol,
|
|
20
|
-
|
|
21
|
-
var leftElements = displayCurrencySymbol ? /*#__PURE__*/_react
|
|
17
|
+
var _props$currencySymbol = props.currencySymbol,
|
|
18
|
+
currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
|
|
19
|
+
var leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
|
|
22
20
|
className: "currency-symbol"
|
|
23
21
|
}, currencySymbol) : [];
|
|
24
|
-
return /*#__PURE__*/_react
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({}, props, {
|
|
25
23
|
leftElements: leftElements
|
|
26
24
|
}));
|
|
27
25
|
};
|
|
28
26
|
|
|
29
|
-
CurrencyField.propTypes = {
|
|
30
|
-
currencySymbol: _propTypes["default"].string,
|
|
31
|
-
displayCurrencySymbol: _propTypes["default"].bool
|
|
32
|
-
};
|
|
33
|
-
CurrencyField.defaultProps = {
|
|
34
|
-
currencySymbol: 'R$',
|
|
35
|
-
displayCurrencySymbol: false
|
|
36
|
-
};
|
|
37
27
|
var _default = CurrencyField;
|
|
38
|
-
exports
|
|
28
|
+
exports.default = _default;
|
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
10
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
11
11
|
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
14
|
var DecimalField = function DecimalField(props) {
|
|
15
|
-
return /*#__PURE__*/_react
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
var _default = DecimalField;
|
|
19
|
-
exports
|
|
19
|
+
exports.default = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.numberToPtBR = exports.numberToEnUS = void 0;
|
|
7
7
|
|
|
8
8
|
var numberToPtBR = function numberToPtBR(value) {
|
|
9
9
|
if (value !== undefined && typeof value === 'number') {
|
|
@@ -6,21 +6,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "CurrencyField", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return _Currency
|
|
9
|
+
return _Currency.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "DecimalField", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return _Decimal
|
|
15
|
+
return _Decimal.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
exports
|
|
18
|
+
exports.default = void 0;
|
|
19
19
|
|
|
20
20
|
var _react = _interopRequireDefault(require("react"));
|
|
21
21
|
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
|
|
24
22
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
25
23
|
|
|
26
24
|
var _Currency = _interopRequireDefault(require("./Currency"));
|
|
@@ -31,28 +29,24 @@ require("../../assets/styles/numbers.scss");
|
|
|
31
29
|
|
|
32
30
|
var _format_number = require("./format_number");
|
|
33
31
|
|
|
34
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
33
|
|
|
36
|
-
function _extends() { _extends = Object.assign
|
|
34
|
+
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); }
|
|
37
35
|
|
|
38
36
|
var NumberField = function NumberField(props) {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
var _props$textAlign = props.textAlign,
|
|
38
|
+
textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
|
|
39
|
+
_props$value = props.value,
|
|
40
|
+
value = _props$value === void 0 ? '' : _props$value;
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
42
|
+
value: typeof value === 'number' ? (0, _format_number.numberToPtBR)(value) : value,
|
|
43
|
+
textAlign: textAlign,
|
|
42
44
|
mask: Number,
|
|
43
45
|
isNumeric: true,
|
|
44
46
|
scale: 0,
|
|
45
47
|
padFractionalZeros: false
|
|
46
|
-
}));
|
|
48
|
+
}, props));
|
|
47
49
|
};
|
|
48
50
|
|
|
49
|
-
NumberField.propTypes = {
|
|
50
|
-
value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
|
51
|
-
textAlign: _propTypes["default"].string
|
|
52
|
-
};
|
|
53
|
-
NumberField.defaultProps = {
|
|
54
|
-
value: undefined,
|
|
55
|
-
textAlign: 'left'
|
|
56
|
-
};
|
|
57
51
|
var _default = NumberField;
|
|
58
|
-
exports
|
|
52
|
+
exports.default = _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
var _react = _interopRequireDefault(require("react"));
|
|
6
6
|
|
|
@@ -14,24 +14,24 @@ var _storageMock = _interopRequireWildcard(require("../../../../config/jest/stor
|
|
|
14
14
|
|
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
16
|
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
17
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
18
|
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
20
|
|
|
21
21
|
describe('NumberField', function () {
|
|
22
22
|
var numberField = function numberField(fieldProps) {
|
|
23
|
-
return /*#__PURE__*/_react
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_index.default, fieldProps);
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
var setSessionStorageMock = function setSessionStorageMock() {
|
|
27
27
|
Object.defineProperty(window, 'sessionStorage', {
|
|
28
|
-
value: (0, _storageMock
|
|
28
|
+
value: (0, _storageMock.default)()
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
describe('prop value should', function () {
|
|
33
33
|
it('be applied when is a numeric string', function () {
|
|
34
|
-
var value = '1
|
|
34
|
+
var value = '1';
|
|
35
35
|
|
|
36
36
|
var _render = (0, _react2.render)(numberField({
|
|
37
37
|
value: value
|
|
@@ -177,7 +177,8 @@ describe('NumberField', function () {
|
|
|
177
177
|
});
|
|
178
178
|
it('disable input', function () {
|
|
179
179
|
setSessionStorageMock();
|
|
180
|
-
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('
|
|
180
|
+
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled'); // CORRIGIR?
|
|
181
|
+
|
|
181
182
|
var onChange = jest.fn();
|
|
182
183
|
|
|
183
184
|
var _render11 = (0, _react2.render)(numberField({
|