@plesk/ui-library 3.31.0 → 3.31.2
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/cjs/components/Action/Action.js +18 -34
- package/cjs/components/Action/index.js +0 -2
- package/cjs/components/Alert/Alert.js +18 -22
- package/cjs/components/Alert/Alert.stories.js +1 -8
- package/cjs/components/Alert/index.js +0 -2
- package/cjs/components/AutoClosable/AutoClosable.js +3 -23
- package/cjs/components/AutoClosable/index.js +0 -2
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +16 -22
- package/cjs/components/AuxiliaryActions/index.js +0 -2
- package/cjs/components/Badge/Badge.js +10 -25
- package/cjs/components/Badge/index.js +0 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +21 -29
- package/cjs/components/Breadcrumbs/index.js +0 -2
- package/cjs/components/Button/Button.js +39 -86
- package/cjs/components/Button/Button.stories.js +1 -14
- package/cjs/components/Button/index.js +0 -2
- package/cjs/components/ButtonGroup/ButtonGroup.js +13 -17
- package/cjs/components/ButtonGroup/index.js +0 -2
- package/cjs/components/Card/Card.js +4 -77
- package/cjs/components/Card/CardButton.js +9 -14
- package/cjs/components/Card/PreviewPanel.js +21 -52
- package/cjs/components/Card/helpers.js +6 -6
- package/cjs/components/Card/index.js +0 -3
- package/cjs/components/CardList/CardList.js +44 -100
- package/cjs/components/CardList/CardListToolbar.js +17 -51
- package/cjs/components/CardList/index.js +0 -2
- package/cjs/components/Carousel/Carousel.js +41 -74
- package/cjs/components/Carousel/index.js +0 -2
- package/cjs/components/Checkbox/Checkbox.js +16 -26
- package/cjs/components/Checkbox/index.js +0 -2
- package/cjs/components/ClosingConfirmation/index.js +0 -2
- package/cjs/components/ClosingConfirmation/useClosingConfirmation.js +6 -23
- package/cjs/components/CodeEditor/CodeEditor.js +23 -62
- package/cjs/components/CodeEditor/CodeMirror.js +1 -12
- package/cjs/components/CodeEditor/index.js +0 -2
- package/cjs/components/Columns/Column.js +15 -24
- package/cjs/components/Columns/Columns.js +19 -31
- package/cjs/components/Columns/index.js +0 -3
- package/cjs/components/ComboBox/ComboBox.js +16 -59
- package/cjs/components/ComboBox/ComboBoxOption.js +1 -7
- package/cjs/components/ComboBox/index.js +0 -3
- package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +22 -50
- package/cjs/components/ComboBoxDropdown/index.js +0 -3
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -22
- package/cjs/components/ConsoleOutput/index.js +0 -2
- package/cjs/components/ContentLoader/ContentLoader.js +16 -31
- package/cjs/components/ContentLoader/IconsLoader.js +15 -32
- package/cjs/components/ContentLoader/index.js +0 -2
- package/cjs/components/Cuttable/Cuttable.js +23 -35
- package/cjs/components/Cuttable/Cuttable.stories.js +1 -9
- package/cjs/components/Cuttable/index.js +0 -2
- package/cjs/components/Dialog/Dialog.js +45 -90
- package/cjs/components/Dialog/Dialog.stories.js +3 -13
- package/cjs/components/Dialog/index.js +0 -2
- package/cjs/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -2
- package/cjs/components/DistractionFreeModeContext/index.js +0 -2
- package/cjs/components/Drawer/Drawer.js +77 -112
- package/cjs/components/Drawer/Drawer.stories.js +7 -19
- package/cjs/components/Drawer/DrawerProgress.js +3 -33
- package/cjs/components/Drawer/Header.js +5 -26
- package/cjs/components/Drawer/ScrollDirection.js +3 -10
- package/cjs/components/Drawer/index.js +0 -2
- package/cjs/components/Dropdown/Dropdown.js +26 -65
- package/cjs/components/Dropdown/index.js +0 -2
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +26 -31
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +11 -14
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +11 -14
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +9 -11
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +12 -16
- package/cjs/components/ExtendedStatusMessage/index.js +0 -6
- package/cjs/components/Figure/Figure.js +18 -27
- package/cjs/components/Figure/index.js +0 -2
- package/cjs/components/FocusTrap/FocusTrap.js +9 -39
- package/cjs/components/FocusTrap/index.js +0 -2
- package/cjs/components/Form/DisabledContext.js +1 -2
- package/cjs/components/Form/Form.js +68 -111
- package/cjs/components/Form/Form.stories.js +1 -8
- package/cjs/components/Form/FormContext.js +1 -2
- package/cjs/components/Form/ScrollableElementFormContext.js +1 -2
- package/cjs/components/Form/index.js +0 -3
- package/cjs/components/Form/utils.js +7 -19
- package/cjs/components/FormField/FormField.js +50 -113
- package/cjs/components/FormField/index.js +0 -2
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +44 -58
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +3 -9
- package/cjs/components/FormFieldCheckbox/index.js +0 -2
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +23 -42
- package/cjs/components/FormFieldPassword/PasswordMeter.js +13 -24
- package/cjs/components/FormFieldPassword/estimatePassword.js +3 -42
- package/cjs/components/FormFieldPassword/generatePassword.js +1 -2
- package/cjs/components/FormFieldPassword/index.js +0 -3
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +49 -69
- package/cjs/components/FormFieldRadioButtons/index.js +0 -2
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +36 -39
- package/cjs/components/FormFieldSelect/index.js +0 -2
- package/cjs/components/FormFieldText/FormFieldText.js +33 -56
- package/cjs/components/FormFieldText/index.js +0 -2
- package/cjs/components/Grid/Grid.js +16 -49
- package/cjs/components/Grid/index.js +0 -2
- package/cjs/components/GridCol/GridCol.js +13 -26
- package/cjs/components/GridCol/index.js +0 -2
- package/cjs/components/Heading/Heading.js +10 -24
- package/cjs/components/Heading/index.js +0 -2
- package/cjs/components/Hint/Hint.js +8 -14
- package/cjs/components/Hint/index.js +0 -2
- package/cjs/components/Icon/Icon.js +18 -34
- package/cjs/components/Icon/Icon.stories.js +1 -8
- package/cjs/components/Icon/constants.js +3 -3
- package/cjs/components/Icon/images/symbols.svg +59 -1
- package/cjs/components/Icon/index.js +0 -4
- package/cjs/components/Icon/oldIconNames.js +1 -0
- package/cjs/components/Icon/utils.js +5 -16
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +11 -29
- package/cjs/components/InPlaceEdit/index.js +0 -2
- package/cjs/components/Input/Input.js +13 -19
- package/cjs/components/Input/index.js +0 -2
- package/cjs/components/InputFile/InputFile.js +14 -33
- package/cjs/components/InputFile/index.js +0 -2
- package/cjs/components/InputNumber/InputNumber.js +20 -57
- package/cjs/components/InputNumber/index.js +0 -2
- package/cjs/components/Item/Item.js +2 -42
- package/cjs/components/Item/index.js +0 -2
- package/cjs/components/ItemLink/ItemLink.js +8 -16
- package/cjs/components/ItemLink/ItemLink.stories.js +1 -5
- package/cjs/components/ItemLink/index.js +0 -2
- package/cjs/components/ItemList/ItemList.js +29 -72
- package/cjs/components/ItemList/ItemList.stories.js +11 -16
- package/cjs/components/ItemList/index.js +0 -2
- package/cjs/components/Label/Label.js +12 -16
- package/cjs/components/Label/index.js +0 -2
- package/cjs/components/Layer/Layer.js +12 -23
- package/cjs/components/Layer/index.js +0 -4
- package/cjs/components/Layout/Layout.js +66 -111
- package/cjs/components/Layout/index.js +0 -2
- package/cjs/components/Link/Link.js +17 -31
- package/cjs/components/Link/index.js +0 -2
- package/cjs/components/List/List.js +217 -377
- package/cjs/components/List/List.stories.js +18 -24
- package/cjs/components/List/ListAction.js +8 -17
- package/cjs/components/List/ListActions.js +12 -31
- package/cjs/components/List/ListActionsDivider.js +0 -5
- package/cjs/components/List/ListEmptyView.js +23 -39
- package/cjs/components/List/ListOperation.js +14 -42
- package/cjs/components/List/ListOperationContext.js +1 -2
- package/cjs/components/List/example-data/domains.js +1 -12
- package/cjs/components/List/images/default.png +0 -0
- package/cjs/components/List/images/filtered.png +0 -0
- package/cjs/components/List/index.js +0 -7
- package/cjs/components/LocaleProvider/LocaleProvider.js +10 -34
- package/cjs/components/LocaleProvider/index.js +0 -4
- package/cjs/components/Markdown/Markdown.js +18 -29
- package/cjs/components/Markdown/index.js +0 -2
- package/cjs/components/Media/Media.js +15 -41
- package/cjs/components/Media/MediaSection.js +11 -18
- package/cjs/components/Media/index.js +0 -3
- package/cjs/components/Menu/Menu.js +14 -49
- package/cjs/components/Menu/Menu.stories.js +1 -9
- package/cjs/components/Menu/MenuBaseItem.js +22 -35
- package/cjs/components/Menu/MenuDivider.js +11 -17
- package/cjs/components/Menu/MenuHeader.js +12 -20
- package/cjs/components/Menu/MenuItem.js +13 -35
- package/cjs/components/Menu/MenuSelectableItem.js +15 -24
- package/cjs/components/Menu/index.js +0 -7
- package/cjs/components/OnDarkContext/OnDarkContext.js +1 -2
- package/cjs/components/OnDarkContext/index.js +0 -2
- package/cjs/components/Overlay/Backdrop.js +12 -18
- package/cjs/components/Overlay/Focuser.js +1 -24
- package/cjs/components/Overlay/Overlay.js +22 -71
- package/cjs/components/Overlay/index.js +0 -2
- package/cjs/components/PageHeader/PageHeader.js +35 -43
- package/cjs/components/PageHeader/index.js +0 -2
- package/cjs/components/Pagination/Pagination.js +18 -38
- package/cjs/components/Pagination/index.js +0 -3
- package/cjs/components/Panel/Panel.js +10 -29
- package/cjs/components/Panel/index.js +0 -2
- package/cjs/components/Paragraph/Paragraph.js +12 -16
- package/cjs/components/Paragraph/index.js +0 -2
- package/cjs/components/Plaintext/Plaintext.js +10 -16
- package/cjs/components/Plaintext/index.js +0 -2
- package/cjs/components/Popover/Popover.js +18 -85
- package/cjs/components/Popover/Popover.stories.js +5 -14
- package/cjs/components/Popover/index.js +0 -2
- package/cjs/components/Popper/Popper.js +14 -52
- package/cjs/components/Popper/index.js +0 -2
- package/cjs/components/Progress/Progress.js +6 -32
- package/cjs/components/Progress/index.js +0 -2
- package/cjs/components/ProgressBar/ProgressBar.js +21 -28
- package/cjs/components/ProgressBar/ProgressIndicator.js +18 -21
- package/cjs/components/ProgressBar/index.js +0 -2
- package/cjs/components/ProgressDialog/ProgressDialog.js +6 -45
- package/cjs/components/ProgressDialog/index.js +0 -2
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +0 -6
- package/cjs/components/ProgressDialogStep/index.js +0 -2
- package/cjs/components/ProgressStep/ProgressStep.js +14 -43
- package/cjs/components/ProgressStep/index.js +0 -4
- package/cjs/components/Radio/Radio.js +15 -21
- package/cjs/components/Radio/index.js +0 -2
- package/cjs/components/Rating/Rating.js +24 -34
- package/cjs/components/Rating/index.js +0 -2
- package/cjs/components/ResponsiveContext/ResponsiveContext.js +1 -2
- package/cjs/components/ResponsiveContext/index.js +0 -2
- package/cjs/components/Section/Section.js +73 -112
- package/cjs/components/Section/SectionItem.js +10 -25
- package/cjs/components/Section/index.js +0 -3
- package/cjs/components/SegmentedControl/SegmentedControl.js +37 -89
- package/cjs/components/SegmentedControl/index.js +0 -2
- package/cjs/components/Select/MultiValue.js +8 -16
- package/cjs/components/Select/Select.js +24 -88
- package/cjs/components/Select/Select.stories.js +1 -9
- package/cjs/components/Select/SelectControl.js +39 -68
- package/cjs/components/Select/SelectOption.js +1 -7
- package/cjs/components/Select/SelectOptionGroup.js +0 -5
- package/cjs/components/Select/index.js +0 -4
- package/cjs/components/Skeleton/Skeleton.js +13 -19
- package/cjs/components/Skeleton/Skeleton.stories.js +1 -7
- package/cjs/components/Skeleton/SkeletonTabs.js +16 -21
- package/cjs/components/Skeleton/SkeletonTabs.stories.js +1 -5
- package/cjs/components/Skeleton/SkeletonText.js +21 -25
- package/cjs/components/Skeleton/SkeletonText.stories.js +1 -9
- package/cjs/components/Skeleton/index.js +0 -4
- package/cjs/components/Spinner/Spinner.js +21 -25
- package/cjs/components/Spinner/index.js +0 -2
- package/cjs/components/SplitButton/SplitButton.js +13 -40
- package/cjs/components/SplitButton/index.js +0 -2
- package/cjs/components/Spot/Spot.js +10 -30
- package/cjs/components/Spot/SpotPopup.js +22 -34
- package/cjs/components/Spot/SpotPulsar.js +9 -21
- package/cjs/components/Spot/index.js +0 -2
- package/cjs/components/Squeezer/Squeezer.js +15 -28
- package/cjs/components/Squeezer/index.js +0 -2
- package/cjs/components/Status/Status.js +17 -31
- package/cjs/components/Status/Status.stories.js +1 -5
- package/cjs/components/Status/index.js +0 -2
- package/cjs/components/StatusMessage/StatusMessage.js +16 -23
- package/cjs/components/StatusMessage/index.js +0 -2
- package/cjs/components/Subnav/Subnav.js +23 -50
- package/cjs/components/Subnav/index.js +0 -4
- package/cjs/components/Switch/Switch.js +2 -29
- package/cjs/components/Switch/index.js +0 -2
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +15 -25
- package/cjs/components/SwitchesPanel/index.js +0 -2
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +2 -27
- package/cjs/components/SwitchesPanelItem/index.js +0 -2
- package/cjs/components/Tabs/SearchBar.js +6 -83
- package/cjs/components/Tabs/Tab.js +6 -15
- package/cjs/components/Tabs/Tabs.js +40 -123
- package/cjs/components/Tabs/Tabs.stories.js +1 -6
- package/cjs/components/Tabs/index.js +0 -4
- package/cjs/components/Text/Text.js +15 -25
- package/cjs/components/Text/index.js +0 -2
- package/cjs/components/TextArea/TextArea.js +8 -31
- package/cjs/components/TextArea/calculateNodeHeight.js +14 -21
- package/cjs/components/TextArea/index.js +0 -2
- package/cjs/components/Toast/Toast.js +3 -27
- package/cjs/components/Toast/index.js +0 -4
- package/cjs/components/Toaster/Toaster.js +45 -61
- package/cjs/components/Toaster/index.js +0 -2
- package/cjs/components/Toolbar/RegistryContext.js +3 -14
- package/cjs/components/Toolbar/Toolbar.js +16 -31
- package/cjs/components/Toolbar/ToolbarExpander.js +7 -18
- package/cjs/components/Toolbar/ToolbarGroup.js +5 -37
- package/cjs/components/Toolbar/ToolbarItem.js +3 -25
- package/cjs/components/Toolbar/ToolbarMenu.js +7 -34
- package/cjs/components/Toolbar/index.js +0 -4
- package/cjs/components/Tooltip/Tooltip.js +28 -49
- package/cjs/components/Tooltip/index.js +0 -2
- package/cjs/components/Tour/Tour.js +11 -19
- package/cjs/components/Tour/index.js +0 -2
- package/cjs/components/Translate/Translate.js +14 -37
- package/cjs/components/Translate/index.js +0 -3
- package/cjs/components/VerticalContext/VerticalContext.js +1 -2
- package/cjs/components/VerticalContext/index.js +0 -3
- package/cjs/components/index.js +0 -104
- package/cjs/components/intentIconMap.js +1 -0
- package/cjs/components/utils.js +39 -81
- package/cjs/constants.js +1 -0
- package/cjs/index.js +1 -9
- package/cjs/publicPath.js +3 -7
- package/cjs/utils.js +3 -9
- package/dist/images/default.png +0 -0
- package/dist/images/filtered.png +0 -0
- package/dist/images/symbols.svg +59 -1
- 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 +8915 -13255
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +8 -8
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +19 -24
- package/esm/components/Action/index.js +1 -0
- package/esm/components/Alert/Alert.js +19 -17
- package/esm/components/Alert/Alert.stories.js +1 -0
- package/esm/components/Alert/index.js +1 -0
- package/esm/components/AutoClosable/AutoClosable.js +3 -21
- package/esm/components/AutoClosable/index.js +1 -0
- package/esm/components/AuxiliaryActions/AuxiliaryActions.js +17 -15
- package/esm/components/AuxiliaryActions/index.js +1 -0
- package/esm/components/Badge/Badge.js +11 -16
- package/esm/components/Badge/index.js +1 -0
- package/esm/components/Breadcrumbs/Breadcrumbs.js +22 -20
- package/esm/components/Breadcrumbs/index.js +1 -0
- package/esm/components/Button/Button.js +40 -70
- package/esm/components/Button/Button.stories.js +1 -0
- package/esm/components/Button/index.js +1 -0
- package/esm/components/ButtonGroup/ButtonGroup.js +14 -12
- package/esm/components/ButtonGroup/index.js +1 -0
- package/esm/components/Card/Card.js +4 -63
- package/esm/components/Card/CardButton.js +10 -8
- package/esm/components/Card/PreviewPanel.js +21 -42
- package/esm/components/Card/helpers.js +6 -5
- package/esm/components/Card/index.js +1 -0
- package/esm/components/CardList/CardList.js +44 -87
- package/esm/components/CardList/CardListToolbar.js +17 -35
- package/esm/components/CardList/index.js +1 -0
- package/esm/components/Carousel/Carousel.js +41 -64
- package/esm/components/Carousel/index.js +1 -0
- package/esm/components/Checkbox/Checkbox.js +17 -20
- package/esm/components/Checkbox/index.js +1 -0
- package/esm/components/ClosingConfirmation/index.js +1 -0
- package/esm/components/ClosingConfirmation/locale/en-US.js +1 -0
- package/esm/components/ClosingConfirmation/useClosingConfirmation.js +6 -13
- package/esm/components/CodeEditor/CodeEditor.js +22 -55
- package/esm/components/CodeEditor/CodeMirror.js +1 -4
- package/esm/components/CodeEditor/index.js +1 -0
- package/esm/components/Columns/Column.js +15 -16
- package/esm/components/Columns/Columns.js +20 -22
- package/esm/components/Columns/index.js +1 -0
- package/esm/components/ComboBox/ComboBox.js +16 -43
- package/esm/components/ComboBox/ComboBoxOption.js +2 -5
- package/esm/components/ComboBox/index.js +1 -0
- package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js +22 -35
- package/esm/components/ComboBoxDropdown/index.js +1 -0
- package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -19
- package/esm/components/ConsoleOutput/index.js +1 -0
- package/esm/components/ContentLoader/ContentLoader.js +16 -22
- package/esm/components/ContentLoader/IconsLoader.js +15 -23
- package/esm/components/ContentLoader/index.js +1 -0
- package/esm/components/Cuttable/Cuttable.js +24 -29
- package/esm/components/Cuttable/Cuttable.stories.js +1 -0
- package/esm/components/Cuttable/index.js +1 -0
- package/esm/components/Dialog/Dialog.js +45 -75
- package/esm/components/Dialog/Dialog.stories.js +3 -1
- package/esm/components/Dialog/index.js +1 -0
- package/esm/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -0
- package/esm/components/DistractionFreeModeContext/index.js +1 -0
- package/esm/components/Drawer/Drawer.js +77 -94
- package/esm/components/Drawer/Drawer.stories.js +7 -3
- package/esm/components/Drawer/DrawerProgress.js +3 -25
- package/esm/components/Drawer/Header.js +5 -14
- package/esm/components/Drawer/ScrollDirection.js +3 -9
- package/esm/components/Drawer/index.js +1 -0
- package/esm/components/Dropdown/Dropdown.js +26 -48
- package/esm/components/Dropdown/index.js +1 -0
- package/esm/components/Dropdown/locale/en-US.js +1 -0
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +27 -25
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +12 -9
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +12 -9
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +10 -7
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +13 -10
- package/esm/components/ExtendedStatusMessage/index.js +1 -0
- package/esm/components/Figure/Figure.js +19 -21
- package/esm/components/Figure/index.js +1 -0
- package/esm/components/FocusTrap/FocusTrap.js +9 -30
- package/esm/components/FocusTrap/index.js +1 -0
- package/esm/components/Form/DisabledContext.js +1 -0
- package/esm/components/Form/Form.js +68 -102
- package/esm/components/Form/Form.stories.js +1 -0
- package/esm/components/Form/FormContext.js +1 -0
- package/esm/components/Form/ScrollableElementFormContext.js +1 -0
- package/esm/components/Form/index.js +1 -0
- package/esm/components/Form/utils.js +7 -17
- package/esm/components/FormField/FormField.js +50 -98
- package/esm/components/FormField/index.js +1 -0
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +45 -48
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +3 -1
- package/esm/components/FormFieldCheckbox/index.js +1 -0
- package/esm/components/FormFieldPassword/FormFieldPassword.js +24 -31
- package/esm/components/FormFieldPassword/PasswordMeter.js +13 -14
- package/esm/components/FormFieldPassword/estimatePassword.js +3 -35
- package/esm/components/FormFieldPassword/generatePassword.js +1 -2
- package/esm/components/FormFieldPassword/index.js +1 -0
- package/esm/components/FormFieldPassword/locale/en-US.js +1 -0
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +50 -58
- package/esm/components/FormFieldRadioButtons/index.js +1 -0
- package/esm/components/FormFieldSelect/FormFieldSelect.js +37 -32
- package/esm/components/FormFieldSelect/index.js +1 -0
- package/esm/components/FormFieldText/FormFieldText.js +34 -45
- package/esm/components/FormFieldText/index.js +1 -0
- package/esm/components/Grid/Grid.js +17 -40
- package/esm/components/Grid/index.js +1 -0
- package/esm/components/GridCol/GridCol.js +14 -19
- package/esm/components/GridCol/index.js +1 -0
- package/esm/components/Heading/Heading.js +11 -16
- package/esm/components/Heading/index.js +1 -0
- package/esm/components/Hint/Hint.js +9 -9
- package/esm/components/Hint/index.js +1 -0
- package/esm/components/Icon/Icon.js +18 -20
- package/esm/components/Icon/Icon.stories.js +1 -0
- package/esm/components/Icon/constants.js +3 -2
- package/esm/components/Icon/images/symbols.svg +59 -1
- package/esm/components/Icon/index.js +1 -0
- package/esm/components/Icon/oldIconNames.js +1 -0
- package/esm/components/Icon/utils.js +5 -7
- package/esm/components/InPlaceEdit/InPlaceEdit.js +12 -20
- package/esm/components/InPlaceEdit/index.js +1 -0
- package/esm/components/InPlaceEdit/locale/en-US.js +1 -0
- package/esm/components/Input/Input.js +14 -14
- package/esm/components/Input/index.js +1 -0
- package/esm/components/InputFile/InputFile.js +14 -21
- package/esm/components/InputFile/index.js +1 -0
- package/esm/components/InputFile/locale/en-US.js +1 -0
- package/esm/components/InputNumber/InputNumber.js +20 -47
- package/esm/components/InputNumber/index.js +1 -0
- package/esm/components/Item/Item.js +2 -28
- package/esm/components/Item/index.js +1 -0
- package/esm/components/ItemLink/ItemLink.js +9 -10
- package/esm/components/ItemLink/ItemLink.stories.js +1 -0
- package/esm/components/ItemLink/index.js +1 -0
- package/esm/components/ItemList/ItemList.js +29 -62
- package/esm/components/ItemList/ItemList.stories.js +11 -7
- package/esm/components/ItemList/index.js +1 -0
- package/esm/components/Label/Label.js +13 -11
- package/esm/components/Label/index.js +1 -0
- package/esm/components/Layer/Layer.js +12 -14
- package/esm/components/Layer/index.js +1 -0
- package/esm/components/Layout/Layout.js +66 -105
- package/esm/components/Layout/index.js +1 -0
- package/esm/components/Link/Link.js +18 -20
- package/esm/components/Link/index.js +1 -0
- package/esm/components/List/List.js +216 -365
- package/esm/components/List/List.stories.js +18 -12
- package/esm/components/List/ListAction.js +9 -12
- package/esm/components/List/ListActions.js +13 -17
- package/esm/components/List/ListActionsDivider.js +1 -2
- package/esm/components/List/ListEmptyView.js +23 -30
- package/esm/components/List/ListOperation.js +14 -29
- package/esm/components/List/ListOperationContext.js +1 -0
- package/esm/components/List/example-data/domains.js +1 -12
- package/esm/components/List/images/default.png +0 -0
- package/esm/components/List/images/filtered.png +0 -0
- package/esm/components/List/index.js +1 -0
- package/esm/components/LocaleProvider/LocaleProvider.js +11 -28
- package/esm/components/LocaleProvider/index.js +1 -0
- package/esm/components/Markdown/Markdown.js +19 -22
- package/esm/components/Markdown/index.js +1 -0
- package/esm/components/Media/Media.js +16 -31
- package/esm/components/Media/MediaSection.js +13 -12
- package/esm/components/Media/index.js +1 -0
- package/esm/components/Menu/Menu.js +14 -34
- package/esm/components/Menu/Menu.stories.js +1 -1
- package/esm/components/Menu/MenuBaseItem.js +24 -26
- package/esm/components/Menu/MenuDivider.js +13 -11
- package/esm/components/Menu/MenuHeader.js +14 -13
- package/esm/components/Menu/MenuItem.js +15 -24
- package/esm/components/Menu/MenuSelectableItem.js +17 -17
- package/esm/components/Menu/index.js +1 -0
- package/esm/components/OnDarkContext/OnDarkContext.js +1 -0
- package/esm/components/OnDarkContext/index.js +1 -0
- package/esm/components/Overlay/Backdrop.js +13 -13
- package/esm/components/Overlay/Focuser.js +1 -18
- package/esm/components/Overlay/Overlay.js +23 -63
- package/esm/components/Overlay/index.js +1 -0
- package/esm/components/PageHeader/PageHeader.js +36 -34
- package/esm/components/PageHeader/index.js +1 -0
- package/esm/components/Pagination/Pagination.js +18 -24
- package/esm/components/Pagination/index.js +1 -0
- package/esm/components/Panel/Panel.js +11 -18
- package/esm/components/Panel/index.js +1 -0
- package/esm/components/Paragraph/Paragraph.js +13 -11
- package/esm/components/Paragraph/index.js +1 -0
- package/esm/components/Plaintext/Plaintext.js +11 -11
- package/esm/components/Plaintext/index.js +1 -0
- package/esm/components/Popover/Popover.js +18 -73
- package/esm/components/Popover/Popover.stories.js +5 -2
- package/esm/components/Popover/index.js +1 -0
- package/esm/components/Popper/Popper.js +16 -44
- package/esm/components/Popper/index.js +1 -0
- package/esm/components/Progress/Progress.js +7 -22
- package/esm/components/Progress/index.js +1 -0
- package/esm/components/ProgressBar/ProgressBar.js +22 -20
- package/esm/components/ProgressBar/ProgressIndicator.js +19 -17
- package/esm/components/ProgressBar/index.js +1 -0
- package/esm/components/ProgressDialog/ProgressDialog.js +7 -35
- package/esm/components/ProgressDialog/index.js +1 -0
- package/esm/components/ProgressDialogStep/ProgressDialogStep.js +2 -3
- package/esm/components/ProgressDialogStep/index.js +1 -0
- package/esm/components/ProgressStep/ProgressStep.js +14 -29
- package/esm/components/ProgressStep/index.js +1 -0
- package/esm/components/Radio/Radio.js +15 -15
- package/esm/components/Radio/index.js +1 -0
- package/esm/components/Rating/Rating.js +24 -28
- package/esm/components/Rating/index.js +1 -0
- package/esm/components/ResponsiveContext/ResponsiveContext.js +1 -0
- package/esm/components/ResponsiveContext/index.js +1 -0
- package/esm/components/Section/Section.js +73 -98
- package/esm/components/Section/SectionItem.js +11 -16
- package/esm/components/Section/index.js +1 -0
- package/esm/components/SegmentedControl/SegmentedControl.js +37 -79
- package/esm/components/SegmentedControl/index.js +1 -0
- package/esm/components/Select/MultiValue.js +8 -10
- package/esm/components/Select/Select.js +24 -73
- package/esm/components/Select/Select.stories.js +1 -0
- package/esm/components/Select/SelectControl.js +39 -57
- package/esm/components/Select/SelectOption.js +2 -5
- package/esm/components/Select/SelectOptionGroup.js +1 -3
- package/esm/components/Select/index.js +1 -0
- package/esm/components/Skeleton/Skeleton.js +14 -13
- package/esm/components/Skeleton/Skeleton.stories.js +1 -0
- package/esm/components/Skeleton/SkeletonTabs.js +17 -15
- package/esm/components/Skeleton/SkeletonTabs.stories.js +1 -0
- package/esm/components/Skeleton/SkeletonText.js +22 -19
- package/esm/components/Skeleton/SkeletonText.stories.js +1 -0
- package/esm/components/Skeleton/index.js +1 -0
- package/esm/components/Spinner/Spinner.js +22 -20
- package/esm/components/Spinner/index.js +1 -0
- package/esm/components/SplitButton/SplitButton.js +13 -27
- package/esm/components/SplitButton/index.js +1 -0
- package/esm/components/Spot/Spot.js +10 -19
- package/esm/components/Spot/SpotPopup.js +22 -21
- package/esm/components/Spot/SpotPulsar.js +9 -13
- package/esm/components/Spot/index.js +1 -0
- package/esm/components/Squeezer/Squeezer.js +15 -26
- package/esm/components/Squeezer/index.js +1 -0
- package/esm/components/Status/Status.js +17 -20
- package/esm/components/Status/Status.stories.js +1 -0
- package/esm/components/Status/index.js +1 -0
- package/esm/components/StatusMessage/StatusMessage.js +17 -15
- package/esm/components/StatusMessage/index.js +1 -0
- package/esm/components/Subnav/Subnav.js +24 -38
- package/esm/components/Subnav/index.js +1 -0
- package/esm/components/Switch/Switch.js +3 -19
- package/esm/components/Switch/index.js +1 -0
- package/esm/components/SwitchesPanel/SwitchesPanel.js +16 -16
- package/esm/components/SwitchesPanel/index.js +1 -0
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -17
- package/esm/components/SwitchesPanelItem/index.js +1 -0
- package/esm/components/Tabs/SearchBar.js +7 -78
- package/esm/components/Tabs/Tab.js +8 -12
- package/esm/components/Tabs/Tabs.js +40 -106
- package/esm/components/Tabs/Tabs.stories.js +1 -0
- package/esm/components/Tabs/index.js +1 -0
- package/esm/components/Text/Text.js +16 -17
- package/esm/components/Text/index.js +1 -0
- package/esm/components/TextArea/TextArea.js +8 -26
- package/esm/components/TextArea/calculateNodeHeight.js +14 -21
- package/esm/components/TextArea/index.js +1 -0
- package/esm/components/Toast/Toast.js +3 -13
- package/esm/components/Toast/index.js +1 -0
- package/esm/components/Toaster/Toaster.js +45 -50
- package/esm/components/Toaster/index.js +1 -0
- package/esm/components/Toolbar/RegistryContext.js +3 -10
- package/esm/components/Toolbar/Toolbar.js +17 -20
- package/esm/components/Toolbar/ToolbarExpander.js +8 -10
- package/esm/components/Toolbar/ToolbarGroup.js +6 -22
- package/esm/components/Toolbar/ToolbarItem.js +3 -13
- package/esm/components/Toolbar/ToolbarMenu.js +7 -21
- package/esm/components/Toolbar/index.js +1 -0
- package/esm/components/Tooltip/Tooltip.js +28 -43
- package/esm/components/Tooltip/index.js +1 -0
- package/esm/components/Tour/Tour.js +12 -16
- package/esm/components/Tour/index.js +1 -0
- package/esm/components/Translate/Translate.js +14 -28
- package/esm/components/Translate/index.js +1 -0
- package/esm/components/VerticalContext/VerticalContext.js +1 -0
- package/esm/components/VerticalContext/index.js +1 -0
- package/esm/components/index.js +1 -0
- package/esm/components/intentIconMap.js +1 -0
- package/esm/components/utils.js +39 -60
- package/esm/constants.js +1 -0
- package/esm/index.js +1 -1
- package/esm/publicPath.js +3 -7
- package/esm/utils.js +4 -1
- package/package.json +68 -63
- package/styleguide/build/bundle.26082873.js +2 -0
- package/styleguide/build/{bundle.59e52792.js.LICENSE.txt → bundle.26082873.js.LICENSE.txt} +18 -7
- package/styleguide/images/default.png +0 -0
- package/styleguide/images/empty-list.png +0 -0
- package/styleguide/images/filtered.png +0 -0
- package/styleguide/images/symbols.svg +59 -1
- package/styleguide/index.html +2 -2
- package/types/package.d.ts +13 -8
- package/types/src/components/Button/Button.stories.d.ts +0 -1
- package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +1 -1
- package/types/src/components/Dialog/Dialog.stories.d.ts +0 -1
- package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +0 -1
- package/types/src/components/Drawer/Drawer.stories.d.ts +0 -1
- package/types/src/components/Form/DisabledContext.d.ts +0 -1
- package/types/src/components/Form/Form.d.ts +3 -3
- package/types/src/components/Form/Form.stories.d.ts +0 -1
- package/types/src/components/Form/FormContext.d.ts +0 -1
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -1
- package/types/src/components/Icon/Icon.stories.d.ts +0 -1
- package/types/src/components/Icon/constants.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.stories.d.ts +24 -24
- package/types/src/components/List/List.stories.d.ts +0 -1
- package/types/src/components/Menu/Menu.stories.d.ts +0 -1
- package/types/src/components/OnDarkContext/OnDarkContext.d.ts +0 -1
- package/types/src/components/Popover/Popover.stories.d.ts +0 -1
- package/types/src/components/ResponsiveContext/ResponsiveContext.d.ts +0 -1
- package/types/src/components/Select/Select.stories.d.ts +1 -1
- package/types/src/components/Skeleton/SkeletonText.stories.d.ts +3 -3
- package/types/src/components/Status/Status.stories.d.ts +2 -2
- package/types/src/components/Tabs/Tabs.stories.d.ts +0 -1
- package/types/src/components/Toolbar/RegistryContext.d.ts +0 -1
- package/types/src/components/Toolbar/ToolbarItem.d.ts +1 -1
- package/types/src/components/VerticalContext/VerticalContext.d.ts +0 -1
- package/cjs/components/List/images/default.svg +0 -1
- package/cjs/components/List/images/filtered.svg +0 -1
- package/esm/components/List/images/default.svg +0 -1
- package/esm/components/List/images/filtered.svg +0 -1
- package/styleguide/build/bundle.59e52792.js +0 -2
|
@@ -1,49 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _Layer = _interopRequireDefault(require("../Layer"));
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
-
|
|
22
14
|
var _constants = require("../../constants");
|
|
23
|
-
|
|
24
15
|
var _utils = require("../utils");
|
|
25
|
-
|
|
26
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
-
|
|
28
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
30
18
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
19
|
+
|
|
31
20
|
const createRectFactory = (width, height) => (left, top) => ({
|
|
32
21
|
top,
|
|
33
22
|
left,
|
|
34
23
|
right: left + width,
|
|
35
24
|
bottom: top + height
|
|
36
25
|
});
|
|
37
|
-
|
|
38
26
|
const isInside = (r1, r2) => r1.left >= r2.left && r1.right <= r2.right && r1.top >= r2.top && r1.bottom <= r2.bottom;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
27
|
+
const determinePosition = _ref => {
|
|
28
|
+
let {
|
|
29
|
+
clientX,
|
|
30
|
+
clientY,
|
|
31
|
+
tooltipWidth,
|
|
32
|
+
tooltipHeight,
|
|
33
|
+
targetRect
|
|
34
|
+
} = _ref;
|
|
47
35
|
const X_EXTRA_SPACE = 8;
|
|
48
36
|
const Y_BOTTOM_EXTRA_SPACE = 16;
|
|
49
37
|
const Y_TOP_EXTRA_SPACE = 8;
|
|
@@ -54,32 +42,37 @@ const determinePosition = ({
|
|
|
54
42
|
right: document.documentElement.clientWidth,
|
|
55
43
|
bottom: document.documentElement.clientHeight
|
|
56
44
|
};
|
|
57
|
-
const positionFns = [
|
|
45
|
+
const positionFns = [
|
|
46
|
+
// right bottom
|
|
58
47
|
() => ({
|
|
59
48
|
left: clientX + X_EXTRA_SPACE,
|
|
60
49
|
top: clientY + Y_BOTTOM_EXTRA_SPACE
|
|
61
|
-
}),
|
|
50
|
+
}),
|
|
51
|
+
// left bottom
|
|
62
52
|
() => ({
|
|
63
53
|
left: clientX - tooltipWidth - X_EXTRA_SPACE,
|
|
64
54
|
top: clientY + Y_BOTTOM_EXTRA_SPACE
|
|
65
|
-
}),
|
|
55
|
+
}),
|
|
56
|
+
// center bottom
|
|
66
57
|
() => ({
|
|
67
58
|
left: targetRect.left + (targetRect.right - targetRect.left) / 2 - tooltipWidth / 2,
|
|
68
59
|
top: clientY + Y_BOTTOM_EXTRA_SPACE
|
|
69
|
-
}),
|
|
60
|
+
}),
|
|
61
|
+
// right top
|
|
70
62
|
() => ({
|
|
71
63
|
left: clientX + X_EXTRA_SPACE,
|
|
72
64
|
top: clientY - tooltipHeight - Y_TOP_EXTRA_SPACE
|
|
73
|
-
}),
|
|
65
|
+
}),
|
|
66
|
+
// left top
|
|
74
67
|
() => ({
|
|
75
68
|
left: clientX - tooltipWidth - Y_TOP_EXTRA_SPACE,
|
|
76
69
|
top: clientY - tooltipHeight - Y_TOP_EXTRA_SPACE
|
|
77
|
-
}),
|
|
70
|
+
}),
|
|
71
|
+
// center top
|
|
78
72
|
() => ({
|
|
79
73
|
left: targetRect.left + (targetRect.right - targetRect.left) / 2 - tooltipWidth / 2,
|
|
80
74
|
top: clientY - tooltipHeight - Y_BOTTOM_EXTRA_SPACE
|
|
81
75
|
})];
|
|
82
|
-
|
|
83
76
|
for (let i = 0; i < positionFns.length; i++) {
|
|
84
77
|
const fn = positionFns[i];
|
|
85
78
|
const {
|
|
@@ -87,7 +80,6 @@ const determinePosition = ({
|
|
|
87
80
|
top
|
|
88
81
|
} = fn();
|
|
89
82
|
const tooltipRect = createTooltipRect(left, top);
|
|
90
|
-
|
|
91
83
|
if (isInside(tooltipRect, viewRect)) {
|
|
92
84
|
return {
|
|
93
85
|
left: left + window.pageXOffset,
|
|
@@ -95,22 +87,20 @@ const determinePosition = ({
|
|
|
95
87
|
};
|
|
96
88
|
}
|
|
97
89
|
}
|
|
98
|
-
|
|
99
90
|
return {
|
|
100
91
|
top: targetRect.top + Y_BOTTOM_EXTRA_SPACE,
|
|
101
92
|
left: targetRect.left + X_EXTRA_SPACE
|
|
102
93
|
};
|
|
103
94
|
};
|
|
95
|
+
|
|
104
96
|
/**
|
|
105
97
|
* `Tooltip` component is used for providing information about an interface element
|
|
106
98
|
* while user hovers the pointer over the element.
|
|
107
99
|
* @since 0.0.35
|
|
108
100
|
*/
|
|
109
|
-
|
|
110
|
-
|
|
111
101
|
class Tooltip extends _react.Component {
|
|
112
|
-
constructor(
|
|
113
|
-
super(...
|
|
102
|
+
constructor() {
|
|
103
|
+
super(...arguments);
|
|
114
104
|
(0, _defineProperty2.default)(this, "state", {
|
|
115
105
|
left: 0,
|
|
116
106
|
top: 0,
|
|
@@ -122,7 +112,6 @@ class Tooltip extends _react.Component {
|
|
|
122
112
|
clearTimeout(this.showTimer);
|
|
123
113
|
this.showTimer = null;
|
|
124
114
|
}
|
|
125
|
-
|
|
126
115
|
this.setState({
|
|
127
116
|
visible: true
|
|
128
117
|
});
|
|
@@ -132,7 +121,6 @@ class Tooltip extends _react.Component {
|
|
|
132
121
|
clearTimeout(this.showTimer);
|
|
133
122
|
this.showTimer = null;
|
|
134
123
|
}
|
|
135
|
-
|
|
136
124
|
this.setState({
|
|
137
125
|
visible: false,
|
|
138
126
|
ready: false
|
|
@@ -142,7 +130,6 @@ class Tooltip extends _react.Component {
|
|
|
142
130
|
if (this.showTimer) {
|
|
143
131
|
return;
|
|
144
132
|
}
|
|
145
|
-
|
|
146
133
|
this.setState({
|
|
147
134
|
ready: true
|
|
148
135
|
});
|
|
@@ -163,16 +150,15 @@ class Tooltip extends _react.Component {
|
|
|
163
150
|
tooltipHeight,
|
|
164
151
|
targetRect
|
|
165
152
|
});
|
|
166
|
-
this.setState({
|
|
153
|
+
this.setState({
|
|
154
|
+
...position
|
|
167
155
|
});
|
|
168
156
|
}
|
|
169
157
|
});
|
|
170
158
|
}
|
|
171
|
-
|
|
172
159
|
componentWillUnmount() {
|
|
173
160
|
clearTimeout(this.showTimer);
|
|
174
161
|
}
|
|
175
|
-
|
|
176
162
|
renderTooltip() {
|
|
177
163
|
const {
|
|
178
164
|
baseClassName,
|
|
@@ -195,14 +181,14 @@ class Tooltip extends _react.Component {
|
|
|
195
181
|
this.tooltipEl = el;
|
|
196
182
|
},
|
|
197
183
|
className: (0, _classnames.default)(baseClassName, className),
|
|
198
|
-
style: {
|
|
184
|
+
style: {
|
|
185
|
+
...style,
|
|
199
186
|
transform: `translate(${left}px, ${top}px)`,
|
|
200
187
|
visibility: visible ? 'visible' : 'hidden'
|
|
201
188
|
},
|
|
202
189
|
role: "tooltip"
|
|
203
190
|
}, props), title));
|
|
204
191
|
}
|
|
205
|
-
|
|
206
192
|
render() {
|
|
207
193
|
const {
|
|
208
194
|
ready
|
|
@@ -214,38 +200,31 @@ class Tooltip extends _react.Component {
|
|
|
214
200
|
onMouseDown: (0, _utils.wrapFunction)(this.props.children.props.onMouseDown, this.handleHide)
|
|
215
201
|
}), ready && this.renderTooltip());
|
|
216
202
|
}
|
|
217
|
-
|
|
218
203
|
}
|
|
219
|
-
|
|
220
204
|
Tooltip.propTypes = {
|
|
221
205
|
/**
|
|
222
206
|
* Content of the tooltip
|
|
223
207
|
* @since 0.0.42
|
|
224
208
|
*/
|
|
225
209
|
title: _propTypes.default.node.isRequired,
|
|
226
|
-
|
|
227
210
|
/**
|
|
228
211
|
* Show delay (ms)
|
|
229
212
|
* @since 0.0.50
|
|
230
213
|
*/
|
|
231
214
|
delay: _propTypes.default.number,
|
|
232
|
-
|
|
233
215
|
/**
|
|
234
216
|
* Element with tooltip
|
|
235
217
|
* @since 0.0.42
|
|
236
218
|
*/
|
|
237
219
|
children: _propTypes.default.element.isRequired,
|
|
238
|
-
|
|
239
220
|
/**
|
|
240
221
|
* @ignore
|
|
241
222
|
*/
|
|
242
223
|
style: _propTypes.default.object,
|
|
243
|
-
|
|
244
224
|
/**
|
|
245
225
|
* @ignore
|
|
246
226
|
*/
|
|
247
227
|
className: _propTypes.default.string,
|
|
248
|
-
|
|
249
228
|
/**
|
|
250
229
|
* @ignore
|
|
251
230
|
*/
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _Tooltip.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
-
|
|
12
9
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
|
|
14
10
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
15
11
|
|
|
16
12
|
/**
|
|
@@ -19,25 +15,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
19
15
|
* or element you want to focus user attention on.
|
|
20
16
|
* @since 2.7.0
|
|
21
17
|
*/
|
|
22
|
-
const Tour =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
const Tour = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
current,
|
|
21
|
+
children,
|
|
22
|
+
onClose
|
|
23
|
+
} = _ref;
|
|
27
24
|
const spots = _react.Children.toArray(children);
|
|
28
|
-
|
|
29
25
|
if (current !== undefined && current in spots) {
|
|
30
26
|
const spot = spots[current];
|
|
31
|
-
|
|
32
27
|
if ( /*#__PURE__*/(0, _react.isValidElement)(spot)) {
|
|
33
28
|
let popup;
|
|
34
|
-
|
|
35
29
|
if (onClose && spot.props.popup) {
|
|
36
|
-
popup = {
|
|
30
|
+
popup = {
|
|
31
|
+
...spot.props.popup,
|
|
37
32
|
onClose
|
|
38
33
|
};
|
|
39
34
|
}
|
|
40
|
-
|
|
41
35
|
const props = {
|
|
42
36
|
key: current,
|
|
43
37
|
meta: {
|
|
@@ -48,16 +42,14 @@ const Tour = ({
|
|
|
48
42
|
};
|
|
49
43
|
return /*#__PURE__*/(0, _react.cloneElement)(spot, props);
|
|
50
44
|
}
|
|
51
|
-
}
|
|
52
|
-
// eslint-disable-next-line no-constant-condition
|
|
53
|
-
|
|
45
|
+
}
|
|
54
46
|
|
|
47
|
+
// a workaround for Props & Methods in Styleguidist
|
|
48
|
+
// eslint-disable-next-line no-constant-condition
|
|
55
49
|
if (false) {
|
|
56
50
|
return /*#__PURE__*/_react.default.createElement("span", null);
|
|
57
51
|
}
|
|
58
|
-
|
|
59
52
|
return null;
|
|
60
53
|
};
|
|
61
|
-
|
|
62
54
|
var _default = Tour;
|
|
63
55
|
exports.default = _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _Tour.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _Tour = _interopRequireDefault(require("./Tour"));
|
|
@@ -1,74 +1,60 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.isLikeText = exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _LocaleProvider = require("../LocaleProvider");
|
|
15
|
-
|
|
16
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
13
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
14
|
+
|
|
21
15
|
const isLikeText = node => {
|
|
22
16
|
if (typeof node === 'string') {
|
|
23
17
|
return true;
|
|
24
18
|
}
|
|
25
|
-
|
|
26
19
|
if ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type === Translate) {
|
|
27
20
|
const {
|
|
28
21
|
component,
|
|
29
22
|
children
|
|
30
23
|
} = node.props;
|
|
31
|
-
|
|
32
24
|
if (component === 'span' && (typeof children === 'string' || typeof children === 'undefined' || children === null)) {
|
|
33
25
|
return true;
|
|
34
26
|
}
|
|
35
27
|
}
|
|
36
|
-
|
|
37
28
|
return false;
|
|
38
29
|
};
|
|
30
|
+
|
|
39
31
|
/**
|
|
40
32
|
* `Translate` component.
|
|
41
33
|
* @since 0.0.42
|
|
42
34
|
*/
|
|
43
|
-
|
|
44
|
-
|
|
45
35
|
exports.isLikeText = isLikeText;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
36
|
+
const Translate = _ref => {
|
|
37
|
+
let {
|
|
38
|
+
component: Tag,
|
|
39
|
+
content,
|
|
40
|
+
children,
|
|
41
|
+
params,
|
|
42
|
+
unsafe,
|
|
43
|
+
fallback,
|
|
44
|
+
namespace,
|
|
45
|
+
translators,
|
|
46
|
+
...props
|
|
47
|
+
} = _ref;
|
|
58
48
|
const translate = (0, _LocaleProvider.useTranslate)(namespace);
|
|
59
49
|
const key = content || children;
|
|
60
50
|
const translator = translators && translators[key];
|
|
61
|
-
|
|
62
51
|
if (translator) {
|
|
63
52
|
if (typeof translator === 'function') {
|
|
64
53
|
return translator(params);
|
|
65
54
|
}
|
|
66
|
-
|
|
67
55
|
return translator;
|
|
68
56
|
}
|
|
69
|
-
|
|
70
57
|
const message = translate(key, params, fallback);
|
|
71
|
-
|
|
72
58
|
if (unsafe) {
|
|
73
59
|
props.dangerouslySetInnerHTML = {
|
|
74
60
|
__html: message
|
|
@@ -76,52 +62,43 @@ const Translate = ({
|
|
|
76
62
|
} else {
|
|
77
63
|
props.children = message;
|
|
78
64
|
}
|
|
79
|
-
|
|
80
65
|
return /*#__PURE__*/_react.default.createElement(Tag, props);
|
|
81
66
|
};
|
|
82
|
-
|
|
83
67
|
Translate.propTypes = {
|
|
84
68
|
/**
|
|
85
69
|
* A some prefix for the message key.
|
|
86
70
|
* @since 2.6.0
|
|
87
71
|
*/
|
|
88
72
|
namespace: _propTypes.default.string,
|
|
89
|
-
|
|
90
73
|
/**
|
|
91
74
|
* Translatable content or message key.
|
|
92
75
|
* @since 0.0.42
|
|
93
76
|
*/
|
|
94
77
|
content: _propTypes.default.string,
|
|
95
|
-
|
|
96
78
|
/**
|
|
97
79
|
* Message params
|
|
98
80
|
* @since 0.0.42
|
|
99
81
|
*/
|
|
100
82
|
params: _propTypes.default.object,
|
|
101
|
-
|
|
102
83
|
/**
|
|
103
84
|
* Fallback translation value.
|
|
104
85
|
* @since 0.0.47
|
|
105
86
|
*/
|
|
106
87
|
fallback: _propTypes.default.string,
|
|
107
|
-
|
|
108
88
|
/**
|
|
109
89
|
* Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
|
|
110
90
|
* @since 0.0.42
|
|
111
91
|
*/
|
|
112
92
|
component: _propTypes.default.elementType,
|
|
113
|
-
|
|
114
93
|
/**
|
|
115
94
|
* A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
|
|
116
95
|
* @ignore
|
|
117
96
|
*/
|
|
118
97
|
translators: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
|
|
119
|
-
|
|
120
98
|
/**
|
|
121
99
|
* @ignore
|
|
122
100
|
*/
|
|
123
101
|
unsafe: _propTypes.default.bool,
|
|
124
|
-
|
|
125
102
|
/**
|
|
126
103
|
* @ignore
|
|
127
104
|
*/
|
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "isLikeText", {
|
|
|
15
15
|
return _Translate.isLikeText;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _Translate = _interopRequireWildcard(require("./Translate"));
|
|
20
|
-
|
|
21
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
|
-
|
|
23
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.VERTICAL_BREAKPOINT = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
// Copyright 1999-2019. Plesk International GmbH. All rights reserved.
|
|
9
|
+
|
|
11
10
|
const VERTICAL_BREAKPOINT = 450;
|
|
12
11
|
exports.VERTICAL_BREAKPOINT = VERTICAL_BREAKPOINT;
|
|
13
12
|
const VerticalContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "default", {
|
|
|
15
15
|
return _VerticalContext.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _VerticalContext = _interopRequireWildcard(require("./VerticalContext"));
|
|
20
|
-
|
|
21
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
|
-
|
|
23
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|