@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,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
|
});
|
|
@@ -41,15 +40,9 @@ Object.defineProperty(exports, "default", {
|
|
|
41
40
|
return _List.default;
|
|
42
41
|
}
|
|
43
42
|
});
|
|
44
|
-
|
|
45
43
|
var _List = _interopRequireDefault(require("./List"));
|
|
46
|
-
|
|
47
44
|
var _ListOperation = _interopRequireDefault(require("./ListOperation"));
|
|
48
|
-
|
|
49
45
|
var _ListEmptyView = _interopRequireDefault(require("./ListEmptyView"));
|
|
50
|
-
|
|
51
46
|
var _ListActions = _interopRequireDefault(require("./ListActions"));
|
|
52
|
-
|
|
53
47
|
var _ListAction = _interopRequireDefault(require("./ListAction"));
|
|
54
|
-
|
|
55
48
|
var _ListActionsDivider = _interopRequireDefault(require("./ListActionsDivider"));
|
|
@@ -1,39 +1,30 @@
|
|
|
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.useTranslate = exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
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.
|
|
21
|
-
|
|
14
|
+
|
|
15
|
+
const applyParams = function (message) {
|
|
16
|
+
let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
22
17
|
const result = [];
|
|
23
18
|
let hasElements = false;
|
|
24
19
|
let m;
|
|
25
|
-
|
|
26
20
|
while (m = message.match(/%%(\w+)%%/)) {
|
|
27
21
|
const {
|
|
28
22
|
index = 0
|
|
29
23
|
} = m;
|
|
30
|
-
|
|
31
24
|
if (index > 0) {
|
|
32
25
|
result.push(message.substr(0, index));
|
|
33
26
|
}
|
|
34
|
-
|
|
35
27
|
const param = params[m[1]];
|
|
36
|
-
|
|
37
28
|
if (param === undefined) {
|
|
38
29
|
result.push(m[0]);
|
|
39
30
|
} else if (typeof param === 'object' && /*#__PURE__*/(0, _react.isValidElement)(param)) {
|
|
@@ -44,48 +35,39 @@ const applyParams = (message, params = {}) => {
|
|
|
44
35
|
} else {
|
|
45
36
|
result.push(param);
|
|
46
37
|
}
|
|
47
|
-
|
|
48
38
|
message = message.substr(index + m[0].length);
|
|
49
39
|
}
|
|
50
|
-
|
|
51
40
|
if (message !== '') {
|
|
52
41
|
result.push(message);
|
|
53
42
|
}
|
|
54
|
-
|
|
55
43
|
return hasElements ? result : result.join('');
|
|
56
44
|
};
|
|
57
|
-
|
|
58
45
|
const getMessage = (fullKey, messages) => {
|
|
59
46
|
const [key, ...rest] = fullKey.split('.');
|
|
60
47
|
const message = messages[key];
|
|
61
|
-
|
|
62
48
|
if (typeof message === 'object' && rest.length) {
|
|
63
49
|
return getMessage(rest.join('.'), message);
|
|
64
50
|
}
|
|
65
|
-
|
|
66
51
|
return messages[fullKey];
|
|
67
52
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
(key
|
|
53
|
+
const createTranslate = messages =>
|
|
54
|
+
// eslint-disable-next-line default-param-last
|
|
55
|
+
function (key) {
|
|
56
|
+
let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
57
|
+
let fallback = arguments.length > 2 ? arguments[2] : undefined;
|
|
71
58
|
if (typeof key !== 'string') {
|
|
72
59
|
return '';
|
|
73
60
|
}
|
|
74
|
-
|
|
75
61
|
let message = getMessage(key, messages);
|
|
76
|
-
|
|
77
62
|
if (typeof message !== 'string') {
|
|
78
63
|
message = typeof fallback === 'string' ? fallback : `[${key}]`;
|
|
79
64
|
}
|
|
80
|
-
|
|
81
65
|
return applyParams(message, params);
|
|
82
66
|
};
|
|
83
|
-
|
|
84
67
|
const LocaleContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
85
|
-
|
|
86
68
|
const useTranslate = namespace => {
|
|
87
69
|
const context = (0, _react.useContext)(LocaleContext);
|
|
88
|
-
return (key, params, fallback) => {
|
|
70
|
+
return (0, _react.useCallback)((key, params, fallback) => {
|
|
89
71
|
if (context) {
|
|
90
72
|
const {
|
|
91
73
|
locale: {
|
|
@@ -94,13 +76,10 @@ const useTranslate = namespace => {
|
|
|
94
76
|
} = context;
|
|
95
77
|
return lmsg(namespace ? `${namespace}.${key}` : key, params, fallback);
|
|
96
78
|
}
|
|
97
|
-
|
|
98
79
|
return typeof fallback === 'string' ? applyParams(fallback, params) : `[${key}]`;
|
|
99
|
-
};
|
|
80
|
+
}, [context, namespace]);
|
|
100
81
|
};
|
|
101
|
-
|
|
102
82
|
exports.useTranslate = useTranslate;
|
|
103
|
-
|
|
104
83
|
/**
|
|
105
84
|
* LocaleProvider provides a uniform localization support for built-in text of components.
|
|
106
85
|
* @since 0.0.42
|
|
@@ -116,7 +95,6 @@ class LocaleProvider extends _react.PureComponent {
|
|
|
116
95
|
}
|
|
117
96
|
};
|
|
118
97
|
}
|
|
119
|
-
|
|
120
98
|
render() {
|
|
121
99
|
const {
|
|
122
100
|
children
|
|
@@ -125,9 +103,7 @@ class LocaleProvider extends _react.PureComponent {
|
|
|
125
103
|
value: this.getChildContext()
|
|
126
104
|
}, children);
|
|
127
105
|
}
|
|
128
|
-
|
|
129
106
|
}
|
|
130
|
-
|
|
131
107
|
(0, _defineProperty2.default)(LocaleProvider, "childContextTypes", {
|
|
132
108
|
locale: _propTypes.default.object
|
|
133
109
|
});
|
|
@@ -10,9 +10,7 @@ Object.defineProperty(exports, "default", {
|
|
|
10
10
|
return _LocaleProvider.default;
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
|
-
|
|
14
13
|
var _LocaleProvider = _interopRequireWildcard(require("./LocaleProvider"));
|
|
15
|
-
|
|
16
14
|
Object.keys(_LocaleProvider).forEach(function (key) {
|
|
17
15
|
if (key === "default" || key === "__esModule") return;
|
|
18
16
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -24,7 +22,5 @@ Object.keys(_LocaleProvider).forEach(function (key) {
|
|
|
24
22
|
}
|
|
25
23
|
});
|
|
26
24
|
});
|
|
27
|
-
|
|
28
25
|
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); }
|
|
29
|
-
|
|
30
26
|
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; }
|
|
@@ -1,24 +1,16 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
|
-
var _marked = _interopRequireDefault(require("marked"));
|
|
19
|
-
|
|
12
|
+
var _marked = require("marked");
|
|
20
13
|
var _constants = require("../../constants");
|
|
21
|
-
|
|
22
14
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
23
15
|
|
|
24
16
|
/* eslint-disable react/no-danger */
|
|
@@ -27,41 +19,38 @@ var _constants = require("../../constants");
|
|
|
27
19
|
* `Markdown` component is used for creating content with rich text formatting.
|
|
28
20
|
* @since 0.0.42
|
|
29
21
|
*/
|
|
30
|
-
const Markdown =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}, props));
|
|
46
|
-
|
|
22
|
+
const Markdown = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
baseClassName,
|
|
25
|
+
className,
|
|
26
|
+
compact = false,
|
|
27
|
+
children,
|
|
28
|
+
...props
|
|
29
|
+
} = _ref;
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
31
|
+
className: (0, _classnames.default)(baseClassName, {
|
|
32
|
+
[`${baseClassName}--compact`]: compact
|
|
33
|
+
}, className),
|
|
34
|
+
dangerouslySetInnerHTML: {
|
|
35
|
+
__html: (0, _marked.marked)(children)
|
|
36
|
+
}
|
|
37
|
+
}, props));
|
|
38
|
+
};
|
|
47
39
|
Markdown.propTypes = {
|
|
48
40
|
/**
|
|
49
41
|
* Content of the Markdown
|
|
50
42
|
* @since 0.0.42
|
|
51
43
|
*/
|
|
52
44
|
children: _propTypes.default.string.isRequired,
|
|
53
|
-
|
|
54
45
|
/**
|
|
55
46
|
* Compact mode
|
|
56
47
|
* @since 0.0.42
|
|
57
48
|
*/
|
|
58
49
|
compact: _propTypes.default.bool,
|
|
59
|
-
|
|
60
50
|
/**
|
|
61
51
|
* @ignore
|
|
62
52
|
*/
|
|
63
53
|
className: _propTypes.default.string,
|
|
64
|
-
|
|
65
54
|
/**
|
|
66
55
|
* @ignore
|
|
67
56
|
*/
|
|
@@ -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 _Markdown.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _Markdown = _interopRequireDefault(require("./Markdown"));
|
|
@@ -1,30 +1,19 @@
|
|
|
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 _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _constants = require("../../constants");
|
|
19
|
-
|
|
20
13
|
var _Icon = _interopRequireWildcard(require("../Icon"));
|
|
21
|
-
|
|
22
14
|
var _Heading = _interopRequireDefault(require("../Heading"));
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
29
18
|
|
|
30
19
|
/**
|
|
@@ -33,20 +22,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
33
22
|
* Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
|
|
34
23
|
* @since 0.0.45
|
|
35
24
|
*/
|
|
36
|
-
const Media =
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
25
|
+
const Media = _ref => {
|
|
26
|
+
let {
|
|
27
|
+
baseClassName,
|
|
28
|
+
className,
|
|
29
|
+
children,
|
|
30
|
+
title,
|
|
31
|
+
titleAddon,
|
|
32
|
+
titleSize,
|
|
33
|
+
image,
|
|
34
|
+
imageSpacing,
|
|
35
|
+
imageAlign,
|
|
36
|
+
align,
|
|
37
|
+
vertical,
|
|
38
|
+
...props
|
|
39
|
+
} = _ref;
|
|
50
40
|
if (!imageSpacing && /*#__PURE__*/(0, _react.isValidElement)(image) && image.type === _Icon.default) {
|
|
51
41
|
const map = {
|
|
52
42
|
[_Icon.ICON_SIZE_12]: 'sm',
|
|
@@ -61,28 +51,23 @@ const Media = ({
|
|
|
61
51
|
};
|
|
62
52
|
imageSpacing = map[image.props.size];
|
|
63
53
|
}
|
|
64
|
-
|
|
65
54
|
const renderTitle = title => {
|
|
66
55
|
if (!title) {
|
|
67
56
|
return null;
|
|
68
57
|
}
|
|
69
|
-
|
|
70
58
|
if (typeof title === 'string') {
|
|
71
59
|
return /*#__PURE__*/_react.default.createElement(_Heading.default, {
|
|
72
60
|
level: 5,
|
|
73
61
|
className: `${baseClassName}__title`
|
|
74
62
|
}, title);
|
|
75
63
|
}
|
|
76
|
-
|
|
77
64
|
if ( /*#__PURE__*/(0, _react.isValidElement)(title)) {
|
|
78
65
|
return /*#__PURE__*/(0, _react.cloneElement)(title, {
|
|
79
66
|
className: (0, _classnames.default)(`${baseClassName}__title`, title.props.className)
|
|
80
67
|
});
|
|
81
68
|
}
|
|
82
|
-
|
|
83
69
|
return null;
|
|
84
70
|
};
|
|
85
|
-
|
|
86
71
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
87
72
|
className: (0, _classnames.default)(baseClassName, {
|
|
88
73
|
[`${baseClassName}--${align}`]: align,
|
|
@@ -105,68 +90,57 @@ const Media = ({
|
|
|
105
90
|
className: `${baseClassName}__content`
|
|
106
91
|
}, children) : null));
|
|
107
92
|
};
|
|
108
|
-
|
|
109
93
|
Media.propTypes = {
|
|
110
94
|
/**
|
|
111
95
|
* Title
|
|
112
96
|
* @since 0.0.45
|
|
113
97
|
*/
|
|
114
98
|
title: _propTypes.default.node,
|
|
115
|
-
|
|
116
99
|
/**
|
|
117
100
|
* Title addon
|
|
118
101
|
* @since 0.0.68
|
|
119
102
|
*/
|
|
120
103
|
titleAddon: _propTypes.default.node,
|
|
121
|
-
|
|
122
104
|
/**
|
|
123
105
|
* Title size
|
|
124
106
|
* @deprecated Pass a component as a title prop
|
|
125
107
|
* @since 0.0.68
|
|
126
108
|
*/
|
|
127
109
|
titleSize: _propTypes.default.oneOf(['md', 'lg', 'xl']),
|
|
128
|
-
|
|
129
110
|
/**
|
|
130
111
|
* Image
|
|
131
112
|
* @since 0.0.45
|
|
132
113
|
*/
|
|
133
114
|
image: _propTypes.default.any,
|
|
134
|
-
|
|
135
115
|
/**
|
|
136
116
|
* Spacings between image and content
|
|
137
117
|
* @since 0.3.0
|
|
138
118
|
*/
|
|
139
119
|
imageSpacing: _propTypes.default.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
|
|
140
|
-
|
|
141
120
|
/**
|
|
142
121
|
* Media object and content alignment
|
|
143
122
|
* @since 3.19.0
|
|
144
123
|
*/
|
|
145
124
|
align: _propTypes.default.oneOf(['start', 'center', 'end']),
|
|
146
|
-
|
|
147
125
|
/**
|
|
148
126
|
* Media object (image) alignment
|
|
149
127
|
* @since 3.19.0
|
|
150
128
|
*/
|
|
151
129
|
imageAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
|
|
152
|
-
|
|
153
130
|
/**
|
|
154
131
|
* Media vertical direction
|
|
155
132
|
* @since 3.19.0
|
|
156
133
|
*/
|
|
157
134
|
vertical: _propTypes.default.bool,
|
|
158
|
-
|
|
159
135
|
/**
|
|
160
136
|
* Content of the `Media`.
|
|
161
137
|
* @since 0.0.45
|
|
162
138
|
*/
|
|
163
139
|
children: _propTypes.default.node,
|
|
164
|
-
|
|
165
140
|
/**
|
|
166
141
|
* @ignore
|
|
167
142
|
*/
|
|
168
143
|
className: _propTypes.default.string,
|
|
169
|
-
|
|
170
144
|
/**
|
|
171
145
|
* @ignore
|
|
172
146
|
*/
|
|
@@ -1,49 +1,42 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _constants = require("../../constants");
|
|
19
|
-
|
|
20
13
|
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
|
|
21
14
|
|
|
22
15
|
/**
|
|
23
16
|
* `MediaSection` is a part of [Media](#!/Media) component.
|
|
24
17
|
* @since 0.0.68
|
|
25
18
|
*/
|
|
26
|
-
const MediaSection =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
const MediaSection = _ref => {
|
|
20
|
+
let {
|
|
21
|
+
baseClassName,
|
|
22
|
+
className,
|
|
23
|
+
children,
|
|
24
|
+
...props
|
|
25
|
+
} = _ref;
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
27
|
+
className: (0, _classnames.default)(baseClassName, className)
|
|
28
|
+
}, props), children);
|
|
29
|
+
};
|
|
35
30
|
MediaSection.propTypes = {
|
|
36
31
|
/**
|
|
37
32
|
* Content of the `MediaSection`.
|
|
38
33
|
* @since 0.0.68
|
|
39
34
|
*/
|
|
40
35
|
children: _propTypes.default.node,
|
|
41
|
-
|
|
42
36
|
/**
|
|
43
37
|
* @ignore
|
|
44
38
|
*/
|
|
45
39
|
className: _propTypes.default.string,
|
|
46
|
-
|
|
47
40
|
/**
|
|
48
41
|
* @ignore
|
|
49
42
|
*/
|
|
@@ -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
|
});
|
|
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
|
|
|
17
16
|
return _Media.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
|
|
21
19
|
var _Media = _interopRequireDefault(require("./Media"));
|
|
22
|
-
|
|
23
20
|
var _MediaSection = _interopRequireDefault(require("./MediaSection"));
|