linear-react-components-ui 1.0.0-rc.2 → 1.0.0-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/alerts/AlertContainer.js +1 -20
- package/lib/alerts/AlertProvider.js +13 -43
- package/lib/alerts/BaseAlert.js +2 -18
- package/lib/alerts/Message.js +21 -32
- package/lib/alerts/helpers.js +0 -2
- package/lib/alerts/index.js +0 -4
- package/lib/alerts/withAlert.js +1 -12
- package/lib/assets/styles/effects.scss +59 -0
- package/lib/assets/styles/sidenav.scss +3 -1
- package/lib/assets/styles/treetable.scss +100 -0
- package/lib/avatar/index.js +20 -35
- package/lib/badge/index.js +9 -14
- package/lib/buttons/ActivateButton.js +0 -6
- package/lib/buttons/AddButton.js +0 -7
- package/lib/buttons/Button.js +2 -15
- package/lib/buttons/ButtonGroups.js +0 -4
- package/lib/buttons/CancelButton.js +1 -11
- package/lib/buttons/DangerButton.js +1 -11
- package/lib/buttons/DefaultButton.js +43 -79
- package/lib/buttons/DestroyButton.js +1 -12
- package/lib/buttons/EditButton.js +0 -6
- package/lib/buttons/InactivateButton.js +0 -6
- package/lib/buttons/InfoButton.js +1 -11
- package/lib/buttons/PrimaryButton.js +1 -11
- package/lib/buttons/RestoreButton.js +0 -6
- package/lib/buttons/SaveButton.js +1 -11
- package/lib/buttons/SuccessButton.js +1 -11
- package/lib/buttons/WarningButton.js +1 -11
- package/lib/buttons/button_container/index.js +5 -11
- package/lib/buttons/index.js +0 -18
- package/lib/buttons/split_button/index.js +11 -17
- package/lib/calendar/DangerCalendar.js +1 -11
- package/lib/calendar/InfoCalendar.js +1 -11
- package/lib/calendar/PrimaryCalendar.js +1 -11
- package/lib/calendar/SuccessCalendar.js +1 -11
- package/lib/calendar/WarningCalendar.js +1 -11
- package/lib/calendar/base/Day.js +2 -13
- package/lib/calendar/base/Month.js +0 -17
- package/lib/calendar/base/Week.js +1 -17
- package/lib/calendar/base/helpers.js +8 -24
- package/lib/calendar/base/index.js +11 -35
- package/lib/calendar/index.js +0 -8
- package/lib/checkbox/Label.js +1 -7
- package/lib/checkbox/index.js +26 -51
- package/lib/dialog/Alert.js +0 -8
- package/lib/dialog/Custom.js +5 -17
- package/lib/dialog/Error.js +0 -8
- package/lib/dialog/Information.js +0 -8
- package/lib/dialog/Question.js +4 -15
- package/lib/dialog/Warning.js +0 -8
- package/lib/dialog/base/Content.js +1 -6
- package/lib/dialog/base/Footer.js +0 -4
- package/lib/dialog/base/Header.js +5 -13
- package/lib/dialog/base/index.js +7 -28
- package/lib/dialog/base/style.js +0 -2
- package/lib/dialog/form/index.js +7 -27
- package/lib/dialog/index.js +0 -9
- package/lib/drawer/Content.js +2 -13
- package/lib/drawer/Drawer.js +13 -42
- package/lib/drawer/Header.js +10 -27
- package/lib/drawer/helpers.js +0 -4
- package/lib/drawer/index.js +0 -8
- package/lib/dropdown/Popup.js +19 -32
- package/lib/dropdown/helper.js +0 -4
- package/lib/dropdown/withDropdown.js +16 -45
- package/lib/fieldset/index.js +19 -44
- package/lib/form/Field.js +14 -40
- package/lib/form/FieldArray.js +11 -30
- package/lib/form/FieldNumber.js +6 -18
- package/lib/form/FieldPeriod.js +9 -21
- package/lib/form/helpers.js +4 -29
- package/lib/form/index.js +31 -88
- package/lib/form/types.d.ts +1 -0
- package/lib/form/withFieldHOC.js +13 -32
- package/lib/form/withFormSecurity.js +3 -26
- package/lib/gridlayout/GridCol.js +5 -11
- package/lib/gridlayout/GridRow.js +3 -9
- package/lib/gridlayout/index.js +0 -4
- package/lib/icons/index.js +16 -26
- package/lib/index.js +0 -10
- package/lib/inputs/base/InputTextBase.js +42 -66
- package/lib/inputs/base/helpers.js +5 -18
- package/lib/inputs/color/index.js +9 -36
- package/lib/inputs/date/Dialog.js +2 -7
- package/lib/inputs/date/Dropdown.js +1 -8
- package/lib/inputs/date/helpers.js +2 -11
- package/lib/inputs/date/index.js +46 -99
- package/lib/inputs/inputHOC.js +8 -32
- package/lib/inputs/mask/BaseMask.js +1 -14
- package/lib/inputs/mask/Cnpj.js +10 -35
- package/lib/inputs/mask/Cpf.js +8 -31
- package/lib/inputs/mask/Phone.js +0 -6
- package/lib/inputs/mask/ZipCode.js +0 -6
- package/lib/inputs/mask/helpers.js +8 -20
- package/lib/inputs/mask/imaskHOC.js +48 -78
- package/lib/inputs/mask/index.js +0 -7
- package/lib/inputs/mask/types.d.ts +4 -4
- package/lib/inputs/multiSelect/ActionButtons.js +4 -13
- package/lib/inputs/multiSelect/Dropdown.js +20 -43
- package/lib/inputs/multiSelect/helper.js +2 -4
- package/lib/inputs/multiSelect/index.js +47 -104
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.d.ts +3 -0
- package/lib/inputs/number/BaseNumber.js +3 -10
- package/lib/inputs/number/Currency.d.ts +3 -0
- package/lib/inputs/number/Currency.js +1 -7
- package/lib/inputs/number/Decimal.d.ts +3 -0
- package/lib/inputs/number/Decimal.js +0 -5
- package/lib/inputs/number/format_number.js +0 -7
- package/lib/inputs/number/index.d.ts +3 -0
- package/lib/inputs/number/index.js +3 -13
- package/lib/inputs/number/types.d.ts +14 -11
- package/lib/inputs/period/Dialog.js +2 -7
- package/lib/inputs/period/Dropdown.js +0 -7
- package/lib/inputs/period/PeriodList.js +1 -7
- package/lib/inputs/period/helper.js +2 -12
- package/lib/inputs/period/index.js +41 -112
- package/lib/inputs/search/index.js +16 -59
- package/lib/inputs/select/ActionButtons.js +4 -12
- package/lib/inputs/select/Dropdown.js +26 -46
- package/lib/inputs/select/helper.js +9 -25
- package/lib/inputs/select/index.js +5 -18
- package/lib/inputs/select/multiple/Selecteds.js +3 -7
- package/lib/inputs/select/multiple/index.js +35 -94
- package/lib/inputs/select/simple/index.js +58 -105
- package/lib/inputs/select/types.d.ts +28 -27
- package/lib/inputs/text/index.d.ts +2 -0
- package/lib/inputs/text/index.js +1 -5
- package/lib/inputs/text/types.d.ts +5 -2
- package/lib/inputs/textarea/index.d.ts +4 -0
- package/lib/inputs/textarea/index.js +4 -10
- package/lib/inputs/textarea/types.d.ts +6 -1
- package/lib/inputs/types.d.ts +2 -2
- package/lib/internals/withTooltip.js +23 -68
- package/lib/labelMessages/index.js +23 -43
- package/lib/labels/DangerLabel.js +1 -11
- package/lib/labels/DefaultLabel.js +17 -39
- package/lib/labels/InfoLabel.js +1 -11
- package/lib/labels/PrimaryLabel.js +1 -11
- package/lib/labels/SuccessLabel.js +1 -11
- package/lib/labels/WarningLabel.js +1 -11
- package/lib/labels/index.js +0 -10
- package/lib/labels/label_container/index.js +3 -7
- package/lib/list/Header.js +3 -7
- package/lib/list/Item.js +34 -70
- package/lib/list/Separator.js +0 -4
- package/lib/list/helpers.js +0 -4
- package/lib/list/index.js +23 -58
- package/lib/menus/float/MenuItem.js +8 -22
- package/lib/menus/float/helpers.js +0 -4
- package/lib/menus/float/index.js +8 -20
- package/lib/menus/index.js +0 -3
- package/lib/menus/sidenav/ExpandMenu.js +2 -7
- package/lib/menus/sidenav/MenuLink.js +3 -12
- package/lib/menus/sidenav/NavMenuGroup.js +3 -12
- package/lib/menus/sidenav/NavMenuItem.js +25 -54
- package/lib/menus/sidenav/NavSubMenuItem.js +6 -25
- package/lib/menus/sidenav/helpers.js +0 -9
- package/lib/menus/sidenav/index.js +24 -73
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +13 -43
- package/lib/noPermission/index.js +0 -6
- package/lib/panel/Content.js +7 -22
- package/lib/panel/DangerPanel.js +0 -7
- package/lib/panel/Default.js +18 -42
- package/lib/panel/Header.js +12 -27
- package/lib/panel/InfoPanel.js +0 -7
- package/lib/panel/PrimaryPanel.js +0 -7
- package/lib/panel/SuccessPanel.js +0 -7
- package/lib/panel/ToolBar.js +0 -5
- package/lib/panel/WarningPanel.js +0 -7
- package/lib/panel/helpers.js +2 -10
- package/lib/panel/index.js +0 -11
- package/lib/permissionValidations.js +3 -15
- package/lib/popover/PopoverText.js +0 -4
- package/lib/popover/PopoverTitle.js +0 -4
- package/lib/popover/index.js +12 -23
- package/lib/progress/Bar.js +20 -33
- package/lib/progress/index.js +5 -14
- package/lib/radio/index.js +21 -44
- package/lib/skeleton/SkeletonContainer.js +3 -9
- package/lib/skeleton/index.js +10 -22
- package/lib/spinner/SpinnerLoading.js +3 -7
- package/lib/spinner/index.js +16 -38
- package/lib/split/Split.js +30 -81
- package/lib/split/SplitSide.js +6 -18
- package/lib/split/helpers.js +0 -4
- package/lib/split/index.js +0 -5
- package/lib/table/Body.js +15 -29
- package/lib/table/Header.js +5 -28
- package/lib/table/HeaderColumn.js +10 -21
- package/lib/table/Row.js +20 -26
- package/lib/table/RowColumn.js +12 -29
- package/lib/table/helpers.js +0 -7
- package/lib/table/index.js +31 -61
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +12 -21
- package/lib/tabs/Menu.js +5 -15
- package/lib/tabs/MenuItems.js +23 -33
- package/lib/tabs/Panel.js +12 -37
- package/lib/tabs/index.js +44 -111
- package/lib/tabs/tabHelpers.js +3 -16
- package/lib/toolbar/ButtonBar.js +13 -29
- package/lib/toolbar/LabelBar.js +11 -28
- package/lib/toolbar/Separator.js +0 -4
- package/lib/toolbar/ToolBarGroup.js +2 -6
- package/lib/toolbar/helpers.js +0 -2
- package/lib/toolbar/index.js +7 -23
- package/lib/tooltip/index.js +10 -25
- package/lib/treetable/Body.d.ts +3 -0
- package/lib/treetable/Body.js +46 -0
- package/lib/treetable/Header.d.ts +3 -0
- package/lib/treetable/Header.js +27 -0
- package/lib/treetable/Row.d.ts +7 -0
- package/lib/treetable/Row.js +261 -0
- package/lib/treetable/helpers.d.ts +19 -0
- package/lib/treetable/helpers.js +41 -0
- package/lib/treetable/index.d.ts +8 -0
- package/lib/treetable/index.js +24 -0
- package/lib/treetable/types.d.js +5 -0
- package/lib/treeview/Header.js +2 -6
- package/lib/treeview/Node.js +45 -109
- package/lib/treeview/constants.js +0 -4
- package/lib/treeview/index.js +52 -132
- package/lib/treeview_old/Header.js +1 -6
- package/lib/treeview_old/Node.js +2 -31
- package/lib/treeview_old/index.js +1 -9
- package/lib/types.d-73cece43.d.ts +46 -0
- package/lib/uitour/index.js +31 -71
- package/package.json +1 -1
package/lib/inputs/date/index.js
CHANGED
|
@@ -1,172 +1,127 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _moment = _interopRequireDefault(require("moment"));
|
|
13
|
-
|
|
14
10
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
15
|
-
|
|
16
11
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
17
|
-
|
|
18
12
|
var _calendar = _interopRequireDefault(require("../../calendar"));
|
|
19
|
-
|
|
20
13
|
require("../../assets/styles/datepicker.scss");
|
|
21
|
-
|
|
22
14
|
var contants = _interopRequireWildcard(require("../../internals/constants"));
|
|
23
|
-
|
|
24
15
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
25
|
-
|
|
26
16
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
27
|
-
|
|
28
17
|
var _Dialog = _interopRequireDefault(require("./Dialog"));
|
|
29
|
-
|
|
30
18
|
var _helpers = require("./helpers");
|
|
31
|
-
|
|
32
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
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); }
|
|
39
|
-
|
|
40
23
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
41
|
-
|
|
42
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
43
|
-
|
|
44
25
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
45
|
-
|
|
46
26
|
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; }
|
|
47
|
-
|
|
48
27
|
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; }
|
|
49
|
-
|
|
50
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
|
-
|
|
52
29
|
var CALENDAR_BUTTON_WIDTH = 24;
|
|
53
|
-
|
|
54
30
|
var DatePicker = function DatePicker(props) {
|
|
55
31
|
var _props$showButtonOpen = props.showButtonOpen,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
32
|
+
showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
|
|
33
|
+
_props$openOnFocus = props.openOnFocus,
|
|
34
|
+
openOnFocus = _props$openOnFocus === void 0 ? true : _props$openOnFocus,
|
|
35
|
+
_props$shouldCloseOnS = props.shouldCloseOnSelect,
|
|
36
|
+
shouldCloseOnSelect = _props$shouldCloseOnS === void 0 ? true : _props$shouldCloseOnS,
|
|
37
|
+
_props$setFocusOnSele = props.setFocusOnSelect,
|
|
38
|
+
setFocusOnSelect = _props$setFocusOnSele === void 0 ? true : _props$setFocusOnSele,
|
|
39
|
+
_props$showCalendarIn = props.showCalendarInDialog,
|
|
40
|
+
showCalendarInDialog = _props$showCalendarIn === void 0 ? false : _props$showCalendarIn,
|
|
41
|
+
_props$required = props.required,
|
|
42
|
+
required = _props$required === void 0 ? false : _props$required,
|
|
43
|
+
_props$value = props.value,
|
|
44
|
+
value = _props$value === void 0 ? '' : _props$value,
|
|
45
|
+
_props$name = props.name,
|
|
46
|
+
name = _props$name === void 0 ? '' : _props$name,
|
|
47
|
+
_props$dialogSize = props.dialogSize,
|
|
48
|
+
dialogSize = _props$dialogSize === void 0 ? {
|
|
49
|
+
width: '350px',
|
|
50
|
+
height: '350px'
|
|
51
|
+
} : _props$dialogSize;
|
|
77
52
|
var _useState = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
53
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
54
|
+
valueState = _useState2[0],
|
|
55
|
+
setValueState = _useState2[1];
|
|
82
56
|
var _useState3 = (0, _react.useState)(value),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
57
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
|
+
valueFromProps = _useState4[0],
|
|
59
|
+
setValueFromProps = _useState4[1];
|
|
87
60
|
var _useState5 = (0, _react.useState)(false),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
61
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
62
|
+
showCalendar = _useState6[0],
|
|
63
|
+
setShowCalendar = _useState6[1];
|
|
92
64
|
var _useState7 = (0, _react.useState)(),
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
65
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
66
|
+
inputDimensions = _useState8[0],
|
|
67
|
+
setInputDimensions = _useState8[1];
|
|
97
68
|
var _useState9 = (0, _react.useState)({
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
69
|
+
disabled: false,
|
|
70
|
+
readOnly: false,
|
|
71
|
+
unvisible: false,
|
|
72
|
+
hideContent: false
|
|
73
|
+
}),
|
|
74
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
75
|
+
onDenied = _useState10[0],
|
|
76
|
+
setOnDenied = _useState10[1];
|
|
107
77
|
var _inputRef = (0, _react.useRef)();
|
|
108
|
-
|
|
109
78
|
var buttonOpenRef = (0, _react.useRef)();
|
|
110
79
|
var dropdownContainer = (0, _react.useRef)();
|
|
111
|
-
|
|
112
80
|
var _useState11 = (0, _react.useState)(false),
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
81
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
82
|
+
insideDropdown = _useState12[0],
|
|
83
|
+
setInsideDropdown = _useState12[1];
|
|
117
84
|
var onScreenResize = function onScreenResize() {
|
|
118
85
|
var _inputRef$current;
|
|
119
|
-
|
|
120
86
|
setInputDimensions(_inputRef === null || _inputRef === void 0 ? void 0 : (_inputRef$current = _inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getBoundingClientRect());
|
|
121
87
|
};
|
|
122
|
-
|
|
123
88
|
var onClickOutside = function onClickOutside(event) {
|
|
124
89
|
var _buttonOpenRef$curren;
|
|
125
|
-
|
|
126
90
|
var target = event.target;
|
|
127
91
|
if (!dropdownContainer || target === _inputRef.current || target === buttonOpenRef.current) return;
|
|
128
|
-
|
|
129
92
|
if (target !== dropdownContainer.current && dropdownContainer && dropdownContainer.current && !dropdownContainer.current.contains(target) && buttonOpenRef && !(buttonOpenRef !== null && buttonOpenRef !== void 0 && (_buttonOpenRef$curren = buttonOpenRef.current) !== null && _buttonOpenRef$curren !== void 0 && _buttonOpenRef$curren.contains(target))) {
|
|
130
93
|
setShowCalendar(false);
|
|
131
94
|
}
|
|
132
95
|
};
|
|
133
|
-
|
|
134
96
|
var openCalendar = function openCalendar() {
|
|
135
97
|
setShowCalendar(true);
|
|
136
|
-
|
|
137
98
|
if (_inputRef.current) {
|
|
138
99
|
setInputDimensions(_inputRef.current.getBoundingClientRect());
|
|
139
100
|
}
|
|
140
101
|
};
|
|
141
|
-
|
|
142
102
|
var onMouseMove = function onMouseMove(event) {
|
|
143
103
|
var target = event.target;
|
|
144
104
|
setInsideDropdown(false);
|
|
145
|
-
|
|
146
105
|
if (dropdownContainer !== undefined && dropdownContainer.current) {
|
|
147
106
|
if (target === dropdownContainer.current || dropdownContainer.current.contains(target)) {
|
|
148
107
|
setInsideDropdown(true);
|
|
149
108
|
}
|
|
150
109
|
}
|
|
151
110
|
};
|
|
152
|
-
|
|
153
111
|
var onInputFocus = function onInputFocus(e) {
|
|
154
112
|
if (props.onFocus) props.onFocus(e);
|
|
155
113
|
if (openOnFocus) openCalendar();
|
|
156
114
|
};
|
|
157
|
-
|
|
158
115
|
var onInputBlur = function onInputBlur(e) {
|
|
159
116
|
if (props.onBlur) props.onBlur(e);
|
|
160
117
|
if (!insideDropdown) setShowCalendar(false);
|
|
161
118
|
};
|
|
162
|
-
|
|
163
119
|
var onInputKeyDown = function onInputKeyDown(event) {
|
|
164
120
|
if (Number(event.code) === contants.keyCodes.TAB) {
|
|
165
121
|
setInsideDropdown(false);
|
|
166
122
|
setShowCalendar(false);
|
|
167
123
|
}
|
|
168
124
|
};
|
|
169
|
-
|
|
170
125
|
var onInputChange = function onInputChange(event, valueInput) {
|
|
171
126
|
if (props.onChange && event) {
|
|
172
127
|
if ((0, _moment.default)(valueInput, _helpers.PT_BR_FORMAT, true).isValid()) {
|
|
@@ -191,10 +146,8 @@ var DatePicker = function DatePicker(props) {
|
|
|
191
146
|
}
|
|
192
147
|
}
|
|
193
148
|
};
|
|
194
|
-
|
|
195
149
|
var setValue = function setValue(valueParam, e) {
|
|
196
150
|
var _inputRef$current2;
|
|
197
|
-
|
|
198
151
|
if (showCalendar && setFocusOnSelect) (_inputRef$current2 = _inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
|
|
199
152
|
if (props.onComplete) props.onComplete(e, valueParam);
|
|
200
153
|
if (props.onChange) onInputChange({
|
|
@@ -206,11 +159,9 @@ var DatePicker = function DatePicker(props) {
|
|
|
206
159
|
if (shouldCloseOnSelect) setShowCalendar(false);
|
|
207
160
|
setValueState((0, _moment.default)(valueParam, _helpers.PT_BR_FORMAT));
|
|
208
161
|
};
|
|
209
|
-
|
|
210
162
|
var shouldDisable = function shouldDisable() {
|
|
211
163
|
return props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
|
|
212
164
|
};
|
|
213
|
-
|
|
214
165
|
var getButtonOpen = function getButtonOpen() {
|
|
215
166
|
if (!showButtonOpen) return undefined;
|
|
216
167
|
return /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
@@ -231,7 +182,6 @@ var DatePicker = function DatePicker(props) {
|
|
|
231
182
|
disabled: shouldDisable()
|
|
232
183
|
});
|
|
233
184
|
};
|
|
234
|
-
|
|
235
185
|
var getCalendar = function getCalendar(valueCalendar, calendarColorStyle) {
|
|
236
186
|
return /*#__PURE__*/_react.default.createElement(_calendar.default, {
|
|
237
187
|
currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment.default)(),
|
|
@@ -241,10 +191,8 @@ var DatePicker = function DatePicker(props) {
|
|
|
241
191
|
colorStyle: calendarColorStyle
|
|
242
192
|
});
|
|
243
193
|
};
|
|
244
|
-
|
|
245
194
|
var getWrapperComponent = function getWrapperComponent() {
|
|
246
195
|
if (onDenied && onDenied.readOnly) return null;
|
|
247
|
-
|
|
248
196
|
if (showCalendarInDialog) {
|
|
249
197
|
return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
|
|
250
198
|
dialogSize: dialogSize,
|
|
@@ -253,7 +201,6 @@ var DatePicker = function DatePicker(props) {
|
|
|
253
201
|
}
|
|
254
202
|
}, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
|
|
255
203
|
}
|
|
256
|
-
|
|
257
204
|
return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
258
205
|
topPosition: inputDimensions ? inputDimensions.top + inputDimensions.height + 5 : '',
|
|
259
206
|
leftPosition: inputDimensions ? inputDimensions.left : '',
|
|
@@ -263,7 +210,6 @@ var DatePicker = function DatePicker(props) {
|
|
|
263
210
|
}
|
|
264
211
|
}, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
|
|
265
212
|
};
|
|
266
|
-
|
|
267
213
|
if (onDenied && onDenied.unvisible) return null;
|
|
268
214
|
(0, _react.useEffect)(function () {
|
|
269
215
|
window.addEventListener('resize', onScreenResize);
|
|
@@ -274,7 +220,9 @@ var DatePicker = function DatePicker(props) {
|
|
|
274
220
|
window.removeEventListener('resize', onScreenResize);
|
|
275
221
|
document.removeEventListener('click', onClickOutside);
|
|
276
222
|
document.removeEventListener('mousemove', onMouseMove);
|
|
277
|
-
};
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
// TODO: Procurar solução melhor.
|
|
278
226
|
// setTimeout(() => { this.onScreenResize(); }, 300);
|
|
279
227
|
}, [_inputRef.current]);
|
|
280
228
|
(0, _react.useEffect)(function () {
|
|
@@ -316,6 +264,5 @@ var DatePicker = function DatePicker(props) {
|
|
|
316
264
|
}
|
|
317
265
|
})), showCalendar && getWrapperComponent());
|
|
318
266
|
};
|
|
319
|
-
|
|
320
267
|
var _default = DatePicker;
|
|
321
268
|
exports.default = _default;
|
package/lib/inputs/inputHOC.js
CHANGED
|
@@ -1,81 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
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); }
|
|
17
|
-
|
|
18
12
|
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; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
|
|
24
15
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
-
|
|
26
16
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
20
|
var InputHOC = function InputHOC(WrappedComponent) {
|
|
35
21
|
var EnhancedComponent = function EnhancedComponent(props) {
|
|
36
22
|
var _props$visible = props.visible,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
visible = _props$visible === void 0 ? true : _props$visible,
|
|
24
|
+
_props$gridLayout = props.gridLayout,
|
|
25
|
+
gridLayout = _props$gridLayout === void 0 ? undefined : _props$gridLayout;
|
|
41
26
|
var _useState = (0, _react.useState)(false),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
inputHasFocus = _useState2[0],
|
|
29
|
+
setInputHasFocus = _useState2[1];
|
|
46
30
|
var _useState3 = (0, _react.useState)(false),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
31
|
+
_useState4 = _slicedToArray(_useState3, 1),
|
|
32
|
+
requiredError = _useState4[0];
|
|
50
33
|
var onInputReceiveFocus = function onInputReceiveFocus() {
|
|
51
34
|
setInputHasFocus(true);
|
|
52
35
|
};
|
|
53
|
-
|
|
54
36
|
var onInputLostFocus = function onInputLostFocus() {
|
|
55
37
|
setInputHasFocus(false);
|
|
56
38
|
};
|
|
57
|
-
|
|
58
39
|
var newProps = {
|
|
59
40
|
inputHasFocus: inputHasFocus,
|
|
60
41
|
requiredError: requiredError,
|
|
61
42
|
onInputReceiveFocus: onInputReceiveFocus,
|
|
62
43
|
onInputLostFocus: onInputLostFocus
|
|
63
44
|
};
|
|
64
|
-
|
|
65
45
|
var result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
|
|
66
|
-
|
|
67
46
|
if (gridLayout !== undefined && visible) {
|
|
68
47
|
result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
|
|
69
48
|
customClass: "-withinput",
|
|
70
49
|
cols: gridLayout
|
|
71
50
|
}, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
|
|
72
51
|
}
|
|
73
|
-
|
|
74
52
|
return result;
|
|
75
53
|
};
|
|
76
|
-
|
|
77
54
|
return EnhancedComponent;
|
|
78
55
|
};
|
|
79
|
-
|
|
80
56
|
var _default = InputHOC;
|
|
81
57
|
exports.default = _default;
|
|
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _imaskHOC = _interopRequireDefault(require("./imaskHOC"));
|
|
11
|
-
|
|
12
9
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
13
|
-
|
|
14
10
|
var _excluded = ["inputRef"];
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
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
|
-
|
|
20
13
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
|
|
22
14
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
|
-
|
|
24
15
|
var getOnBlurEvent = function getOnBlurEvent(props) {
|
|
25
16
|
if (props.isNumeric) return {};
|
|
26
17
|
return {
|
|
@@ -42,16 +33,12 @@ var getOnBlurEvent = function getOnBlurEvent(props) {
|
|
|
42
33
|
}
|
|
43
34
|
};
|
|
44
35
|
};
|
|
45
|
-
|
|
46
36
|
var BaseMask = function BaseMask(_ref) {
|
|
47
37
|
var inputRef = _ref.inputRef,
|
|
48
|
-
|
|
49
|
-
|
|
38
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
50
39
|
return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
51
40
|
inputRef: inputRef
|
|
52
41
|
}, getOnBlurEvent(props)));
|
|
53
42
|
};
|
|
54
|
-
|
|
55
43
|
var _default = (0, _imaskHOC.default)(BaseMask);
|
|
56
|
-
|
|
57
44
|
exports.default = _default;
|
package/lib/inputs/mask/Cnpj.js
CHANGED
|
@@ -1,54 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
-
|
|
14
10
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
15
|
-
|
|
16
11
|
var _helpers = require("./helpers");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
|
|
28
17
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
29
|
-
|
|
30
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
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; }
|
|
35
|
-
|
|
36
21
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
-
|
|
38
22
|
// Em caso de alteração no nome do componente deverá ser atualizada
|
|
39
23
|
// à propriedade displayName, para o mesmo nome do componente
|
|
40
24
|
var CnpjField = function CnpjField(props) {
|
|
41
25
|
var _props$value = props.value,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
26
|
+
value = _props$value === void 0 ? '' : _props$value,
|
|
27
|
+
_props$enableValidati = props.enableValidation,
|
|
28
|
+
enableValidation = _props$enableValidati === void 0 ? true : _props$enableValidati,
|
|
29
|
+
handlerSetComponentValidator = props.handlerSetComponentValidator;
|
|
47
30
|
var _useState = (0, _react.useState)(''),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
messageFromValidator = _useState2[0],
|
|
33
|
+
setMessageFromValidator = _useState2[1];
|
|
52
34
|
(0, _react.useEffect)(function () {
|
|
53
35
|
if (enableValidation && handlerSetComponentValidator) {
|
|
54
36
|
handlerSetComponentValidator(function () {
|
|
@@ -56,43 +38,36 @@ var CnpjField = function CnpjField(props) {
|
|
|
56
38
|
});
|
|
57
39
|
}
|
|
58
40
|
}, []);
|
|
59
|
-
|
|
60
41
|
var onChange = function onChange(e) {
|
|
61
42
|
if (enableValidation && e) {
|
|
62
43
|
var debouncedOnChange;
|
|
63
|
-
|
|
64
44
|
if (!debouncedOnChange) {
|
|
65
45
|
debouncedOnChange = _lodash.default.debounce(function () {
|
|
66
46
|
(0, _helpers.CNPJValidation)(e.target.value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
|
|
67
47
|
}, 300);
|
|
68
48
|
}
|
|
69
|
-
|
|
70
49
|
debouncedOnChange();
|
|
71
50
|
if (props.onChange) props.onChange(e);
|
|
72
51
|
}
|
|
73
|
-
|
|
74
52
|
if (props.onChange) props.onChange(e);
|
|
75
53
|
};
|
|
76
|
-
|
|
77
54
|
var getErrorMessagesProp = function getErrorMessagesProp() {
|
|
78
55
|
if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
|
|
79
56
|
return {
|
|
80
57
|
errorMessages: [messageFromValidator]
|
|
81
58
|
};
|
|
82
59
|
}
|
|
83
|
-
|
|
84
60
|
return {};
|
|
85
61
|
};
|
|
86
|
-
|
|
87
62
|
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
|
|
88
63
|
value: value,
|
|
89
64
|
mask: "00.000.000/0000-00",
|
|
90
65
|
onChange: onChange
|
|
91
66
|
}, getErrorMessagesProp()));
|
|
92
|
-
};
|
|
93
|
-
// getCustomProps dentro do componente Field do diretório lib/form
|
|
94
|
-
|
|
67
|
+
};
|
|
95
68
|
|
|
69
|
+
// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
|
|
70
|
+
// getCustomProps dentro do componente Field do diretório lib/form
|
|
96
71
|
CnpjField.displayName = 'CnpjField';
|
|
97
72
|
var _default = CnpjField;
|
|
98
73
|
exports.default = _default;
|
package/lib/inputs/mask/Cpf.js
CHANGED
|
@@ -1,52 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
-
|
|
14
10
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
15
|
-
|
|
16
11
|
var _helpers = require("./helpers");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
|
|
28
17
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
29
|
-
|
|
30
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
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; }
|
|
35
|
-
|
|
36
21
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
-
|
|
38
22
|
// Em caso de alteração no nome do componente deverá ser atualizada
|
|
39
23
|
// à propriedade displayName, para o mesmo nome do componente
|
|
40
24
|
var CpfField = function CpfField(props) {
|
|
41
25
|
var _props$enableValidati = props.enableValidation,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
26
|
+
enableValidation = _props$enableValidati === void 0 ? true : _props$enableValidati,
|
|
27
|
+
handlerSetComponentValidator = props.handlerSetComponentValidator;
|
|
45
28
|
var _useState = (0, _react.useState)(''),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
29
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
+
messageFromValidator = _useState2[0],
|
|
31
|
+
setMessageFromValidator = _useState2[1];
|
|
50
32
|
(0, _react.useEffect)(function () {
|
|
51
33
|
if (enableValidation && handlerSetComponentValidator) {
|
|
52
34
|
handlerSetComponentValidator(function () {
|
|
@@ -62,36 +44,31 @@ var CpfField = function CpfField(props) {
|
|
|
62
44
|
(0, _react.useEffect)(function () {
|
|
63
45
|
return debouncedOnChange.cancel;
|
|
64
46
|
}, []);
|
|
65
|
-
|
|
66
47
|
var onChange = function onChange(e) {
|
|
67
48
|
if (enableValidation && e) {
|
|
68
49
|
debouncedOnChange(e.target.value);
|
|
69
50
|
if (props.onChange) props.onChange(e);
|
|
70
51
|
}
|
|
71
|
-
|
|
72
52
|
if (props.onChange) {
|
|
73
53
|
props.onChange(e);
|
|
74
54
|
}
|
|
75
55
|
};
|
|
76
|
-
|
|
77
56
|
var getErrorMessagesProp = function getErrorMessagesProp() {
|
|
78
57
|
if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
|
|
79
58
|
return {
|
|
80
59
|
errorMessages: [messageFromValidator]
|
|
81
60
|
};
|
|
82
61
|
}
|
|
83
|
-
|
|
84
62
|
return {};
|
|
85
63
|
};
|
|
86
|
-
|
|
87
64
|
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
88
65
|
onChange: onChange,
|
|
89
66
|
mask: "000.000.000-00"
|
|
90
67
|
}, props, getErrorMessagesProp()));
|
|
91
|
-
};
|
|
92
|
-
// getCustomProps dentro do componente Field do diretório lib/form
|
|
93
|
-
|
|
68
|
+
};
|
|
94
69
|
|
|
70
|
+
// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
|
|
71
|
+
// getCustomProps dentro do componente Field do diretório lib/form
|
|
95
72
|
CpfField.displayName = 'CpfField';
|
|
96
73
|
var _default = CpfField;
|
|
97
74
|
exports.default = _default;
|
package/lib/inputs/mask/Phone.js
CHANGED
|
@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
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); }
|
|
15
|
-
|
|
16
11
|
var PhoneField = function PhoneField(props) {
|
|
17
12
|
var cellNumber = props.cellNumber;
|
|
18
13
|
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
|
|
19
14
|
mask: cellNumber ? '(00) 00000-0000' : '(00) 0000-0000'
|
|
20
15
|
}));
|
|
21
16
|
};
|
|
22
|
-
|
|
23
17
|
var _default = PhoneField;
|
|
24
18
|
exports.default = _default;
|