@plesk/ui-library 3.27.2 → 3.27.3
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/README.md +35 -35
- package/cjs/components/Action/Action.js +3 -3
- package/cjs/components/Alert/Alert.js +5 -5
- package/cjs/components/AutoClosable/AutoClosable.js +3 -3
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/cjs/components/Badge/Badge.js +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/cjs/components/Button/Button.js +50 -50
- package/cjs/components/ButtonGroup/ButtonGroup.js +3 -3
- package/cjs/components/Card/Card.js +52 -52
- package/cjs/components/Card/CardButton.js +2 -2
- package/cjs/components/Card/PreviewPanel.js +3 -3
- package/cjs/components/Card/images/no-image.svg +6 -6
- package/cjs/components/CardList/CardList.js +55 -55
- package/cjs/components/Carousel/Carousel.js +11 -11
- package/cjs/components/Checkbox/Checkbox.js +3 -3
- package/cjs/components/CodeEditor/CodeEditor.js +40 -40
- package/cjs/components/Columns/Column.js +3 -3
- package/cjs/components/Columns/Columns.js +3 -3
- package/cjs/components/ComboBox/ComboBox.js +4 -4
- package/cjs/components/ComboBox/ComboBoxOption.js +3 -3
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/cjs/components/ContentLoader/ContentLoader.js +3 -3
- package/cjs/components/Cuttable/Cuttable.js +3 -3
- package/cjs/components/Dialog/Dialog.js +74 -65
- package/cjs/components/Drawer/Drawer.js +71 -71
- package/cjs/components/Dropdown/Dropdown.js +24 -24
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/cjs/components/Figure/Figure.js +14 -14
- package/cjs/components/Form/Form.js +4 -4
- package/cjs/components/Form/utils.js +22 -22
- package/cjs/components/FormField/FormField.js +78 -78
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +28 -242
- package/cjs/components/FormFieldPassword/PasswordMeter.js +81 -0
- package/cjs/components/FormFieldPassword/estimatePassword.js +203 -0
- package/cjs/components/FormFieldPassword/generatePassword.js +21 -0
- package/cjs/components/FormFieldPassword/index.js +5 -5
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +32 -32
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/cjs/components/FormFieldText/FormFieldText.js +36 -36
- package/cjs/components/Grid/Grid.js +37 -37
- package/cjs/components/GridCol/GridCol.js +25 -25
- package/cjs/components/Heading/Heading.js +3 -3
- package/cjs/components/Hint/Hint.js +3 -3
- package/cjs/components/Icon/Icon.js +6 -6
- package/cjs/components/Icon/images/symbols.svg +1653 -1653
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +15 -15
- package/cjs/components/Input/Input.js +3 -3
- package/cjs/components/InputFile/InputFile.js +3 -3
- package/cjs/components/InputNumber/InputNumber.js +3 -3
- package/cjs/components/Item/Item.js +41 -41
- package/cjs/components/ItemLink/ItemLink.js +4 -4
- package/cjs/components/ItemList/ItemList.js +6 -6
- package/cjs/components/Label/Label.js +3 -3
- package/cjs/components/Layer/Layer.js +2 -2
- package/cjs/components/Layout/Layout.js +55 -55
- package/cjs/components/Link/Link.js +6 -6
- package/cjs/components/List/List.js +133 -133
- package/cjs/components/List/ListAction.js +4 -4
- package/cjs/components/List/ListActions.js +3 -3
- package/cjs/components/List/ListActionsDivider.js +4 -4
- package/cjs/components/List/ListEmptyView.js +4 -4
- package/cjs/components/List/ListOperation.js +4 -4
- package/cjs/components/LocaleProvider/LocaleProvider.js +3 -3
- package/cjs/components/Markdown/Markdown.js +13 -13
- package/cjs/components/Media/Media.js +37 -37
- package/cjs/components/Media/MediaSection.js +10 -10
- package/cjs/components/Menu/Menu.js +28 -28
- package/cjs/components/Menu/MenuBaseItem.js +19 -19
- package/cjs/components/Menu/MenuDivider.js +7 -7
- package/cjs/components/Menu/MenuHeader.js +10 -10
- package/cjs/components/Menu/MenuItem.js +27 -27
- package/cjs/components/Menu/MenuSelectableItem.js +13 -13
- package/cjs/components/Overlay/Backdrop.js +6 -6
- package/cjs/components/Overlay/Overlay.js +34 -34
- package/cjs/components/PageHeader/PageHeader.js +3 -3
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Panel/Panel.js +3 -3
- package/cjs/components/Paragraph/Paragraph.js +3 -3
- package/cjs/components/Plaintext/Plaintext.js +10 -10
- package/cjs/components/Popover/Popover.js +59 -59
- package/cjs/components/Popper/Popper.js +30 -30
- package/cjs/components/Progress/Progress.js +13 -13
- package/cjs/components/ProgressDialog/ProgressDialog.js +49 -48
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/cjs/components/ProgressStep/ProgressStep.js +25 -25
- package/cjs/components/Radio/Radio.js +3 -3
- package/cjs/components/Rating/Rating.js +13 -13
- package/cjs/components/Rating/images/rating.svg +6 -6
- package/cjs/components/Section/Section.js +41 -41
- package/cjs/components/Section/SectionItem.js +18 -18
- package/cjs/components/SegmentedControl/SegmentedControl.js +37 -37
- package/cjs/components/Select/MultiValue.js +1 -1
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Select/SelectOption.js +3 -3
- package/cjs/components/Select/SelectOptionGroup.js +3 -3
- package/cjs/components/Spinner/Spinner.js +2 -2
- package/cjs/components/SplitButton/SplitButton.js +20 -20
- package/cjs/components/Spot/Spot.js +3 -3
- package/cjs/components/Status/Status.js +3 -3
- package/cjs/components/StatusMessage/StatusMessage.js +4 -4
- package/cjs/components/Subnav/Subnav.js +22 -22
- package/cjs/components/Switch/Switch.js +31 -31
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +10 -10
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +33 -33
- package/cjs/components/Tabs/SearchBar.js +57 -57
- package/cjs/components/Tabs/Tab.js +28 -28
- package/cjs/components/Tabs/Tabs.js +33 -33
- package/cjs/components/Text/Text.js +3 -3
- package/cjs/components/TextArea/TextArea.js +3 -3
- package/cjs/components/Toaster/Toaster.js +32 -32
- package/cjs/components/Toolbar/Toolbar.js +13 -13
- package/cjs/components/Toolbar/ToolbarExpander.js +5 -5
- package/cjs/components/Toolbar/ToolbarGroup.js +17 -17
- package/cjs/components/Tooltip/Tooltip.js +19 -19
- package/cjs/components/Tour/Tour.js +5 -5
- package/cjs/components/Translate/Translate.js +25 -25
- package/cjs/index.js +1 -1
- package/dist/images/no-image.svg +6 -6
- package/dist/images/rating.svg +6 -6
- package/dist/images/symbols.svg +1653 -1653
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +6625 -6638
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +5 -5
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +3 -3
- package/esm/components/Alert/Alert.js +5 -5
- package/esm/components/AutoClosable/AutoClosable.js +3 -3
- package/esm/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/esm/components/Badge/Badge.js +3 -3
- package/esm/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/esm/components/Button/Button.js +50 -50
- package/esm/components/ButtonGroup/ButtonGroup.js +3 -3
- package/esm/components/Card/Card.js +52 -52
- package/esm/components/Card/CardButton.js +2 -2
- package/esm/components/Card/PreviewPanel.js +3 -3
- package/esm/components/Card/images/no-image.svg +6 -6
- package/esm/components/CardList/CardList.js +55 -55
- package/esm/components/Carousel/Carousel.js +11 -11
- package/esm/components/Checkbox/Checkbox.js +3 -3
- package/esm/components/CodeEditor/CodeEditor.js +40 -40
- package/esm/components/Columns/Column.js +3 -3
- package/esm/components/Columns/Columns.js +3 -3
- package/esm/components/ComboBox/ComboBox.js +4 -4
- package/esm/components/ComboBox/ComboBoxOption.js +3 -3
- package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/esm/components/ContentLoader/ContentLoader.js +3 -3
- package/esm/components/Cuttable/Cuttable.js +3 -3
- package/esm/components/Dialog/Dialog.js +74 -65
- package/esm/components/Drawer/Drawer.js +71 -71
- package/esm/components/Dropdown/Dropdown.js +24 -24
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/esm/components/Figure/Figure.js +14 -14
- package/esm/components/Form/Form.js +4 -4
- package/esm/components/Form/utils.js +22 -22
- package/esm/components/FormField/FormField.js +78 -78
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +26 -26
- package/esm/components/FormFieldPassword/FormFieldPassword.js +26 -235
- package/esm/components/FormFieldPassword/PasswordMeter.js +61 -0
- package/esm/components/FormFieldPassword/estimatePassword.js +187 -0
- package/esm/components/FormFieldPassword/generatePassword.js +14 -0
- package/esm/components/FormFieldPassword/index.js +3 -2
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +32 -32
- package/esm/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/esm/components/FormFieldText/FormFieldText.js +36 -36
- package/esm/components/Grid/Grid.js +37 -37
- package/esm/components/GridCol/GridCol.js +25 -25
- package/esm/components/Heading/Heading.js +3 -3
- package/esm/components/Hint/Hint.js +3 -3
- package/esm/components/Icon/Icon.js +6 -6
- package/esm/components/Icon/images/symbols.svg +1653 -1653
- package/esm/components/InPlaceEdit/InPlaceEdit.js +15 -15
- package/esm/components/Input/Input.js +3 -3
- package/esm/components/InputFile/InputFile.js +3 -3
- package/esm/components/InputNumber/InputNumber.js +3 -3
- package/esm/components/Item/Item.js +41 -41
- package/esm/components/ItemLink/ItemLink.js +4 -4
- package/esm/components/ItemList/ItemList.js +6 -6
- package/esm/components/Label/Label.js +3 -3
- package/esm/components/Layer/Layer.js +2 -2
- package/esm/components/Layout/Layout.js +55 -55
- package/esm/components/Link/Link.js +6 -6
- package/esm/components/List/List.js +133 -133
- package/esm/components/List/ListAction.js +4 -4
- package/esm/components/List/ListActions.js +3 -3
- package/esm/components/List/ListActionsDivider.js +4 -4
- package/esm/components/List/ListEmptyView.js +4 -4
- package/esm/components/List/ListOperation.js +4 -4
- package/esm/components/LocaleProvider/LocaleProvider.js +3 -3
- package/esm/components/Markdown/Markdown.js +13 -13
- package/esm/components/Media/Media.js +37 -37
- package/esm/components/Media/MediaSection.js +10 -10
- package/esm/components/Menu/Menu.js +28 -28
- package/esm/components/Menu/MenuBaseItem.js +19 -19
- package/esm/components/Menu/MenuDivider.js +7 -7
- package/esm/components/Menu/MenuHeader.js +10 -10
- package/esm/components/Menu/MenuItem.js +27 -27
- package/esm/components/Menu/MenuSelectableItem.js +13 -13
- package/esm/components/Overlay/Backdrop.js +6 -6
- package/esm/components/Overlay/Overlay.js +34 -34
- package/esm/components/PageHeader/PageHeader.js +3 -3
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Panel/Panel.js +3 -3
- package/esm/components/Paragraph/Paragraph.js +3 -3
- package/esm/components/Plaintext/Plaintext.js +10 -10
- package/esm/components/Popover/Popover.js +59 -59
- package/esm/components/Popper/Popper.js +30 -30
- package/esm/components/Progress/Progress.js +13 -13
- package/esm/components/ProgressDialog/ProgressDialog.js +49 -48
- package/esm/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/esm/components/ProgressStep/ProgressStep.js +25 -25
- package/esm/components/Radio/Radio.js +3 -3
- package/esm/components/Rating/Rating.js +13 -13
- package/esm/components/Rating/images/rating.svg +6 -6
- package/esm/components/Section/Section.js +41 -41
- package/esm/components/Section/SectionItem.js +18 -18
- package/esm/components/SegmentedControl/SegmentedControl.js +37 -37
- package/esm/components/Select/MultiValue.js +1 -1
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Select/SelectOption.js +3 -3
- package/esm/components/Select/SelectOptionGroup.js +3 -3
- package/esm/components/Spinner/Spinner.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +20 -20
- package/esm/components/Spot/Spot.js +3 -3
- package/esm/components/Status/Status.js +3 -3
- package/esm/components/StatusMessage/StatusMessage.js +4 -4
- package/esm/components/Subnav/Subnav.js +22 -22
- package/esm/components/Switch/Switch.js +31 -31
- package/esm/components/SwitchesPanel/SwitchesPanel.js +10 -10
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +33 -33
- package/esm/components/Tabs/SearchBar.js +57 -57
- package/esm/components/Tabs/Tab.js +28 -28
- package/esm/components/Tabs/Tabs.js +33 -33
- package/esm/components/Text/Text.js +3 -3
- package/esm/components/TextArea/TextArea.js +3 -3
- package/esm/components/Toaster/Toaster.js +32 -32
- package/esm/components/Toolbar/Toolbar.js +13 -13
- package/esm/components/Toolbar/ToolbarExpander.js +5 -5
- package/esm/components/Toolbar/ToolbarGroup.js +17 -17
- package/esm/components/Tooltip/Tooltip.js +19 -19
- package/esm/components/Tour/Tour.js +5 -5
- package/esm/components/Translate/Translate.js +25 -25
- package/esm/index.js +1 -1
- package/index.js +5 -5
- package/package.json +151 -151
- package/scripts/postinstall.js +9 -9
- package/styleguide/browserconfig.xml +9 -9
- package/styleguide/build/bundle.f38c467d.js +2 -0
- package/styleguide/build/{bundle.1c9c8500.js.LICENSE.txt → bundle.f38c467d.js.LICENSE.txt} +0 -0
- package/styleguide/images/no-image.svg +6 -6
- package/styleguide/images/rating.svg +6 -6
- package/styleguide/images/symbols.svg +1653 -1653
- package/styleguide/index.html +2 -2
- package/styleguide/placeholders/placeholder_400x200.svg +5 -5
- package/styleguide/placeholders/placeholder_400x400.svg +5 -5
- package/styleguide/placeholders/placeholder_600x400.svg +5 -5
- package/styleguide/safari-pinned-tab.svg +28 -28
- package/styleguide/site.webmanifest +19 -19
- package/types/package.d.ts +133 -133
- package/types/src/components/Action/Action.d.ts +61 -61
- package/types/src/components/Action/index.d.ts +1 -1
- package/types/src/components/Alert/Alert.d.ts +36 -36
- package/types/src/components/Alert/Alert.stories.d.ts +14 -14
- package/types/src/components/Alert/index.d.ts +1 -1
- package/types/src/components/AutoClosable/AutoClosable.d.ts +59 -59
- package/types/src/components/AutoClosable/index.d.ts +1 -1
- package/types/src/components/AuxiliaryActions/AuxiliaryActions.d.ts +28 -28
- package/types/src/components/AuxiliaryActions/index.d.ts +1 -1
- package/types/src/components/Badge/Badge.d.ts +39 -39
- package/types/src/components/Badge/index.d.ts +1 -1
- package/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +25 -25
- package/types/src/components/Breadcrumbs/index.d.ts +1 -1
- package/types/src/components/Button/Button.stories.d.ts +16 -16
- package/types/src/components/ButtonGroup/ButtonGroup.d.ts +27 -27
- package/types/src/components/ButtonGroup/index.d.ts +1 -1
- package/types/src/components/Card/PreviewPanel.d.ts +53 -53
- package/types/src/components/Card/helpers.d.ts +5 -5
- package/types/src/components/Checkbox/Checkbox.d.ts +67 -67
- package/types/src/components/Checkbox/index.d.ts +1 -1
- package/types/src/components/ClosingConfirmation/index.d.ts +1 -1
- package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +10 -10
- package/types/src/components/Columns/Column.d.ts +52 -52
- package/types/src/components/Columns/Columns.d.ts +34 -34
- package/types/src/components/Columns/index.d.ts +2 -2
- package/types/src/components/ComboBox/ComboBox.d.ts +58 -58
- package/types/src/components/ComboBox/ComboBoxOption.d.ts +19 -19
- package/types/src/components/ComboBox/index.d.ts +2 -2
- package/types/src/components/ComboBoxDropdown/ComboBoxDropdown.d.ts +40 -40
- package/types/src/components/ComboBoxDropdown/index.d.ts +1 -1
- package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts +52 -52
- package/types/src/components/ConsoleOutput/index.d.ts +1 -1
- package/types/src/components/ContentLoader/ContentLoader.d.ts +60 -60
- package/types/src/components/ContentLoader/IconsLoader.d.ts +10 -10
- package/types/src/components/ContentLoader/index.d.ts +1 -1
- package/types/src/components/Cuttable/Cuttable.d.ts +63 -63
- package/types/src/components/Cuttable/Cuttable.stories.d.ts +34 -34
- package/types/src/components/Cuttable/index.d.ts +1 -1
- package/types/src/components/Dialog/Dialog.stories.d.ts +22 -22
- package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +7 -7
- package/types/src/components/DistractionFreeModeContext/index.d.ts +1 -1
- package/types/src/components/Drawer/Drawer.stories.d.ts +40 -40
- package/types/src/components/Drawer/DrawerProgress.d.ts +45 -45
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessage.d.ts +38 -38
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageActions.d.ts +22 -22
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.d.ts +22 -22
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.d.ts +13 -13
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.d.ts +22 -22
- package/types/src/components/ExtendedStatusMessage/index.d.ts +5 -5
- package/types/src/components/FocusTrap/FocusTrap.d.ts +7 -7
- package/types/src/components/FocusTrap/index.d.ts +1 -1
- package/types/src/components/Form/DisabledContext.d.ts +3 -3
- package/types/src/components/Form/Form.d.ts +163 -163
- package/types/src/components/Form/Form.stories.d.ts +12 -12
- package/types/src/components/Form/FormContext.d.ts +16 -16
- package/types/src/components/Form/index.d.ts +2 -2
- package/types/src/components/Form/utils.d.ts +32 -32
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +17 -17
- package/types/src/components/FormFieldPassword/FormFieldPassword.d.ts +91 -0
- package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +9 -0
- package/types/src/components/FormFieldPassword/estimatePassword.d.ts +13 -0
- package/types/src/components/FormFieldPassword/index.d.ts +2 -0
- package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts +13 -13
- package/types/src/components/FormFieldSelect/index.d.ts +1 -1
- package/types/src/components/Heading/Heading.d.ts +39 -39
- package/types/src/components/Heading/index.d.ts +1 -1
- package/types/src/components/Hint/Hint.d.ts +24 -24
- package/types/src/components/Hint/index.d.ts +1 -1
- package/types/src/components/Icon/Icon.d.ts +88 -88
- package/types/src/components/Icon/Icon.stories.d.ts +6 -6
- package/types/src/components/Icon/constants.d.ts +3 -3
- package/types/src/components/Icon/index.d.ts +2 -2
- package/types/src/components/Icon/oldIconNames.d.ts +5 -5
- package/types/src/components/Input/Input.d.ts +57 -57
- package/types/src/components/Input/index.d.ts +1 -1
- package/types/src/components/InputFile/InputFile.d.ts +49 -49
- package/types/src/components/InputFile/index.d.ts +1 -1
- package/types/src/components/InputNumber/InputNumber.d.ts +64 -64
- package/types/src/components/InputNumber/index.d.ts +1 -1
- package/types/src/components/ItemLink/ItemLink.d.ts +28 -28
- package/types/src/components/ItemLink/ItemLink.stories.d.ts +14 -14
- package/types/src/components/ItemLink/index.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.d.ts +113 -113
- package/types/src/components/ItemList/ItemList.stories.d.ts +289 -289
- package/types/src/components/Label/Label.d.ts +28 -28
- package/types/src/components/Label/index.d.ts +1 -1
- package/types/src/components/Layer/Layer.d.ts +29 -29
- package/types/src/components/Layer/index.d.ts +2 -2
- package/types/src/components/Link/Link.d.ts +47 -47
- package/types/src/components/Link/index.d.ts +1 -1
- package/types/src/components/List/List.stories.d.ts +29 -29
- package/types/src/components/List/ListAction.d.ts +39 -39
- package/types/src/components/List/ListActions.d.ts +30 -30
- package/types/src/components/List/ListActionsDivider.d.ts +10 -10
- package/types/src/components/List/ListEmptyView.d.ts +44 -44
- package/types/src/components/List/ListOperation.d.ts +42 -42
- package/types/src/components/List/ListOperationContext.d.ts +7 -7
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +37 -37
- package/types/src/components/LocaleProvider/index.d.ts +2 -2
- package/types/src/components/Menu/Menu.stories.d.ts +19 -19
- package/types/src/components/OnDarkContext/OnDarkContext.d.ts +3 -3
- package/types/src/components/OnDarkContext/index.d.ts +1 -1
- package/types/src/components/PageHeader/PageHeader.d.ts +53 -53
- package/types/src/components/PageHeader/index.d.ts +1 -1
- package/types/src/components/Pagination/Pagination.d.ts +77 -77
- package/types/src/components/Panel/Panel.d.ts +65 -65
- package/types/src/components/Paragraph/Paragraph.d.ts +29 -29
- package/types/src/components/Paragraph/index.d.ts +1 -1
- package/types/src/components/Popover/Popover.stories.d.ts +22 -22
- package/types/src/components/ProgressBar/ProgressBar.d.ts +23 -23
- package/types/src/components/ProgressBar/ProgressIndicator.d.ts +21 -21
- package/types/src/components/ProgressBar/index.d.ts +1 -1
- package/types/src/components/Radio/Radio.d.ts +52 -52
- package/types/src/components/Radio/index.d.ts +1 -1
- package/types/src/components/ResponsiveContext/ResponsiveContext.d.ts +3 -3
- package/types/src/components/ResponsiveContext/index.d.ts +1 -1
- package/types/src/components/Select/MultiValue.d.ts +9 -9
- package/types/src/components/Select/Select.d.ts +74 -74
- package/types/src/components/Select/Select.stories.d.ts +23 -23
- package/types/src/components/Select/SelectControl.d.ts +26 -26
- package/types/src/components/Select/SelectOption.d.ts +29 -29
- package/types/src/components/Select/SelectOptionGroup.d.ts +20 -20
- package/types/src/components/Select/index.d.ts +3 -3
- package/types/src/components/Select/structures.d.ts +19 -19
- package/types/src/components/Spinner/Spinner.d.ts +18 -18
- package/types/src/components/Spinner/index.d.ts +1 -1
- package/types/src/components/Spot/Spot.d.ts +70 -70
- package/types/src/components/Spot/SpotPopup.d.ts +25 -25
- package/types/src/components/Spot/SpotPulsar.d.ts +10 -10
- package/types/src/components/Spot/index.d.ts +1 -1
- package/types/src/components/Squeezer/Squeezer.d.ts +22 -22
- package/types/src/components/Squeezer/index.d.ts +1 -1
- package/types/src/components/Status/Status.d.ts +69 -69
- package/types/src/components/Status/Status.stories.d.ts +22 -22
- package/types/src/components/Status/index.d.ts +1 -1
- package/types/src/components/StatusMessage/StatusMessage.d.ts +29 -29
- package/types/src/components/StatusMessage/index.d.ts +1 -1
- package/types/src/components/Tabs/Tabs.stories.d.ts +7 -7
- package/types/src/components/Text/Text.d.ts +64 -64
- package/types/src/components/Text/index.d.ts +1 -1
- package/types/src/components/TextArea/TextArea.d.ts +69 -69
- package/types/src/components/TextArea/calculateNodeHeight.d.ts +6 -6
- package/types/src/components/Toast/Toast.d.ts +40 -40
- package/types/src/components/Toast/index.d.ts +2 -2
- package/types/src/components/Toaster/Toaster.d.ts +93 -93
- package/types/src/components/Toaster/index.d.ts +1 -1
- package/types/src/components/Toolbar/RegistryContext.d.ts +16 -16
- package/types/src/components/Toolbar/ToolbarExpander.d.ts +24 -24
- package/types/src/components/Toolbar/ToolbarItem.d.ts +2 -2
- package/types/src/components/Toolbar/ToolbarMenu.d.ts +7 -7
- package/types/src/components/Tour/Tour.d.ts +27 -27
- package/types/src/components/Tour/index.d.ts +1 -1
- package/types/src/components/VerticalContext/VerticalContext.d.ts +4 -4
- package/types/src/components/VerticalContext/index.d.ts +1 -1
- package/types/src/components/index.d.ts +98 -98
- package/types/src/components/intentIconMap.d.ts +4 -4
- package/types/src/components/utils.d.ts +28 -28
- package/types/src/index.d.ts +5 -5
- package/types/src/utils.d.ts +5 -5
- package/cjs/components/FormFieldPassword/passwordScore.js +0 -132
- package/esm/components/FormFieldPassword/passwordScore.js +0 -123
- package/styleguide/build/bundle.1c9c8500.js +0 -2
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps, FunctionComponent } from 'react';
|
|
2
|
-
import './Checkbox.less';
|
|
3
|
-
declare type CheckboxProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Determine whether the `Checkbox` is checked.
|
|
6
|
-
* @since 0.0.55
|
|
7
|
-
*/
|
|
8
|
-
checked?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* @ignore
|
|
11
|
-
*/
|
|
12
|
-
defaultChecked?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* A callback function, can be executed when the checked state is changing.
|
|
15
|
-
* @since 0.0.55
|
|
16
|
-
*/
|
|
17
|
-
onChange?: (checked: boolean) => void;
|
|
18
|
-
/**
|
|
19
|
-
* Tooltip for component
|
|
20
|
-
* @since 0.0.55
|
|
21
|
-
*/
|
|
22
|
-
tooltip?: ReactNode;
|
|
23
|
-
/**
|
|
24
|
-
* Indicates that Checkbox should be disabled
|
|
25
|
-
* @since 0.0.55
|
|
26
|
-
*/
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* @ignore
|
|
30
|
-
*/
|
|
31
|
-
name?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Indeterminate checked state of checkbox
|
|
34
|
-
* @since 3.2.0
|
|
35
|
-
*/
|
|
36
|
-
indeterminate?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Label of the `Checkbox`
|
|
39
|
-
* @since 0.0.55
|
|
40
|
-
*/
|
|
41
|
-
children?: ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Additional props for input element
|
|
44
|
-
* @since 0.0.59
|
|
45
|
-
*/
|
|
46
|
-
inputProps?: HTMLProps<HTMLInputElement>;
|
|
47
|
-
/**
|
|
48
|
-
* @ignore
|
|
49
|
-
*/
|
|
50
|
-
className?: string;
|
|
51
|
-
/**
|
|
52
|
-
* @ignore
|
|
53
|
-
*/
|
|
54
|
-
baseClassName?: string;
|
|
55
|
-
/**
|
|
56
|
-
* @ignore
|
|
57
|
-
* Right additional content.
|
|
58
|
-
* @since 3.14.0
|
|
59
|
-
*/
|
|
60
|
-
rightAddon?: ReactNode;
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
|
|
64
|
-
* @since 0.0.55
|
|
65
|
-
*/
|
|
66
|
-
declare const Checkbox: FunctionComponent<CheckboxProps>;
|
|
67
|
-
export default Checkbox;
|
|
1
|
+
import { ReactNode, HTMLProps, FunctionComponent } from 'react';
|
|
2
|
+
import './Checkbox.less';
|
|
3
|
+
declare type CheckboxProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Determine whether the `Checkbox` is checked.
|
|
6
|
+
* @since 0.0.55
|
|
7
|
+
*/
|
|
8
|
+
checked?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* @ignore
|
|
11
|
+
*/
|
|
12
|
+
defaultChecked?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* A callback function, can be executed when the checked state is changing.
|
|
15
|
+
* @since 0.0.55
|
|
16
|
+
*/
|
|
17
|
+
onChange?: (checked: boolean) => void;
|
|
18
|
+
/**
|
|
19
|
+
* Tooltip for component
|
|
20
|
+
* @since 0.0.55
|
|
21
|
+
*/
|
|
22
|
+
tooltip?: ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Indicates that Checkbox should be disabled
|
|
25
|
+
* @since 0.0.55
|
|
26
|
+
*/
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* @ignore
|
|
30
|
+
*/
|
|
31
|
+
name?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Indeterminate checked state of checkbox
|
|
34
|
+
* @since 3.2.0
|
|
35
|
+
*/
|
|
36
|
+
indeterminate?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Label of the `Checkbox`
|
|
39
|
+
* @since 0.0.55
|
|
40
|
+
*/
|
|
41
|
+
children?: ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* Additional props for input element
|
|
44
|
+
* @since 0.0.59
|
|
45
|
+
*/
|
|
46
|
+
inputProps?: HTMLProps<HTMLInputElement>;
|
|
47
|
+
/**
|
|
48
|
+
* @ignore
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* @ignore
|
|
53
|
+
*/
|
|
54
|
+
baseClassName?: string;
|
|
55
|
+
/**
|
|
56
|
+
* @ignore
|
|
57
|
+
* Right additional content.
|
|
58
|
+
* @since 3.14.0
|
|
59
|
+
*/
|
|
60
|
+
rightAddon?: ReactNode;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
|
|
64
|
+
* @since 0.0.55
|
|
65
|
+
*/
|
|
66
|
+
declare const Checkbox: FunctionComponent<CheckboxProps>;
|
|
67
|
+
export default Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './Checkbox';
|
|
1
|
+
export { default } from './Checkbox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as useClosingConfirmation } from './useClosingConfirmation';
|
|
1
|
+
export { default as useClosingConfirmation } from './useClosingConfirmation';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type ClosingConfirmationProps = {
|
|
3
|
-
onClose?: () => void;
|
|
4
|
-
closingConfirmation?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const useClosingConfirmation: ({ onClose, closingConfirmation }: ClosingConfirmationProps) => {
|
|
7
|
-
onCloseWithConfirmation: any;
|
|
8
|
-
closingConfirmationDialog: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null;
|
|
9
|
-
};
|
|
10
|
-
export default useClosingConfirmation;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type ClosingConfirmationProps = {
|
|
3
|
+
onClose?: () => void;
|
|
4
|
+
closingConfirmation?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const useClosingConfirmation: ({ onClose, closingConfirmation }: ClosingConfirmationProps) => {
|
|
7
|
+
onCloseWithConfirmation: any;
|
|
8
|
+
closingConfirmationDialog: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null;
|
|
9
|
+
};
|
|
10
|
+
export default useClosingConfirmation;
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
declare type ColumnProps = {
|
|
3
|
-
/**
|
|
4
|
-
* @ignore
|
|
5
|
-
*/
|
|
6
|
-
baseClassName?: string;
|
|
7
|
-
/**
|
|
8
|
-
* @ignore
|
|
9
|
-
*/
|
|
10
|
-
className?: string;
|
|
11
|
-
/**
|
|
12
|
-
* @ignore
|
|
13
|
-
*/
|
|
14
|
-
style?: object;
|
|
15
|
-
/**
|
|
16
|
-
* Content of the `Column`.
|
|
17
|
-
* @since 2.6.0
|
|
18
|
-
*/
|
|
19
|
-
children: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* The column grows to absorb any extra free space in the columns container, and shrinks to its minimum size to fit the container.
|
|
22
|
-
* @since 2.6.0
|
|
23
|
-
*/
|
|
24
|
-
fill?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Each column with a ratio property will fill space according to that column's relative ratio value compared to the sum of all columns with a ratio value specified.
|
|
27
|
-
* @since 2.6.0
|
|
28
|
-
*/
|
|
29
|
-
ratio?: 1 | 2 | 3;
|
|
30
|
-
/**
|
|
31
|
-
* Define column width. For the width specified as a number, `'px'` is used as the unit.
|
|
32
|
-
* You can also specify a value with other units such as `'em'`, `'%'`, etc. (f.e. 20%, 10em)
|
|
33
|
-
* @since 2.6.0
|
|
34
|
-
*/
|
|
35
|
-
width?: number | string;
|
|
36
|
-
/**
|
|
37
|
-
* Define column minimum width. See `width` for details.
|
|
38
|
-
* @since 2.6.0
|
|
39
|
-
*/
|
|
40
|
-
minWidth?: number | string;
|
|
41
|
-
/**
|
|
42
|
-
* Define column maximum width. See `width` for details.
|
|
43
|
-
* @since 2.6.0
|
|
44
|
-
*/
|
|
45
|
-
maxWidth?: number | string;
|
|
46
|
-
};
|
|
47
|
-
/**
|
|
48
|
-
* `Column` component is a part of [Columns](#!/Columns).
|
|
49
|
-
* @since 2.6.0
|
|
50
|
-
*/
|
|
51
|
-
declare const Column: FunctionComponent<ColumnProps>;
|
|
52
|
-
export default Column;
|
|
1
|
+
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
+
declare type ColumnProps = {
|
|
3
|
+
/**
|
|
4
|
+
* @ignore
|
|
5
|
+
*/
|
|
6
|
+
baseClassName?: string;
|
|
7
|
+
/**
|
|
8
|
+
* @ignore
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* @ignore
|
|
13
|
+
*/
|
|
14
|
+
style?: object;
|
|
15
|
+
/**
|
|
16
|
+
* Content of the `Column`.
|
|
17
|
+
* @since 2.6.0
|
|
18
|
+
*/
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* The column grows to absorb any extra free space in the columns container, and shrinks to its minimum size to fit the container.
|
|
22
|
+
* @since 2.6.0
|
|
23
|
+
*/
|
|
24
|
+
fill?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Each column with a ratio property will fill space according to that column's relative ratio value compared to the sum of all columns with a ratio value specified.
|
|
27
|
+
* @since 2.6.0
|
|
28
|
+
*/
|
|
29
|
+
ratio?: 1 | 2 | 3;
|
|
30
|
+
/**
|
|
31
|
+
* Define column width. For the width specified as a number, `'px'` is used as the unit.
|
|
32
|
+
* You can also specify a value with other units such as `'em'`, `'%'`, etc. (f.e. 20%, 10em)
|
|
33
|
+
* @since 2.6.0
|
|
34
|
+
*/
|
|
35
|
+
width?: number | string;
|
|
36
|
+
/**
|
|
37
|
+
* Define column minimum width. See `width` for details.
|
|
38
|
+
* @since 2.6.0
|
|
39
|
+
*/
|
|
40
|
+
minWidth?: number | string;
|
|
41
|
+
/**
|
|
42
|
+
* Define column maximum width. See `width` for details.
|
|
43
|
+
* @since 2.6.0
|
|
44
|
+
*/
|
|
45
|
+
maxWidth?: number | string;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* `Column` component is a part of [Columns](#!/Columns).
|
|
49
|
+
* @since 2.6.0
|
|
50
|
+
*/
|
|
51
|
+
declare const Column: FunctionComponent<ColumnProps>;
|
|
52
|
+
export default Column;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
import '../../helpers/base.less';
|
|
3
|
-
import './Columns.less';
|
|
4
|
-
declare type ColumnsProps = {
|
|
5
|
-
/**
|
|
6
|
-
* @ignore
|
|
7
|
-
*/
|
|
8
|
-
baseClassName?: string;
|
|
9
|
-
/**
|
|
10
|
-
* @ignore
|
|
11
|
-
*/
|
|
12
|
-
className?: string;
|
|
13
|
-
/**
|
|
14
|
-
* Content of the `Columns`
|
|
15
|
-
* @since 2.6.0
|
|
16
|
-
*/
|
|
17
|
-
children: ReactNode;
|
|
18
|
-
/**
|
|
19
|
-
* Change columns' direction to vertical
|
|
20
|
-
* @since 2.6.0
|
|
21
|
-
*/
|
|
22
|
-
vertical?: boolean | number;
|
|
23
|
-
/**
|
|
24
|
-
* Specifying the gutters between columns
|
|
25
|
-
* @since 2.6.0
|
|
26
|
-
*/
|
|
27
|
-
gap?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* `Columns` component is used for creating of multi-column layouts.
|
|
31
|
-
* @since 2.6.0
|
|
32
|
-
*/
|
|
33
|
-
declare const Columns: FunctionComponent<ColumnsProps>;
|
|
34
|
-
export default Columns;
|
|
1
|
+
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
+
import '../../helpers/base.less';
|
|
3
|
+
import './Columns.less';
|
|
4
|
+
declare type ColumnsProps = {
|
|
5
|
+
/**
|
|
6
|
+
* @ignore
|
|
7
|
+
*/
|
|
8
|
+
baseClassName?: string;
|
|
9
|
+
/**
|
|
10
|
+
* @ignore
|
|
11
|
+
*/
|
|
12
|
+
className?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Content of the `Columns`
|
|
15
|
+
* @since 2.6.0
|
|
16
|
+
*/
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Change columns' direction to vertical
|
|
20
|
+
* @since 2.6.0
|
|
21
|
+
*/
|
|
22
|
+
vertical?: boolean | number;
|
|
23
|
+
/**
|
|
24
|
+
* Specifying the gutters between columns
|
|
25
|
+
* @since 2.6.0
|
|
26
|
+
*/
|
|
27
|
+
gap?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* `Columns` component is used for creating of multi-column layouts.
|
|
31
|
+
* @since 2.6.0
|
|
32
|
+
*/
|
|
33
|
+
declare const Columns: FunctionComponent<ColumnsProps>;
|
|
34
|
+
export default Columns;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './Columns';
|
|
2
|
-
export { default as Column } from './Column';
|
|
1
|
+
export { default } from './Columns';
|
|
2
|
+
export { default as Column } from './Column';
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import { ComponentProps, ReactElement } from 'react';
|
|
2
|
-
import ComboBoxOption from './ComboBoxOption';
|
|
3
|
-
import './ComboBox.less';
|
|
4
|
-
declare type ComboBoxProps = {
|
|
5
|
-
/**
|
|
6
|
-
* @ignore
|
|
7
|
-
*/
|
|
8
|
-
baseClassName?: string;
|
|
9
|
-
/**
|
|
10
|
-
* @ignore
|
|
11
|
-
*/
|
|
12
|
-
className?: string;
|
|
13
|
-
/**
|
|
14
|
-
* An initial value. It switches component into a controlled mode.
|
|
15
|
-
* @since 2.6.0
|
|
16
|
-
*/
|
|
17
|
-
value?: string;
|
|
18
|
-
/**
|
|
19
|
-
* An initial value.
|
|
20
|
-
* @since 2.6.0
|
|
21
|
-
*/
|
|
22
|
-
defaultValue?: string;
|
|
23
|
-
/**
|
|
24
|
-
* A callback executed when a value is changed.
|
|
25
|
-
* @since 2.6.0
|
|
26
|
-
*/
|
|
27
|
-
onChange?: (value: string) => void;
|
|
28
|
-
/**
|
|
29
|
-
* Whether disabled or not.
|
|
30
|
-
* @since 2.6.0
|
|
31
|
-
*/
|
|
32
|
-
disabled?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Size of the ComboBox.
|
|
35
|
-
* @since 2.6.0
|
|
36
|
-
*/
|
|
37
|
-
size?: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
|
|
38
|
-
/**
|
|
39
|
-
* Text alignment inside the input.
|
|
40
|
-
* @since 2.6.0
|
|
41
|
-
*/
|
|
42
|
-
textAlign?: 'left' | 'center' | 'right';
|
|
43
|
-
/**
|
|
44
|
-
* A placeholder for the input.
|
|
45
|
-
* @since 2.6.0
|
|
46
|
-
*/
|
|
47
|
-
placeholder?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Array of ComboBoxOption.
|
|
50
|
-
* @since 2.6.0
|
|
51
|
-
*/
|
|
52
|
-
children: ReactElement<ComponentProps<typeof ComboBoxOption>>[];
|
|
53
|
-
};
|
|
54
|
-
declare const _default: {
|
|
55
|
-
(props: ComboBoxProps): JSX.Element;
|
|
56
|
-
displayName: string;
|
|
57
|
-
};
|
|
58
|
-
export default _default;
|
|
1
|
+
import { ComponentProps, ReactElement } from 'react';
|
|
2
|
+
import ComboBoxOption from './ComboBoxOption';
|
|
3
|
+
import './ComboBox.less';
|
|
4
|
+
declare type ComboBoxProps = {
|
|
5
|
+
/**
|
|
6
|
+
* @ignore
|
|
7
|
+
*/
|
|
8
|
+
baseClassName?: string;
|
|
9
|
+
/**
|
|
10
|
+
* @ignore
|
|
11
|
+
*/
|
|
12
|
+
className?: string;
|
|
13
|
+
/**
|
|
14
|
+
* An initial value. It switches component into a controlled mode.
|
|
15
|
+
* @since 2.6.0
|
|
16
|
+
*/
|
|
17
|
+
value?: string;
|
|
18
|
+
/**
|
|
19
|
+
* An initial value.
|
|
20
|
+
* @since 2.6.0
|
|
21
|
+
*/
|
|
22
|
+
defaultValue?: string;
|
|
23
|
+
/**
|
|
24
|
+
* A callback executed when a value is changed.
|
|
25
|
+
* @since 2.6.0
|
|
26
|
+
*/
|
|
27
|
+
onChange?: (value: string) => void;
|
|
28
|
+
/**
|
|
29
|
+
* Whether disabled or not.
|
|
30
|
+
* @since 2.6.0
|
|
31
|
+
*/
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Size of the ComboBox.
|
|
35
|
+
* @since 2.6.0
|
|
36
|
+
*/
|
|
37
|
+
size?: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
|
|
38
|
+
/**
|
|
39
|
+
* Text alignment inside the input.
|
|
40
|
+
* @since 2.6.0
|
|
41
|
+
*/
|
|
42
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
43
|
+
/**
|
|
44
|
+
* A placeholder for the input.
|
|
45
|
+
* @since 2.6.0
|
|
46
|
+
*/
|
|
47
|
+
placeholder?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Array of ComboBoxOption.
|
|
50
|
+
* @since 2.6.0
|
|
51
|
+
*/
|
|
52
|
+
children: ReactElement<ComponentProps<typeof ComboBoxOption>>[];
|
|
53
|
+
};
|
|
54
|
+
declare const _default: {
|
|
55
|
+
(props: ComboBoxProps): JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
export default _default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
declare type ComboBoxOptionProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Whether disabled or not.
|
|
5
|
-
* @since 2.6.0
|
|
6
|
-
*/
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* An option value.
|
|
10
|
-
* @since 2.6.0
|
|
11
|
-
*/
|
|
12
|
-
children: string;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
|
|
16
|
-
* @since 2.6.0
|
|
17
|
-
*/
|
|
18
|
-
declare const ComboBoxOption: FunctionComponent<ComboBoxOptionProps>;
|
|
19
|
-
export default ComboBoxOption;
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
declare type ComboBoxOptionProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Whether disabled or not.
|
|
5
|
+
* @since 2.6.0
|
|
6
|
+
*/
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* An option value.
|
|
10
|
+
* @since 2.6.0
|
|
11
|
+
*/
|
|
12
|
+
children: string;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
|
|
16
|
+
* @since 2.6.0
|
|
17
|
+
*/
|
|
18
|
+
declare const ComboBoxOption: FunctionComponent<ComboBoxOptionProps>;
|
|
19
|
+
export default ComboBoxOption;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './ComboBox';
|
|
2
|
-
export { default as ComboBoxOption } from './ComboBoxOption';
|
|
1
|
+
export { default } from './ComboBox';
|
|
2
|
+
export { default as ComboBoxOption } from './ComboBoxOption';
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
|
-
import { EventEmitter } from '../utils';
|
|
3
|
-
import './ComboBoxDropdown.less';
|
|
4
|
-
declare type ValueType = any;
|
|
5
|
-
declare type GroupType = {
|
|
6
|
-
label?: string;
|
|
7
|
-
options: OptionType[];
|
|
8
|
-
props?: {
|
|
9
|
-
[key: string]: any;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
declare type OptionType = {
|
|
13
|
-
value: ValueType;
|
|
14
|
-
disabled: boolean;
|
|
15
|
-
group?: GroupType;
|
|
16
|
-
props?: {
|
|
17
|
-
[key: string]: any;
|
|
18
|
-
};
|
|
19
|
-
children: ReactNode;
|
|
20
|
-
};
|
|
21
|
-
export declare const findNextSafeIndex: (currIndex: number, diff: number, options: OptionType[]) => number;
|
|
22
|
-
declare type ComboBoxDropdownProps = {
|
|
23
|
-
baseClassName?: string;
|
|
24
|
-
className?: string;
|
|
25
|
-
disabled: boolean;
|
|
26
|
-
groups: GroupType[];
|
|
27
|
-
options: OptionType[];
|
|
28
|
-
control: ReactElement;
|
|
29
|
-
controlRef: RefObject<HTMLElement>;
|
|
30
|
-
opened: boolean;
|
|
31
|
-
onHighlightedIndexChange: (index: number) => void;
|
|
32
|
-
onClose: () => void;
|
|
33
|
-
highlightedIndex: number;
|
|
34
|
-
onSelect: (value: ValueType) => void;
|
|
35
|
-
value?: ValueType;
|
|
36
|
-
noOptions?: ReactNode;
|
|
37
|
-
emitter?: EventEmitter;
|
|
38
|
-
};
|
|
39
|
-
declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => JSX.Element;
|
|
40
|
-
export default ComboBoxDropdown;
|
|
1
|
+
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
|
+
import { EventEmitter } from '../utils';
|
|
3
|
+
import './ComboBoxDropdown.less';
|
|
4
|
+
declare type ValueType = any;
|
|
5
|
+
declare type GroupType = {
|
|
6
|
+
label?: string;
|
|
7
|
+
options: OptionType[];
|
|
8
|
+
props?: {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
declare type OptionType = {
|
|
13
|
+
value: ValueType;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
group?: GroupType;
|
|
16
|
+
props?: {
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
};
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
};
|
|
21
|
+
export declare const findNextSafeIndex: (currIndex: number, diff: number, options: OptionType[]) => number;
|
|
22
|
+
declare type ComboBoxDropdownProps = {
|
|
23
|
+
baseClassName?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
disabled: boolean;
|
|
26
|
+
groups: GroupType[];
|
|
27
|
+
options: OptionType[];
|
|
28
|
+
control: ReactElement;
|
|
29
|
+
controlRef: RefObject<HTMLElement>;
|
|
30
|
+
opened: boolean;
|
|
31
|
+
onHighlightedIndexChange: (index: number) => void;
|
|
32
|
+
onClose: () => void;
|
|
33
|
+
highlightedIndex: number;
|
|
34
|
+
onSelect: (value: ValueType) => void;
|
|
35
|
+
value?: ValueType;
|
|
36
|
+
noOptions?: ReactNode;
|
|
37
|
+
emitter?: EventEmitter;
|
|
38
|
+
};
|
|
39
|
+
declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => JSX.Element;
|
|
40
|
+
export default ComboBoxDropdown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, findNextSafeIndex } from './ComboBoxDropdown';
|
|
1
|
+
export { default, findNextSafeIndex } from './ComboBoxDropdown';
|