@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
|
@@ -7,10 +7,10 @@ import classNames from 'classnames';
|
|
|
7
7
|
import { CLS_PREFIX } from '../../constants';
|
|
8
8
|
import Tooltip from '../Tooltip';
|
|
9
9
|
|
|
10
|
-
/**
|
|
11
|
-
* `Switch` component is used for changing the state of an object or system preferences.
|
|
12
|
-
* It provides immediate results that is why it should not be used in Form.
|
|
13
|
-
* @since 0.0.42
|
|
10
|
+
/**
|
|
11
|
+
* `Switch` component is used for changing the state of an object or system preferences.
|
|
12
|
+
* It provides immediate results that is why it should not be used in Form.
|
|
13
|
+
* @since 0.0.42
|
|
14
14
|
*/
|
|
15
15
|
class Switch extends Component {
|
|
16
16
|
constructor(...args) {
|
|
@@ -71,60 +71,60 @@ class Switch extends Component {
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
Switch.propTypes = {
|
|
74
|
-
/**
|
|
75
|
-
* Determine whether the `Switch` is checked.
|
|
76
|
-
* @since 0.0.42
|
|
74
|
+
/**
|
|
75
|
+
* Determine whether the `Switch` is checked.
|
|
76
|
+
* @since 0.0.42
|
|
77
77
|
*/
|
|
78
78
|
checked: PropTypes.bool,
|
|
79
79
|
|
|
80
|
-
/**
|
|
81
|
-
* @ignore
|
|
80
|
+
/**
|
|
81
|
+
* @ignore
|
|
82
82
|
*/
|
|
83
83
|
defaultChecked: PropTypes.bool,
|
|
84
84
|
|
|
85
|
-
/**
|
|
86
|
-
* A callback function, can be executed when the checked state is changing.
|
|
87
|
-
* @since 0.0.42
|
|
85
|
+
/**
|
|
86
|
+
* A callback function, can be executed when the checked state is changing.
|
|
87
|
+
* @since 0.0.42
|
|
88
88
|
*/
|
|
89
89
|
onChange: PropTypes.func,
|
|
90
90
|
|
|
91
|
-
/**
|
|
92
|
-
* Tooltip for component
|
|
93
|
-
* @since 0.0.42
|
|
91
|
+
/**
|
|
92
|
+
* Tooltip for component
|
|
93
|
+
* @since 0.0.42
|
|
94
94
|
*/
|
|
95
95
|
tooltip: PropTypes.any,
|
|
96
96
|
|
|
97
|
-
/**
|
|
98
|
-
* Visual intent color to apply to component.
|
|
99
|
-
* @since 0.3.0
|
|
97
|
+
/**
|
|
98
|
+
* Visual intent color to apply to component.
|
|
99
|
+
* @since 0.3.0
|
|
100
100
|
*/
|
|
101
101
|
intent: PropTypes.oneOf(['warning', 'danger']),
|
|
102
102
|
|
|
103
|
-
/**
|
|
104
|
-
* Is `Switch` disabled?
|
|
105
|
-
* @since 0.0.42
|
|
103
|
+
/**
|
|
104
|
+
* Is `Switch` disabled?
|
|
105
|
+
* @since 0.0.42
|
|
106
106
|
*/
|
|
107
107
|
disabled: PropTypes.bool,
|
|
108
108
|
|
|
109
|
-
/**
|
|
110
|
-
* Loading indication
|
|
111
|
-
* @since 0.3.0
|
|
109
|
+
/**
|
|
110
|
+
* Loading indication
|
|
111
|
+
* @since 0.3.0
|
|
112
112
|
*/
|
|
113
113
|
loading: PropTypes.bool,
|
|
114
114
|
|
|
115
|
-
/**
|
|
116
|
-
* Label of the `Switch`
|
|
117
|
-
* @since 0.0.42
|
|
115
|
+
/**
|
|
116
|
+
* Label of the `Switch`
|
|
117
|
+
* @since 0.0.42
|
|
118
118
|
*/
|
|
119
119
|
children: PropTypes.node,
|
|
120
120
|
|
|
121
|
-
/**
|
|
122
|
-
* @ignore
|
|
121
|
+
/**
|
|
122
|
+
* @ignore
|
|
123
123
|
*/
|
|
124
124
|
className: PropTypes.string,
|
|
125
125
|
|
|
126
|
-
/**
|
|
127
|
-
* @ignore
|
|
126
|
+
/**
|
|
127
|
+
* @ignore
|
|
128
128
|
*/
|
|
129
129
|
baseClassName: PropTypes.string
|
|
130
130
|
};
|
|
@@ -6,9 +6,9 @@ import classNames from 'classnames';
|
|
|
6
6
|
import { CLS_PREFIX } from '../../constants';
|
|
7
7
|
import Section from '../Section';
|
|
8
8
|
|
|
9
|
-
/**
|
|
10
|
-
* `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
|
|
11
|
-
* @since 0.3.0
|
|
9
|
+
/**
|
|
10
|
+
* `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
|
|
11
|
+
* @since 0.3.0
|
|
12
12
|
*/
|
|
13
13
|
const SwitchesPanel = ({
|
|
14
14
|
baseClassName,
|
|
@@ -24,19 +24,19 @@ const SwitchesPanel = ({
|
|
|
24
24
|
}))));
|
|
25
25
|
|
|
26
26
|
SwitchesPanel.propTypes = {
|
|
27
|
-
/**
|
|
28
|
-
* Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
|
|
29
|
-
* @since 0.3.0
|
|
27
|
+
/**
|
|
28
|
+
* Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
|
|
29
|
+
* @since 0.3.0
|
|
30
30
|
*/
|
|
31
31
|
children: PropTypes.node,
|
|
32
32
|
|
|
33
|
-
/**
|
|
34
|
-
* @ignore
|
|
33
|
+
/**
|
|
34
|
+
* @ignore
|
|
35
35
|
*/
|
|
36
36
|
className: PropTypes.string,
|
|
37
37
|
|
|
38
|
-
/**
|
|
39
|
-
* @ignore
|
|
38
|
+
/**
|
|
39
|
+
* @ignore
|
|
40
40
|
*/
|
|
41
41
|
baseClassName: PropTypes.string
|
|
42
42
|
};
|
|
@@ -9,10 +9,10 @@ import Switch from '../Switch';
|
|
|
9
9
|
import Action from '../Action';
|
|
10
10
|
import Popover from '../Popover';
|
|
11
11
|
|
|
12
|
-
/**
|
|
13
|
-
* `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
|
|
14
|
-
* Used in [SwitchesPanel](#!/SwitchesPanel).
|
|
15
|
-
* @since 0.3.0
|
|
12
|
+
/**
|
|
13
|
+
* `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
|
|
14
|
+
* Used in [SwitchesPanel](#!/SwitchesPanel).
|
|
15
|
+
* @since 0.3.0
|
|
16
16
|
*/
|
|
17
17
|
class SwitchesPanelItem extends Component {
|
|
18
18
|
constructor(...args) {
|
|
@@ -79,62 +79,62 @@ class SwitchesPanelItem extends Component {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
SwitchesPanelItem.propTypes = {
|
|
82
|
-
/**
|
|
83
|
-
* A callback function, can be executed when the checked state is changing.
|
|
84
|
-
* @since 0.3.0
|
|
82
|
+
/**
|
|
83
|
+
* A callback function, can be executed when the checked state is changing.
|
|
84
|
+
* @since 0.3.0
|
|
85
85
|
*/
|
|
86
86
|
onChange: PropTypes.func.isRequired,
|
|
87
87
|
|
|
88
|
-
/**
|
|
89
|
-
* @ignore
|
|
88
|
+
/**
|
|
89
|
+
* @ignore
|
|
90
90
|
*/
|
|
91
91
|
defaultChecked: PropTypes.bool,
|
|
92
92
|
|
|
93
|
-
/**
|
|
94
|
-
* Visual intent color to apply to component.
|
|
95
|
-
* @since 0.3.0
|
|
93
|
+
/**
|
|
94
|
+
* Visual intent color to apply to component.
|
|
95
|
+
* @since 0.3.0
|
|
96
96
|
*/
|
|
97
97
|
intent: PropTypes.oneOf(['warning', 'danger']),
|
|
98
98
|
|
|
99
|
-
/**
|
|
100
|
-
* Title of the `SwitchesPanelItem`. Must be no longer than two lines.
|
|
101
|
-
* @since 0.3.0
|
|
99
|
+
/**
|
|
100
|
+
* Title of the `SwitchesPanelItem`. Must be no longer than two lines.
|
|
101
|
+
* @since 0.3.0
|
|
102
102
|
*/
|
|
103
103
|
title: PropTypes.node.isRequired,
|
|
104
104
|
|
|
105
|
-
/**
|
|
106
|
-
* `SwitchesPanelItem` description. Must be no longer than three lines.
|
|
107
|
-
* @since 0.3.0
|
|
105
|
+
/**
|
|
106
|
+
* `SwitchesPanelItem` description. Must be no longer than three lines.
|
|
107
|
+
* @since 0.3.0
|
|
108
108
|
*/
|
|
109
109
|
description: PropTypes.node,
|
|
110
110
|
|
|
111
|
-
/**
|
|
112
|
-
* Rich full description of the `SwitchesPanelItem`.
|
|
113
|
-
* Adds control button with question mark that shows `Popover` on click.
|
|
114
|
-
* @since 0.3.0
|
|
111
|
+
/**
|
|
112
|
+
* Rich full description of the `SwitchesPanelItem`.
|
|
113
|
+
* Adds control button with question mark that shows `Popover` on click.
|
|
114
|
+
* @since 0.3.0
|
|
115
115
|
*/
|
|
116
116
|
fullDescription: PropTypes.node,
|
|
117
117
|
|
|
118
|
-
/**
|
|
119
|
-
* Props of underlying [Switch](#!/Switch) component.
|
|
120
|
-
* @since 0.5.0
|
|
118
|
+
/**
|
|
119
|
+
* Props of underlying [Switch](#!/Switch) component.
|
|
120
|
+
* @since 0.5.0
|
|
121
121
|
*/
|
|
122
122
|
switchProps: PropTypes.object,
|
|
123
123
|
|
|
124
|
-
/**
|
|
125
|
-
* Content of the control actions.
|
|
126
|
-
* Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
|
|
127
|
-
* @since 0.3.0
|
|
124
|
+
/**
|
|
125
|
+
* Content of the control actions.
|
|
126
|
+
* Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
|
|
127
|
+
* @since 0.3.0
|
|
128
128
|
*/
|
|
129
129
|
children: PropTypes.node,
|
|
130
130
|
|
|
131
|
-
/**
|
|
132
|
-
* @ignore
|
|
131
|
+
/**
|
|
132
|
+
* @ignore
|
|
133
133
|
*/
|
|
134
134
|
className: PropTypes.string,
|
|
135
135
|
|
|
136
|
-
/**
|
|
137
|
-
* @ignore
|
|
136
|
+
/**
|
|
137
|
+
* @ignore
|
|
138
138
|
*/
|
|
139
139
|
baseClassName: PropTypes.string
|
|
140
140
|
};
|
|
@@ -17,9 +17,9 @@ import ResponsiveContext from '../ResponsiveContext';
|
|
|
17
17
|
import DistractionFreeModeContext from '../DistractionFreeModeContext';
|
|
18
18
|
import { safeInvoke } from '../utils';
|
|
19
19
|
|
|
20
|
-
/**
|
|
21
|
-
* `SearchBar` component is used for providing type-as-you-go search.
|
|
22
|
-
* @since 0.0.58
|
|
20
|
+
/**
|
|
21
|
+
* `SearchBar` component is used for providing type-as-you-go search.
|
|
22
|
+
* @since 0.0.58
|
|
23
23
|
*/
|
|
24
24
|
class SearchBar extends Component {
|
|
25
25
|
constructor(...args) {
|
|
@@ -443,102 +443,102 @@ class SearchBar extends Component {
|
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
const propTypes = {
|
|
446
|
-
/**
|
|
447
|
-
* @ignore
|
|
446
|
+
/**
|
|
447
|
+
* @ignore
|
|
448
448
|
*/
|
|
449
449
|
className: PropTypes.string,
|
|
450
450
|
|
|
451
|
-
/**
|
|
452
|
-
* @ignore
|
|
451
|
+
/**
|
|
452
|
+
* @ignore
|
|
453
453
|
*/
|
|
454
454
|
baseClassName: PropTypes.string,
|
|
455
455
|
|
|
456
|
-
/**
|
|
457
|
-
* Maximum width of SearchBar
|
|
458
|
-
* @since 0.1.0
|
|
456
|
+
/**
|
|
457
|
+
* Maximum width of SearchBar
|
|
458
|
+
* @since 0.1.0
|
|
459
459
|
*/
|
|
460
460
|
maxWidth: PropTypes.number,
|
|
461
461
|
|
|
462
|
-
/**
|
|
463
|
-
* Minimum width of SearchBar
|
|
464
|
-
* @since 0.1.0
|
|
462
|
+
/**
|
|
463
|
+
* Minimum width of SearchBar
|
|
464
|
+
* @since 0.1.0
|
|
465
465
|
*/
|
|
466
466
|
minWidth: PropTypes.number,
|
|
467
467
|
|
|
468
|
-
/**
|
|
469
|
-
* Should disable input and show spinner or not.
|
|
470
|
-
* @since 0.1.0
|
|
468
|
+
/**
|
|
469
|
+
* Should disable input and show spinner or not.
|
|
470
|
+
* @since 0.1.0
|
|
471
471
|
*/
|
|
472
472
|
loading: PropTypes.bool,
|
|
473
473
|
|
|
474
|
-
/**
|
|
475
|
-
* Should collapse input or not. Used for control in independence of context.
|
|
476
|
-
* @since 0.1.0
|
|
474
|
+
/**
|
|
475
|
+
* Should collapse input or not. Used for control in independence of context.
|
|
476
|
+
* @since 0.1.0
|
|
477
477
|
*/
|
|
478
478
|
responsive: PropTypes.bool,
|
|
479
479
|
|
|
480
|
-
/**
|
|
481
|
-
* Callback for pressing 'Enter' key or 'Search' button.
|
|
482
|
-
*
|
|
483
|
-
* arguments:
|
|
484
|
-
* * value - search value
|
|
485
|
-
* * clearHandler - function that clears input value
|
|
486
|
-
* @since 0.1.0
|
|
480
|
+
/**
|
|
481
|
+
* Callback for pressing 'Enter' key or 'Search' button.
|
|
482
|
+
*
|
|
483
|
+
* arguments:
|
|
484
|
+
* * value - search value
|
|
485
|
+
* * clearHandler - function that clears input value
|
|
486
|
+
* @since 0.1.0
|
|
487
487
|
*/
|
|
488
488
|
onSearch: PropTypes.func,
|
|
489
489
|
|
|
490
|
-
/**
|
|
491
|
-
* Callback for pressing any key in input. Used for a live search.
|
|
492
|
-
*
|
|
493
|
-
* arguments:
|
|
494
|
-
* * value - search value
|
|
495
|
-
* * clearHandler - function that clears input value
|
|
496
|
-
* @since 0.1.0
|
|
490
|
+
/**
|
|
491
|
+
* Callback for pressing any key in input. Used for a live search.
|
|
492
|
+
*
|
|
493
|
+
* arguments:
|
|
494
|
+
* * value - search value
|
|
495
|
+
* * clearHandler - function that clears input value
|
|
496
|
+
* @since 0.1.0
|
|
497
497
|
*/
|
|
498
498
|
onTyping: PropTypes.func,
|
|
499
499
|
|
|
500
|
-
/**
|
|
501
|
-
* Callback for selecting menu item with mouse click or key pressing.
|
|
502
|
-
*
|
|
503
|
-
* arguments:
|
|
504
|
-
* * value - selected value
|
|
505
|
-
* * clearHandler - function that clears input value
|
|
506
|
-
* @since 0.1.0
|
|
500
|
+
/**
|
|
501
|
+
* Callback for selecting menu item with mouse click or key pressing.
|
|
502
|
+
*
|
|
503
|
+
* arguments:
|
|
504
|
+
* * value - selected value
|
|
505
|
+
* * clearHandler - function that clears input value
|
|
506
|
+
* @since 0.1.0
|
|
507
507
|
*/
|
|
508
508
|
onItemSelect: PropTypes.func,
|
|
509
509
|
|
|
510
|
-
/**
|
|
511
|
-
* Should render toggle button or not.
|
|
512
|
-
* @since 2.2.0
|
|
510
|
+
/**
|
|
511
|
+
* Should render toggle button or not.
|
|
512
|
+
* @since 2.2.0
|
|
513
513
|
*/
|
|
514
514
|
collapsable: PropTypes.bool,
|
|
515
515
|
|
|
516
|
-
/**
|
|
517
|
-
* Callback for pressing toggle button (in normal mode).
|
|
518
|
-
* @since 2.2.0
|
|
516
|
+
/**
|
|
517
|
+
* Callback for pressing toggle button (in normal mode).
|
|
518
|
+
* @since 2.2.0
|
|
519
519
|
*/
|
|
520
520
|
onCollapse: PropTypes.func,
|
|
521
521
|
|
|
522
|
-
/**
|
|
523
|
-
* Callback for pressing toggle button (in collapsed mode).
|
|
524
|
-
* @since 2.2.0
|
|
522
|
+
/**
|
|
523
|
+
* Callback for pressing toggle button (in collapsed mode).
|
|
524
|
+
* @since 2.2.0
|
|
525
525
|
*/
|
|
526
526
|
onExpand: PropTypes.func,
|
|
527
527
|
|
|
528
|
-
/**
|
|
529
|
-
* Results to display.
|
|
530
|
-
* Could be specified by array of objects with "value" and "title" properties or by Menu component.
|
|
531
|
-
* If Menu component is used then key property of MenuItem will be treated as value.
|
|
532
|
-
* @since 0.1.0
|
|
528
|
+
/**
|
|
529
|
+
* Results to display.
|
|
530
|
+
* Could be specified by array of objects with "value" and "title" properties or by Menu component.
|
|
531
|
+
* If Menu component is used then key property of MenuItem will be treated as value.
|
|
532
|
+
* @since 0.1.0
|
|
533
533
|
*/
|
|
534
534
|
results: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
|
|
535
535
|
value: PropTypes.string.isRequired,
|
|
536
536
|
title: PropTypes.string.isRequired
|
|
537
537
|
})), PropTypes.element]),
|
|
538
538
|
|
|
539
|
-
/**
|
|
540
|
-
* Props of underlying input element.
|
|
541
|
-
* @since 0.4.1
|
|
539
|
+
/**
|
|
540
|
+
* Props of underlying input element.
|
|
541
|
+
* @since 0.4.1
|
|
542
542
|
*/
|
|
543
543
|
inputProps: PropTypes.object
|
|
544
544
|
};
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
/* eslint-disable react/no-unused-prop-types */
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
/**
|
|
7
|
-
* `Tab` is an individual element of the [Tabs](#!/Tabs) component.
|
|
8
|
-
*
|
|
9
|
-
* Each `Tab` can display an icon near the tab name for easier identification.
|
|
10
|
-
* It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
|
|
11
|
-
* You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
|
|
12
|
-
* @since 0.0.35
|
|
6
|
+
/**
|
|
7
|
+
* `Tab` is an individual element of the [Tabs](#!/Tabs) component.
|
|
8
|
+
*
|
|
9
|
+
* Each `Tab` can display an icon near the tab name for easier identification.
|
|
10
|
+
* It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
|
|
11
|
+
* You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
|
|
12
|
+
* @since 0.0.35
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
15
|
const Tab = ({
|
|
@@ -17,45 +17,45 @@ const Tab = ({
|
|
|
17
17
|
}) => /*#__PURE__*/React.createElement("div", null, children);
|
|
18
18
|
|
|
19
19
|
Tab.propTypes = {
|
|
20
|
-
/**
|
|
21
|
-
* Tab title
|
|
22
|
-
* @since 0.0.35
|
|
20
|
+
/**
|
|
21
|
+
* Tab title
|
|
22
|
+
* @since 0.0.35
|
|
23
23
|
*/
|
|
24
24
|
title: PropTypes.node.isRequired,
|
|
25
25
|
|
|
26
|
-
/**
|
|
27
|
-
* Label in tab title
|
|
28
|
-
* @since 0.0.42
|
|
26
|
+
/**
|
|
27
|
+
* Label in tab title
|
|
28
|
+
* @since 0.0.42
|
|
29
29
|
*/
|
|
30
30
|
label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
31
31
|
|
|
32
|
-
/**
|
|
33
|
-
* Name of icon or Icon component for tab
|
|
34
|
-
* @since 0.0.42
|
|
32
|
+
/**
|
|
33
|
+
* Name of icon or Icon component for tab
|
|
34
|
+
* @since 0.0.42
|
|
35
35
|
*/
|
|
36
36
|
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
|
|
37
37
|
|
|
38
|
-
/**
|
|
39
|
-
* Activate callback.
|
|
40
|
-
* @since 0.0.43
|
|
38
|
+
/**
|
|
39
|
+
* Activate callback.
|
|
40
|
+
* @since 0.0.43
|
|
41
41
|
*/
|
|
42
42
|
onActivate: PropTypes.func,
|
|
43
43
|
|
|
44
|
-
/**
|
|
45
|
-
* Close callback
|
|
46
|
-
* @since 0.0.58
|
|
44
|
+
/**
|
|
45
|
+
* Close callback
|
|
46
|
+
* @since 0.0.58
|
|
47
47
|
*/
|
|
48
48
|
onClose: PropTypes.func,
|
|
49
49
|
|
|
50
|
-
/**
|
|
51
|
-
* Component to render as the root element.
|
|
52
|
-
* @since 2.5.1
|
|
50
|
+
/**
|
|
51
|
+
* Component to render as the root element.
|
|
52
|
+
* @since 2.5.1
|
|
53
53
|
*/
|
|
54
54
|
component: PropTypes.elementType,
|
|
55
55
|
|
|
56
|
-
/**
|
|
57
|
-
* Tab content
|
|
58
|
-
* @since 0.0.47
|
|
56
|
+
/**
|
|
57
|
+
* Tab content
|
|
58
|
+
* @since 0.0.47
|
|
59
59
|
*/
|
|
60
60
|
children: PropTypes.node
|
|
61
61
|
};
|
|
@@ -17,12 +17,12 @@ import ResponsiveContext from '../ResponsiveContext';
|
|
|
17
17
|
const ADDON_LEFT_PADDING = 5;
|
|
18
18
|
const MIN_ADDON_WIDTH_DEFAULT = 150;
|
|
19
19
|
const COLLAPSED_SEARCH_WIDTH = 60;
|
|
20
|
-
/**
|
|
21
|
-
* `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
|
|
22
|
-
* in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
|
|
23
|
-
* the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
|
|
24
|
-
* group name and a navigation button.
|
|
25
|
-
* @since 0.0.35
|
|
20
|
+
/**
|
|
21
|
+
* `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
|
|
22
|
+
* in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
|
|
23
|
+
* the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
|
|
24
|
+
* group name and a navigation button.
|
|
25
|
+
* @since 0.0.35
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
28
|
class Tabs extends Component {
|
|
@@ -590,57 +590,57 @@ class Tabs extends Component {
|
|
|
590
590
|
}
|
|
591
591
|
|
|
592
592
|
Tabs.propTypes = {
|
|
593
|
-
/**
|
|
594
|
-
* Number of active tab
|
|
595
|
-
* @since 0.0.35
|
|
593
|
+
/**
|
|
594
|
+
* Number of active tab
|
|
595
|
+
* @since 0.0.35
|
|
596
596
|
*/
|
|
597
597
|
active: PropTypes.number,
|
|
598
598
|
|
|
599
|
-
/**
|
|
600
|
-
* Addon for search bar, dropdown etc.
|
|
601
|
-
* @since 0.0.58
|
|
599
|
+
/**
|
|
600
|
+
* Addon for search bar, dropdown etc.
|
|
601
|
+
* @since 0.0.58
|
|
602
602
|
*/
|
|
603
603
|
addon: PropTypes.element,
|
|
604
604
|
|
|
605
|
-
/**
|
|
606
|
-
* Placeholder for search bar, dropdown etc.
|
|
607
|
-
*
|
|
608
|
-
* @deprecated Do not use! Use `addon` instead!
|
|
609
|
-
* @since 0.0.42
|
|
605
|
+
/**
|
|
606
|
+
* Placeholder for search bar, dropdown etc.
|
|
607
|
+
*
|
|
608
|
+
* @deprecated Do not use! Use `addon` instead!
|
|
609
|
+
* @since 0.0.42
|
|
610
610
|
*/
|
|
611
611
|
placeholder: PropTypes.element,
|
|
612
612
|
|
|
613
|
-
/**
|
|
614
|
-
* Minimum add-on width in pixels
|
|
615
|
-
* @since 0.0.58
|
|
613
|
+
/**
|
|
614
|
+
* Minimum add-on width in pixels
|
|
615
|
+
* @since 0.0.58
|
|
616
616
|
*/
|
|
617
617
|
addonMinWidth: PropTypes.number,
|
|
618
618
|
|
|
619
|
-
/**
|
|
620
|
-
* Monospaced version of tabs (all visible tabs as wide as widest of them)
|
|
621
|
-
* @since 0.0.58
|
|
619
|
+
/**
|
|
620
|
+
* Monospaced version of tabs (all visible tabs as wide as widest of them)
|
|
621
|
+
* @since 0.0.58
|
|
622
622
|
*/
|
|
623
623
|
monospaced: PropTypes.bool,
|
|
624
624
|
|
|
625
|
-
/**
|
|
626
|
-
* [SearchBar](#!/SearchBar) element
|
|
627
|
-
* @since 0.0.58
|
|
625
|
+
/**
|
|
626
|
+
* [SearchBar](#!/SearchBar) element
|
|
627
|
+
* @since 0.0.58
|
|
628
628
|
*/
|
|
629
629
|
search: PropTypes.element,
|
|
630
630
|
|
|
631
|
-
/**
|
|
632
|
-
* [Tabs](#!/Tab)
|
|
633
|
-
* @since 0.0.47
|
|
631
|
+
/**
|
|
632
|
+
* [Tabs](#!/Tab)
|
|
633
|
+
* @since 0.0.47
|
|
634
634
|
*/
|
|
635
635
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
|
|
636
636
|
|
|
637
|
-
/**
|
|
638
|
-
* @ignore
|
|
637
|
+
/**
|
|
638
|
+
* @ignore
|
|
639
639
|
*/
|
|
640
640
|
className: PropTypes.string,
|
|
641
641
|
|
|
642
|
-
/**
|
|
643
|
-
* @ignore
|
|
642
|
+
/**
|
|
643
|
+
* @ignore
|
|
644
644
|
*/
|
|
645
645
|
baseClassName: PropTypes.string
|
|
646
646
|
};
|
|
@@ -5,9 +5,9 @@ import classNames from 'classnames';
|
|
|
5
5
|
import { CLS_PREFIX } from '../../constants';
|
|
6
6
|
import OnDarkContext from '../OnDarkContext';
|
|
7
7
|
|
|
8
|
-
/**
|
|
9
|
-
* `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
|
|
10
|
-
* @since 1.1.0
|
|
8
|
+
/**
|
|
9
|
+
* `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
|
|
10
|
+
* @since 1.1.0
|
|
11
11
|
*/
|
|
12
12
|
const Text = ({
|
|
13
13
|
baseClassName = `${CLS_PREFIX}text`,
|
|
@@ -22,9 +22,9 @@ const getMinMax = rows => {
|
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
const AVAILABLE_SIZES = ['sm', 'md', 'lg', 'xl', 'fill'];
|
|
25
|
-
/**
|
|
26
|
-
* `TextArea` is used for entering long text (like email body, descriptions, comments).
|
|
27
|
-
* @since 1.9.0
|
|
25
|
+
/**
|
|
26
|
+
* `TextArea` is used for entering long text (like email body, descriptions, comments).
|
|
27
|
+
* @since 1.9.0
|
|
28
28
|
*/
|
|
29
29
|
|
|
30
30
|
class TextArea extends Component {
|