@plesk/ui-library 3.35.1 → 3.35.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Action/Action.js +1 -2
- package/cjs/components/Alert/Alert.js +1 -2
- package/cjs/components/AutoClosable/AutoClosable.js +1 -2
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +1 -2
- package/cjs/components/Badge/Badge.js +1 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -2
- package/cjs/components/Button/Button.js +2 -4
- package/cjs/components/Button/ButtonContext.js +2 -4
- package/cjs/components/ButtonGroup/ButtonGroup.js +1 -2
- package/cjs/components/Card/Card.js +1 -2
- package/cjs/components/Card/CardButton.js +1 -2
- package/cjs/components/Card/PreviewPanel.js +1 -2
- package/cjs/components/CardList/CardList.js +5 -10
- package/cjs/components/CardList/CardListToolbar.js +1 -2
- package/cjs/components/Carousel/Carousel.js +26 -41
- package/cjs/components/Checkbox/Checkbox.js +1 -2
- package/cjs/components/ClosingConfirmation/locale/en-US.js +2 -3
- package/cjs/components/ClosingConfirmation/useClosingConfirmation.js +1 -2
- package/cjs/components/CodeEditor/CodeEditor.js +1 -2
- package/cjs/components/Columns/Column.js +1 -2
- package/cjs/components/Columns/Columns.js +1 -2
- package/cjs/components/ComboBox/ComboBox.js +1 -2
- package/cjs/components/ComboBox/ComboBoxOption.js +1 -2
- package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +1 -2
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +1 -2
- package/cjs/components/ContentLoader/ContentLoader.js +1 -2
- package/cjs/components/ContentLoader/IconsLoader.js +1 -2
- package/cjs/components/Cuttable/Cuttable.js +1 -2
- package/cjs/components/Dialog/Dialog.js +1 -2
- package/cjs/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -2
- package/cjs/components/Drawer/Drawer.js +1 -2
- package/cjs/components/Drawer/DrawerProgress.js +1 -2
- package/cjs/components/Drawer/Header.js +70 -108
- package/cjs/components/Dropdown/Dropdown.js +1 -2
- package/cjs/components/Dropdown/locale/en-US.js +2 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -2
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +1 -2
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +1 -2
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +1 -2
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +1 -2
- package/cjs/components/Figure/Figure.js +1 -2
- package/cjs/components/FocusTrap/FocusTrap.js +1 -2
- package/cjs/components/Form/DisabledContext.js +1 -2
- package/cjs/components/Form/Form.js +6 -9
- package/cjs/components/Form/FormContext.js +1 -2
- package/cjs/components/Form/ScrollableElementFormContext.js +1 -2
- package/cjs/components/FormField/FormField.js +4 -4
- package/cjs/components/FormField/index.js +9 -2
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +9 -69
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +1 -2
- package/cjs/components/FormFieldPassword/PasswordMeter.js +2 -3
- package/cjs/components/FormFieldPassword/estimatePassword.js +3 -5
- package/cjs/components/FormFieldPassword/generatePassword.js +1 -2
- package/cjs/components/FormFieldPassword/locale/en-US.js +2 -3
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +65 -134
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +1 -2
- package/cjs/components/FormFieldText/FormFieldText.js +56 -143
- package/cjs/components/Grid/Grid.js +10 -73
- package/cjs/components/GridCol/GridCol.js +4 -56
- package/cjs/components/Heading/Heading.js +1 -2
- package/cjs/components/Hint/Hint.js +1 -2
- package/cjs/components/Icon/Icon.js +10 -20
- package/cjs/components/Icon/constants.js +2 -4
- package/cjs/components/Icon/images/symbols.svg +39 -1
- package/cjs/components/Icon/oldIconNames.js +1 -2
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +7 -29
- package/cjs/components/InPlaceEdit/locale/en-US.js +2 -3
- package/cjs/components/Input/Input.js +1 -2
- package/cjs/components/InputFile/InputFile.js +1 -2
- package/cjs/components/InputFile/locale/en-US.js +2 -3
- package/cjs/components/InputNumber/InputNumber.js +1 -2
- package/cjs/components/Item/Item.js +1 -2
- package/cjs/components/ItemLink/ItemLink.js +1 -2
- package/cjs/components/ItemList/ItemList.js +1 -2
- package/cjs/components/Label/Label.js +1 -2
- package/cjs/components/Layer/Layer.js +2 -4
- package/cjs/components/Layout/Layout.js +32 -123
- package/cjs/components/Link/Link.js +2 -4
- package/cjs/components/List/List.js +13 -10
- package/cjs/components/List/ListAction.js +1 -2
- package/cjs/components/List/ListActions.js +1 -2
- package/cjs/components/List/ListActionsDivider.js +1 -2
- package/cjs/components/List/ListEmptyView.js +1 -2
- package/cjs/components/List/ListOperation.js +2 -3
- package/cjs/components/List/ListOperationContext.js +1 -2
- package/cjs/components/LocaleProvider/LocaleProvider.js +1 -2
- package/cjs/components/Markdown/Markdown.js +1 -2
- package/cjs/components/Media/Media.js +5 -76
- package/cjs/components/Media/MediaSection.js +4 -26
- package/cjs/components/Menu/Menu.js +6 -58
- package/cjs/components/Menu/MenuBaseItem.js +5 -45
- package/cjs/components/Menu/MenuDivider.js +4 -20
- package/cjs/components/Menu/MenuHeader.js +4 -26
- package/cjs/components/Menu/MenuItem.js +7 -65
- package/cjs/components/Menu/MenuSelectableItem.js +5 -33
- package/cjs/components/OnDarkContext/OnDarkContext.js +1 -2
- package/cjs/components/Overlay/Overlay.js +1 -2
- package/cjs/components/PageHeader/PageHeader.js +1 -2
- package/cjs/components/Pagination/Pagination.js +2 -4
- package/cjs/components/Panel/Panel.js +1 -2
- package/cjs/components/Paragraph/Paragraph.js +1 -2
- package/cjs/components/Plaintext/Plaintext.js +3 -25
- package/cjs/components/Popover/Popover.js +22 -118
- package/cjs/components/Popper/Popper.js +1 -2
- package/cjs/components/Progress/Progress.js +1 -2
- package/cjs/components/ProgressBar/ProgressBar.js +1 -2
- package/cjs/components/ProgressBar/ProgressIndicator.js +1 -2
- package/cjs/components/ProgressDialog/ProgressDialog.js +13 -87
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +1 -2
- package/cjs/components/ProgressStep/ProgressStep.js +7 -14
- package/cjs/components/Radio/Radio.js +1 -2
- package/cjs/components/Rating/Rating.js +6 -38
- package/cjs/components/ResponsiveContext/ResponsiveContext.js +1 -2
- package/cjs/components/Section/Section.js +30 -100
- package/cjs/components/Section/SectionItem.js +7 -46
- package/cjs/components/Section/index.js +16 -3
- package/cjs/components/SegmentedControl/SegmentedControl.js +1 -2
- package/cjs/components/Select/MultiValue.js +1 -2
- package/cjs/components/Select/Select.js +1 -2
- package/cjs/components/Select/SelectControl.js +1 -2
- package/cjs/components/Select/SelectOption.js +1 -2
- package/cjs/components/Select/SelectOptionGroup.js +1 -2
- package/cjs/components/Skeleton/Skeleton.js +1 -2
- package/cjs/components/Skeleton/SkeletonTabs.js +1 -2
- package/cjs/components/Skeleton/SkeletonText.js +1 -2
- package/cjs/components/Skeleton/index.js +2 -2
- package/cjs/components/Spinner/Spinner.js +1 -2
- package/cjs/components/SplitButton/SplitButton.js +2 -4
- package/cjs/components/Spot/Spot.js +1 -2
- package/cjs/components/Spot/SpotPopup.js +1 -2
- package/cjs/components/Spot/SpotPulsar.js +1 -2
- package/cjs/components/Squeezer/Squeezer.js +1 -2
- package/cjs/components/Status/Status.js +1 -2
- package/cjs/components/StatusMessage/StatusMessage.js +1 -2
- package/cjs/components/Subnav/Subnav.js +11 -58
- package/cjs/components/Subnav/index.js +6 -12
- package/cjs/components/Switch/Switch.js +1 -2
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +4 -28
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -59
- package/cjs/components/Tabs/SearchBar.js +1 -2
- package/cjs/components/Tabs/Tab.js +1 -2
- package/cjs/components/Tabs/Tabs.js +1 -2
- package/cjs/components/Text/Text.js +1 -2
- package/cjs/components/TextArea/TextArea.js +1 -2
- package/cjs/components/Toaster/Toaster.js +3 -3
- package/cjs/components/Toolbar/RegistryContext.js +1 -2
- package/cjs/components/Toolbar/Toolbar.js +6 -21
- package/cjs/components/Toolbar/ToolbarExpander.js +1 -2
- package/cjs/components/Toolbar/ToolbarGroup.js +21 -53
- package/cjs/components/Toolbar/ToolbarMenu.js +2 -3
- package/cjs/components/Tooltip/Tooltip.js +1 -2
- package/cjs/components/Tour/Tour.js +1 -2
- package/cjs/components/Translate/Translate.js +1 -2
- package/cjs/components/VerticalContext/VerticalContext.js +2 -4
- package/cjs/components/index.js +77 -66
- package/cjs/components/intentIconMap.js +2 -3
- package/cjs/index.js +1 -2
- package/cjs/publicPath.js +1 -2
- package/cjs/utils/types/DataAttributes.js +5 -0
- package/dist/images/symbols.svg +39 -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 +1029 -2455
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +5 -5
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Button/Button.js +1 -2
- package/esm/components/Carousel/Carousel.js +25 -37
- package/esm/components/Drawer/Header.js +70 -107
- package/esm/components/Form/Form.js +5 -7
- package/esm/components/FormField/FormField.js +4 -2
- package/esm/components/FormField/index.js +2 -1
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -65
- package/esm/components/FormFieldPassword/PasswordMeter.js +1 -1
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +64 -132
- package/esm/components/FormFieldText/FormFieldText.js +55 -140
- package/esm/components/Grid/Grid.js +9 -69
- package/esm/components/GridCol/GridCol.js +2 -55
- package/esm/components/Icon/constants.js +2 -2
- package/esm/components/Icon/images/symbols.svg +39 -1
- package/esm/components/InPlaceEdit/InPlaceEdit.js +6 -25
- package/esm/components/Layout/Layout.js +32 -121
- package/esm/components/Link/Link.js +1 -2
- package/esm/components/List/List.js +12 -8
- package/esm/components/List/ListOperation.js +1 -1
- package/esm/components/Media/Media.js +4 -74
- package/esm/components/Media/MediaSection.js +2 -25
- package/esm/components/Menu/Menu.js +5 -54
- package/esm/components/Menu/MenuBaseItem.js +4 -45
- package/esm/components/Menu/MenuDivider.js +2 -19
- package/esm/components/Menu/MenuHeader.js +2 -25
- package/esm/components/Menu/MenuItem.js +5 -62
- package/esm/components/Menu/MenuSelectableItem.js +3 -32
- package/esm/components/Plaintext/Plaintext.js +2 -23
- package/esm/components/Popover/Popover.js +21 -114
- package/esm/components/ProgressDialog/ProgressDialog.js +12 -83
- package/esm/components/Rating/Rating.js +5 -36
- package/esm/components/Section/Section.js +28 -97
- package/esm/components/Section/SectionItem.js +5 -41
- package/esm/components/Section/index.js +2 -1
- package/esm/components/Skeleton/index.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +1 -2
- package/esm/components/Subnav/Subnav.js +10 -54
- package/esm/components/Subnav/index.js +1 -2
- package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -24
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -55
- package/esm/components/Toaster/Toaster.js +3 -1
- package/esm/components/Toolbar/Toolbar.js +7 -21
- package/esm/components/Toolbar/ToolbarGroup.js +17 -50
- package/esm/components/Toolbar/ToolbarMenu.js +1 -1
- package/esm/components/index.js +6 -12
- package/esm/index.js +1 -1
- package/esm/utils/types/DataAttributes.js +1 -0
- package/package.json +24 -25
- package/styleguide/build/bundle.8058bbce.js +2 -0
- package/styleguide/images/symbols.svg +39 -1
- package/styleguide/index.html +2 -2
- package/types/src/components/AutoClosable/AutoClosable.d.ts +23 -2
- package/types/src/components/Button/Button.d.ts +3 -7
- package/types/src/components/Carousel/Carousel.d.ts +58 -0
- package/types/src/components/Carousel/index.d.ts +2 -0
- package/types/src/components/Columns/Column.d.ts +2 -2
- package/types/src/components/Columns/Columns.d.ts +2 -2
- package/types/src/components/Columns/index.d.ts +2 -0
- package/types/src/components/Dialog/Dialog.d.ts +1 -1
- package/types/src/components/Dialog/index.d.ts +1 -1
- package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +1 -1
- package/types/src/components/DistractionFreeModeContext/index.d.ts +1 -0
- package/types/src/components/Drawer/Header.d.ts +4 -20
- package/types/src/components/Form/Form.d.ts +5 -0
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +53 -0
- package/types/src/components/FormFieldCheckbox/index.d.ts +2 -0
- package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +4 -3
- package/types/src/components/FormFieldPassword/generatePassword.d.ts +2 -0
- package/types/src/components/FormFieldRadioButtons/FormFieldRadioButtons.d.ts +72 -0
- package/types/src/components/FormFieldRadioButtons/index.d.ts +2 -0
- package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts +1 -1
- package/types/src/components/FormFieldSelect/index.d.ts +1 -0
- package/types/src/components/FormFieldText/FormFieldText.d.ts +82 -0
- package/types/src/components/FormFieldText/index.d.ts +2 -0
- package/types/src/components/Grid/Grid.d.ts +97 -0
- package/types/src/components/Grid/index.d.ts +2 -0
- package/types/src/components/GridCol/GridCol.d.ts +53 -0
- package/types/src/components/GridCol/index.d.ts +2 -0
- package/types/src/components/Icon/constants.d.ts +1 -1
- package/types/src/components/InPlaceEdit/InPlaceEdit.d.ts +50 -0
- package/types/src/components/InPlaceEdit/index.d.ts +2 -0
- package/types/src/components/Input/Input.d.ts +1 -1
- package/types/src/components/Input/index.d.ts +1 -0
- package/types/src/components/InputFile/InputFile.d.ts +3 -2
- package/types/src/components/InputFile/index.d.ts +1 -0
- package/types/src/components/InputNumber/InputNumber.d.ts +2 -2
- package/types/src/components/InputNumber/index.d.ts +1 -0
- package/types/src/components/Layout/Layout.d.ts +161 -0
- package/types/src/components/Layout/index.d.ts +2 -0
- package/types/src/components/Link/Link.d.ts +1 -2
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -1
- package/types/src/components/Media/Media.d.ts +66 -0
- package/types/src/components/Media/MediaSection.d.ts +22 -0
- package/types/src/components/Media/index.d.ts +4 -0
- package/types/src/components/Menu/Menu.d.ts +40 -0
- package/types/src/components/Menu/MenuBaseItem.d.ts +41 -0
- package/types/src/components/Menu/MenuDivider.d.ts +16 -0
- package/types/src/components/Menu/MenuHeader.d.ts +22 -0
- package/types/src/components/Menu/MenuItem.d.ts +49 -0
- package/types/src/components/Menu/MenuSelectableItem.d.ts +28 -0
- package/types/src/components/Menu/index.d.ts +11 -0
- package/types/src/components/Panel/Panel.d.ts +2 -1
- package/types/src/components/Plaintext/Plaintext.d.ts +23 -0
- package/types/src/components/Plaintext/index.d.ts +2 -0
- package/types/src/components/Popover/Popover.d.ts +156 -0
- package/types/src/components/Popover/index.d.ts +2 -0
- package/types/src/components/ProgressDialog/ProgressDialog.d.ts +125 -0
- package/types/src/components/ProgressDialog/index.d.ts +2 -0
- package/types/src/components/Rating/Rating.d.ts +27 -0
- package/types/src/components/Rating/index.d.ts +2 -0
- package/types/src/components/Section/Section.d.ts +145 -0
- package/types/src/components/Section/SectionItem.d.ts +38 -0
- package/types/src/components/Section/index.d.ts +5 -0
- package/types/src/components/Skeleton/Skeleton.d.ts +3 -5
- package/types/src/components/Skeleton/SkeletonTabs.d.ts +4 -4
- package/types/src/components/Skeleton/SkeletonText.d.ts +2 -2
- package/types/src/components/Skeleton/index.d.ts +4 -1
- package/types/src/components/SplitButton/SplitButton.d.ts +1 -2
- package/types/src/components/Spot/Spot.d.ts +3 -2
- package/types/src/components/Spot/SpotPulsar.d.ts +4 -2
- package/types/src/components/Spot/index.d.ts +1 -0
- package/types/src/components/Subnav/Subnav.d.ts +50 -0
- package/types/src/components/Subnav/index.d.ts +2 -0
- package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +24 -0
- package/types/src/components/SwitchesPanel/index.d.ts +2 -0
- package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +78 -0
- package/types/src/components/SwitchesPanelItem/index.d.ts +2 -0
- package/types/src/components/TextArea/TextArea.d.ts +3 -3
- package/types/src/components/TextArea/index.d.ts +1 -0
- package/types/src/components/Toolbar/RegistryContext.d.ts +2 -2
- package/types/src/components/Toolbar/Toolbar.d.ts +47 -0
- package/types/src/components/Toolbar/ToolbarGroup.d.ts +46 -0
- package/types/src/components/Toolbar/ToolbarMenu.d.ts +1 -1
- package/types/src/components/Toolbar/index.d.ts +5 -0
- package/types/src/components/Tour/Tour.d.ts +1 -1
- package/types/src/components/index.d.ts +31 -12
- package/types/src/components/utils.d.ts +1 -1
- package/types/src/utils/types/DataAttributes.d.ts +3 -0
- package/types/src/utils/types/index.d.ts +1 -0
- package/cjs/components/Alert/Alert.stories.js +0 -34
- package/cjs/components/Button/Button.stories.js +0 -109
- package/cjs/components/Cuttable/Cuttable.stories.js +0 -46
- package/cjs/components/Dialog/Dialog.stories.js +0 -49
- package/cjs/components/Drawer/Drawer.stories.js +0 -65
- package/cjs/components/Form/Form.stories.js +0 -35
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -32
- package/cjs/components/Icon/Icon.stories.js +0 -32
- package/cjs/components/ItemLink/ItemLink.stories.js +0 -20
- package/cjs/components/ItemList/ItemList.stories.js +0 -122
- package/cjs/components/List/List.stories.js +0 -152
- package/cjs/components/Markdown/Markdown.stories.js +0 -51
- package/cjs/components/Menu/Menu.stories.js +0 -77
- package/cjs/components/Popover/Popover.stories.js +0 -60
- package/cjs/components/Select/Select.stories.js +0 -57
- package/cjs/components/Skeleton/Skeleton.stories.js +0 -24
- package/cjs/components/Skeleton/SkeletonTabs.stories.js +0 -15
- package/cjs/components/Skeleton/SkeletonText.stories.js +0 -33
- package/cjs/components/Status/Status.stories.js +0 -19
- package/cjs/components/Tabs/Tabs.stories.js +0 -24
- package/cjs/tests/index.js +0 -13
- package/cjs/tests/renderer.js +0 -27
- package/dist/.DS_Store +0 -0
- package/dist/images/default.svg +0 -1
- package/dist/images/filtered.svg +0 -1
- package/esm/components/Alert/Alert.stories.js +0 -27
- package/esm/components/Button/Button.stories.js +0 -99
- package/esm/components/Cuttable/Cuttable.stories.js +0 -39
- package/esm/components/Dialog/Dialog.stories.js +0 -42
- package/esm/components/Drawer/Drawer.stories.js +0 -56
- package/esm/components/Form/Form.stories.js +0 -27
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -23
- package/esm/components/Icon/Icon.stories.js +0 -23
- package/esm/components/ItemLink/ItemLink.stories.js +0 -12
- package/esm/components/ItemList/ItemList.stories.js +0 -109
- package/esm/components/List/List.stories.js +0 -139
- package/esm/components/Markdown/Markdown.stories.js +0 -43
- package/esm/components/Menu/Menu.stories.js +0 -65
- package/esm/components/Popover/Popover.stories.js +0 -52
- package/esm/components/Select/Select.stories.js +0 -48
- package/esm/components/Skeleton/Skeleton.stories.js +0 -15
- package/esm/components/Skeleton/SkeletonTabs.stories.js +0 -7
- package/esm/components/Skeleton/SkeletonText.stories.js +0 -23
- package/esm/components/Status/Status.stories.js +0 -11
- package/esm/components/Tabs/Tabs.stories.js +0 -16
- package/esm/tests/index.js +0 -3
- package/esm/tests/renderer.js +0 -19
- package/styleguide/build/bundle.edc3f2a1.js +0 -2
- package/types/src/components/Alert/Alert.stories.d.ts +0 -11
- package/types/src/components/Button/Button.stories.d.ts +0 -17
- package/types/src/components/Cuttable/Cuttable.stories.d.ts +0 -17
- package/types/src/components/Dialog/Dialog.stories.d.ts +0 -25
- package/types/src/components/Drawer/Drawer.stories.d.ts +0 -43
- package/types/src/components/Form/Form.stories.d.ts +0 -13
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -20
- package/types/src/components/Icon/Icon.stories.d.ts +0 -7
- package/types/src/components/ItemLink/ItemLink.stories.d.ts +0 -12
- package/types/src/components/ItemList/ItemList.stories.d.ts +0 -172
- package/types/src/components/List/List.stories.d.ts +0 -30
- package/types/src/components/Markdown/Markdown.stories.d.ts +0 -10
- package/types/src/components/Menu/Menu.stories.d.ts +0 -20
- package/types/src/components/Popover/Popover.stories.d.ts +0 -25
- package/types/src/components/Select/Select.stories.d.ts +0 -12
- package/types/src/components/Skeleton/Skeleton.stories.d.ts +0 -15
- package/types/src/components/Skeleton/SkeletonTabs.stories.d.ts +0 -5
- package/types/src/components/Skeleton/SkeletonText.stories.d.ts +0 -23
- package/types/src/components/Status/Status.stories.d.ts +0 -11
- package/types/src/components/Tabs/Tabs.stories.d.ts +0 -10
- package/types/src/tests/index.d.ts +0 -1
- package/types/src/tests/renderer.d.ts +0 -23
- /package/styleguide/build/{bundle.edc3f2a1.js.LICENSE.txt → bundle.8058bbce.js.LICENSE.txt} +0 -0
|
@@ -4,18 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default = void 0;
|
|
7
|
+
exports.default = exports.SECTION_BASE_CLASS_NAME = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _react = require("react");
|
|
12
11
|
var _reactMeasure = _interopRequireDefault(require("react-measure"));
|
|
13
12
|
var _constants = require("../../constants");
|
|
14
|
-
var _utils = require("../utils");
|
|
15
|
-
var _InPlaceEdit = _interopRequireDefault(require("../InPlaceEdit"));
|
|
16
13
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
17
|
-
var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
|
|
18
14
|
var _FormContext = _interopRequireDefault(require("../Form/FormContext"));
|
|
15
|
+
var _InPlaceEdit = _interopRequireDefault(require("../InPlaceEdit"));
|
|
16
|
+
var _utils = require("../utils");
|
|
17
|
+
var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
|
|
19
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
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); }
|
|
21
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; }
|
|
@@ -42,6 +41,22 @@ const getErrorsForChildren = (form, children) => {
|
|
|
42
41
|
});
|
|
43
42
|
return errors;
|
|
44
43
|
};
|
|
44
|
+
const SECTION_BASE_CLASS_NAME = exports.SECTION_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}section`;
|
|
45
|
+
const DEFAULT_PROPS = {
|
|
46
|
+
title: undefined,
|
|
47
|
+
intent: undefined,
|
|
48
|
+
collapsible: false,
|
|
49
|
+
collapsed: false,
|
|
50
|
+
onTitleChange: undefined,
|
|
51
|
+
onClose: undefined,
|
|
52
|
+
onToggle: undefined,
|
|
53
|
+
buttons: undefined,
|
|
54
|
+
vertical: undefined,
|
|
55
|
+
children: undefined,
|
|
56
|
+
className: undefined,
|
|
57
|
+
baseClassName: SECTION_BASE_CLASS_NAME,
|
|
58
|
+
form: undefined
|
|
59
|
+
};
|
|
45
60
|
class Section extends _react.Component {
|
|
46
61
|
constructor() {
|
|
47
62
|
super(...arguments);
|
|
@@ -52,7 +67,7 @@ class Section extends _react.Component {
|
|
|
52
67
|
let {
|
|
53
68
|
bounds
|
|
54
69
|
} = _ref;
|
|
55
|
-
if (this.props.vertical !== undefined) {
|
|
70
|
+
if (this.props.vertical !== undefined || !bounds) {
|
|
56
71
|
return;
|
|
57
72
|
}
|
|
58
73
|
this.setState({
|
|
@@ -71,9 +86,7 @@ class Section extends _react.Component {
|
|
|
71
86
|
collapsed: !collapsed
|
|
72
87
|
};
|
|
73
88
|
}, () => {
|
|
74
|
-
|
|
75
|
-
this.props.onToggle(this.state.collapsed);
|
|
76
|
-
}
|
|
89
|
+
this.props.onToggle?.(this.state.collapsed ?? false);
|
|
77
90
|
});
|
|
78
91
|
});
|
|
79
92
|
}
|
|
@@ -147,7 +160,8 @@ class Section extends _react.Component {
|
|
|
147
160
|
value: title,
|
|
148
161
|
onChange: onTitleChange,
|
|
149
162
|
onClick: e => {
|
|
150
|
-
e.target
|
|
163
|
+
const button = e.target?.closest(`.${baseClassName}__header`)?.querySelector(`.${baseClassName}__control-button`);
|
|
164
|
+
button?.click();
|
|
151
165
|
}
|
|
152
166
|
});
|
|
153
167
|
}
|
|
@@ -166,10 +180,10 @@ class Section extends _react.Component {
|
|
|
166
180
|
}
|
|
167
181
|
render() {
|
|
168
182
|
const {
|
|
169
|
-
baseClassName,
|
|
183
|
+
baseClassName = SECTION_BASE_CLASS_NAME,
|
|
170
184
|
className,
|
|
171
185
|
intent,
|
|
172
|
-
collapsible,
|
|
186
|
+
collapsible = false,
|
|
173
187
|
title,
|
|
174
188
|
collapsed,
|
|
175
189
|
onTitleChange,
|
|
@@ -224,95 +238,13 @@ class Section extends _react.Component {
|
|
|
224
238
|
});
|
|
225
239
|
}
|
|
226
240
|
}
|
|
227
|
-
const propTypes = {
|
|
228
|
-
/**
|
|
229
|
-
* Title of the section.
|
|
230
|
-
* @since 0.0.54
|
|
231
|
-
*/
|
|
232
|
-
title: _propTypes.default.node,
|
|
233
|
-
/**
|
|
234
|
-
* Visual intent color to apply to component.
|
|
235
|
-
* @since 0.0.54
|
|
236
|
-
*/
|
|
237
|
-
intent: _propTypes.default.oneOf(['danger', 'warning', 'success', 'inactive']),
|
|
238
|
-
/**
|
|
239
|
-
* Is section collapsible.
|
|
240
|
-
* @since 0.0.54
|
|
241
|
-
*/
|
|
242
|
-
collapsible: _propTypes.default.bool,
|
|
243
|
-
/**
|
|
244
|
-
* Is section collapsed now.
|
|
245
|
-
* @since 0.0.54
|
|
246
|
-
*/
|
|
247
|
-
collapsed: _propTypes.default.bool,
|
|
248
|
-
/**
|
|
249
|
-
* Event handler of title change with inline editing form.
|
|
250
|
-
* @since 0.0.54
|
|
251
|
-
*/
|
|
252
|
-
onTitleChange: _propTypes.default.func,
|
|
253
|
-
/**
|
|
254
|
-
* Event handler of closing section with X-sign at the right.
|
|
255
|
-
* @since 0.0.54
|
|
256
|
-
*/
|
|
257
|
-
onClose: _propTypes.default.func,
|
|
258
|
-
/**
|
|
259
|
-
* A callback executed when the section collapsing.
|
|
260
|
-
* @since 3.26.0
|
|
261
|
-
*/
|
|
262
|
-
onToggle: _propTypes.default.func,
|
|
263
|
-
/**
|
|
264
|
-
* Array of custom section action button at the right.
|
|
265
|
-
* @since 0.0.54
|
|
266
|
-
*/
|
|
267
|
-
buttons: _propTypes.default.arrayOf(_propTypes.default.element),
|
|
268
|
-
/**
|
|
269
|
-
* Vertical or horizontal section view.
|
|
270
|
-
* Section view will be automatically switched if this parameter is not specified explicitly.
|
|
271
|
-
* @since 0.3.0
|
|
272
|
-
*/
|
|
273
|
-
vertical: _propTypes.default.bool,
|
|
274
|
-
/**
|
|
275
|
-
* Content of the `Section`.
|
|
276
|
-
* @since 0.0.54
|
|
277
|
-
*/
|
|
278
|
-
children: _propTypes.default.node,
|
|
279
|
-
/**
|
|
280
|
-
* @ignore
|
|
281
|
-
*/
|
|
282
|
-
className: _propTypes.default.string,
|
|
283
|
-
/**
|
|
284
|
-
* @ignore
|
|
285
|
-
*/
|
|
286
|
-
baseClassName: _propTypes.default.string,
|
|
287
|
-
/**
|
|
288
|
-
* @ignore
|
|
289
|
-
*/
|
|
290
|
-
form: _propTypes.default.object
|
|
291
|
-
};
|
|
292
|
-
const defaultProps = {
|
|
293
|
-
title: undefined,
|
|
294
|
-
intent: undefined,
|
|
295
|
-
collapsible: false,
|
|
296
|
-
collapsed: false,
|
|
297
|
-
onTitleChange: undefined,
|
|
298
|
-
onClose: undefined,
|
|
299
|
-
onToggle: undefined,
|
|
300
|
-
buttons: undefined,
|
|
301
|
-
vertical: undefined,
|
|
302
|
-
children: undefined,
|
|
303
|
-
className: undefined,
|
|
304
|
-
baseClassName: `${_constants.CLS_PREFIX}section`,
|
|
305
|
-
form: undefined
|
|
306
|
-
};
|
|
307
|
-
Section.propTypes = propTypes;
|
|
308
|
-
Section.defaultProps = defaultProps;
|
|
309
241
|
|
|
310
242
|
/**
|
|
311
243
|
* `Section` component is used for dividing of complex content into groups for better readability
|
|
312
244
|
* and comprehension of the presented information.
|
|
313
245
|
* @since 0.0.54
|
|
314
246
|
*/
|
|
315
|
-
|
|
247
|
+
(0, _defineProperty2.default)(Section, "defaultProps", DEFAULT_PROPS);
|
|
316
248
|
const SectionWrapper = props => {
|
|
317
249
|
const form = (0, _react.useContext)(_FormContext.default);
|
|
318
250
|
const verticalContext = (0, _react.useContext)(_VerticalContext.default);
|
|
@@ -324,8 +256,6 @@ const SectionWrapper = props => {
|
|
|
324
256
|
});
|
|
325
257
|
};
|
|
326
258
|
SectionWrapper.displayName = 'Section';
|
|
327
|
-
SectionWrapper.
|
|
328
|
-
SectionWrapper.defaultProps = defaultProps;
|
|
259
|
+
SectionWrapper.defaultProps = DEFAULT_PROPS;
|
|
329
260
|
SectionWrapper.WrappedComponent = Section;
|
|
330
|
-
var _default = SectionWrapper;
|
|
331
|
-
exports.default = _default;
|
|
261
|
+
var _default = exports.default = SectionWrapper;
|
|
@@ -4,28 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
7
|
+
exports.default = exports.SECTION_ITEM_BASE_CLASS_NAME = void 0;
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
+
var _react = require("react");
|
|
11
10
|
var _constants = require("../../constants");
|
|
12
11
|
var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
|
|
13
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
13
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
17
14
|
|
|
15
|
+
const SECTION_ITEM_BASE_CLASS_NAME = exports.SECTION_ITEM_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}section-item`;
|
|
16
|
+
|
|
18
17
|
/**
|
|
19
18
|
* `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
|
|
20
19
|
* @since 0.0.54
|
|
21
20
|
*/
|
|
22
21
|
const SectionItem = _ref => {
|
|
23
22
|
let {
|
|
24
|
-
baseClassName,
|
|
23
|
+
baseClassName = SECTION_ITEM_BASE_CLASS_NAME,
|
|
25
24
|
className,
|
|
26
25
|
children,
|
|
27
26
|
title,
|
|
28
|
-
actions,
|
|
27
|
+
actions = false,
|
|
29
28
|
vertical,
|
|
30
29
|
...props
|
|
31
30
|
} = _ref;
|
|
@@ -45,42 +44,4 @@ const SectionItem = _ref => {
|
|
|
45
44
|
})]
|
|
46
45
|
});
|
|
47
46
|
};
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Content of the `SectionItem`.
|
|
51
|
-
* @since 0.0.54
|
|
52
|
-
*/
|
|
53
|
-
children: _propTypes.default.node,
|
|
54
|
-
/**
|
|
55
|
-
* @ignore
|
|
56
|
-
*/
|
|
57
|
-
className: _propTypes.default.string,
|
|
58
|
-
/**
|
|
59
|
-
* @ignore
|
|
60
|
-
*/
|
|
61
|
-
baseClassName: _propTypes.default.string,
|
|
62
|
-
/**
|
|
63
|
-
* Title of the section item.
|
|
64
|
-
* @since 0.0.54
|
|
65
|
-
*/
|
|
66
|
-
title: _propTypes.default.node,
|
|
67
|
-
/**
|
|
68
|
-
* Is this section item contains actions? If it so than there should be extra whitespaces.
|
|
69
|
-
* @since 0.0.54
|
|
70
|
-
*/
|
|
71
|
-
actions: _propTypes.default.bool,
|
|
72
|
-
/**
|
|
73
|
-
* @ignore
|
|
74
|
-
*/
|
|
75
|
-
vertical: _propTypes.default.bool
|
|
76
|
-
};
|
|
77
|
-
SectionItem.defaultProps = {
|
|
78
|
-
children: undefined,
|
|
79
|
-
className: undefined,
|
|
80
|
-
baseClassName: `${_constants.CLS_PREFIX}section-item`,
|
|
81
|
-
title: undefined,
|
|
82
|
-
actions: false,
|
|
83
|
-
vertical: undefined
|
|
84
|
-
};
|
|
85
|
-
var _default = SectionItem;
|
|
86
|
-
exports.default = _default;
|
|
47
|
+
var _default = exports.default = SectionItem;
|
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "SECTION_BASE_CLASS_NAME", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Section.SECTION_BASE_CLASS_NAME;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "SECTION_ITEM_BASE_CLASS_NAME", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _SectionItem.SECTION_ITEM_BASE_CLASS_NAME;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
7
18
|
Object.defineProperty(exports, "SectionItem", {
|
|
8
19
|
enumerable: true,
|
|
9
20
|
get: function () {
|
|
@@ -16,5 +27,7 @@ Object.defineProperty(exports, "default", {
|
|
|
16
27
|
return _Section.default;
|
|
17
28
|
}
|
|
18
29
|
});
|
|
19
|
-
var _Section =
|
|
20
|
-
var _SectionItem =
|
|
30
|
+
var _Section = _interopRequireWildcard(require("./Section"));
|
|
31
|
+
var _SectionItem = _interopRequireWildcard(require("./SectionItem"));
|
|
32
|
+
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); }
|
|
33
|
+
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; }
|
|
@@ -348,5 +348,4 @@ SegmentedControl.defaultProps = {
|
|
|
348
348
|
baseClassName: `${_constants.CLS_PREFIX}segmented-control`
|
|
349
349
|
};
|
|
350
350
|
SegmentedControl.contextType = _ResponsiveContext.default;
|
|
351
|
-
var _default = SegmentedControl;
|
|
352
|
-
exports.default = _default;
|
|
351
|
+
var _default = exports.default = SegmentedControl;
|
|
@@ -251,5 +251,4 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
|
|
|
251
251
|
});
|
|
252
252
|
});
|
|
253
253
|
SelectControl.displayName = 'SelectControl';
|
|
254
|
-
var _default = SelectControl;
|
|
255
|
-
exports.default = _default;
|
|
254
|
+
var _default = exports.default = SelectControl;
|
|
@@ -23,5 +23,5 @@ Object.defineProperty(exports, "default", {
|
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
26
|
-
var
|
|
27
|
-
var
|
|
26
|
+
var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));
|
|
27
|
+
var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
|
|
@@ -41,8 +41,7 @@ const focusStrategy = {
|
|
|
41
41
|
* `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
|
|
42
42
|
* It is used for grouping several related actions when one of the actions should be accessible immediately
|
|
43
43
|
* because it is used more often than others.
|
|
44
|
-
*
|
|
45
|
-
* Since: 0.0.40
|
|
44
|
+
* @since 0.0.40
|
|
46
45
|
*/
|
|
47
46
|
const SplitButton = _ref => {
|
|
48
47
|
let {
|
|
@@ -97,5 +96,4 @@ const SplitButton = _ref => {
|
|
|
97
96
|
})]
|
|
98
97
|
});
|
|
99
98
|
};
|
|
100
|
-
var _default = SplitButton;
|
|
101
|
-
exports.default = _default;
|
|
99
|
+
var _default = exports.default = SplitButton;
|
|
@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.SubnavItem = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
9
|
var _constants = require("../../constants");
|
|
12
10
|
var _utils = require("../utils");
|
|
11
|
+
var _react = require("react");
|
|
13
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
13
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
17
14
|
|
|
18
15
|
/**
|
|
@@ -21,13 +18,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
21
18
|
*/
|
|
22
19
|
const Subnav = _ref => {
|
|
23
20
|
let {
|
|
24
|
-
baseClassName,
|
|
25
21
|
className,
|
|
26
22
|
children,
|
|
27
23
|
onKeyDown,
|
|
24
|
+
baseClassName = `${_constants.CLS_PREFIX}subnav`,
|
|
28
25
|
...props
|
|
29
26
|
} = _ref;
|
|
30
|
-
const rootRef = (0, _react.useRef)();
|
|
27
|
+
const rootRef = (0, _react.useRef)(null);
|
|
31
28
|
const {
|
|
32
29
|
focusNext,
|
|
33
30
|
focusPrev,
|
|
@@ -56,7 +53,9 @@ const Subnav = _ref => {
|
|
|
56
53
|
break;
|
|
57
54
|
case 'Enter':
|
|
58
55
|
e.preventDefault();
|
|
59
|
-
e.target
|
|
56
|
+
if (e.target instanceof HTMLElement) {
|
|
57
|
+
e.target.click();
|
|
58
|
+
}
|
|
60
59
|
break;
|
|
61
60
|
}
|
|
62
61
|
(0, _utils.safeInvoke)(onKeyDown, e);
|
|
@@ -76,6 +75,9 @@ const Subnav = _ref => {
|
|
|
76
75
|
});
|
|
77
76
|
const items = _react.Children.map(children, (child, index) => {
|
|
78
77
|
if (itemIndex === index) {
|
|
78
|
+
if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
79
|
+
return child;
|
|
80
|
+
}
|
|
79
81
|
return /*#__PURE__*/(0, _react.cloneElement)(child, {
|
|
80
82
|
tabIndex: 0
|
|
81
83
|
});
|
|
@@ -90,41 +92,15 @@ const Subnav = _ref => {
|
|
|
90
92
|
children: items
|
|
91
93
|
});
|
|
92
94
|
};
|
|
93
|
-
Subnav.propTypes = {
|
|
94
|
-
/**
|
|
95
|
-
* Subnav items
|
|
96
|
-
* @since 0.0.42
|
|
97
|
-
*/
|
|
98
|
-
children: _propTypes.default.node,
|
|
99
|
-
/**
|
|
100
|
-
* @ignore
|
|
101
|
-
*/
|
|
102
|
-
className: _propTypes.default.string,
|
|
103
|
-
/**
|
|
104
|
-
* @ignore
|
|
105
|
-
*/
|
|
106
|
-
baseClassName: _propTypes.default.string,
|
|
107
|
-
/**
|
|
108
|
-
* @ignore
|
|
109
|
-
*/
|
|
110
|
-
onKeyDown: _propTypes.default.string
|
|
111
|
-
};
|
|
112
|
-
Subnav.defaultProps = {
|
|
113
|
-
children: null,
|
|
114
|
-
className: null,
|
|
115
|
-
baseClassName: `${_constants.CLS_PREFIX}subnav`,
|
|
116
|
-
onKeyDown: undefined
|
|
117
|
-
};
|
|
118
|
-
|
|
119
95
|
/**
|
|
120
96
|
* SubnavItem component.
|
|
121
97
|
*/
|
|
122
98
|
const SubnavItem = _ref2 => {
|
|
123
99
|
let {
|
|
124
|
-
baseClassName,
|
|
125
100
|
className,
|
|
126
101
|
active,
|
|
127
102
|
children,
|
|
103
|
+
baseClassName = `${_constants.CLS_PREFIX}subnav__item`,
|
|
128
104
|
...props
|
|
129
105
|
} = _ref2;
|
|
130
106
|
return /*#__PURE__*/(0, _react.cloneElement)(children, {
|
|
@@ -134,27 +110,4 @@ const SubnavItem = _ref2 => {
|
|
|
134
110
|
});
|
|
135
111
|
};
|
|
136
112
|
exports.SubnavItem = SubnavItem;
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* Is item active.
|
|
140
|
-
*/
|
|
141
|
-
active: _propTypes.default.bool,
|
|
142
|
-
/**
|
|
143
|
-
* Content of the item
|
|
144
|
-
*/
|
|
145
|
-
children: _propTypes.default.element.isRequired,
|
|
146
|
-
/**
|
|
147
|
-
* @ignore
|
|
148
|
-
*/
|
|
149
|
-
className: _propTypes.default.string,
|
|
150
|
-
/**
|
|
151
|
-
* @ignore
|
|
152
|
-
*/
|
|
153
|
-
baseClassName: _propTypes.default.string
|
|
154
|
-
};
|
|
155
|
-
SubnavItem.defaultProps = {
|
|
156
|
-
className: null,
|
|
157
|
-
baseClassName: `${_constants.CLS_PREFIX}subnav__item`
|
|
158
|
-
};
|
|
159
|
-
var _default = Subnav;
|
|
160
|
-
exports.default = _default;
|
|
113
|
+
var _default = exports.default = Subnav;
|
|
@@ -3,7 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
6
|
+
Object.defineProperty(exports, "SubnavItem", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Subnav.SubnavItem;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
7
12
|
Object.defineProperty(exports, "default", {
|
|
8
13
|
enumerable: true,
|
|
9
14
|
get: function () {
|
|
@@ -11,16 +16,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
16
|
}
|
|
12
17
|
});
|
|
13
18
|
var _Subnav = _interopRequireWildcard(require("./Subnav"));
|
|
14
|
-
Object.keys(_Subnav).forEach(function (key) {
|
|
15
|
-
if (key === "default" || key === "__esModule") return;
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
-
if (key in exports && exports[key] === _Subnav[key]) return;
|
|
18
|
-
Object.defineProperty(exports, key, {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _Subnav[key];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
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); }
|
|
26
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; }
|