@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,64 +1,64 @@
|
|
|
1
|
-
import { ReactNode, ElementType, FunctionComponent } from 'react';
|
|
2
|
-
import '../../helpers/base.less';
|
|
3
|
-
import './Text.less';
|
|
4
|
-
declare type TextProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Content of the `Text`.
|
|
7
|
-
* @since 1.1.0
|
|
8
|
-
*/
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
* Component to render as the root element.
|
|
12
|
-
* @since 1.1.0
|
|
13
|
-
*/
|
|
14
|
-
component?: string | ElementType;
|
|
15
|
-
/**
|
|
16
|
-
* Visual intent color to apply to component.
|
|
17
|
-
* @since 1.1.0
|
|
18
|
-
*/
|
|
19
|
-
intent?: 'info' | 'success' | 'warning' | 'danger' | 'muted';
|
|
20
|
-
/**
|
|
21
|
-
* Font size to apply to component.
|
|
22
|
-
* @since 2.3.0
|
|
23
|
-
*/
|
|
24
|
-
fontSize?: 'sm' | 'md';
|
|
25
|
-
/**
|
|
26
|
-
* Indicates that contents have strong importance.
|
|
27
|
-
* @since 1.1.0
|
|
28
|
-
*/
|
|
29
|
-
bold?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Indicates that contents are set off from the normal text for some reason.
|
|
32
|
-
* @since 1.1.0
|
|
33
|
-
*/
|
|
34
|
-
italic?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Marked text.
|
|
37
|
-
* @since 3.7.0
|
|
38
|
-
*/
|
|
39
|
-
mark?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Truncate the text with an ellipsis.
|
|
42
|
-
* @since 3.1.0
|
|
43
|
-
*/
|
|
44
|
-
truncate?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Prevent text from wrapping.
|
|
47
|
-
* @since 3.1.0
|
|
48
|
-
*/
|
|
49
|
-
nowrap?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
53
|
-
className?: string;
|
|
54
|
-
/**
|
|
55
|
-
* @ignore
|
|
56
|
-
*/
|
|
57
|
-
baseClassName?: string;
|
|
58
|
-
};
|
|
59
|
-
/**
|
|
60
|
-
* `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
|
|
61
|
-
* @since 1.1.0
|
|
62
|
-
*/
|
|
63
|
-
declare const Text: FunctionComponent<TextProps>;
|
|
64
|
-
export default Text;
|
|
1
|
+
import { ReactNode, ElementType, FunctionComponent } from 'react';
|
|
2
|
+
import '../../helpers/base.less';
|
|
3
|
+
import './Text.less';
|
|
4
|
+
declare type TextProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Content of the `Text`.
|
|
7
|
+
* @since 1.1.0
|
|
8
|
+
*/
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Component to render as the root element.
|
|
12
|
+
* @since 1.1.0
|
|
13
|
+
*/
|
|
14
|
+
component?: string | ElementType;
|
|
15
|
+
/**
|
|
16
|
+
* Visual intent color to apply to component.
|
|
17
|
+
* @since 1.1.0
|
|
18
|
+
*/
|
|
19
|
+
intent?: 'info' | 'success' | 'warning' | 'danger' | 'muted';
|
|
20
|
+
/**
|
|
21
|
+
* Font size to apply to component.
|
|
22
|
+
* @since 2.3.0
|
|
23
|
+
*/
|
|
24
|
+
fontSize?: 'sm' | 'md';
|
|
25
|
+
/**
|
|
26
|
+
* Indicates that contents have strong importance.
|
|
27
|
+
* @since 1.1.0
|
|
28
|
+
*/
|
|
29
|
+
bold?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Indicates that contents are set off from the normal text for some reason.
|
|
32
|
+
* @since 1.1.0
|
|
33
|
+
*/
|
|
34
|
+
italic?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Marked text.
|
|
37
|
+
* @since 3.7.0
|
|
38
|
+
*/
|
|
39
|
+
mark?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Truncate the text with an ellipsis.
|
|
42
|
+
* @since 3.1.0
|
|
43
|
+
*/
|
|
44
|
+
truncate?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Prevent text from wrapping.
|
|
47
|
+
* @since 3.1.0
|
|
48
|
+
*/
|
|
49
|
+
nowrap?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* @ignore
|
|
52
|
+
*/
|
|
53
|
+
className?: string;
|
|
54
|
+
/**
|
|
55
|
+
* @ignore
|
|
56
|
+
*/
|
|
57
|
+
baseClassName?: string;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
|
|
61
|
+
* @since 1.1.0
|
|
62
|
+
*/
|
|
63
|
+
declare const Text: FunctionComponent<TextProps>;
|
|
64
|
+
export default Text;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './Text';
|
|
1
|
+
export { default } from './Text';
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import React, { Component, SyntheticEvent } from 'react';
|
|
2
|
-
import './TextArea.less';
|
|
3
|
-
declare type Rows = number | {
|
|
4
|
-
min: number;
|
|
5
|
-
max: number;
|
|
6
|
-
};
|
|
7
|
-
declare type TextAreaProps = {
|
|
8
|
-
/**
|
|
9
|
-
* @ignore
|
|
10
|
-
*/
|
|
11
|
-
baseClassName?: string;
|
|
12
|
-
/**
|
|
13
|
-
* @ignore
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Textarea width.
|
|
18
|
-
* @since 1.9.0
|
|
19
|
-
*/
|
|
20
|
-
size: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
|
|
21
|
-
/**
|
|
22
|
-
* Adjust height automatically when multiline option is set to true.
|
|
23
|
-
* @since 1.9.0
|
|
24
|
-
*/
|
|
25
|
-
autoheight?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Number of rows, can be a range.
|
|
28
|
-
* @since 1.9.0
|
|
29
|
-
*/
|
|
30
|
-
rows?: Rows;
|
|
31
|
-
/**
|
|
32
|
-
* @ignore
|
|
33
|
-
*/
|
|
34
|
-
onChange?: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
|
|
35
|
-
};
|
|
36
|
-
declare type TextAreaState = {
|
|
37
|
-
textareaStyles: any;
|
|
38
|
-
minRows?: number;
|
|
39
|
-
maxRows?: number;
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* `TextArea` is used for entering long text (like email body, descriptions, comments).
|
|
43
|
-
* @since 1.9.0
|
|
44
|
-
*/
|
|
45
|
-
declare class TextArea extends Component<TextAreaProps, TextAreaState> {
|
|
46
|
-
static defaultProps: {
|
|
47
|
-
baseClassName: string;
|
|
48
|
-
className: null;
|
|
49
|
-
rows: number;
|
|
50
|
-
size: string;
|
|
51
|
-
autoheight: boolean;
|
|
52
|
-
onChange: null;
|
|
53
|
-
};
|
|
54
|
-
state: TextAreaState;
|
|
55
|
-
static getDerivedStateFromProps({ rows }: TextAreaProps): {
|
|
56
|
-
minRows: number;
|
|
57
|
-
maxRows?: undefined;
|
|
58
|
-
} | {
|
|
59
|
-
minRows: number;
|
|
60
|
-
maxRows: number;
|
|
61
|
-
} | null;
|
|
62
|
-
componentDidMount(): void;
|
|
63
|
-
componentDidUpdate(prevProps: TextAreaProps): void;
|
|
64
|
-
rootRef: React.RefObject<HTMLTextAreaElement>;
|
|
65
|
-
handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement, Event>) => void;
|
|
66
|
-
adjustHeight(): void;
|
|
67
|
-
render(): JSX.Element;
|
|
68
|
-
}
|
|
69
|
-
export default TextArea;
|
|
1
|
+
import React, { Component, SyntheticEvent } from 'react';
|
|
2
|
+
import './TextArea.less';
|
|
3
|
+
declare type Rows = number | {
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
};
|
|
7
|
+
declare type TextAreaProps = {
|
|
8
|
+
/**
|
|
9
|
+
* @ignore
|
|
10
|
+
*/
|
|
11
|
+
baseClassName?: string;
|
|
12
|
+
/**
|
|
13
|
+
* @ignore
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Textarea width.
|
|
18
|
+
* @since 1.9.0
|
|
19
|
+
*/
|
|
20
|
+
size: 'sm' | 'md' | 'lg' | 'xl' | 'fill';
|
|
21
|
+
/**
|
|
22
|
+
* Adjust height automatically when multiline option is set to true.
|
|
23
|
+
* @since 1.9.0
|
|
24
|
+
*/
|
|
25
|
+
autoheight?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Number of rows, can be a range.
|
|
28
|
+
* @since 1.9.0
|
|
29
|
+
*/
|
|
30
|
+
rows?: Rows;
|
|
31
|
+
/**
|
|
32
|
+
* @ignore
|
|
33
|
+
*/
|
|
34
|
+
onChange?: (e: SyntheticEvent<HTMLTextAreaElement>) => void;
|
|
35
|
+
};
|
|
36
|
+
declare type TextAreaState = {
|
|
37
|
+
textareaStyles: any;
|
|
38
|
+
minRows?: number;
|
|
39
|
+
maxRows?: number;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* `TextArea` is used for entering long text (like email body, descriptions, comments).
|
|
43
|
+
* @since 1.9.0
|
|
44
|
+
*/
|
|
45
|
+
declare class TextArea extends Component<TextAreaProps, TextAreaState> {
|
|
46
|
+
static defaultProps: {
|
|
47
|
+
baseClassName: string;
|
|
48
|
+
className: null;
|
|
49
|
+
rows: number;
|
|
50
|
+
size: string;
|
|
51
|
+
autoheight: boolean;
|
|
52
|
+
onChange: null;
|
|
53
|
+
};
|
|
54
|
+
state: TextAreaState;
|
|
55
|
+
static getDerivedStateFromProps({ rows }: TextAreaProps): {
|
|
56
|
+
minRows: number;
|
|
57
|
+
maxRows?: undefined;
|
|
58
|
+
} | {
|
|
59
|
+
minRows: number;
|
|
60
|
+
maxRows: number;
|
|
61
|
+
} | null;
|
|
62
|
+
componentDidMount(): void;
|
|
63
|
+
componentDidUpdate(prevProps: TextAreaProps): void;
|
|
64
|
+
rootRef: React.RefObject<HTMLTextAreaElement>;
|
|
65
|
+
handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement, Event>) => void;
|
|
66
|
+
adjustHeight(): void;
|
|
67
|
+
render(): JSX.Element;
|
|
68
|
+
}
|
|
69
|
+
export default TextArea;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export default function calculateNodeHeight(uiTextNode: HTMLTextAreaElement, useCache?: boolean, minRows?: number | null, maxRows?: number | null): {
|
|
2
|
-
height: number;
|
|
3
|
-
minHeight: number | null;
|
|
4
|
-
maxHeight: number | null;
|
|
5
|
-
overflowY: any;
|
|
6
|
-
};
|
|
1
|
+
export default function calculateNodeHeight(uiTextNode: HTMLTextAreaElement, useCache?: boolean, minRows?: number | null, maxRows?: number | null): {
|
|
2
|
+
height: number;
|
|
3
|
+
minHeight: number | null;
|
|
4
|
+
maxHeight: number | null;
|
|
5
|
+
overflowY: any;
|
|
6
|
+
};
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { Component, ReactElement, RefObject } from 'react';
|
|
2
|
-
import './Toast.less';
|
|
3
|
-
export declare type ToastProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Visual intent color to apply to component.
|
|
6
|
-
*/
|
|
7
|
-
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
8
|
-
message: string | ReactElement<any>;
|
|
9
|
-
onClose?: () => void;
|
|
10
|
-
/**
|
|
11
|
-
* @deprecated Use `autoClosable`.
|
|
12
|
-
*/
|
|
13
|
-
autoCloseTimeout?: number;
|
|
14
|
-
closable?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* @since 3.9.0
|
|
17
|
-
*/
|
|
18
|
-
autoClosable?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* @ignore
|
|
21
|
-
*/
|
|
22
|
-
className?: string;
|
|
23
|
-
/**
|
|
24
|
-
* @ignore
|
|
25
|
-
*/
|
|
26
|
-
baseClassName?: string;
|
|
27
|
-
/**
|
|
28
|
-
* @ignore
|
|
29
|
-
*/
|
|
30
|
-
innerRef?: RefObject<HTMLDivElement>;
|
|
31
|
-
};
|
|
32
|
-
export default class Toast extends Component<ToastProps> {
|
|
33
|
-
static defaultProps: {
|
|
34
|
-
baseClassName: string;
|
|
35
|
-
};
|
|
36
|
-
componentDidMount(): void;
|
|
37
|
-
componentWillUnmount(): void;
|
|
38
|
-
timer?: number;
|
|
39
|
-
render(): JSX.Element;
|
|
40
|
-
}
|
|
1
|
+
import { Component, ReactElement, RefObject } from 'react';
|
|
2
|
+
import './Toast.less';
|
|
3
|
+
export declare type ToastProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Visual intent color to apply to component.
|
|
6
|
+
*/
|
|
7
|
+
intent?: 'info' | 'success' | 'warning' | 'danger';
|
|
8
|
+
message: string | ReactElement<any>;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated Use `autoClosable`.
|
|
12
|
+
*/
|
|
13
|
+
autoCloseTimeout?: number;
|
|
14
|
+
closable?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* @since 3.9.0
|
|
17
|
+
*/
|
|
18
|
+
autoClosable?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* @ignore
|
|
21
|
+
*/
|
|
22
|
+
className?: string;
|
|
23
|
+
/**
|
|
24
|
+
* @ignore
|
|
25
|
+
*/
|
|
26
|
+
baseClassName?: string;
|
|
27
|
+
/**
|
|
28
|
+
* @ignore
|
|
29
|
+
*/
|
|
30
|
+
innerRef?: RefObject<HTMLDivElement>;
|
|
31
|
+
};
|
|
32
|
+
export default class Toast extends Component<ToastProps> {
|
|
33
|
+
static defaultProps: {
|
|
34
|
+
baseClassName: string;
|
|
35
|
+
};
|
|
36
|
+
componentDidMount(): void;
|
|
37
|
+
componentWillUnmount(): void;
|
|
38
|
+
timer?: number;
|
|
39
|
+
render(): JSX.Element;
|
|
40
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './Toast';
|
|
2
|
-
export * from './Toast';
|
|
1
|
+
export { default } from './Toast';
|
|
2
|
+
export * from './Toast';
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
import { ToastProps } from '../Toast';
|
|
3
|
-
import './Toaster.less';
|
|
4
|
-
declare type ToastPropsWithKey = ToastProps & {
|
|
5
|
-
key: string;
|
|
6
|
-
};
|
|
7
|
-
export declare type ToasterProps = {
|
|
8
|
-
/**
|
|
9
|
-
* Toaster position
|
|
10
|
-
* @since 0.0.42
|
|
11
|
-
*/
|
|
12
|
-
position?: 'top-end' | 'bottom-end';
|
|
13
|
-
/**
|
|
14
|
-
* @since 0.0.47
|
|
15
|
-
*/
|
|
16
|
-
toasts?: ToastPropsWithKey[];
|
|
17
|
-
/**
|
|
18
|
-
* Maximum number of toaster messages that can be displayed at the same time on a screen
|
|
19
|
-
* @since 1.4.1
|
|
20
|
-
*/
|
|
21
|
-
maxToastsNumber?: number;
|
|
22
|
-
/**
|
|
23
|
-
* @ignore
|
|
24
|
-
*/
|
|
25
|
-
className?: string;
|
|
26
|
-
/**
|
|
27
|
-
* @ignore
|
|
28
|
-
*/
|
|
29
|
-
baseClassName?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Triggered when a toast was closed
|
|
32
|
-
* @since 1.6.0
|
|
33
|
-
*/
|
|
34
|
-
onToastClose?: (key: string) => void;
|
|
35
|
-
};
|
|
36
|
-
declare type ToasterState = {
|
|
37
|
-
toasts: ToastPropsWithKey[];
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
|
|
41
|
-
* @since 0.0.42
|
|
42
|
-
*/
|
|
43
|
-
export default class Toaster extends Component<ToasterProps, ToasterState> {
|
|
44
|
-
static defaultProps: {
|
|
45
|
-
position: string;
|
|
46
|
-
baseClassName: string;
|
|
47
|
-
};
|
|
48
|
-
static getDerivedStateFromProps({ toasts, maxToastsNumber }: ToasterProps): {
|
|
49
|
-
toasts: ToastPropsWithKey[];
|
|
50
|
-
} | null;
|
|
51
|
-
static create: (props?: {}, container?: HTMLElement) => void;
|
|
52
|
-
state: ToasterState;
|
|
53
|
-
isControlled(): boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Add a new toast
|
|
56
|
-
*
|
|
57
|
-
* `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
|
|
58
|
-
* `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
|
|
59
|
-
* `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
|
|
60
|
-
* `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
|
|
61
|
-
* `autoClosable` - Whether call `onClose` after 6 seconds or not.
|
|
62
|
-
* Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
|
|
63
|
-
* ---
|
|
64
|
-
* @param {Object} props **Toast props**:
|
|
65
|
-
* @returns {string} New toast key
|
|
66
|
-
* @public
|
|
67
|
-
*/
|
|
68
|
-
add(props: ToastProps): string;
|
|
69
|
-
/**
|
|
70
|
-
* Update toast by key
|
|
71
|
-
*
|
|
72
|
-
* @param {string} key
|
|
73
|
-
* @param {Object} props New props
|
|
74
|
-
* @returns {string} Updated toast key
|
|
75
|
-
* @public
|
|
76
|
-
*/
|
|
77
|
-
update(key: string, props: ToastProps): string;
|
|
78
|
-
/**
|
|
79
|
-
* Remove toast by key
|
|
80
|
-
*
|
|
81
|
-
* @param {string} key
|
|
82
|
-
* @public
|
|
83
|
-
*/
|
|
84
|
-
remove(key: string): void;
|
|
85
|
-
/**
|
|
86
|
-
* Clear all toasts
|
|
87
|
-
*
|
|
88
|
-
* @public
|
|
89
|
-
*/
|
|
90
|
-
clear(): void;
|
|
91
|
-
render(): JSX.Element;
|
|
92
|
-
}
|
|
93
|
-
export {};
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { ToastProps } from '../Toast';
|
|
3
|
+
import './Toaster.less';
|
|
4
|
+
declare type ToastPropsWithKey = ToastProps & {
|
|
5
|
+
key: string;
|
|
6
|
+
};
|
|
7
|
+
export declare type ToasterProps = {
|
|
8
|
+
/**
|
|
9
|
+
* Toaster position
|
|
10
|
+
* @since 0.0.42
|
|
11
|
+
*/
|
|
12
|
+
position?: 'top-end' | 'bottom-end';
|
|
13
|
+
/**
|
|
14
|
+
* @since 0.0.47
|
|
15
|
+
*/
|
|
16
|
+
toasts?: ToastPropsWithKey[];
|
|
17
|
+
/**
|
|
18
|
+
* Maximum number of toaster messages that can be displayed at the same time on a screen
|
|
19
|
+
* @since 1.4.1
|
|
20
|
+
*/
|
|
21
|
+
maxToastsNumber?: number;
|
|
22
|
+
/**
|
|
23
|
+
* @ignore
|
|
24
|
+
*/
|
|
25
|
+
className?: string;
|
|
26
|
+
/**
|
|
27
|
+
* @ignore
|
|
28
|
+
*/
|
|
29
|
+
baseClassName?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Triggered when a toast was closed
|
|
32
|
+
* @since 1.6.0
|
|
33
|
+
*/
|
|
34
|
+
onToastClose?: (key: string) => void;
|
|
35
|
+
};
|
|
36
|
+
declare type ToasterState = {
|
|
37
|
+
toasts: ToastPropsWithKey[];
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
|
|
41
|
+
* @since 0.0.42
|
|
42
|
+
*/
|
|
43
|
+
export default class Toaster extends Component<ToasterProps, ToasterState> {
|
|
44
|
+
static defaultProps: {
|
|
45
|
+
position: string;
|
|
46
|
+
baseClassName: string;
|
|
47
|
+
};
|
|
48
|
+
static getDerivedStateFromProps({ toasts, maxToastsNumber }: ToasterProps): {
|
|
49
|
+
toasts: ToastPropsWithKey[];
|
|
50
|
+
} | null;
|
|
51
|
+
static create: (props?: {}, container?: HTMLElement) => void;
|
|
52
|
+
state: ToasterState;
|
|
53
|
+
isControlled(): boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Add a new toast
|
|
56
|
+
*
|
|
57
|
+
* `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
|
|
58
|
+
* `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
|
|
59
|
+
* `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
|
|
60
|
+
* `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
|
|
61
|
+
* `autoClosable` - Whether call `onClose` after 6 seconds or not.
|
|
62
|
+
* Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
|
|
63
|
+
* ---
|
|
64
|
+
* @param {Object} props **Toast props**:
|
|
65
|
+
* @returns {string} New toast key
|
|
66
|
+
* @public
|
|
67
|
+
*/
|
|
68
|
+
add(props: ToastProps): string;
|
|
69
|
+
/**
|
|
70
|
+
* Update toast by key
|
|
71
|
+
*
|
|
72
|
+
* @param {string} key
|
|
73
|
+
* @param {Object} props New props
|
|
74
|
+
* @returns {string} Updated toast key
|
|
75
|
+
* @public
|
|
76
|
+
*/
|
|
77
|
+
update(key: string, props: ToastProps): string;
|
|
78
|
+
/**
|
|
79
|
+
* Remove toast by key
|
|
80
|
+
*
|
|
81
|
+
* @param {string} key
|
|
82
|
+
* @public
|
|
83
|
+
*/
|
|
84
|
+
remove(key: string): void;
|
|
85
|
+
/**
|
|
86
|
+
* Clear all toasts
|
|
87
|
+
*
|
|
88
|
+
* @public
|
|
89
|
+
*/
|
|
90
|
+
clear(): void;
|
|
91
|
+
render(): JSX.Element;
|
|
92
|
+
}
|
|
93
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './Toaster';
|
|
1
|
+
export { default } from './Toaster';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare type RegistryItem = {
|
|
3
|
-
setCompact: (compact: boolean) => void;
|
|
4
|
-
isCompact: (one: boolean) => boolean;
|
|
5
|
-
};
|
|
6
|
-
declare type Registry = {
|
|
7
|
-
stack: RegistryItem[];
|
|
8
|
-
register: (item: RegistryItem) => void;
|
|
9
|
-
unregister: (item: RegistryItem) => void;
|
|
10
|
-
compact: () => boolean;
|
|
11
|
-
uncompact: () => boolean;
|
|
12
|
-
isCompact: (one: boolean) => boolean;
|
|
13
|
-
};
|
|
14
|
-
declare const RegistryContext: import("react").Context<Registry | undefined>;
|
|
15
|
-
export default RegistryContext;
|
|
16
|
-
export declare const createRegistry: () => Registry;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type RegistryItem = {
|
|
3
|
+
setCompact: (compact: boolean) => void;
|
|
4
|
+
isCompact: (one: boolean) => boolean;
|
|
5
|
+
};
|
|
6
|
+
declare type Registry = {
|
|
7
|
+
stack: RegistryItem[];
|
|
8
|
+
register: (item: RegistryItem) => void;
|
|
9
|
+
unregister: (item: RegistryItem) => void;
|
|
10
|
+
compact: () => boolean;
|
|
11
|
+
uncompact: () => boolean;
|
|
12
|
+
isCompact: (one: boolean) => boolean;
|
|
13
|
+
};
|
|
14
|
+
declare const RegistryContext: import("react").Context<Registry | undefined>;
|
|
15
|
+
export default RegistryContext;
|
|
16
|
+
export declare const createRegistry: () => Registry;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
declare type ToolbarExpanderProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Content of the `ToolbarExpander`.
|
|
5
|
-
* @since 0.0.57
|
|
6
|
-
*/
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* @ignore
|
|
10
|
-
*/
|
|
11
|
-
className?: string;
|
|
12
|
-
/**
|
|
13
|
-
* @ignore
|
|
14
|
-
*/
|
|
15
|
-
baseClassName?: string;
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
|
|
19
|
-
* It is used to split all toolbar controls into two groups:
|
|
20
|
-
* all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
|
|
21
|
-
* @since 0.0.57
|
|
22
|
-
*/
|
|
23
|
-
declare const ToolbarExpander: ({ baseClassName, className, children, ...props }: ToolbarExpanderProps) => JSX.Element | null;
|
|
24
|
-
export default ToolbarExpander;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
declare type ToolbarExpanderProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Content of the `ToolbarExpander`.
|
|
5
|
+
* @since 0.0.57
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* @ignore
|
|
10
|
+
*/
|
|
11
|
+
className?: string;
|
|
12
|
+
/**
|
|
13
|
+
* @ignore
|
|
14
|
+
*/
|
|
15
|
+
baseClassName?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
|
|
19
|
+
* It is used to split all toolbar controls into two groups:
|
|
20
|
+
* all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
|
|
21
|
+
* @since 0.0.57
|
|
22
|
+
*/
|
|
23
|
+
declare const ToolbarExpander: ({ baseClassName, className, children, ...props }: ToolbarExpanderProps) => JSX.Element | null;
|
|
24
|
+
export default ToolbarExpander;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const toToolbarItems: (children: React.ReactNode) => ({} | null | undefined)[];
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const toToolbarItems: (children: React.ReactNode) => ({} | null | undefined)[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { ReactNode, MouseEvent } from 'react';
|
|
2
|
-
declare type ToolbarMenuProps = {
|
|
3
|
-
onItemClick: (e: MouseEvent) => void;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
};
|
|
6
|
-
declare const ToolbarMenu: React.ForwardRefExoticComponent<ToolbarMenuProps & React.RefAttributes<HTMLElement>>;
|
|
7
|
-
export default ToolbarMenu;
|
|
1
|
+
import React, { ReactNode, MouseEvent } from 'react';
|
|
2
|
+
declare type ToolbarMenuProps = {
|
|
3
|
+
onItemClick: (e: MouseEvent) => void;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
};
|
|
6
|
+
declare const ToolbarMenu: React.ForwardRefExoticComponent<ToolbarMenuProps & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
export default ToolbarMenu;
|