linear-react-components-ui 1.0.10-beta.10 → 1.0.10-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/@types/Align.d.ts +2 -2
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +21 -5
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/alert.spec.js +133 -0
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +1 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +12 -1
- package/lib/assets/styles/drawers.scss +0 -9
- package/lib/assets/styles/table.scss +0 -30
- package/lib/avatar/avatar.spec.js +190 -0
- package/lib/avatar/index.js +35 -20
- package/lib/badge/badge.spec.js +127 -0
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.js +85 -58
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SpinnerLoading.js +230 -0
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/buttons.spec.js +504 -0
- package/lib/buttons/index.d.ts +1 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/buttons/types.d.ts +1 -2
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/calendar.spec.js +171 -0
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/checkbox.spec.js +215 -0
- package/lib/checkbox/index.js +54 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.js +28 -7
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/dialog.spec.js +488 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +1 -4
- package/lib/dialog/index.js +9 -0
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.d.ts +1 -1
- package/lib/drawer/Drawer.js +60 -44
- package/lib/drawer/Drawer.spec.js +258 -0
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.js +8 -0
- package/lib/drawer/types.d.ts +0 -1
- package/lib/dropdown/Popup.js +32 -19
- package/lib/dropdown/dropdown.spec.js +169 -0
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/fieldset.spec.js +329 -0
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +46 -20
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.d.ts +2 -2
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/form.spec.js +293 -0
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.d.ts +1 -2
- package/lib/form/index.js +92 -45
- package/lib/form/types.d.ts +11 -8
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +29 -7
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/gridLayout.spec.js +169 -0
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/hint/index.js +11 -6
- package/lib/icons/icons.spec.js +86 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +75 -55
- package/lib/inputs/base/base.spec.js +690 -0
- package/lib/inputs/base/helpers.js +19 -6
- package/lib/inputs/base/index.js +1 -0
- package/lib/inputs/color/color_input.spec.js +174 -0
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/date.spec.js +354 -0
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.js +84 -53
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/mask/input_mask.spec.js +607 -0
- package/lib/inputs/multiSelect/ActionButtons.d.ts +1 -1
- package/lib/inputs/multiSelect/ActionButtons.js +13 -7
- package/lib/inputs/multiSelect/Dropdown.js +46 -23
- package/lib/inputs/multiSelect/helper.d.ts +6 -8
- package/lib/inputs/multiSelect/helper.js +5 -7
- package/lib/inputs/multiSelect/index.js +105 -44
- package/lib/inputs/multiSelect/types.d.ts +3 -11
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/number/numberfield.spec.js +215 -0
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +120 -49
- package/lib/inputs/period/types.d.ts +3 -3
- package/lib/inputs/search/index.js +63 -18
- package/lib/inputs/search/search_input.spec.js +209 -0
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.js +49 -29
- package/lib/inputs/select/helper.d.ts +9 -4
- package/lib/inputs/select/helper.js +27 -20
- package/lib/inputs/select/index.js +23 -9
- package/lib/inputs/select/multiple/Selecteds.js +8 -4
- package/lib/inputs/select/multiple/index.js +106 -50
- package/lib/inputs/select/select.spec.js +395 -0
- package/lib/inputs/select/simple/index.js +123 -59
- package/lib/inputs/select/types.d.ts +8 -22
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/textfield.spec.js +215 -0
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/textarea/textarea.spec.js +59 -0
- package/lib/inputs/types.d.ts +1 -2
- package/lib/internals/withTooltip.js +70 -25
- package/lib/labelMessages/index.js +45 -25
- package/lib/labelMessages/labelMessages.spec.js +176 -0
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +1 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label.spec.js +162 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.js +60 -25
- package/lib/list/list.spec.js +769 -0
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/float-menu.spec.js +221 -0
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/index.d.ts +1 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/sidenav.spec.js +379 -0
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +27 -12
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +2 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/panel.spec.js +216 -0
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.js +23 -12
- package/lib/popover/popover.spec.js +146 -0
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/progress/progress.spec.js +94 -0
- package/lib/radio/index.js +46 -23
- package/lib/radio/radio.spec.js +189 -0
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/spinner/spinner.spec.js +152 -0
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/split/split.spec.js +163 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +26 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +30 -37
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/table.spec.js +352 -0
- package/lib/table/types.d.ts +1 -6
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/tabs/tabs.spec.js +321 -0
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/toolbar/toolbar.spec.js +394 -0
- package/lib/tooltip/index.js +25 -10
- package/lib/tooltip/tooltip.spec.js +215 -0
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/treeview.spec.js +279 -0
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- package/lib/uitour/uitour.spec.js +176 -0
- package/package.json +1 -1
- package/demo/06c001f4d19c06397d470bb43ff3fe49.png +0 -0
- package/demo/270084ef02ed3bddc3f735fd91ee3cae.png +0 -0
- package/demo/882f8e819d18f5f2dc08d23ebd28a7d5.png +0 -0
- package/demo/bundle.js +0 -2
- package/demo/bundle.js.LICENSE.txt +0 -65
- package/demo/cbc3b4bd6342c551db7afafe26dc458c.jpg +0 -0
- package/demo/edc9476523b940deab91951066981a31.png +0 -0
- package/demo/fb44e7c36db6d95bb85a745d4f060fb2.png +0 -0
- package/demo/fonts/Roboto-Black.woff +0 -0
- package/demo/fonts/Roboto-Black.woff2 +0 -0
- package/demo/fonts/Roboto-Bold.woff +0 -0
- package/demo/fonts/Roboto-Bold.woff2 +0 -0
- package/demo/fonts/Roboto-Light.woff +0 -0
- package/demo/fonts/Roboto-Light.woff2 +0 -0
- package/demo/fonts/Roboto-Medium.woff +0 -0
- package/demo/fonts/Roboto-Medium.woff2 +0 -0
- package/demo/fonts/Roboto-Regular.woff +0 -0
- package/demo/fonts/Roboto-Regular.woff2 +0 -0
- package/demo/fonts/Roboto-Thin.woff +0 -0
- package/demo/fonts/Roboto-Thin.woff2 +0 -0
- package/demo/fonts/TitilliumWeb-Black.woff +0 -0
- package/demo/fonts/TitilliumWeb-Black.woff2 +0 -0
- package/demo/fonts/TitilliumWeb-Bold.woff +0 -0
- package/demo/fonts/TitilliumWeb-Bold.woff2 +0 -0
- package/demo/fonts/TitilliumWeb-ExtraLight.woff +0 -0
- package/demo/fonts/TitilliumWeb-ExtraLight.woff2 +0 -0
- package/demo/fonts/TitilliumWeb-Light.woff +0 -0
- package/demo/fonts/TitilliumWeb-Light.woff2 +0 -0
- package/demo/fonts/TitilliumWeb-Regular.woff +0 -0
- package/demo/fonts/TitilliumWeb-Regular.woff2 +0 -0
- package/demo/fonts/TitilliumWeb-SemiBold.woff +0 -0
- package/demo/fonts/TitilliumWeb-SemiBold.woff2 +0 -0
- package/demo/index.html +0 -1
|
@@ -1,25 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
13
|
+
|
|
10
14
|
var _avatar = _interopRequireDefault(require("../../avatar"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
12
18
|
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); }
|
|
19
|
+
|
|
13
20
|
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; }
|
|
21
|
+
|
|
14
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
15
24
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
+
|
|
16
26
|
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."); }
|
|
27
|
+
|
|
17
28
|
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); }
|
|
18
|
-
|
|
19
|
-
function
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
33
|
+
|
|
20
34
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
+
|
|
21
36
|
var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight) {
|
|
22
37
|
var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
|
|
38
|
+
|
|
23
39
|
var selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
|
|
24
40
|
var bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
|
|
25
41
|
var offsetTop = selectFieldRef !== null && selectFieldRef !== void 0 && (_selectFieldRef$curre2 = selectFieldRef.current) !== null && _selectFieldRef$curre2 !== void 0 && _selectFieldRef$curre2.offsetTop ? selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre3 = selectFieldRef.current) === null || _selectFieldRef$curre3 === void 0 ? void 0 : _selectFieldRef$curre3.offsetTop : 0;
|
|
@@ -27,6 +43,7 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFie
|
|
|
27
43
|
var maxDropdownBottomDistance = 200;
|
|
28
44
|
var height = dropdownMaxHeight;
|
|
29
45
|
var dropdownPosition;
|
|
46
|
+
|
|
30
47
|
if (!height || height <= 0) {
|
|
31
48
|
if (dropdownBottomDistance < maxDropdownBottomDistance) {
|
|
32
49
|
height = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.top ? selectFieldRects.top : 0;
|
|
@@ -36,38 +53,43 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFie
|
|
|
36
53
|
}
|
|
37
54
|
} else {
|
|
38
55
|
maxDropdownBottomDistance = height;
|
|
56
|
+
|
|
39
57
|
if (dropdownBottomDistance < maxDropdownBottomDistance) {
|
|
40
58
|
dropdownPosition = window.innerHeight - offsetTop + 10;
|
|
41
59
|
}
|
|
42
60
|
}
|
|
61
|
+
|
|
43
62
|
return {
|
|
44
63
|
maxHeight: "".concat(height - 30, "px"),
|
|
45
64
|
bottom: "".concat(dropdownPosition, "px")
|
|
46
65
|
};
|
|
47
66
|
};
|
|
67
|
+
|
|
48
68
|
var Dropdown = function Dropdown(props) {
|
|
49
69
|
var _props$imageAlign = props.imageAlign,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
70
|
+
imageAlign = _props$imageAlign === void 0 ? 'left' : _props$imageAlign,
|
|
71
|
+
descriptionKey = props.descriptionKey,
|
|
72
|
+
idKey = props.idKey,
|
|
73
|
+
dropdownMaxHeight = props.dropdownMaxHeight,
|
|
74
|
+
selectFieldRef = props.selectFieldRef,
|
|
75
|
+
isAllChecked = props.isAllChecked,
|
|
76
|
+
dropdownWidth = props.dropdownWidth,
|
|
77
|
+
inputValue = props.inputValue,
|
|
78
|
+
gridWrapperStyle = props.gridWrapperStyle,
|
|
79
|
+
_onFocus = props.onFocus,
|
|
80
|
+
onFilter = props.onFilter,
|
|
81
|
+
_onBlur = props.onBlur,
|
|
82
|
+
dataCombo = props.dataCombo,
|
|
83
|
+
opened = props.opened,
|
|
84
|
+
onUncheckAll = props.onUncheckAll,
|
|
85
|
+
onCheckAll = props.onCheckAll,
|
|
86
|
+
selecteds = props.selecteds,
|
|
87
|
+
onSelect = props.onSelect;
|
|
88
|
+
|
|
68
89
|
var _useState = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0)),
|
|
69
|
-
|
|
70
|
-
|
|
90
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
91
|
+
dropdownDynamicStyles = _useState2[0];
|
|
92
|
+
|
|
71
93
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
72
94
|
className: "dropdown",
|
|
73
95
|
style: _extends({
|
|
@@ -143,8 +165,9 @@ var Dropdown = function Dropdown(props) {
|
|
|
143
165
|
}
|
|
144
166
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
145
167
|
className: "label"
|
|
146
|
-
},
|
|
168
|
+
}, item[descriptionKey])));
|
|
147
169
|
})));
|
|
148
170
|
};
|
|
171
|
+
|
|
149
172
|
var _default = Dropdown;
|
|
150
173
|
exports.default = _default;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import 'react';
|
|
3
|
-
import '../../@types/DataCombo.js';
|
|
4
|
-
import '../base/types.js';
|
|
5
|
-
import '../../@types/Align.js';
|
|
6
|
-
import '../../@types/Period.js';
|
|
7
|
-
import '../../@types/PermissionAttr.js';
|
|
1
|
+
import { DataCombo } from '../../@types/DataCombo.js';
|
|
8
2
|
|
|
9
|
-
declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }:
|
|
3
|
+
declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: {
|
|
4
|
+
dataSource: DataCombo[];
|
|
5
|
+
descriptionKey: string;
|
|
6
|
+
inputText: string;
|
|
7
|
+
}) => any[];
|
|
10
8
|
|
|
11
9
|
export { getFilteredDataCombo as default };
|
|
@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
|
|
8
9
|
var dataSource = _ref.dataSource,
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
descriptionKey = _ref.descriptionKey,
|
|
11
|
+
inputText = _ref.inputText;
|
|
11
12
|
return dataSource.filter(function (item) {
|
|
12
|
-
|
|
13
|
-
if (typeof descriptionKey === 'string') {
|
|
14
|
-
return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
|
|
15
|
-
}
|
|
16
|
-
return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText.toLowerCase())) > -1;
|
|
13
|
+
return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
|
|
17
14
|
});
|
|
18
15
|
};
|
|
16
|
+
|
|
19
17
|
var _default = getFilteredDataCombo;
|
|
20
18
|
exports.default = _default;
|
|
@@ -1,94 +1,130 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
+
|
|
10
14
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
15
|
+
|
|
11
16
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
17
|
+
|
|
12
18
|
var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
|
|
19
|
+
|
|
13
20
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
21
|
+
|
|
14
22
|
var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
|
|
23
|
+
|
|
15
24
|
require("../../assets/styles/multiSelect.scss");
|
|
25
|
+
|
|
16
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
17
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
18
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
19
32
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
|
+
|
|
20
34
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
35
|
+
|
|
21
36
|
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."); }
|
|
37
|
+
|
|
22
38
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
39
|
+
|
|
23
40
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
41
|
+
|
|
24
42
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
43
|
+
|
|
25
44
|
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."); }
|
|
45
|
+
|
|
26
46
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
-
|
|
28
|
-
function
|
|
47
|
+
|
|
48
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
49
|
+
|
|
50
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
51
|
+
|
|
29
52
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
53
|
+
|
|
30
54
|
var MultiSelectField = function MultiSelectField(props) {
|
|
31
55
|
var onSelect = props.onSelect,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
_props$dropdownAlignB = props.dropdownAlignButton,
|
|
41
|
-
dropdownAlignButton = _props$dropdownAlignB === void 0 ? 'left' : _props$dropdownAlignB;
|
|
56
|
+
idKey = props.idKey,
|
|
57
|
+
_props$disabled = props.disabled,
|
|
58
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
59
|
+
dataSource = props.dataSource,
|
|
60
|
+
descriptionKey = props.descriptionKey,
|
|
61
|
+
value = props.value,
|
|
62
|
+
onBlur = props.onBlur,
|
|
63
|
+
gridLayout = props.gridLayout;
|
|
42
64
|
var componentId = "multiSelect-component".concat(_uuid.default.v1());
|
|
65
|
+
|
|
43
66
|
var _useState = (0, _react.useState)(dataSource),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
67
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
68
|
+
dataCombo = _useState2[0],
|
|
69
|
+
setDataCombo = _useState2[1];
|
|
70
|
+
|
|
47
71
|
var _useState3 = (0, _react.useState)(),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
72
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
73
|
+
selecteds = _useState4[0],
|
|
74
|
+
setSelecteds = _useState4[1];
|
|
75
|
+
|
|
51
76
|
var _useState5 = (0, _react.useState)(''),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
77
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
78
|
+
inputValue = _useState6[0],
|
|
79
|
+
setInputValue = _useState6[1];
|
|
80
|
+
|
|
55
81
|
var _useState7 = (0, _react.useState)('Nenhum selecionado'),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
82
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
83
|
+
label = _useState8[0],
|
|
84
|
+
setLabel = _useState8[1];
|
|
85
|
+
|
|
59
86
|
var _useState9 = (0, _react.useState)(0),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
87
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
88
|
+
dropdownWidth = _useState10[0],
|
|
89
|
+
setDropdownWidth = _useState10[1];
|
|
90
|
+
|
|
63
91
|
var _useState11 = (0, _react.useState)(false),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
92
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
93
|
+
isAllChecked = _useState12[0],
|
|
94
|
+
setIsAllChecked = _useState12[1];
|
|
95
|
+
|
|
67
96
|
var _useState13 = (0, _react.useState)(false),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
97
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
98
|
+
opened = _useState14[0],
|
|
99
|
+
setOpened = _useState14[1];
|
|
100
|
+
|
|
71
101
|
var _useState15 = (0, _react.useState)(),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
102
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
103
|
+
onDenied = _useState16[0],
|
|
104
|
+
setOnDenied = _useState16[1];
|
|
105
|
+
|
|
75
106
|
var _useState17 = (0, _react.useState)(false),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
107
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
108
|
+
insideComponent = _useState18[0],
|
|
109
|
+
setInsideComponent = _useState18[1];
|
|
110
|
+
|
|
79
111
|
var _useState19 = (0, _react.useState)(),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
112
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
113
|
+
elementStyles = _useState20[0],
|
|
114
|
+
setElementStyles = _useState20[1];
|
|
115
|
+
|
|
83
116
|
var componentRef = (0, _react.useRef)(null);
|
|
84
117
|
var selectWrapper = (0, _react.useRef)();
|
|
118
|
+
|
|
85
119
|
var handleOnSelect = function handleOnSelect(itemSelected) {
|
|
86
120
|
if (itemSelected === null) return;
|
|
87
121
|
var newSelecteds = selecteds;
|
|
122
|
+
|
|
88
123
|
if (newSelecteds) {
|
|
89
124
|
var hasSelected = newSelecteds.find(function (selected) {
|
|
90
125
|
return selected[idKey] === itemSelected[idKey];
|
|
91
126
|
});
|
|
127
|
+
|
|
92
128
|
if (hasSelected) {
|
|
93
129
|
newSelecteds = newSelecteds.filter(function (item) {
|
|
94
130
|
return item[idKey] !== itemSelected[idKey];
|
|
@@ -96,34 +132,42 @@ var MultiSelectField = function MultiSelectField(props) {
|
|
|
96
132
|
} else {
|
|
97
133
|
newSelecteds = [].concat(_toConsumableArray(newSelecteds), [itemSelected]);
|
|
98
134
|
}
|
|
135
|
+
|
|
99
136
|
if (onSelect) onSelect(newSelecteds.map(function (item) {
|
|
100
137
|
return item[idKey];
|
|
101
138
|
}));
|
|
102
139
|
}
|
|
140
|
+
|
|
103
141
|
setSelecteds(newSelecteds);
|
|
104
142
|
};
|
|
143
|
+
|
|
105
144
|
var _onFocus = function onFocus() {
|
|
106
145
|
var newDropdownWidth = dropdownWidth;
|
|
107
146
|
newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
|
|
108
147
|
setOpened(true);
|
|
109
148
|
setDropdownWidth(newDropdownWidth);
|
|
110
149
|
};
|
|
150
|
+
|
|
111
151
|
var onMouseMove = function onMouseMove(event) {
|
|
112
152
|
var target = event.target;
|
|
113
153
|
if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
|
|
114
154
|
var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
|
|
115
155
|
setInsideComponent(newInsideComponent);
|
|
116
156
|
};
|
|
157
|
+
|
|
117
158
|
var onBlurComponent = function onBlurComponent(e) {
|
|
118
159
|
if (onBlur) onBlur(e);
|
|
160
|
+
|
|
119
161
|
if (!insideComponent) {
|
|
120
162
|
setOpened(false);
|
|
121
163
|
setInputValue('');
|
|
122
164
|
setDataCombo(dataSource);
|
|
123
165
|
}
|
|
124
166
|
};
|
|
167
|
+
|
|
125
168
|
var handleOnFilter = function handleOnFilter(currentValue) {
|
|
126
169
|
var newDataCombo = dataSource;
|
|
170
|
+
|
|
127
171
|
if (currentValue !== '') {
|
|
128
172
|
newDataCombo = (0, _helper.default)({
|
|
129
173
|
dataSource: dataSource,
|
|
@@ -131,13 +175,16 @@ var MultiSelectField = function MultiSelectField(props) {
|
|
|
131
175
|
inputText: currentValue
|
|
132
176
|
});
|
|
133
177
|
}
|
|
178
|
+
|
|
134
179
|
setDataCombo(newDataCombo);
|
|
135
180
|
setInputValue(currentValue);
|
|
136
181
|
};
|
|
182
|
+
|
|
137
183
|
var onOpenClose = function onOpenClose() {
|
|
138
184
|
setOpened(!opened);
|
|
139
185
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
140
186
|
};
|
|
187
|
+
|
|
141
188
|
var onCheckAll = function onCheckAll() {
|
|
142
189
|
var fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
143
190
|
var currentData = fromFilter ? dataCombo : dataSource;
|
|
@@ -146,47 +193,60 @@ var MultiSelectField = function MultiSelectField(props) {
|
|
|
146
193
|
}));
|
|
147
194
|
setSelecteds(currentData);
|
|
148
195
|
};
|
|
196
|
+
|
|
149
197
|
var onUncheckAll = function onUncheckAll() {
|
|
150
198
|
if (onSelect) onSelect();
|
|
151
199
|
setSelecteds([]);
|
|
152
200
|
};
|
|
201
|
+
|
|
153
202
|
var onScreenResize = function onScreenResize() {
|
|
154
203
|
if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
|
|
155
204
|
};
|
|
205
|
+
|
|
156
206
|
var onClickOutSide = function onClickOutSide(event) {
|
|
157
207
|
var _componentRef$current;
|
|
208
|
+
|
|
158
209
|
var target = event.target;
|
|
210
|
+
|
|
159
211
|
if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
|
|
160
212
|
setOpened(false);
|
|
161
213
|
setDataCombo(dataSource);
|
|
162
214
|
setInputValue('');
|
|
163
215
|
}
|
|
164
216
|
};
|
|
217
|
+
|
|
165
218
|
var setOnDeniedValue = function setOnDeniedValue(onDeniedValue) {
|
|
166
219
|
setOnDenied(onDeniedValue);
|
|
167
220
|
};
|
|
221
|
+
|
|
168
222
|
var shouldDisabled = function shouldDisabled() {
|
|
169
223
|
return !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
|
|
170
224
|
};
|
|
225
|
+
|
|
171
226
|
var getLabel = function getLabel() {
|
|
172
227
|
var checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
|
|
228
|
+
|
|
173
229
|
var newLabel = label;
|
|
230
|
+
|
|
174
231
|
if (checkIsAll) {
|
|
175
232
|
newLabel = 'Todos';
|
|
176
233
|
} else if (selecteds && selecteds.length > 1) {
|
|
177
234
|
newLabel = 'Múltiplos';
|
|
178
235
|
} else if (selecteds && selecteds.length === 1) {
|
|
179
|
-
newLabel =
|
|
236
|
+
newLabel = selecteds[0][descriptionKey];
|
|
180
237
|
} else {
|
|
181
238
|
newLabel = 'Nenhum selecionado';
|
|
182
239
|
}
|
|
240
|
+
|
|
183
241
|
setLabel(newLabel);
|
|
184
242
|
};
|
|
243
|
+
|
|
185
244
|
(0, _react.useEffect)(function () {
|
|
186
245
|
if (gridLayout) {
|
|
187
246
|
var currentGridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
|
|
188
247
|
if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
|
|
189
248
|
}
|
|
249
|
+
|
|
190
250
|
window.addEventListener('resize', onScreenResize);
|
|
191
251
|
document.addEventListener('click', onClickOutSide);
|
|
192
252
|
document.addEventListener('mousemove', onMouseMove);
|
|
@@ -214,6 +274,7 @@ var MultiSelectField = function MultiSelectField(props) {
|
|
|
214
274
|
}, [dataSource]);
|
|
215
275
|
(0, _react.useEffect)(function () {
|
|
216
276
|
var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
|
|
277
|
+
|
|
217
278
|
setIsAllChecked(checkAll);
|
|
218
279
|
getLabel();
|
|
219
280
|
}, [selecteds, dataCombo]);
|
|
@@ -236,7 +297,6 @@ var MultiSelectField = function MultiSelectField(props) {
|
|
|
236
297
|
},
|
|
237
298
|
handlerSetOnDenied: setOnDeniedValue,
|
|
238
299
|
rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
|
|
239
|
-
dropdownAlignButton: dropdownAlignButton,
|
|
240
300
|
disabled: shouldDisabled(),
|
|
241
301
|
dropdownOpened: opened,
|
|
242
302
|
handleOpenClose: function handleOpenClose() {
|
|
@@ -262,5 +322,6 @@ var MultiSelectField = function MultiSelectField(props) {
|
|
|
262
322
|
gridWrapperStyle: elementStyles
|
|
263
323
|
})));
|
|
264
324
|
};
|
|
325
|
+
|
|
265
326
|
var _default = MultiSelectField;
|
|
266
327
|
exports.default = _default;
|
|
@@ -5,24 +5,17 @@ import '../../@types/Align.js';
|
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
|
|
8
|
-
type DescriptionKey = string | ((dataSelected: DataCombo) => string);
|
|
9
|
-
interface GetFilteredParams {
|
|
10
|
-
dataSource: DataCombo[];
|
|
11
|
-
descriptionKey: DescriptionKey;
|
|
12
|
-
inputText: string;
|
|
13
|
-
}
|
|
14
8
|
interface IActionButtonsProps {
|
|
15
9
|
handleOpenClose: () => void;
|
|
16
10
|
handleCheckAll: () => void;
|
|
17
11
|
handleUncheckAll: () => void;
|
|
18
12
|
disabled: boolean;
|
|
19
13
|
dropdownOpened?: boolean;
|
|
20
|
-
dropdownAlignButton?: 'left' | 'right';
|
|
21
14
|
}
|
|
22
15
|
interface IDropdownMultiSelectProps {
|
|
23
16
|
dataCombo: DataCombo[];
|
|
24
17
|
idKey: string;
|
|
25
|
-
descriptionKey:
|
|
18
|
+
descriptionKey: string;
|
|
26
19
|
inputValue: string;
|
|
27
20
|
isAllChecked: boolean;
|
|
28
21
|
dropdownWidth: number;
|
|
@@ -46,13 +39,12 @@ interface IDropdownMultiSelectProps {
|
|
|
46
39
|
interface IMultiSelectProps {
|
|
47
40
|
dataSource: DataCombo[];
|
|
48
41
|
idKey: string;
|
|
49
|
-
descriptionKey:
|
|
42
|
+
descriptionKey: string;
|
|
50
43
|
value?: any[];
|
|
51
44
|
gridLayout?: string;
|
|
52
45
|
onSelect: (data?: string[]) => void;
|
|
53
46
|
onBlur?: (e: CustomInputEvent) => void;
|
|
54
47
|
disabled?: boolean;
|
|
55
|
-
dropdownAlignButton?: 'left' | 'right';
|
|
56
48
|
}
|
|
57
49
|
|
|
58
|
-
export {
|
|
50
|
+
export { IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
|
|
@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
11
|
+
|
|
9
12
|
var _format_number = require("./format_number");
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
12
18
|
var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
|
|
13
19
|
if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
|
|
14
20
|
// Retornando um objeto com a mesma estrutura do Proxy original
|
|
@@ -16,21 +22,25 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
|
|
|
16
22
|
// O retorno poderá ser modificado conforme necessidade, desde que seja
|
|
17
23
|
// mantido o path até a propriedade value e name.
|
|
18
24
|
var _event$target = event.target,
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
value = _event$target.value,
|
|
26
|
+
name = _event$target.name;
|
|
27
|
+
|
|
21
28
|
var teste = _extends({}, event, {
|
|
22
29
|
target: {
|
|
23
30
|
value: (0, _format_number.numberToEnUS)(value),
|
|
24
31
|
name: name
|
|
25
32
|
}
|
|
26
33
|
});
|
|
34
|
+
|
|
27
35
|
return teste;
|
|
28
36
|
}
|
|
37
|
+
|
|
29
38
|
return event;
|
|
30
39
|
};
|
|
40
|
+
|
|
31
41
|
var getEventProps = function getEventProps(props) {
|
|
32
42
|
var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
|
|
33
|
-
|
|
43
|
+
returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
|
|
34
44
|
if (props.isNumeric) return {};
|
|
35
45
|
return {
|
|
36
46
|
onBlur: function onBlur(e) {
|
|
@@ -47,11 +57,13 @@ var getEventProps = function getEventProps(props) {
|
|
|
47
57
|
}
|
|
48
58
|
};
|
|
49
59
|
};
|
|
60
|
+
|
|
50
61
|
var BaseNumber = function BaseNumber(props) {
|
|
51
62
|
var eventProps = _extends({}, props, {
|
|
52
63
|
returnFormattedValueOnBlur: true,
|
|
53
64
|
returnFormattedValueOnKeyDown: true
|
|
54
65
|
});
|
|
66
|
+
|
|
55
67
|
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
56
68
|
value: (0, _format_number.numberToPtBR)(props.value),
|
|
57
69
|
thousandsSeparator: ".",
|
|
@@ -60,5 +72,6 @@ var BaseNumber = function BaseNumber(props) {
|
|
|
60
72
|
isNumeric: true
|
|
61
73
|
}, props, getEventProps(eventProps)));
|
|
62
74
|
};
|
|
75
|
+
|
|
63
76
|
var _default = BaseNumber;
|
|
64
77
|
exports.default = _default;
|
|
@@ -4,13 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
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); }
|
|
15
|
+
|
|
11
16
|
var CurrencyField = function CurrencyField(props) {
|
|
12
17
|
var _props$currencySymbol = props.currencySymbol,
|
|
13
|
-
|
|
18
|
+
currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
|
|
14
19
|
var leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
|
|
15
20
|
className: "currency-symbol"
|
|
16
21
|
}, currencySymbol) : [];
|
|
@@ -18,5 +23,6 @@ var CurrencyField = function CurrencyField(props) {
|
|
|
18
23
|
leftElements: leftElements
|
|
19
24
|
}));
|
|
20
25
|
};
|
|
26
|
+
|
|
21
27
|
var _default = CurrencyField;
|
|
22
28
|
exports.default = _default;
|
|
@@ -4,11 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
var DecimalField = function DecimalField(props) {
|
|
11
15
|
return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
|
|
12
16
|
};
|
|
17
|
+
|
|
13
18
|
var _default = DecimalField;
|
|
14
19
|
exports.default = _default;
|