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
|
@@ -3,23 +3,24 @@ import { TextAlign } from '../../@types/Align.js';
|
|
|
3
3
|
import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
|
|
4
4
|
import { CustomInputEvent } from '../base/types.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
|
-
import '../../internals/types.js';
|
|
7
|
-
import '../../@types/Position.js';
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
value?: string
|
|
7
|
+
interface IBaseMaskProps {
|
|
8
|
+
value?: string;
|
|
11
9
|
onBlur?: (e: CustomInputEvent) => void;
|
|
12
10
|
onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
|
|
13
11
|
defaultValue?: string;
|
|
12
|
+
mask?: string | NumberConstructor;
|
|
14
13
|
isNumeric?: boolean;
|
|
15
14
|
scale?: number;
|
|
16
15
|
radix?: string;
|
|
17
|
-
blocks?: any;
|
|
18
16
|
thousandsSeparator?: string;
|
|
19
17
|
rightElements?: JSX.Element | JSX.Element[];
|
|
20
18
|
leftElements?: JSX.Element | JSX.Element[];
|
|
21
19
|
handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
|
|
22
|
-
onChange?: (e: CustomInputEvent, maskValue?: string, date?: string
|
|
20
|
+
onChange?: (e: CustomInputEvent, maskValue?: string, date?: string | {
|
|
21
|
+
initial: string;
|
|
22
|
+
final: string;
|
|
23
|
+
}) => void;
|
|
23
24
|
padFractionalZeros?: boolean;
|
|
24
25
|
onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
|
|
25
26
|
inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
|
|
@@ -46,30 +47,25 @@ type IBaseMaskProps = {
|
|
|
46
47
|
returnFormattedValueOnKeyDown?: boolean;
|
|
47
48
|
isDateField?: boolean;
|
|
48
49
|
autoCompleteMask?: 'left' | 'right';
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
min?: any;
|
|
52
|
-
max?: any;
|
|
53
|
-
pattern?: string;
|
|
54
|
-
mapToRadix?: string[];
|
|
55
|
-
normalizeZeros?: boolean;
|
|
56
|
-
};
|
|
57
|
-
type ICnpjFieldProps = IBaseMaskProps & {
|
|
50
|
+
}
|
|
51
|
+
interface ICnpjFieldProps extends IBaseMaskProps {
|
|
58
52
|
value?: string;
|
|
59
53
|
enableValidation?: boolean;
|
|
60
54
|
handlerSetComponentValidator?: (validator: () => void) => void;
|
|
61
|
-
|
|
62
|
-
|
|
55
|
+
onChange?: (e?: CustomInputEvent) => void;
|
|
56
|
+
}
|
|
57
|
+
interface ICpfProps extends IBaseMaskProps {
|
|
63
58
|
value?: string;
|
|
64
59
|
enableValidation?: boolean;
|
|
65
60
|
handlerSetComponentValidator?: (validator: () => void) => void;
|
|
66
|
-
|
|
67
|
-
|
|
61
|
+
onChange?: (e?: CustomInputEvent) => void;
|
|
62
|
+
}
|
|
63
|
+
interface IPhoneFieldProps extends IBaseMaskProps {
|
|
68
64
|
value?: string;
|
|
69
65
|
cellNumber?: boolean;
|
|
70
|
-
}
|
|
71
|
-
|
|
66
|
+
}
|
|
67
|
+
interface IZipCode extends IBaseMaskProps {
|
|
72
68
|
value?: string;
|
|
73
|
-
}
|
|
69
|
+
}
|
|
74
70
|
|
|
75
71
|
export { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };
|
|
@@ -5,8 +5,6 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../internals/types.js';
|
|
9
|
-
import '../../@types/Position.js';
|
|
10
8
|
|
|
11
9
|
declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
|
|
12
10
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,36 +9,33 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
9
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
9
10
|
var _list = _interopRequireWildcard(require("../../list"));
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
dropdownAlignButton = 'left'
|
|
21
|
-
} = _ref;
|
|
12
|
+
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); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
var ActionButtons = function ActionButtons(_ref) {
|
|
15
|
+
var disabled = _ref.disabled,
|
|
16
|
+
dropdownOpened = _ref.dropdownOpened,
|
|
17
|
+
handleOpenClose = _ref.handleOpenClose,
|
|
18
|
+
handleCheckAll = _ref.handleCheckAll,
|
|
19
|
+
handleUncheckAll = _ref.handleUncheckAll,
|
|
20
|
+
_ref$dropdownAlignBut = _ref.dropdownAlignButton,
|
|
21
|
+
dropdownAlignButton = _ref$dropdownAlignBut === void 0 ? 'left' : _ref$dropdownAlignBut;
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
23
|
-
transparent: true,
|
|
24
|
-
tabIndex: -1,
|
|
25
23
|
disabled: disabled,
|
|
26
|
-
boxShadow: false,
|
|
27
24
|
size: "small",
|
|
25
|
+
iconName: dropdownOpened ? 'up' : 'down',
|
|
28
26
|
onClick: handleOpenClose,
|
|
29
27
|
customClass: "actionbutton",
|
|
30
|
-
iconName: dropdownOpened ? 'up' : 'down'
|
|
31
|
-
}), /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
32
|
-
dropdown: true,
|
|
33
28
|
transparent: true,
|
|
29
|
+
boxShadow: false
|
|
30
|
+
}), /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
34
31
|
disabled: disabled,
|
|
35
|
-
tabIndex: -1,
|
|
36
|
-
boxShadow: false,
|
|
37
|
-
showIconDropdown: false,
|
|
38
32
|
iconName: "more1",
|
|
33
|
+
transparent: true,
|
|
34
|
+
boxShadow: false,
|
|
39
35
|
customClass: "actionbutton",
|
|
40
|
-
|
|
36
|
+
dropdown: true,
|
|
37
|
+
dropdownAlign: dropdownAlignButton,
|
|
38
|
+
showIconDropdown: false
|
|
41
39
|
}, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
42
40
|
itemId: "1",
|
|
43
41
|
text: "Marcar Todos",
|
|
@@ -48,4 +46,5 @@ const ActionButtons = _ref => {
|
|
|
48
46
|
onClick: handleUncheckAll
|
|
49
47
|
}))));
|
|
50
48
|
};
|
|
51
|
-
var _default =
|
|
49
|
+
var _default = ActionButtons;
|
|
50
|
+
exports.default = _default;
|
|
@@ -5,8 +5,6 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../internals/types.js';
|
|
9
|
-
import '../../@types/Position.js';
|
|
10
8
|
|
|
11
9
|
declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
|
|
12
10
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,22 +9,28 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
9
|
var _avatar = _interopRequireDefault(require("../../avatar"));
|
|
9
10
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
function ownKeys(
|
|
14
|
-
function _objectSpread(
|
|
12
|
+
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); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
15
16
|
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; }
|
|
16
|
-
function _toPropertyKey(
|
|
17
|
-
function _toPrimitive(
|
|
18
|
-
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
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); }
|
|
19
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
|
+
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."); }
|
|
21
|
+
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); }
|
|
22
|
+
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; }
|
|
23
|
+
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; } }
|
|
24
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
|
+
var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight) {
|
|
19
26
|
var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
var selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
|
|
28
|
+
var bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
|
|
29
|
+
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;
|
|
30
|
+
var dropdownBottomDistance = window.innerHeight - bottom;
|
|
31
|
+
var maxDropdownBottomDistance = 200;
|
|
32
|
+
var height = dropdownMaxHeight;
|
|
33
|
+
var dropdownPosition;
|
|
27
34
|
if (!height || height <= 0) {
|
|
28
35
|
if (dropdownBottomDistance < maxDropdownBottomDistance) {
|
|
29
36
|
height = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.top ? selectFieldRects.top : 0;
|
|
@@ -42,28 +49,29 @@ const returnDropdownDynamicStyles = (selectFieldRef, dropdownMaxHeight) => {
|
|
|
42
49
|
bottom: "".concat(dropdownPosition, "px")
|
|
43
50
|
};
|
|
44
51
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
imageAlign = 'left',
|
|
48
|
-
descriptionKey,
|
|
49
|
-
idKey,
|
|
50
|
-
dropdownMaxHeight,
|
|
51
|
-
selectFieldRef,
|
|
52
|
-
isAllChecked,
|
|
53
|
-
dropdownWidth,
|
|
54
|
-
inputValue,
|
|
55
|
-
gridWrapperStyle,
|
|
56
|
-
onFocus,
|
|
57
|
-
onFilter,
|
|
58
|
-
onBlur,
|
|
59
|
-
dataCombo,
|
|
60
|
-
opened,
|
|
61
|
-
onUncheckAll,
|
|
62
|
-
onCheckAll,
|
|
63
|
-
selecteds,
|
|
64
|
-
onSelect
|
|
65
|
-
|
|
66
|
-
|
|
52
|
+
var Dropdown = function Dropdown(props) {
|
|
53
|
+
var _props$imageAlign = props.imageAlign,
|
|
54
|
+
imageAlign = _props$imageAlign === void 0 ? 'left' : _props$imageAlign,
|
|
55
|
+
descriptionKey = props.descriptionKey,
|
|
56
|
+
idKey = props.idKey,
|
|
57
|
+
dropdownMaxHeight = props.dropdownMaxHeight,
|
|
58
|
+
selectFieldRef = props.selectFieldRef,
|
|
59
|
+
isAllChecked = props.isAllChecked,
|
|
60
|
+
dropdownWidth = props.dropdownWidth,
|
|
61
|
+
inputValue = props.inputValue,
|
|
62
|
+
gridWrapperStyle = props.gridWrapperStyle,
|
|
63
|
+
_onFocus = props.onFocus,
|
|
64
|
+
onFilter = props.onFilter,
|
|
65
|
+
_onBlur = props.onBlur,
|
|
66
|
+
dataCombo = props.dataCombo,
|
|
67
|
+
opened = props.opened,
|
|
68
|
+
onUncheckAll = props.onUncheckAll,
|
|
69
|
+
onCheckAll = props.onCheckAll,
|
|
70
|
+
selecteds = props.selecteds,
|
|
71
|
+
onSelect = props.onSelect;
|
|
72
|
+
var _useState = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0)),
|
|
73
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
74
|
+
dropdownDynamicStyles = _useState2[0];
|
|
67
75
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
68
76
|
className: "dropdown",
|
|
69
77
|
style: _objectSpread({
|
|
@@ -76,13 +84,13 @@ const Dropdown = props => {
|
|
|
76
84
|
className: "filterinput",
|
|
77
85
|
type: "text",
|
|
78
86
|
value: inputValue,
|
|
79
|
-
onFocus: ()
|
|
80
|
-
|
|
87
|
+
onFocus: function onFocus() {
|
|
88
|
+
_onFocus();
|
|
81
89
|
},
|
|
82
|
-
onBlur: e
|
|
83
|
-
|
|
90
|
+
onBlur: function onBlur(e) {
|
|
91
|
+
_onBlur(e);
|
|
84
92
|
},
|
|
85
|
-
onChange: e
|
|
93
|
+
onChange: function onChange(e) {
|
|
86
94
|
onFilter(e.target.value);
|
|
87
95
|
},
|
|
88
96
|
autoFocus: opened
|
|
@@ -94,24 +102,32 @@ const Dropdown = props => {
|
|
|
94
102
|
className: "listcontainer"
|
|
95
103
|
}, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
96
104
|
className: "item selectall"
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
105
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
106
|
+
role: "button",
|
|
98
107
|
className: "menubutton",
|
|
99
108
|
tabIndex: -1,
|
|
100
|
-
|
|
109
|
+
onKeyPress: function onKeyPress() {},
|
|
110
|
+
onClick: function onClick() {
|
|
111
|
+
return isAllChecked ? onUncheckAll(true) : onCheckAll(true);
|
|
112
|
+
}
|
|
101
113
|
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
102
114
|
name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
|
|
103
115
|
customClass: "checkboxicon"
|
|
104
116
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
105
117
|
className: "label"
|
|
106
|
-
}, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.map(item
|
|
107
|
-
|
|
118
|
+
}, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.map(function (item) {
|
|
119
|
+
var isChecked = selecteds ? selecteds.find(function (selected) {
|
|
120
|
+
return selected[idKey] === item[idKey];
|
|
121
|
+
}) : undefined;
|
|
108
122
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
109
123
|
key: "dropdowmItem ".concat(item[idKey], "}"),
|
|
110
124
|
className: "item ".concat(isChecked && '-selected')
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
125
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
126
|
+
role: "button",
|
|
112
127
|
className: "menubutton",
|
|
113
128
|
tabIndex: -1,
|
|
114
|
-
|
|
129
|
+
onKeyPress: function onKeyPress() {},
|
|
130
|
+
onClick: function onClick() {
|
|
115
131
|
onSelect(item);
|
|
116
132
|
}
|
|
117
133
|
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
@@ -134,4 +150,5 @@ const Dropdown = props => {
|
|
|
134
150
|
}, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
|
|
135
151
|
})));
|
|
136
152
|
};
|
|
137
|
-
var _default =
|
|
153
|
+
var _default = Dropdown;
|
|
154
|
+
exports.default = _default;
|
|
@@ -5,8 +5,6 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../internals/types.js';
|
|
9
|
-
import '../../@types/Position.js';
|
|
10
8
|
|
|
11
9
|
declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
|
|
12
10
|
|
|
@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} = _ref;
|
|
13
|
-
return dataSource.filter(item => {
|
|
7
|
+
var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
|
|
8
|
+
var dataSource = _ref.dataSource,
|
|
9
|
+
descriptionKey = _ref.descriptionKey,
|
|
10
|
+
inputText = _ref.inputText;
|
|
11
|
+
return dataSource.filter(function (item) {
|
|
14
12
|
var _descriptionKey;
|
|
15
13
|
if (typeof descriptionKey === 'string') {
|
|
16
14
|
return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
|
|
@@ -18,4 +16,5 @@ const getFilteredDataCombo = _ref => {
|
|
|
18
16
|
return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText.toLowerCase())) > -1;
|
|
19
17
|
});
|
|
20
18
|
};
|
|
21
|
-
var _default =
|
|
19
|
+
var _default = getFilteredDataCombo;
|
|
20
|
+
exports.default = _default;
|
|
@@ -5,8 +5,6 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../internals/types.js';
|
|
9
|
-
import '../../@types/Position.js';
|
|
10
8
|
|
|
11
9
|
declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
|
|
12
10
|
|