@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,23 +1,23 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
import './ProgressBar.less';
|
|
3
|
-
declare type ProgressBarProps = {
|
|
4
|
-
/**
|
|
5
|
-
* @ignore
|
|
6
|
-
*/
|
|
7
|
-
baseClassName?: string;
|
|
8
|
-
/**
|
|
9
|
-
* @ignore
|
|
10
|
-
*/
|
|
11
|
-
className?: string;
|
|
12
|
-
/**
|
|
13
|
-
* Visual intent color to apply to component.
|
|
14
|
-
*/
|
|
15
|
-
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
16
|
-
/**
|
|
17
|
-
* Value between 0 and 100. Filling the progress indicator in percent.
|
|
18
|
-
* If omit this property or set the value to -1, an "indeterminate" progress indicator is displayed.
|
|
19
|
-
*/
|
|
20
|
-
progress?: number;
|
|
21
|
-
};
|
|
22
|
-
declare const ProgressBar: FunctionComponent<ProgressBarProps>;
|
|
23
|
-
export default ProgressBar;
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import './ProgressBar.less';
|
|
3
|
+
declare type ProgressBarProps = {
|
|
4
|
+
/**
|
|
5
|
+
* @ignore
|
|
6
|
+
*/
|
|
7
|
+
baseClassName?: string;
|
|
8
|
+
/**
|
|
9
|
+
* @ignore
|
|
10
|
+
*/
|
|
11
|
+
className?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Visual intent color to apply to component.
|
|
14
|
+
*/
|
|
15
|
+
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
16
|
+
/**
|
|
17
|
+
* Value between 0 and 100. Filling the progress indicator in percent.
|
|
18
|
+
* If omit this property or set the value to -1, an "indeterminate" progress indicator is displayed.
|
|
19
|
+
*/
|
|
20
|
+
progress?: number;
|
|
21
|
+
};
|
|
22
|
+
declare const ProgressBar: FunctionComponent<ProgressBarProps>;
|
|
23
|
+
export default ProgressBar;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
|
-
declare type ProgressIndicatorProps = {
|
|
3
|
-
/**
|
|
4
|
-
* @ignore
|
|
5
|
-
*/
|
|
6
|
-
baseClassName?: string;
|
|
7
|
-
/**
|
|
8
|
-
* @ignore
|
|
9
|
-
*/
|
|
10
|
-
className?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Visual intent color to apply to component.
|
|
13
|
-
*/
|
|
14
|
-
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
15
|
-
/**
|
|
16
|
-
* Progress indication in numbers
|
|
17
|
-
*/
|
|
18
|
-
progress?: number;
|
|
19
|
-
};
|
|
20
|
-
declare const ProgressIndicator: FunctionComponent<ProgressIndicatorProps>;
|
|
21
|
-
export default ProgressIndicator;
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
declare type ProgressIndicatorProps = {
|
|
3
|
+
/**
|
|
4
|
+
* @ignore
|
|
5
|
+
*/
|
|
6
|
+
baseClassName?: string;
|
|
7
|
+
/**
|
|
8
|
+
* @ignore
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Visual intent color to apply to component.
|
|
13
|
+
*/
|
|
14
|
+
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
15
|
+
/**
|
|
16
|
+
* Progress indication in numbers
|
|
17
|
+
*/
|
|
18
|
+
progress?: number;
|
|
19
|
+
};
|
|
20
|
+
declare const ProgressIndicator: FunctionComponent<ProgressIndicatorProps>;
|
|
21
|
+
export default ProgressIndicator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './ProgressBar';
|
|
1
|
+
export { default } from './ProgressBar';
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps, FunctionComponent } from 'react';
|
|
2
|
-
import './Radio.less';
|
|
3
|
-
declare type RadioProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Determine whether the `Radio` is checked.
|
|
6
|
-
* @since 3.2.0
|
|
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 3.2.0
|
|
16
|
-
*/
|
|
17
|
-
onChange?: (checked: boolean) => void;
|
|
18
|
-
/**
|
|
19
|
-
* Indicates that Checkbox should be disabled
|
|
20
|
-
* @since 3.2.0
|
|
21
|
-
*/
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Field name
|
|
25
|
-
* @since 3.2.0
|
|
26
|
-
*/
|
|
27
|
-
name?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Label of the `Radio`
|
|
30
|
-
* @since 3.2.0
|
|
31
|
-
*/
|
|
32
|
-
children?: ReactNode;
|
|
33
|
-
/**
|
|
34
|
-
* Additional props for input element
|
|
35
|
-
* @since 3.2.0
|
|
36
|
-
*/
|
|
37
|
-
inputProps?: HTMLProps<HTMLInputElement>;
|
|
38
|
-
/**
|
|
39
|
-
* @ignore
|
|
40
|
-
*/
|
|
41
|
-
className?: string;
|
|
42
|
-
/**
|
|
43
|
-
* @ignore
|
|
44
|
-
*/
|
|
45
|
-
baseClassName?: string;
|
|
46
|
-
};
|
|
47
|
-
/**
|
|
48
|
-
* `Radio` component is used for making a choice among a set of mutually exclusive, related options.
|
|
49
|
-
* @since 3.2.0
|
|
50
|
-
*/
|
|
51
|
-
declare const Radio: FunctionComponent<RadioProps>;
|
|
52
|
-
export default Radio;
|
|
1
|
+
import { ReactNode, HTMLProps, FunctionComponent } from 'react';
|
|
2
|
+
import './Radio.less';
|
|
3
|
+
declare type RadioProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Determine whether the `Radio` is checked.
|
|
6
|
+
* @since 3.2.0
|
|
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 3.2.0
|
|
16
|
+
*/
|
|
17
|
+
onChange?: (checked: boolean) => void;
|
|
18
|
+
/**
|
|
19
|
+
* Indicates that Checkbox should be disabled
|
|
20
|
+
* @since 3.2.0
|
|
21
|
+
*/
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Field name
|
|
25
|
+
* @since 3.2.0
|
|
26
|
+
*/
|
|
27
|
+
name?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Label of the `Radio`
|
|
30
|
+
* @since 3.2.0
|
|
31
|
+
*/
|
|
32
|
+
children?: ReactNode;
|
|
33
|
+
/**
|
|
34
|
+
* Additional props for input element
|
|
35
|
+
* @since 3.2.0
|
|
36
|
+
*/
|
|
37
|
+
inputProps?: HTMLProps<HTMLInputElement>;
|
|
38
|
+
/**
|
|
39
|
+
* @ignore
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
42
|
+
/**
|
|
43
|
+
* @ignore
|
|
44
|
+
*/
|
|
45
|
+
baseClassName?: string;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* `Radio` component is used for making a choice among a set of mutually exclusive, related options.
|
|
49
|
+
* @since 3.2.0
|
|
50
|
+
*/
|
|
51
|
+
declare const Radio: FunctionComponent<RadioProps>;
|
|
52
|
+
export default Radio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './Radio';
|
|
1
|
+
export { default } from './Radio';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const ResponsiveContext: import("react").Context<boolean | undefined>;
|
|
3
|
-
export default ResponsiveContext;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const ResponsiveContext: import("react").Context<boolean | undefined>;
|
|
3
|
+
export default ResponsiveContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './ResponsiveContext';
|
|
1
|
+
export { default } from './ResponsiveContext';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
-
import './MultiValue.less';
|
|
3
|
-
declare type MultiValueProps = {
|
|
4
|
-
baseClassName?: string;
|
|
5
|
-
onRemove: () => void;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
declare const MultiValue: FunctionComponent<MultiValueProps>;
|
|
9
|
-
export default MultiValue;
|
|
1
|
+
import { FunctionComponent, ReactNode } from 'react';
|
|
2
|
+
import './MultiValue.less';
|
|
3
|
+
declare type MultiValueProps = {
|
|
4
|
+
baseClassName?: string;
|
|
5
|
+
onRemove: () => void;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
};
|
|
8
|
+
declare const MultiValue: FunctionComponent<MultiValueProps>;
|
|
9
|
+
export default MultiValue;
|
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
import { Omit } from '../../utils';
|
|
2
|
-
import { FunctionComponent, HTMLProps, ReactNode } from 'react';
|
|
3
|
-
import { Value } from './structures';
|
|
4
|
-
import './Select.less';
|
|
5
|
-
declare type SelectProps = {
|
|
6
|
-
/**
|
|
7
|
-
* ID of the input.
|
|
8
|
-
*/
|
|
9
|
-
id?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Size of the select. Note that size is specified, the control doesn't grow up if some option is large than the initial control size.
|
|
12
|
-
* @since 2.3.0
|
|
13
|
-
*/
|
|
14
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
|
|
15
|
-
/**
|
|
16
|
-
* Array of Option or OptionGroup.
|
|
17
|
-
* @since 2.3.0
|
|
18
|
-
*/
|
|
19
|
-
children: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* @ignore
|
|
22
|
-
*/
|
|
23
|
-
baseClassName?: string;
|
|
24
|
-
/**
|
|
25
|
-
* @ignore
|
|
26
|
-
*/
|
|
27
|
-
className?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Whether disabled or not.
|
|
30
|
-
* @since 2.3.0
|
|
31
|
-
*/
|
|
32
|
-
disabled?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* In this mode, the available options are filtered by user input.
|
|
35
|
-
* @since 2.3.0
|
|
36
|
-
*/
|
|
37
|
-
searchable?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* In this mode, there is a button for deleting the selected option (or options).
|
|
40
|
-
* @since 2.3.0
|
|
41
|
-
*/
|
|
42
|
-
clearable?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* In this mode, it is possible to select several options.
|
|
45
|
-
* @since 2.3.0
|
|
46
|
-
*/
|
|
47
|
-
multiple?: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* A placeholder for the input.
|
|
50
|
-
* @since 2.3.0
|
|
51
|
-
*/
|
|
52
|
-
placeholder?: ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* An initial value.
|
|
55
|
-
* @since 2.3.0
|
|
56
|
-
*/
|
|
57
|
-
defaultValue?: Value | Value[];
|
|
58
|
-
/**
|
|
59
|
-
* An initial value. It switches component into a controlled mode.
|
|
60
|
-
* @since 2.3.0
|
|
61
|
-
*/
|
|
62
|
-
value?: Value | Value[];
|
|
63
|
-
/**
|
|
64
|
-
* A callback executed when a value is changed.
|
|
65
|
-
* @since 2.3.0
|
|
66
|
-
*/
|
|
67
|
-
onChange?: (value: Value | Value[] | undefined) => void;
|
|
68
|
-
} & Omit<HTMLProps<HTMLDivElement>, 'onChange' | 'size'>;
|
|
69
|
-
/**
|
|
70
|
-
* `Select` component is used for making a choice among a set of related options.
|
|
71
|
-
* @since 2.3.0
|
|
72
|
-
*/
|
|
73
|
-
declare const Select: FunctionComponent<SelectProps>;
|
|
74
|
-
export default Select;
|
|
1
|
+
import { Omit } from '../../utils';
|
|
2
|
+
import { FunctionComponent, HTMLProps, ReactNode } from 'react';
|
|
3
|
+
import { Value } from './structures';
|
|
4
|
+
import './Select.less';
|
|
5
|
+
declare type SelectProps = {
|
|
6
|
+
/**
|
|
7
|
+
* ID of the input.
|
|
8
|
+
*/
|
|
9
|
+
id?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Size of the select. Note that size is specified, the control doesn't grow up if some option is large than the initial control size.
|
|
12
|
+
* @since 2.3.0
|
|
13
|
+
*/
|
|
14
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
|
|
15
|
+
/**
|
|
16
|
+
* Array of Option or OptionGroup.
|
|
17
|
+
* @since 2.3.0
|
|
18
|
+
*/
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* @ignore
|
|
22
|
+
*/
|
|
23
|
+
baseClassName?: string;
|
|
24
|
+
/**
|
|
25
|
+
* @ignore
|
|
26
|
+
*/
|
|
27
|
+
className?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Whether disabled or not.
|
|
30
|
+
* @since 2.3.0
|
|
31
|
+
*/
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* In this mode, the available options are filtered by user input.
|
|
35
|
+
* @since 2.3.0
|
|
36
|
+
*/
|
|
37
|
+
searchable?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* In this mode, there is a button for deleting the selected option (or options).
|
|
40
|
+
* @since 2.3.0
|
|
41
|
+
*/
|
|
42
|
+
clearable?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* In this mode, it is possible to select several options.
|
|
45
|
+
* @since 2.3.0
|
|
46
|
+
*/
|
|
47
|
+
multiple?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* A placeholder for the input.
|
|
50
|
+
* @since 2.3.0
|
|
51
|
+
*/
|
|
52
|
+
placeholder?: ReactNode;
|
|
53
|
+
/**
|
|
54
|
+
* An initial value.
|
|
55
|
+
* @since 2.3.0
|
|
56
|
+
*/
|
|
57
|
+
defaultValue?: Value | Value[];
|
|
58
|
+
/**
|
|
59
|
+
* An initial value. It switches component into a controlled mode.
|
|
60
|
+
* @since 2.3.0
|
|
61
|
+
*/
|
|
62
|
+
value?: Value | Value[];
|
|
63
|
+
/**
|
|
64
|
+
* A callback executed when a value is changed.
|
|
65
|
+
* @since 2.3.0
|
|
66
|
+
*/
|
|
67
|
+
onChange?: (value: Value | Value[] | undefined) => void;
|
|
68
|
+
} & Omit<HTMLProps<HTMLDivElement>, 'onChange' | 'size'>;
|
|
69
|
+
/**
|
|
70
|
+
* `Select` component is used for making a choice among a set of related options.
|
|
71
|
+
* @since 2.3.0
|
|
72
|
+
*/
|
|
73
|
+
declare const Select: FunctionComponent<SelectProps>;
|
|
74
|
+
export default Select;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const Basic: {
|
|
3
|
-
(args: React.PropsWithChildren<{
|
|
4
|
-
id?: string | undefined;
|
|
5
|
-
size?: "fill" | "md" | "lg" | "xs" | "sm" | "xl" | undefined;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
baseClassName?: string | undefined;
|
|
8
|
-
className?: string | undefined;
|
|
9
|
-
disabled?: boolean | undefined;
|
|
10
|
-
searchable?: boolean | undefined;
|
|
11
|
-
clearable?: boolean | undefined;
|
|
12
|
-
multiple?: boolean | undefined;
|
|
13
|
-
placeholder?: React.ReactNode;
|
|
14
|
-
defaultValue?: string | number | (string | number)[] | undefined;
|
|
15
|
-
value?: string | number | (string | number)[] | undefined;
|
|
16
|
-
onChange?: ((value: string | number | (string | number)[] | undefined) => void) | undefined;
|
|
17
|
-
} & Pick<React.HTMLProps<HTMLDivElement>, "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "wrap" | "multiple" | "key" | "ref" | "children" | "list" | "step" | "target" | "role" | "resource" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "type" | "useMap" | "value" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">>): JSX.Element;
|
|
18
|
-
args: {
|
|
19
|
-
children: JSX.Element[];
|
|
20
|
-
'data-test': string;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export declare const SearchableAtBottom: () => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const Basic: {
|
|
3
|
+
(args: React.PropsWithChildren<{
|
|
4
|
+
id?: string | undefined;
|
|
5
|
+
size?: "fill" | "md" | "lg" | "xs" | "sm" | "xl" | undefined;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
baseClassName?: string | undefined;
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
searchable?: boolean | undefined;
|
|
11
|
+
clearable?: boolean | undefined;
|
|
12
|
+
multiple?: boolean | undefined;
|
|
13
|
+
placeholder?: React.ReactNode;
|
|
14
|
+
defaultValue?: string | number | (string | number)[] | undefined;
|
|
15
|
+
value?: string | number | (string | number)[] | undefined;
|
|
16
|
+
onChange?: ((value: string | number | (string | number)[] | undefined) => void) | undefined;
|
|
17
|
+
} & Pick<React.HTMLProps<HTMLDivElement>, "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "wrap" | "multiple" | "key" | "ref" | "children" | "list" | "step" | "target" | "role" | "resource" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "type" | "useMap" | "value" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">>): JSX.Element;
|
|
18
|
+
args: {
|
|
19
|
+
children: JSX.Element[];
|
|
20
|
+
'data-test': string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export declare const SearchableAtBottom: () => JSX.Element;
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { Option, Value } from './structures';
|
|
3
|
-
import '../../helpers/base.less';
|
|
4
|
-
import './SelectControl.less';
|
|
5
|
-
declare type SelectControlProps = {
|
|
6
|
-
id?: string;
|
|
7
|
-
name?: string;
|
|
8
|
-
baseClassName?: string;
|
|
9
|
-
current?: Option | Option[];
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
filterValue: string;
|
|
12
|
-
searchable: boolean;
|
|
13
|
-
clearable: boolean;
|
|
14
|
-
multiple: boolean;
|
|
15
|
-
placeholder?: ReactNode;
|
|
16
|
-
onFilterChange: (filter: string) => void;
|
|
17
|
-
onHighlightChange: (diff: number) => void;
|
|
18
|
-
onHighlightConfirm: () => void;
|
|
19
|
-
onHighlightSearch: (query: string) => void;
|
|
20
|
-
onOpen: () => void;
|
|
21
|
-
onClose: () => void;
|
|
22
|
-
onClear: () => void;
|
|
23
|
-
onValueRemove: (value?: Value) => void;
|
|
24
|
-
};
|
|
25
|
-
declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
export default SelectControl;
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Option, Value } from './structures';
|
|
3
|
+
import '../../helpers/base.less';
|
|
4
|
+
import './SelectControl.less';
|
|
5
|
+
declare type SelectControlProps = {
|
|
6
|
+
id?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
baseClassName?: string;
|
|
9
|
+
current?: Option | Option[];
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
filterValue: string;
|
|
12
|
+
searchable: boolean;
|
|
13
|
+
clearable: boolean;
|
|
14
|
+
multiple: boolean;
|
|
15
|
+
placeholder?: ReactNode;
|
|
16
|
+
onFilterChange: (filter: string) => void;
|
|
17
|
+
onHighlightChange: (diff: number) => void;
|
|
18
|
+
onHighlightConfirm: () => void;
|
|
19
|
+
onHighlightSearch: (query: string) => void;
|
|
20
|
+
onOpen: () => void;
|
|
21
|
+
onClose: () => void;
|
|
22
|
+
onClear: () => void;
|
|
23
|
+
onValueRemove: (value?: Value) => void;
|
|
24
|
+
};
|
|
25
|
+
declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export default SelectControl;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { ReactNode, FunctionComponent } from 'react';
|
|
2
|
-
declare type SelectOptionProps = {
|
|
3
|
-
/**
|
|
4
|
-
* An option value. If it is not specified, children are used as the value.
|
|
5
|
-
* @since 2.3.0
|
|
6
|
-
*/
|
|
7
|
-
value?: string | number;
|
|
8
|
-
/**
|
|
9
|
-
* It needs only for search purpose. It must be specified if some component is used as children.
|
|
10
|
-
* @since 2.3.0
|
|
11
|
-
*/
|
|
12
|
-
label?: string;
|
|
13
|
-
/**
|
|
14
|
-
* Whether disabled or not.
|
|
15
|
-
* @since 2.3.0
|
|
16
|
-
*/
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* A display value.
|
|
20
|
-
* @since 2.3.0
|
|
21
|
-
*/
|
|
22
|
-
children: ReactNode;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
|
|
26
|
-
* @since 2.3.0
|
|
27
|
-
*/
|
|
28
|
-
declare const SelectOption: FunctionComponent<SelectOptionProps>;
|
|
29
|
-
export default SelectOption;
|
|
1
|
+
import { ReactNode, FunctionComponent } from 'react';
|
|
2
|
+
declare type SelectOptionProps = {
|
|
3
|
+
/**
|
|
4
|
+
* An option value. If it is not specified, children are used as the value.
|
|
5
|
+
* @since 2.3.0
|
|
6
|
+
*/
|
|
7
|
+
value?: string | number;
|
|
8
|
+
/**
|
|
9
|
+
* It needs only for search purpose. It must be specified if some component is used as children.
|
|
10
|
+
* @since 2.3.0
|
|
11
|
+
*/
|
|
12
|
+
label?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Whether disabled or not.
|
|
15
|
+
* @since 2.3.0
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* A display value.
|
|
20
|
+
* @since 2.3.0
|
|
21
|
+
*/
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
|
|
26
|
+
* @since 2.3.0
|
|
27
|
+
*/
|
|
28
|
+
declare const SelectOption: FunctionComponent<SelectOptionProps>;
|
|
29
|
+
export default SelectOption;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { FunctionComponent, ReactElement, ComponentProps } from 'react';
|
|
2
|
-
import SelectOption from './SelectOption';
|
|
3
|
-
declare type SelectOptionGroupProps = {
|
|
4
|
-
/**
|
|
5
|
-
* A group title.
|
|
6
|
-
* @since 2.3.0
|
|
7
|
-
*/
|
|
8
|
-
label: string;
|
|
9
|
-
/**
|
|
10
|
-
* An array of `SelectOption`.
|
|
11
|
-
* @since 2.3.0
|
|
12
|
-
*/
|
|
13
|
-
children: ReactElement<ComponentProps<typeof SelectOption>> | ReactElement<ComponentProps<typeof SelectOption>>[];
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* `SelectOptionGroup` is a part of [Select](#!/Select) component. It can be used for splitting the list of all options into groups.
|
|
17
|
-
* @since 2.3.0
|
|
18
|
-
*/
|
|
19
|
-
declare const SelectOptionGroup: FunctionComponent<SelectOptionGroupProps>;
|
|
20
|
-
export default SelectOptionGroup;
|
|
1
|
+
import { FunctionComponent, ReactElement, ComponentProps } from 'react';
|
|
2
|
+
import SelectOption from './SelectOption';
|
|
3
|
+
declare type SelectOptionGroupProps = {
|
|
4
|
+
/**
|
|
5
|
+
* A group title.
|
|
6
|
+
* @since 2.3.0
|
|
7
|
+
*/
|
|
8
|
+
label: string;
|
|
9
|
+
/**
|
|
10
|
+
* An array of `SelectOption`.
|
|
11
|
+
* @since 2.3.0
|
|
12
|
+
*/
|
|
13
|
+
children: ReactElement<ComponentProps<typeof SelectOption>> | ReactElement<ComponentProps<typeof SelectOption>>[];
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* `SelectOptionGroup` is a part of [Select](#!/Select) component. It can be used for splitting the list of all options into groups.
|
|
17
|
+
* @since 2.3.0
|
|
18
|
+
*/
|
|
19
|
+
declare const SelectOptionGroup: FunctionComponent<SelectOptionGroupProps>;
|
|
20
|
+
export default SelectOptionGroup;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './Select';
|
|
2
|
-
export { default as SelectOption } from './SelectOption';
|
|
3
|
-
export { default as SelectOptionGroup } from './SelectOptionGroup';
|
|
1
|
+
export { default } from './Select';
|
|
2
|
+
export { default as SelectOption } from './SelectOption';
|
|
3
|
+
export { default as SelectOptionGroup } from './SelectOptionGroup';
|