linear-react-components-ui 1.1.13 → 1.1.14-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +77 -45
- package/.gitlab-ci.yml +5 -13
- package/.tool-versions +1 -0
- package/.vscode/settings.json +3 -12
- package/babel.config.json +4 -4
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +56 -47
- package/lib/alerts/AlertProvider.js +51 -33
- package/lib/alerts/BaseAlert.js +18 -11
- package/lib/alerts/Message.d.ts +1 -1
- package/lib/alerts/Message.js +44 -77
- package/lib/alerts/helpers.js +3 -2
- package/lib/alerts/index.js +3 -2
- package/lib/alerts/types.d.ts +0 -1
- package/lib/alerts/withAlert.js +9 -8
- package/lib/assets/styles/alerts.scss +7 -4
- package/lib/assets/styles/button.scss +9 -11
- package/lib/assets/styles/checkbox.scss +38 -45
- package/lib/assets/styles/colors.scss +1 -3
- package/lib/assets/styles/commons.scss +0 -1
- package/lib/assets/styles/dialog.scss +20 -37
- package/lib/assets/styles/drawers.scss +6 -9
- package/lib/assets/styles/fieldset.scss +0 -3
- package/lib/assets/styles/gridlayout.scss +2 -0
- package/lib/assets/styles/hint.scss +0 -21
- package/lib/assets/styles/icon.scss +4 -31
- package/lib/assets/styles/input.scss +7 -7
- package/lib/assets/styles/multiSelect.scss +1 -6
- package/lib/assets/styles/radio.scss +35 -37
- package/lib/assets/styles/select.scss +7 -13
- package/lib/assets/styles/table.scss +1 -9
- package/lib/assets/styles/tabs.scss +18 -28
- package/lib/avatar/index.js +39 -39
- package/lib/badge/index.js +13 -11
- package/lib/buttons/ActivateButton.js +7 -4
- package/lib/buttons/AddButton.js +10 -7
- package/lib/buttons/Button.js +9 -8
- package/lib/buttons/ButtonGroups.js +4 -5
- package/lib/buttons/CancelButton.js +5 -6
- package/lib/buttons/DangerButton.js +5 -6
- package/lib/buttons/DefaultButton.js +85 -85
- package/lib/buttons/DestroyButton.js +5 -6
- package/lib/buttons/EditButton.js +7 -4
- package/lib/buttons/InactivateButton.js +7 -4
- package/lib/buttons/InfoButton.js +5 -6
- package/lib/buttons/PrimaryButton.js +5 -6
- package/lib/buttons/RestoreButton.js +7 -4
- package/lib/buttons/SaveButton.js +5 -6
- package/lib/buttons/SuccessButton.js +5 -6
- package/lib/buttons/WarningButton.js +5 -6
- package/lib/buttons/button_container/index.js +19 -15
- package/lib/buttons/index.js +16 -15
- package/lib/buttons/split_button/index.js +23 -20
- package/lib/buttons/types.d.ts +0 -1
- package/lib/calendar/DangerCalendar.js +5 -6
- package/lib/calendar/InfoCalendar.js +5 -6
- package/lib/calendar/PrimaryCalendar.js +5 -6
- package/lib/calendar/SuccessCalendar.js +5 -6
- package/lib/calendar/WarningCalendar.js +5 -6
- package/lib/calendar/base/Day.js +11 -12
- package/lib/calendar/base/Month.js +17 -12
- package/lib/calendar/base/Week.js +17 -12
- package/lib/calendar/base/helpers.js +11 -11
- package/lib/calendar/base/index.js +43 -29
- package/lib/calendar/index.js +7 -6
- package/lib/checkbox/Label.js +9 -19
- package/lib/checkbox/index.d.ts +2 -2
- package/lib/checkbox/index.js +95 -81
- package/lib/checkbox/types.d.ts +1 -2
- package/lib/dialog/Alert.js +4 -3
- package/lib/dialog/Custom.js +16 -14
- package/lib/dialog/Error.js +4 -3
- package/lib/dialog/Information.js +4 -3
- package/lib/dialog/Question.js +12 -11
- package/lib/dialog/Warning.js +5 -5
- package/lib/dialog/base/Content.js +5 -7
- package/lib/dialog/base/Footer.js +7 -4
- package/lib/dialog/base/Header.js +28 -28
- package/lib/dialog/base/index.d.ts +2 -8
- package/lib/dialog/base/index.js +104 -108
- package/lib/dialog/base/style.js +10 -7
- package/lib/dialog/form/index.js +35 -36
- package/lib/dialog/index.js +8 -7
- package/lib/dialog/types.d.ts +13 -8
- package/lib/drawer/Content.js +10 -11
- package/lib/drawer/Drawer.js +83 -69
- package/lib/drawer/Header.js +36 -33
- package/lib/drawer/helpers.js +3 -2
- package/lib/drawer/index.js +4 -3
- package/lib/dropdown/Popup.d.ts +1 -1
- package/lib/dropdown/Popup.js +39 -38
- package/lib/dropdown/helper.js +5 -3
- package/lib/dropdown/types.d.ts +0 -1
- package/lib/dropdown/withDropdown.js +58 -37
- package/lib/fieldset/index.js +56 -50
- package/lib/fieldset/types.d.ts +0 -2
- package/lib/form/Field.d.ts +0 -2
- package/lib/form/Field.js +74 -68
- package/lib/form/FieldArray.d.ts +0 -2
- package/lib/form/FieldArray.js +90 -66
- package/lib/form/FieldNumber.d.ts +0 -2
- package/lib/form/FieldNumber.js +53 -33
- package/lib/form/FieldPeriod.d.ts +0 -2
- package/lib/form/FieldPeriod.js +52 -46
- package/lib/form/helpers.d.ts +0 -2
- package/lib/form/helpers.js +26 -21
- package/lib/form/index.d.ts +0 -2
- package/lib/form/index.js +143 -111
- package/lib/form/types.d.ts +4 -7
- package/lib/form/withFieldHOC.d.ts +0 -2
- package/lib/form/withFieldHOC.js +38 -31
- package/lib/form/withFormSecurity.d.ts +0 -2
- package/lib/form/withFormSecurity.js +34 -26
- package/lib/gridlayout/GridCol.js +13 -13
- package/lib/gridlayout/GridRow.js +11 -17
- package/lib/gridlayout/index.js +3 -2
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/index.d.ts +1 -2
- package/lib/hint/index.js +28 -17
- package/lib/hint/types.d.ts +0 -3
- package/lib/icons/helper.d.ts +0 -4
- package/lib/icons/helper.js +4 -7
- package/lib/icons/index.d.ts +2 -3
- package/lib/icons/index.js +47 -42
- package/lib/icons/types.d.ts +9 -22
- package/lib/index.d.ts +1 -2
- package/lib/index.js +9 -9
- package/lib/inputs/base/InputTextBase.d.ts +0 -2
- package/lib/inputs/base/InputTextBase.js +111 -143
- package/lib/inputs/base/helpers.d.ts +2 -3
- package/lib/inputs/base/helpers.js +25 -20
- package/lib/inputs/base/types.d.ts +3 -17
- package/lib/inputs/color/index.js +38 -27
- package/lib/inputs/date/Dialog.d.ts +0 -2
- package/lib/inputs/date/Dialog.js +9 -8
- package/lib/inputs/date/Dropdown.d.ts +0 -2
- package/lib/inputs/date/Dropdown.js +10 -11
- package/lib/inputs/date/helpers.d.ts +0 -2
- package/lib/inputs/date/helpers.js +13 -13
- package/lib/inputs/date/index.d.ts +0 -2
- package/lib/inputs/date/index.js +150 -125
- package/lib/inputs/date/types.d.ts +1 -4
- package/lib/inputs/file/DefaultFile.d.ts +0 -2
- package/lib/inputs/file/DefaultFile.js +72 -45
- package/lib/inputs/file/DragDropFile.d.ts +0 -2
- package/lib/inputs/file/DragDropFile.js +147 -95
- package/lib/inputs/file/File.d.ts +1 -3
- package/lib/inputs/file/File.js +28 -22
- package/lib/inputs/file/FileButtonSettings.d.ts +0 -2
- package/lib/inputs/file/FileButtonSettings.js +12 -12
- package/lib/inputs/file/helpers.d.ts +0 -2
- package/lib/inputs/file/helpers.js +6 -4
- package/lib/inputs/file/index.d.ts +0 -2
- package/lib/inputs/file/index.js +4 -3
- package/lib/inputs/file/types.d.ts +0 -2
- package/lib/inputs/inputHOC.d.ts +1 -2
- package/lib/inputs/inputHOC.js +32 -19
- package/lib/inputs/mask/BaseMask.d.ts +5 -4
- package/lib/inputs/mask/BaseMask.js +34 -121
- package/lib/inputs/mask/Cnpj.d.ts +0 -2
- package/lib/inputs/mask/Cnpj.js +29 -16
- package/lib/inputs/mask/Cpf.d.ts +0 -2
- package/lib/inputs/mask/Cpf.js +35 -18
- package/lib/inputs/mask/Phone.d.ts +0 -2
- package/lib/inputs/mask/Phone.js +4 -5
- package/lib/inputs/mask/ZipCode.d.ts +0 -2
- package/lib/inputs/mask/ZipCode.js +7 -4
- package/lib/inputs/mask/helpers.d.ts +12 -53
- package/lib/inputs/mask/helpers.js +36 -90
- package/lib/inputs/{errorMessage/index.d.ts → mask/imaskHOC.d.ts} +7 -5
- package/lib/inputs/mask/imaskHOC.js +224 -0
- package/lib/inputs/mask/index.d.ts +2 -4
- package/lib/inputs/mask/index.js +6 -5
- package/lib/inputs/mask/types.d.ts +18 -22
- package/lib/inputs/multiSelect/ActionButtons.d.ts +0 -2
- package/lib/inputs/multiSelect/ActionButtons.js +21 -22
- package/lib/inputs/multiSelect/Dropdown.d.ts +0 -2
- package/lib/inputs/multiSelect/Dropdown.js +65 -48
- package/lib/inputs/multiSelect/helper.d.ts +0 -2
- package/lib/inputs/multiSelect/helper.js +7 -8
- package/lib/inputs/multiSelect/index.d.ts +0 -2
- package/lib/inputs/multiSelect/index.js +132 -80
- package/lib/inputs/multiSelect/types.d.ts +0 -2
- package/lib/inputs/number/BaseNumber.d.ts +2 -3
- package/lib/inputs/number/BaseNumber.js +21 -22
- package/lib/inputs/number/Currency.d.ts +2 -3
- package/lib/inputs/number/Currency.js +6 -6
- package/lib/inputs/number/Decimal.d.ts +2 -3
- package/lib/inputs/number/Decimal.js +5 -2
- package/lib/inputs/number/format_number.js +5 -5
- package/lib/inputs/number/index.d.ts +2 -3
- package/lib/inputs/number/index.js +49 -18
- package/lib/inputs/number/types.d.ts +14 -15
- package/lib/inputs/period/Dialog.d.ts +1 -3
- package/lib/inputs/period/Dialog.js +9 -8
- package/lib/inputs/period/Dropdown.d.ts +0 -2
- package/lib/inputs/period/Dropdown.js +8 -7
- package/lib/inputs/period/PeriodList.d.ts +0 -2
- package/lib/inputs/period/PeriodList.js +12 -13
- package/lib/inputs/period/helper.d.ts +0 -2
- package/lib/inputs/period/helper.js +36 -33
- package/lib/inputs/period/index.d.ts +0 -2
- package/lib/inputs/period/index.js +194 -160
- package/lib/inputs/period/types.d.ts +1 -3
- package/lib/inputs/search/index.d.ts +1 -2
- package/lib/inputs/search/index.js +63 -40
- package/lib/inputs/select/ActionButtons.d.ts +1 -2
- package/lib/inputs/select/ActionButtons.js +34 -24
- package/lib/inputs/select/Dropdown.d.ts +1 -2
- package/lib/inputs/select/Dropdown.js +58 -39
- package/lib/inputs/select/helper.d.ts +1 -2
- package/lib/inputs/select/helper.js +43 -49
- package/lib/inputs/select/index.d.ts +0 -2
- package/lib/inputs/select/index.js +8 -9
- package/lib/inputs/select/multiple/Selecteds.d.ts +1 -3
- package/lib/inputs/select/multiple/Selecteds.js +21 -16
- package/lib/inputs/select/multiple/index.d.ts +0 -2
- package/lib/inputs/select/multiple/index.js +176 -128
- package/lib/inputs/select/simple/index.d.ts +0 -2
- package/lib/inputs/select/simple/index.js +179 -151
- package/lib/inputs/select/types.d.ts +2 -5
- package/lib/inputs/text/index.js +5 -2
- package/lib/inputs/textarea/index.d.ts +0 -2
- package/lib/inputs/textarea/index.js +9 -9
- package/lib/inputs/textarea/types.d.ts +0 -2
- package/lib/inputs/types.d.ts +7 -12
- package/lib/internals/colorStyles.js +3 -2
- package/lib/internals/constants.js +4 -2
- package/lib/internals/types.d.ts +2 -5
- package/lib/internals/withTooltip.d.ts +2 -3
- package/lib/internals/withTooltip.js +74 -74
- package/lib/labelMessages/index.js +41 -21
- package/lib/labels/DangerLabel.js +5 -6
- package/lib/labels/DefaultLabel.js +39 -25
- package/lib/labels/InfoLabel.js +5 -6
- package/lib/labels/PrimaryLabel.js +5 -6
- package/lib/labels/SuccessLabel.js +5 -6
- package/lib/labels/WarningLabel.js +5 -6
- package/lib/labels/index.js +8 -7
- package/lib/labels/label_container/index.js +7 -7
- package/lib/list/Header.js +7 -8
- package/lib/list/Item.js +68 -72
- package/lib/list/Separator.js +7 -4
- package/lib/list/helpers.js +5 -3
- package/lib/list/index.js +100 -73
- package/lib/menus/float/MenuItem.js +19 -18
- package/lib/menus/float/SubMenuContainer.js +32 -26
- package/lib/menus/float/helpers.js +3 -2
- package/lib/menus/float/index.js +17 -16
- package/lib/menus/float/types.d.ts +1 -1
- package/lib/menus/index.js +2 -1
- package/lib/menus/sidenav/ExpandMenu.js +7 -8
- package/lib/menus/sidenav/MenuLink.js +8 -9
- package/lib/menus/sidenav/NavMenuGroup.js +11 -12
- package/lib/menus/sidenav/NavMenuItem.js +60 -46
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -19
- package/lib/menus/sidenav/helpers.js +8 -5
- package/lib/menus/sidenav/index.js +111 -83
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +6 -6
- package/lib/menus/sidenav/popup_menu_search/index.js +83 -63
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +16 -13
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +56 -43
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -4
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +56 -41
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +26 -28
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -4
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -4
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -4
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +4 -5
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -4
- package/lib/panel/helpers.d.ts +2 -7
- package/lib/panel/helpers.js +23 -11
- package/lib/panel/index.d.ts +1 -1
- package/lib/panel/index.js +9 -8
- package/lib/panel/types.d.ts +5 -46
- package/lib/permissionValidations.js +29 -24
- package/lib/popover/PopoverText.js +4 -5
- package/lib/popover/PopoverTitle.js +4 -5
- package/lib/popover/index.js +18 -14
- package/lib/progress/Bar.js +36 -30
- package/lib/progress/index.js +18 -16
- package/lib/radio/index.js +55 -34
- package/lib/shortcuts/index.js +8 -9
- package/lib/skeleton/SkeletonContainer.js +10 -9
- package/lib/skeleton/index.js +32 -25
- package/lib/spinner/SpinnerLoading.js +7 -6
- package/lib/spinner/index.js +36 -22
- package/lib/split/Split.js +110 -93
- package/lib/split/SplitSide.js +18 -19
- package/lib/split/helpers.js +3 -2
- package/lib/split/index.js +3 -2
- package/lib/table/Body.js +44 -41
- package/lib/table/Header.js +31 -28
- package/lib/table/HeaderColumn.d.ts +1 -1
- package/lib/table/HeaderColumn.js +21 -34
- package/lib/table/Row.js +47 -44
- package/lib/table/RowColumn.js +37 -36
- package/lib/table/helpers.js +12 -6
- package/lib/table/index.js +98 -78
- package/lib/table/types.d.ts +0 -3
- package/lib/tabs/{MenuTabs.d.ts → DropdownItems.d.ts} +3 -3
- package/lib/tabs/DropdownItems.js +65 -0
- package/lib/tabs/Menu.d.ts +1 -1
- package/lib/tabs/Menu.js +20 -32
- package/lib/tabs/MenuItems.d.ts +11 -0
- package/lib/tabs/MenuItems.js +76 -0
- package/lib/tabs/Panel.d.ts +1 -1
- package/lib/tabs/Panel.js +65 -69
- package/lib/tabs/index.d.ts +1 -1
- package/lib/tabs/index.js +221 -42
- package/lib/tabs/tabHelpers.d.ts +15 -4
- package/lib/tabs/tabHelpers.js +41 -36
- package/lib/tabs/types.d.ts +15 -48
- package/lib/toolbar/ButtonBar.js +39 -35
- package/lib/toolbar/LabelBar.js +36 -32
- package/lib/toolbar/Separator.js +7 -4
- package/lib/toolbar/ToolBarGroup.js +6 -6
- package/lib/toolbar/helpers.js +3 -2
- package/lib/toolbar/index.js +21 -19
- package/lib/toolbar/types.d.ts +0 -1
- package/lib/tooltip/index.js +32 -27
- package/lib/treetable/Body.js +32 -20
- package/lib/treetable/Header.js +14 -11
- package/lib/treetable/Row.js +137 -85
- package/lib/treetable/helpers.js +24 -15
- package/lib/treetable/index.js +10 -8
- package/lib/treeview/Header.js +6 -7
- package/lib/treeview/Node.js +132 -92
- package/lib/treeview/constants.js +2 -1
- package/lib/treeview/index.js +214 -148
- package/lib/treeview_old/Header.js +28 -0
- package/lib/treeview_old/Node.js +88 -0
- package/lib/treeview_old/index.js +42 -0
- package/lib/types-c2a0f035.d.ts +50 -0
- package/lib/uitour/helpers.js +7 -4
- package/lib/uitour/index.d.ts +1 -2
- package/lib/uitour/index.js +99 -112
- package/lib/uitour/types.d.ts +1 -9
- package/package.json +82 -77
- package/tsconfig.json +0 -1
- package/.eslintcache +0 -1
- package/.nvmrc +0 -1
- package/lib/assets/styles/error.scss +0 -9
- package/lib/assets/styles/textContent.scss +0 -9
- package/lib/hint/helpers.d.ts +0 -3
- package/lib/hint/helpers.js +0 -21
- package/lib/inputs/base/Label.d.ts +0 -14
- package/lib/inputs/base/Label.js +0 -35
- package/lib/inputs/errorMessage/index.js +0 -26
- package/lib/tabs/DropdownTabs.d.ts +0 -11
- package/lib/tabs/DropdownTabs.js +0 -71
- package/lib/tabs/MenuTabs.js +0 -82
- package/lib/tabs/context.d.ts +0 -12
- package/lib/tabs/context.js +0 -130
- package/lib/tabs/useTabs.d.ts +0 -11
- package/lib/tabs/useTabs.js +0 -11
- package/lib/textContent/index.d.ts +0 -8
- package/lib/textContent/index.js +0 -30
|
@@ -8,27 +8,27 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
9
9
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
size = 'medium',
|
|
14
|
-
labelButton =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
var FileButtonSettings = function FileButtonSettings(props) {
|
|
12
|
+
var _props$size = props.size,
|
|
13
|
+
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
14
|
+
_props$labelButton = props.labelButton,
|
|
15
|
+
labelButton = _props$labelButton === void 0 ? 'Selecionar' : _props$labelButton,
|
|
16
|
+
id = props.id,
|
|
17
|
+
onBtnClickInsert = props.onBtnClickInsert;
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement("label", {
|
|
19
19
|
id: "",
|
|
20
20
|
htmlFor: id
|
|
21
21
|
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
22
22
|
className: "uploadButton simple-search-file-button -shadowsdisabled -transparent",
|
|
23
|
-
onClick:
|
|
24
|
-
|
|
25
|
-
style: {
|
|
26
|
-
height: '100%'
|
|
23
|
+
onClick: function onClick() {
|
|
24
|
+
return onBtnClickInsert();
|
|
27
25
|
},
|
|
26
|
+
size: size,
|
|
28
27
|
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
29
28
|
name: "file_download"
|
|
30
29
|
}),
|
|
31
30
|
label: labelButton
|
|
32
31
|
}));
|
|
33
32
|
};
|
|
34
|
-
var _default =
|
|
33
|
+
var _default = FileButtonSettings;
|
|
34
|
+
exports.default = _default;
|
|
@@ -5,8 +5,6 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../internals/types.js';
|
|
9
|
-
import '../../@types/Position.js';
|
|
10
8
|
|
|
11
9
|
declare const transformFilesToFileList: (files: CustomFile) => FileList;
|
|
12
10
|
|
|
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.transformFilesToFileList = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
var transformFilesToFileList = function transformFilesToFileList(files) {
|
|
8
|
+
var newFiles = files;
|
|
9
9
|
if (!(newFiles instanceof FileList)) {
|
|
10
|
-
|
|
10
|
+
var dt = new DataTransfer();
|
|
11
11
|
if (newFiles instanceof File) {
|
|
12
12
|
dt.items.add(newFiles);
|
|
13
13
|
newFiles = dt.files;
|
|
14
14
|
} else {
|
|
15
|
-
newFiles.map(
|
|
15
|
+
newFiles.map(function (file) {
|
|
16
|
+
return dt.items.add(file);
|
|
17
|
+
});
|
|
16
18
|
newFiles = dt.files;
|
|
17
19
|
}
|
|
18
20
|
}
|
package/lib/inputs/file/index.js
CHANGED
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "DefaultFile", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function () {
|
|
8
|
+
get: function get() {
|
|
9
9
|
return _DefaultFile.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "DragDropFile", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () {
|
|
14
|
+
get: function get() {
|
|
15
15
|
return _DragDropFile.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
@@ -21,4 +21,5 @@ var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
|
|
|
21
21
|
var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
|
|
22
22
|
require("../../assets/styles/file.scss");
|
|
23
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
-
var _default =
|
|
24
|
+
var _default = _File.default;
|
|
25
|
+
exports.default = _default;
|
|
@@ -4,8 +4,6 @@ import { CustomInputEvent } from '../base/types.js';
|
|
|
4
4
|
import '../../@types/Align.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
-
import '../../internals/types.js';
|
|
8
|
-
import '../../@types/Position.js';
|
|
9
7
|
|
|
10
8
|
type CustomFile = FileList | File | File[];
|
|
11
9
|
interface IFileProps {
|
package/lib/inputs/inputHOC.d.ts
CHANGED
|
@@ -5,9 +5,8 @@ import '../@types/DataCombo.js';
|
|
|
5
5
|
import './base/types.js';
|
|
6
6
|
import '../@types/Align.js';
|
|
7
7
|
import '../@types/Period.js';
|
|
8
|
-
import '../internals/types.js';
|
|
9
|
-
import '../@types/Position.js';
|
|
10
8
|
import '../drawer/types.js';
|
|
9
|
+
import '../@types/Position.js';
|
|
11
10
|
import '../@types/Icon.js';
|
|
12
11
|
import '../icons/helper.js';
|
|
13
12
|
|
package/lib/inputs/inputHOC.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -7,30 +8,41 @@ exports.default = void 0;
|
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function _getRequireWildcardCache(
|
|
11
|
-
function _interopRequireWildcard(
|
|
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); }
|
|
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; }
|
|
12
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); }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
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."); }
|
|
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); }
|
|
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; }
|
|
18
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
19
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
+
var InputHOC = function InputHOC(WrappedComponent) {
|
|
21
|
+
var EnhancedComponent = function EnhancedComponent(props) {
|
|
22
|
+
var _props$visible = props.visible,
|
|
23
|
+
visible = _props$visible === void 0 ? true : _props$visible,
|
|
24
|
+
_props$gridLayout = props.gridLayout,
|
|
25
|
+
gridLayout = _props$gridLayout === void 0 ? undefined : _props$gridLayout;
|
|
26
|
+
var _useState = (0, _react.useState)(false),
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
inputHasFocus = _useState2[0],
|
|
29
|
+
setInputHasFocus = _useState2[1];
|
|
30
|
+
var _useState3 = (0, _react.useState)(false),
|
|
31
|
+
_useState4 = _slicedToArray(_useState3, 1),
|
|
32
|
+
requiredError = _useState4[0];
|
|
33
|
+
var onInputReceiveFocus = function onInputReceiveFocus() {
|
|
22
34
|
setInputHasFocus(true);
|
|
23
35
|
};
|
|
24
|
-
|
|
36
|
+
var onInputLostFocus = function onInputLostFocus() {
|
|
25
37
|
setInputHasFocus(false);
|
|
26
38
|
};
|
|
27
|
-
|
|
28
|
-
inputHasFocus,
|
|
29
|
-
requiredError,
|
|
30
|
-
onInputReceiveFocus,
|
|
31
|
-
onInputLostFocus
|
|
39
|
+
var newProps = {
|
|
40
|
+
inputHasFocus: inputHasFocus,
|
|
41
|
+
requiredError: requiredError,
|
|
42
|
+
onInputReceiveFocus: onInputReceiveFocus,
|
|
43
|
+
onInputLostFocus: onInputLostFocus
|
|
32
44
|
};
|
|
33
|
-
|
|
45
|
+
var result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
|
|
34
46
|
if (gridLayout !== undefined && visible) {
|
|
35
47
|
result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
|
|
36
48
|
customClass: "-withinput",
|
|
@@ -41,4 +53,5 @@ const InputHOC = WrappedComponent => {
|
|
|
41
53
|
};
|
|
42
54
|
return EnhancedComponent;
|
|
43
55
|
};
|
|
44
|
-
var _default =
|
|
56
|
+
var _default = InputHOC;
|
|
57
|
+
exports.default = _default;
|
|
@@ -4,9 +4,10 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../internals/types.js';
|
|
8
|
-
import '../../@types/Position.js';
|
|
9
7
|
|
|
10
|
-
declare const
|
|
8
|
+
declare const _default: {
|
|
9
|
+
(props: IBaseMaskProps): JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
11
12
|
|
|
12
|
-
export {
|
|
13
|
+
export { _default as default };
|
|
@@ -4,163 +4,76 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _imaskHOC = _interopRequireDefault(require("./imaskHOC"));
|
|
8
9
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
9
10
|
var _format_number = require("../number/format_number");
|
|
10
|
-
var
|
|
11
|
-
var _permissionValidations = require("../../permissionValidations");
|
|
12
|
-
var _helpers = require("./helpers");
|
|
13
|
-
const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "mask"];
|
|
11
|
+
var _excluded = ["inputRef"];
|
|
14
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
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); }
|
|
17
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); }
|
|
18
15
|
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; }
|
|
19
16
|
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; }
|
|
20
|
-
function ownKeys(
|
|
21
|
-
function _objectSpread(
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
19
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
-
function _toPropertyKey(
|
|
24
|
-
function _toPrimitive(
|
|
25
|
-
|
|
20
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
21
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
|
+
var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
|
|
26
23
|
if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
|
|
27
24
|
// Retornando um objeto com a mesma estrutura do Proxy original
|
|
28
25
|
// para recuperacao do valor da mascara sem formatacao.
|
|
29
26
|
// O retorno poderá ser modificado conforme necessidade, desde que seja
|
|
30
27
|
// mantido o path até a propriedade value e name.
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
} = event.target;
|
|
34
|
-
const value = props.defaultValue || '';
|
|
28
|
+
var name = event.target.name;
|
|
29
|
+
var value = props.defaultValue || '';
|
|
35
30
|
return _objectSpread(_objectSpread({}, event), {}, {
|
|
36
31
|
target: {
|
|
37
32
|
value: (0, _format_number.numberToEnUS)(value),
|
|
38
|
-
name
|
|
33
|
+
name: name
|
|
39
34
|
}
|
|
40
35
|
});
|
|
41
36
|
}
|
|
42
37
|
return event;
|
|
43
38
|
};
|
|
44
|
-
|
|
39
|
+
var getEventProps = function getEventProps(props) {
|
|
45
40
|
if (props.isNumeric) return {};
|
|
46
41
|
return {
|
|
47
|
-
onBlur: e
|
|
48
|
-
if (maskRef.unmaskedValue.trim().length && props.autoCompleteMask) {
|
|
49
|
-
const currentValue = maskRef.unmaskedValue;
|
|
50
|
-
const sizeMask = maskRef.mask.toString().replace(/\D+/g, '').length;
|
|
51
|
-
if (sizeMask > currentValue.length) {
|
|
52
|
-
switch (props.autoCompleteMask) {
|
|
53
|
-
case 'left':
|
|
54
|
-
setValue(currentValue.padStart(sizeMask, '0'));
|
|
55
|
-
break;
|
|
56
|
-
case 'right':
|
|
57
|
-
setValue(currentValue.padEnd(sizeMask, '0'));
|
|
58
|
-
break;
|
|
59
|
-
default:
|
|
60
|
-
setValue(currentValue);
|
|
61
|
-
break;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
42
|
+
onBlur: function onBlur(e) {
|
|
65
43
|
if (props.onBlur) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
|
|
71
|
-
target: _objectSpread(_objectSpread({}, e.target), {}, {
|
|
44
|
+
var value = e.target.value;
|
|
45
|
+
var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
|
|
46
|
+
var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
|
|
47
|
+
target: {
|
|
72
48
|
value: formatedValue
|
|
73
|
-
}
|
|
49
|
+
}
|
|
74
50
|
});
|
|
75
|
-
|
|
51
|
+
var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
|
|
76
52
|
props.onBlur(formattedEvent);
|
|
77
53
|
}
|
|
78
54
|
},
|
|
79
|
-
onKeyDown: e
|
|
55
|
+
onKeyDown: function onKeyDown(e) {
|
|
80
56
|
if (props.onKeyDown) {
|
|
81
|
-
|
|
82
|
-
value
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
|
|
57
|
+
var _ref = e.target,
|
|
58
|
+
value = _ref.value;
|
|
59
|
+
var formatedValue = (0, _format_number.formatOnlyNumbers)(value);
|
|
60
|
+
var eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
|
|
86
61
|
target: {
|
|
87
62
|
value: formatedValue
|
|
88
63
|
}
|
|
89
64
|
});
|
|
90
|
-
|
|
65
|
+
var formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
|
|
91
66
|
props.onKeyDown(formattedEvent);
|
|
92
67
|
}
|
|
93
68
|
}
|
|
94
69
|
};
|
|
95
70
|
};
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
onChange,
|
|
103
|
-
onComplete,
|
|
104
|
-
permissionAttr,
|
|
105
|
-
mask
|
|
106
|
-
} = _ref,
|
|
107
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
108
|
-
const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
|
|
109
|
-
const {
|
|
110
|
-
disabled,
|
|
111
|
-
readOnly
|
|
112
|
-
} = onDenied;
|
|
113
|
-
const disableCallbacks = disabled || readOnly;
|
|
114
|
-
const maskOptions = (0, _helpers.getMaskOptions)(_objectSpread({
|
|
115
|
-
mask
|
|
116
|
-
}, rest));
|
|
117
|
-
const {
|
|
118
|
-
ref,
|
|
119
|
-
setValue,
|
|
120
|
-
setTypedValue,
|
|
121
|
-
maskRef
|
|
122
|
-
} = (0, _reactImask.useIMask)(maskOptions, {
|
|
123
|
-
defaultValue: defaultValue,
|
|
124
|
-
onAccept: (_, r) => {
|
|
125
|
-
if (!disableCallbacks && onChange) {
|
|
126
|
-
const event = {
|
|
127
|
-
target: {
|
|
128
|
-
name: r.el.input.name,
|
|
129
|
-
value: r.unmaskedValue,
|
|
130
|
-
maskedValue: r.value,
|
|
131
|
-
typedValue: r.typedValue
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
onChange(event);
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
onComplete: (_, r) => {
|
|
138
|
-
if (!disableCallbacks && onComplete) {
|
|
139
|
-
const event = {
|
|
140
|
-
target: {
|
|
141
|
-
name: r.el.input.name,
|
|
142
|
-
value: r.unmaskedValue,
|
|
143
|
-
maskedValue: r.value,
|
|
144
|
-
typedValue: r.typedValue
|
|
145
|
-
}
|
|
146
|
-
};
|
|
147
|
-
onComplete(event);
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
(0, _react.useEffect)(() => {
|
|
152
|
-
if (valueProp) {
|
|
153
|
-
if (typeof valueProp === 'string') setValue(valueProp);else setTypedValue(valueProp);
|
|
154
|
-
}
|
|
155
|
-
}, [valueProp]);
|
|
156
|
-
return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
|
|
157
|
-
inputRef: r => {
|
|
158
|
-
ref.current = r;
|
|
159
|
-
if (inputRef) {
|
|
160
|
-
if (typeof inputRef === 'object') inputRef.current = r;else inputRef(r);
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
permissionAttr: permissionAttr
|
|
164
|
-
}, rest, getEventProps(rest, setValue, maskRef.current)));
|
|
71
|
+
var BaseMask = function BaseMask(_ref2) {
|
|
72
|
+
var inputRef = _ref2.inputRef,
|
|
73
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
75
|
+
inputRef: inputRef
|
|
76
|
+
}, getEventProps(props)));
|
|
165
77
|
};
|
|
166
|
-
var _default =
|
|
78
|
+
var _default = (0, _imaskHOC.default)(BaseMask);
|
|
79
|
+
exports.default = _default;
|
|
@@ -4,8 +4,6 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../internals/types.js';
|
|
8
|
-
import '../../@types/Position.js';
|
|
9
7
|
|
|
10
8
|
declare const CnpjField: {
|
|
11
9
|
(props: ICnpjFieldProps): JSX.Element;
|
package/lib/inputs/mask/Cnpj.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -9,28 +10,39 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
10
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
10
11
|
var _helpers = require("./helpers");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
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); }
|
|
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; }
|
|
14
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); }
|
|
16
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
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."); }
|
|
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); }
|
|
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; }
|
|
20
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
22
|
// Em caso de alteração no nome do componente deverá ser atualizada
|
|
16
23
|
// à propriedade displayName, para o mesmo nome do componente
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
value = '',
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
var CnpjField = function CnpjField(props) {
|
|
25
|
+
var _props$value = props.value,
|
|
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;
|
|
30
|
+
var _useState = (0, _react.useState)(''),
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
messageFromValidator = _useState2[0],
|
|
33
|
+
setMessageFromValidator = _useState2[1];
|
|
34
|
+
(0, _react.useEffect)(function () {
|
|
25
35
|
if (enableValidation && handlerSetComponentValidator) {
|
|
26
|
-
handlerSetComponentValidator(()
|
|
36
|
+
handlerSetComponentValidator(function () {
|
|
37
|
+
return _helpers.CNPJValidation;
|
|
38
|
+
});
|
|
27
39
|
}
|
|
28
40
|
}, []);
|
|
29
|
-
|
|
41
|
+
var onChange = function onChange(e) {
|
|
30
42
|
if (enableValidation && e) {
|
|
31
|
-
|
|
43
|
+
var debouncedOnChange;
|
|
32
44
|
if (!debouncedOnChange) {
|
|
33
|
-
debouncedOnChange = _lodash.default.debounce(()
|
|
45
|
+
debouncedOnChange = _lodash.default.debounce(function () {
|
|
34
46
|
(0, _helpers.CNPJValidation)(e.target.value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
|
|
35
47
|
}, 300);
|
|
36
48
|
}
|
|
@@ -39,7 +51,7 @@ const CnpjField = props => {
|
|
|
39
51
|
}
|
|
40
52
|
if (props.onChange) props.onChange(e);
|
|
41
53
|
};
|
|
42
|
-
|
|
54
|
+
var getErrorMessagesProp = function getErrorMessagesProp() {
|
|
43
55
|
if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
|
|
44
56
|
return {
|
|
45
57
|
errorMessages: [messageFromValidator]
|
|
@@ -57,4 +69,5 @@ const CnpjField = props => {
|
|
|
57
69
|
// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
|
|
58
70
|
// getCustomProps dentro do componente Field do diretório lib/form
|
|
59
71
|
CnpjField.displayName = 'CnpjField';
|
|
60
|
-
var _default =
|
|
72
|
+
var _default = CnpjField;
|
|
73
|
+
exports.default = _default;
|
package/lib/inputs/mask/Cpf.d.ts
CHANGED
|
@@ -4,8 +4,6 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../internals/types.js';
|
|
8
|
-
import '../../@types/Position.js';
|
|
9
7
|
|
|
10
8
|
declare const CpfField: {
|
|
11
9
|
(props: ICpfProps): JSX.Element;
|
package/lib/inputs/mask/Cpf.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -9,35 +10,50 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
10
|
var _BaseMask = _interopRequireDefault(require("./BaseMask"));
|
|
10
11
|
var _helpers = require("./helpers");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
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); }
|
|
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; }
|
|
14
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); }
|
|
16
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
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."); }
|
|
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); }
|
|
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; }
|
|
20
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
22
|
// Em caso de alteração no nome do componente deverá ser atualizada
|
|
16
23
|
// à propriedade displayName, para o mesmo nome do componente
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
enableValidation = true,
|
|
20
|
-
handlerSetComponentValidator
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
var CpfField = function CpfField(props) {
|
|
25
|
+
var _props$enableValidati = props.enableValidation,
|
|
26
|
+
enableValidation = _props$enableValidati === void 0 ? true : _props$enableValidati,
|
|
27
|
+
handlerSetComponentValidator = props.handlerSetComponentValidator;
|
|
28
|
+
var _useState = (0, _react.useState)(''),
|
|
29
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
+
messageFromValidator = _useState2[0],
|
|
31
|
+
setMessageFromValidator = _useState2[1];
|
|
32
|
+
(0, _react.useEffect)(function () {
|
|
24
33
|
if (enableValidation && handlerSetComponentValidator) {
|
|
25
|
-
handlerSetComponentValidator(()
|
|
34
|
+
handlerSetComponentValidator(function () {
|
|
35
|
+
return _helpers.CPFValidation;
|
|
36
|
+
});
|
|
26
37
|
}
|
|
27
38
|
}, []);
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
39
|
+
var debouncedOnChange = (0, _react.useMemo)(function () {
|
|
40
|
+
return _lodash.default.debounce(function (value) {
|
|
41
|
+
(0, _helpers.CPFValidation)(value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
|
|
42
|
+
}, 300);
|
|
43
|
+
}, [handlerSetComponentValidator]);
|
|
44
|
+
(0, _react.useEffect)(function () {
|
|
45
|
+
return debouncedOnChange.cancel;
|
|
46
|
+
}, []);
|
|
47
|
+
var onChange = function onChange(e) {
|
|
48
|
+
// console.log('onChange >>>', props.onChange);
|
|
49
|
+
if (enableValidation && e) {
|
|
34
50
|
debouncedOnChange(e.target.value);
|
|
35
51
|
if (props.onChange) props.onChange(e);
|
|
36
52
|
} else if (props.onChange) {
|
|
37
53
|
props.onChange(e);
|
|
38
54
|
}
|
|
39
55
|
};
|
|
40
|
-
|
|
56
|
+
var getErrorMessagesProp = function getErrorMessagesProp() {
|
|
41
57
|
if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
|
|
42
58
|
return {
|
|
43
59
|
errorMessages: [messageFromValidator]
|
|
@@ -54,4 +70,5 @@ const CpfField = props => {
|
|
|
54
70
|
// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
|
|
55
71
|
// getCustomProps dentro do componente Field do diretório lib/form
|
|
56
72
|
CpfField.displayName = 'CpfField';
|
|
57
|
-
var _default =
|
|
73
|
+
var _default = CpfField;
|
|
74
|
+
exports.default = _default;
|