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
|
@@ -1,131 +1,180 @@
|
|
|
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
|
});
|
|
6
7
|
exports.default = void 0;
|
|
7
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
8
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
10
|
+
var _uuid = _interopRequireDefault(require("uuid"));
|
|
10
11
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
11
12
|
var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
|
|
12
13
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
13
14
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
14
15
|
require("../../assets/styles/multiSelect.scss");
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
16
|
+
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
|
+
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; }
|
|
17
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
19
|
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
|
-
function ownKeys(
|
|
20
|
-
function _objectSpread(
|
|
20
|
+
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; }
|
|
21
|
+
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; }
|
|
21
22
|
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; }
|
|
22
|
-
function _toPropertyKey(
|
|
23
|
-
function _toPrimitive(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
23
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
24
|
+
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); }
|
|
25
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
26
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
28
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
29
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
30
|
+
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."); }
|
|
31
|
+
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); }
|
|
32
|
+
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
|
+
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; } }
|
|
34
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
+
var MultiSelectField = function MultiSelectField(props) {
|
|
36
|
+
var onSelect = props.onSelect,
|
|
37
|
+
idKey = props.idKey,
|
|
38
|
+
_props$disabled = props.disabled,
|
|
39
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
40
|
+
dataSource = props.dataSource,
|
|
41
|
+
descriptionKey = props.descriptionKey,
|
|
42
|
+
value = props.value,
|
|
43
|
+
onBlur = props.onBlur,
|
|
44
|
+
gridLayout = props.gridLayout,
|
|
45
|
+
_props$dropdownAlignB = props.dropdownAlignButton,
|
|
46
|
+
dropdownAlignButton = _props$dropdownAlignB === void 0 ? 'left' : _props$dropdownAlignB;
|
|
47
|
+
var componentId = "multiSelect-component".concat(_uuid.default.v1());
|
|
48
|
+
var _useState = (0, _react.useState)(dataSource),
|
|
49
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
50
|
+
dataCombo = _useState2[0],
|
|
51
|
+
setDataCombo = _useState2[1];
|
|
52
|
+
var _useState3 = (0, _react.useState)(),
|
|
53
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
54
|
+
selecteds = _useState4[0],
|
|
55
|
+
setSelecteds = _useState4[1];
|
|
56
|
+
var _useState5 = (0, _react.useState)(''),
|
|
57
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
58
|
+
inputValue = _useState6[0],
|
|
59
|
+
setInputValue = _useState6[1];
|
|
60
|
+
var _useState7 = (0, _react.useState)('Nenhum selecionado'),
|
|
61
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
62
|
+
label = _useState8[0],
|
|
63
|
+
setLabel = _useState8[1];
|
|
64
|
+
var _useState9 = (0, _react.useState)(0),
|
|
65
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
66
|
+
dropdownWidth = _useState10[0],
|
|
67
|
+
setDropdownWidth = _useState10[1];
|
|
68
|
+
var _useState11 = (0, _react.useState)(false),
|
|
69
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
70
|
+
isAllChecked = _useState12[0],
|
|
71
|
+
setIsAllChecked = _useState12[1];
|
|
72
|
+
var _useState13 = (0, _react.useState)(false),
|
|
73
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
74
|
+
opened = _useState14[0],
|
|
75
|
+
setOpened = _useState14[1];
|
|
76
|
+
var _useState15 = (0, _react.useState)(),
|
|
77
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
78
|
+
onDenied = _useState16[0],
|
|
79
|
+
setOnDenied = _useState16[1];
|
|
80
|
+
var _useState17 = (0, _react.useState)(false),
|
|
81
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
82
|
+
insideComponent = _useState18[0],
|
|
83
|
+
setInsideComponent = _useState18[1];
|
|
84
|
+
var _useState19 = (0, _react.useState)(),
|
|
85
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
86
|
+
elementStyles = _useState20[0],
|
|
87
|
+
setElementStyles = _useState20[1];
|
|
88
|
+
var componentRef = (0, _react.useRef)(null);
|
|
89
|
+
var selectWrapper = (0, _react.useRef)();
|
|
90
|
+
var handleOnSelect = function handleOnSelect(itemSelected) {
|
|
50
91
|
if (itemSelected === null) return;
|
|
51
|
-
|
|
92
|
+
var newSelecteds = selecteds;
|
|
52
93
|
if (newSelecteds) {
|
|
53
|
-
|
|
94
|
+
var hasSelected = newSelecteds.find(function (selected) {
|
|
95
|
+
return selected[idKey] === itemSelected[idKey];
|
|
96
|
+
});
|
|
54
97
|
if (hasSelected) {
|
|
55
|
-
newSelecteds = newSelecteds.filter(
|
|
98
|
+
newSelecteds = newSelecteds.filter(function (item) {
|
|
99
|
+
return item[idKey] !== itemSelected[idKey];
|
|
100
|
+
});
|
|
56
101
|
} else {
|
|
57
|
-
newSelecteds = [
|
|
102
|
+
newSelecteds = [].concat(_toConsumableArray(newSelecteds), [itemSelected]);
|
|
58
103
|
}
|
|
59
|
-
if (onSelect) onSelect(newSelecteds.map(
|
|
104
|
+
if (onSelect) onSelect(newSelecteds.map(function (item) {
|
|
105
|
+
return item[idKey];
|
|
106
|
+
}));
|
|
60
107
|
}
|
|
61
108
|
setSelecteds(newSelecteds);
|
|
62
109
|
};
|
|
63
|
-
|
|
64
|
-
|
|
110
|
+
var _onFocus = function onFocus() {
|
|
111
|
+
var newDropdownWidth = dropdownWidth;
|
|
65
112
|
newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
|
|
66
113
|
setOpened(true);
|
|
67
114
|
setDropdownWidth(newDropdownWidth);
|
|
68
115
|
};
|
|
69
|
-
|
|
70
|
-
|
|
116
|
+
var onMouseMove = function onMouseMove(event) {
|
|
117
|
+
var target = event.target;
|
|
71
118
|
if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
|
|
72
|
-
|
|
119
|
+
var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
|
|
73
120
|
setInsideComponent(newInsideComponent);
|
|
74
121
|
};
|
|
75
|
-
|
|
122
|
+
var onBlurComponent = function onBlurComponent(e) {
|
|
76
123
|
if (onBlur) onBlur(e);
|
|
77
124
|
if (!insideComponent) {
|
|
78
125
|
setInputValue('');
|
|
79
126
|
setDataCombo(dataSource);
|
|
80
127
|
}
|
|
81
128
|
};
|
|
82
|
-
|
|
83
|
-
|
|
129
|
+
var handleOnFilter = function handleOnFilter(currentValue) {
|
|
130
|
+
var newDataCombo = dataSource;
|
|
84
131
|
if (currentValue !== '' && dataSource) {
|
|
85
132
|
newDataCombo = (0, _helper.default)({
|
|
86
|
-
dataSource,
|
|
87
|
-
descriptionKey,
|
|
133
|
+
dataSource: dataSource,
|
|
134
|
+
descriptionKey: descriptionKey,
|
|
88
135
|
inputText: currentValue
|
|
89
136
|
});
|
|
90
137
|
}
|
|
91
138
|
setDataCombo(newDataCombo);
|
|
92
139
|
setInputValue(currentValue);
|
|
93
140
|
};
|
|
94
|
-
|
|
141
|
+
var onOpenClose = function onOpenClose() {
|
|
95
142
|
setOpened(!opened);
|
|
96
143
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
97
144
|
};
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
if (onSelect && currentData) onSelect(currentData.map(
|
|
145
|
+
var onCheckAll = function onCheckAll() {
|
|
146
|
+
var fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
147
|
+
var currentData = fromFilter ? dataCombo : dataSource;
|
|
148
|
+
if (onSelect && currentData) onSelect(currentData.map(function (i) {
|
|
149
|
+
return i[idKey];
|
|
150
|
+
}));
|
|
102
151
|
setSelecteds(currentData);
|
|
103
152
|
};
|
|
104
|
-
|
|
153
|
+
var onUncheckAll = function onUncheckAll() {
|
|
105
154
|
if (onSelect) onSelect();
|
|
106
155
|
setSelecteds([]);
|
|
107
156
|
};
|
|
108
|
-
|
|
157
|
+
var onScreenResize = function onScreenResize() {
|
|
109
158
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
110
159
|
};
|
|
111
|
-
|
|
160
|
+
var onClickOutSide = function onClickOutSide(event) {
|
|
112
161
|
var _componentRef$current;
|
|
113
|
-
|
|
114
|
-
target
|
|
115
|
-
} = event;
|
|
162
|
+
var target = event.target;
|
|
116
163
|
if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
|
|
117
164
|
setOpened(false);
|
|
118
165
|
setDataCombo(dataSource);
|
|
119
166
|
setInputValue('');
|
|
120
167
|
}
|
|
121
168
|
};
|
|
122
|
-
|
|
169
|
+
var setOnDeniedValue = function setOnDeniedValue(onDeniedValue) {
|
|
123
170
|
setOnDenied(onDeniedValue);
|
|
124
171
|
};
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
172
|
+
var shouldDisabled = function shouldDisabled() {
|
|
173
|
+
return !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
|
|
174
|
+
};
|
|
175
|
+
var getLabel = function getLabel() {
|
|
176
|
+
var checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
|
|
177
|
+
var newLabel = label;
|
|
129
178
|
if (checkIsAll) {
|
|
130
179
|
newLabel = 'Todos';
|
|
131
180
|
} else if (selecteds && selecteds.length > 1) {
|
|
@@ -137,38 +186,40 @@ const MultiSelectField = props => {
|
|
|
137
186
|
}
|
|
138
187
|
setLabel(newLabel);
|
|
139
188
|
};
|
|
140
|
-
(0, _react.useEffect)(()
|
|
189
|
+
(0, _react.useEffect)(function () {
|
|
141
190
|
if (gridLayout) {
|
|
142
191
|
var _selectWrapper$curren;
|
|
143
|
-
|
|
192
|
+
var currentGridEl = (_selectWrapper$curren = selectWrapper.current) === null || _selectWrapper$curren === void 0 ? void 0 : _selectWrapper$curren.parentElement;
|
|
144
193
|
if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
|
|
145
194
|
}
|
|
146
195
|
window.addEventListener('resize', onScreenResize);
|
|
147
196
|
document.addEventListener('click', onClickOutSide);
|
|
148
197
|
document.addEventListener('mousemove', onMouseMove);
|
|
149
|
-
return ()
|
|
198
|
+
return function () {
|
|
150
199
|
window.removeEventListener('resize', onScreenResize);
|
|
151
200
|
document.removeEventListener('click', onClickOutSide);
|
|
152
201
|
document.removeEventListener('mousemove', onMouseMove);
|
|
153
202
|
};
|
|
154
203
|
}, []);
|
|
155
|
-
(0, _react.useEffect)(()
|
|
204
|
+
(0, _react.useEffect)(function () {
|
|
156
205
|
if (dataSource && dataSource.length > 0) {
|
|
157
|
-
|
|
206
|
+
var newSelecteds = dataSource.filter(function (item) {
|
|
207
|
+
return value === null || value === void 0 ? void 0 : value.includes(item[idKey]);
|
|
208
|
+
});
|
|
158
209
|
setSelecteds(newSelecteds);
|
|
159
210
|
}
|
|
160
211
|
}, [value === null || value === void 0 ? void 0 : value.length, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
|
|
161
|
-
(0, _react.useEffect)(()
|
|
212
|
+
(0, _react.useEffect)(function () {
|
|
162
213
|
if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
|
|
163
|
-
|
|
214
|
+
var newDataCombo = (0, _helper.default)(_objectSpread(_objectSpread({}, props), {}, {
|
|
164
215
|
dataSource: dataSource || undefined,
|
|
165
216
|
inputText: inputValue
|
|
166
217
|
}));
|
|
167
218
|
setDataCombo(newDataCombo);
|
|
168
219
|
}
|
|
169
220
|
}, [dataSource]);
|
|
170
|
-
(0, _react.useEffect)(()
|
|
171
|
-
|
|
221
|
+
(0, _react.useEffect)(function () {
|
|
222
|
+
var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
|
|
172
223
|
setIsAllChecked(checkAll);
|
|
173
224
|
getLabel();
|
|
174
225
|
}, [selecteds, dataCombo]);
|
|
@@ -178,15 +229,15 @@ const MultiSelectField = props => {
|
|
|
178
229
|
className: "multiSelect-component"
|
|
179
230
|
}, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
|
|
180
231
|
value: label,
|
|
181
|
-
onFocus: ()
|
|
182
|
-
|
|
232
|
+
onFocus: function onFocus() {
|
|
233
|
+
_onFocus();
|
|
183
234
|
},
|
|
184
|
-
onBlur: e
|
|
235
|
+
onBlur: function onBlur(e) {
|
|
185
236
|
onBlurComponent(e);
|
|
186
237
|
},
|
|
187
238
|
customClassForWrapper: "selectwrapper -undigitable",
|
|
188
239
|
customClassForInputContent: "multiselect",
|
|
189
|
-
inputBaseRef: r
|
|
240
|
+
inputBaseRef: function inputBaseRef(r) {
|
|
190
241
|
selectWrapper.current = r;
|
|
191
242
|
},
|
|
192
243
|
handlerSetOnDenied: setOnDeniedValue,
|
|
@@ -194,7 +245,7 @@ const MultiSelectField = props => {
|
|
|
194
245
|
dropdownAlignButton: dropdownAlignButton,
|
|
195
246
|
disabled: shouldDisabled(),
|
|
196
247
|
dropdownOpened: opened,
|
|
197
|
-
handleOpenClose: ()
|
|
248
|
+
handleOpenClose: function handleOpenClose() {
|
|
198
249
|
onOpenClose();
|
|
199
250
|
},
|
|
200
251
|
handleCheckAll: onCheckAll,
|
|
@@ -212,9 +263,10 @@ const MultiSelectField = props => {
|
|
|
212
263
|
selectFieldRef: componentRef,
|
|
213
264
|
onSelect: handleOnSelect,
|
|
214
265
|
onFilter: handleOnFilter,
|
|
215
|
-
onFocus:
|
|
266
|
+
onFocus: _onFocus,
|
|
216
267
|
onBlur: onBlurComponent,
|
|
217
268
|
gridWrapperStyle: elementStyles
|
|
218
269
|
})));
|
|
219
270
|
};
|
|
220
|
-
var _default =
|
|
271
|
+
var _default = MultiSelectField;
|
|
272
|
+
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 DescriptionKey = string | ((dataSelected: DataCombo) => string);
|
|
11
9
|
interface GetFilteredParams {
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { IBaseNumberProps } from './types.js';
|
|
2
|
-
import '../../@types/PermissionAttr.js';
|
|
3
2
|
import '../base/types.js';
|
|
4
3
|
import 'react';
|
|
5
4
|
import '../../@types/Align.js';
|
|
6
5
|
import '../../@types/Period.js';
|
|
7
|
-
import '
|
|
8
|
-
import '../../@types/Position.js';
|
|
6
|
+
import '../../@types/PermissionAttr.js';
|
|
9
7
|
import '../types.js';
|
|
10
8
|
import '../../@types/DataCombo.js';
|
|
11
9
|
import '../../drawer/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
12
11
|
import '../../@types/Icon.js';
|
|
13
12
|
import '../../icons/helper.js';
|
|
14
13
|
|
|
@@ -8,54 +8,52 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
9
9
|
var _format_number = require("./format_number");
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
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); }
|
|
11
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); }
|
|
12
|
-
function ownKeys(
|
|
13
|
-
function _objectSpread(
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
14
15
|
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; }
|
|
15
|
-
function _toPropertyKey(
|
|
16
|
-
function _toPrimitive(
|
|
17
|
-
|
|
16
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
+
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); }
|
|
18
|
+
var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
|
|
18
19
|
if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
|
|
19
20
|
// Retornando um objeto com a mesma estrutura do Proxy original
|
|
20
21
|
// para recuperacao do valor formatado no padrão americano.
|
|
21
22
|
// O retorno poderá ser modificado conforme necessidade, desde que seja
|
|
22
23
|
// mantido o path até a propriedade value e name.
|
|
23
|
-
|
|
24
|
-
value,
|
|
25
|
-
name
|
|
26
|
-
} = event.target;
|
|
24
|
+
var _event$target = event.target,
|
|
25
|
+
value = _event$target.value,
|
|
26
|
+
name = _event$target.name;
|
|
27
27
|
return _objectSpread(_objectSpread({}, event), {}, {
|
|
28
28
|
target: {
|
|
29
29
|
value: (0, _format_number.numberToEnUS)(value),
|
|
30
|
-
name
|
|
30
|
+
name: name
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
return event;
|
|
35
35
|
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
returnFormattedValueOnKeyDown
|
|
40
|
-
} = props;
|
|
36
|
+
var getEventProps = function getEventProps(props) {
|
|
37
|
+
var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
|
|
38
|
+
returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
|
|
41
39
|
if (props.isNumeric) return {};
|
|
42
40
|
return {
|
|
43
|
-
onBlur: e
|
|
41
|
+
onBlur: function onBlur(e) {
|
|
44
42
|
if (props.onBlur) {
|
|
45
|
-
|
|
43
|
+
var formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;
|
|
46
44
|
props.onBlur(formattedEvent);
|
|
47
45
|
}
|
|
48
46
|
},
|
|
49
|
-
onKeyDown: e
|
|
47
|
+
onKeyDown: function onKeyDown(e) {
|
|
50
48
|
if (props.onKeyDown) {
|
|
51
|
-
|
|
49
|
+
var formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
|
|
52
50
|
props.onKeyDown(formattedEvent);
|
|
53
51
|
}
|
|
54
52
|
}
|
|
55
53
|
};
|
|
56
54
|
};
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
var BaseNumber = function BaseNumber(props) {
|
|
56
|
+
var eventProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
59
57
|
returnFormattedValueOnBlur: true,
|
|
60
58
|
returnFormattedValueOnKeyDown: true
|
|
61
59
|
});
|
|
@@ -67,4 +65,5 @@ const BaseNumber = props => {
|
|
|
67
65
|
isNumeric: true
|
|
68
66
|
}, props, getEventProps(eventProps)));
|
|
69
67
|
};
|
|
70
|
-
var _default =
|
|
68
|
+
var _default = BaseNumber;
|
|
69
|
+
exports.default = _default;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { ICurrencyProps } from './types.js';
|
|
2
|
-
import '../../@types/PermissionAttr.js';
|
|
3
2
|
import '../base/types.js';
|
|
4
3
|
import 'react';
|
|
5
4
|
import '../../@types/Align.js';
|
|
6
5
|
import '../../@types/Period.js';
|
|
7
|
-
import '
|
|
8
|
-
import '../../@types/Position.js';
|
|
6
|
+
import '../../@types/PermissionAttr.js';
|
|
9
7
|
import '../types.js';
|
|
10
8
|
import '../../@types/DataCombo.js';
|
|
11
9
|
import '../../drawer/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
12
11
|
import '../../@types/Icon.js';
|
|
13
12
|
import '../../icons/helper.js';
|
|
14
13
|
|
|
@@ -8,15 +8,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
currencySymbol = 'R$'
|
|
14
|
-
|
|
15
|
-
const leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
|
|
11
|
+
var CurrencyField = function CurrencyField(props) {
|
|
12
|
+
var _props$currencySymbol = props.currencySymbol,
|
|
13
|
+
currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
|
|
14
|
+
var leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
|
|
16
15
|
className: "currency-symbol"
|
|
17
16
|
}, currencySymbol) : [];
|
|
18
17
|
return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({}, props, {
|
|
19
18
|
leftElements: leftElements
|
|
20
19
|
}));
|
|
21
20
|
};
|
|
22
|
-
var _default =
|
|
21
|
+
var _default = CurrencyField;
|
|
22
|
+
exports.default = _default;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { IBaseNumberProps } from './types.js';
|
|
2
|
-
import '../../@types/PermissionAttr.js';
|
|
3
2
|
import '../base/types.js';
|
|
4
3
|
import 'react';
|
|
5
4
|
import '../../@types/Align.js';
|
|
6
5
|
import '../../@types/Period.js';
|
|
7
|
-
import '
|
|
8
|
-
import '../../@types/Position.js';
|
|
6
|
+
import '../../@types/PermissionAttr.js';
|
|
9
7
|
import '../types.js';
|
|
10
8
|
import '../../@types/DataCombo.js';
|
|
11
9
|
import '../../drawer/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
12
11
|
import '../../@types/Icon.js';
|
|
13
12
|
import '../../icons/helper.js';
|
|
14
13
|
|
|
@@ -7,5 +7,8 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
var DecimalField = function DecimalField(props) {
|
|
11
|
+
return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
|
|
12
|
+
};
|
|
13
|
+
var _default = DecimalField;
|
|
14
|
+
exports.default = _default;
|
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.numberToPtBR = exports.numberToEnUS = exports.formatOnlyNumbers = void 0;
|
|
7
|
-
|
|
7
|
+
var numberToPtBR = function numberToPtBR(value) {
|
|
8
8
|
if (value !== undefined && typeof value === 'number') {
|
|
9
9
|
return value.toLocaleString('pt-BR');
|
|
10
10
|
}
|
|
11
11
|
return value;
|
|
12
12
|
};
|
|
13
13
|
exports.numberToPtBR = numberToPtBR;
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
var numberToEnUS = function numberToEnUS(value) {
|
|
15
|
+
var formattedNumber;
|
|
16
16
|
if (value) {
|
|
17
17
|
formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
|
|
18
18
|
return Number(formattedNumber);
|
|
@@ -20,8 +20,8 @@ const numberToEnUS = value => {
|
|
|
20
20
|
return value;
|
|
21
21
|
};
|
|
22
22
|
exports.numberToEnUS = numberToEnUS;
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
var formatOnlyNumbers = function formatOnlyNumbers(value) {
|
|
24
|
+
var teste = value.replace(/[._\-/()\s+]/g, '');
|
|
25
25
|
return teste;
|
|
26
26
|
};
|
|
27
27
|
exports.formatOnlyNumbers = formatOnlyNumbers;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
export { default as CurrencyField } from './Currency.js';
|
|
2
2
|
export { default as DecimalField } from './Decimal.js';
|
|
3
3
|
import { INumberFieldProps } from './types.js';
|
|
4
|
-
import '../../@types/PermissionAttr.js';
|
|
5
4
|
import '../base/types.js';
|
|
6
5
|
import 'react';
|
|
7
6
|
import '../../@types/Align.js';
|
|
8
7
|
import '../../@types/Period.js';
|
|
9
|
-
import '
|
|
10
|
-
import '../../@types/Position.js';
|
|
8
|
+
import '../../@types/PermissionAttr.js';
|
|
11
9
|
import '../types.js';
|
|
12
10
|
import '../../@types/DataCombo.js';
|
|
13
11
|
import '../../drawer/types.js';
|
|
12
|
+
import '../../@types/Position.js';
|
|
14
13
|
import '../../@types/Icon.js';
|
|
15
14
|
import '../../icons/helper.js';
|
|
16
15
|
|