@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
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
8
|
-
var _default = {
|
|
8
|
+
var _default = exports.default = {
|
|
9
9
|
close: 'Close'
|
|
10
|
-
};
|
|
11
|
-
exports.default = _default;
|
|
10
|
+
};
|
|
@@ -118,5 +118,4 @@ const FocusTrap = (_ref, ref) => {
|
|
|
118
118
|
});
|
|
119
119
|
};
|
|
120
120
|
FocusTrap.displayName = 'FocusTrap';
|
|
121
|
-
var _default = /*#__PURE__*/(0, _react.forwardRef)(FocusTrap);
|
|
122
|
-
exports.default = _default;
|
|
121
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(FocusTrap);
|
|
@@ -9,5 +9,4 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
const DisabledContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
11
11
|
DisabledContext.displayName = 'DisabledContext';
|
|
12
|
-
var _default = DisabledContext;
|
|
13
|
-
exports.default = _default;
|
|
12
|
+
var _default = exports.default = DisabledContext;
|
|
@@ -375,13 +375,6 @@ class Form extends _react.Component {
|
|
|
375
375
|
});
|
|
376
376
|
}
|
|
377
377
|
}
|
|
378
|
-
|
|
379
|
-
/**
|
|
380
|
-
* `Form` component is used for entering and submitting of user data.
|
|
381
|
-
* [More details about designing of forms.](#!/Good%20Forms)
|
|
382
|
-
*
|
|
383
|
-
* Since: 0.0.54
|
|
384
|
-
*/
|
|
385
378
|
(0, _defineProperty2.default)(Form, "defaultProps", {
|
|
386
379
|
children: undefined,
|
|
387
380
|
requiredMark: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -420,5 +413,9 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
420
413
|
});
|
|
421
414
|
});
|
|
422
415
|
RefForwardingForm.displayName = 'Form';
|
|
423
|
-
|
|
424
|
-
|
|
416
|
+
/**
|
|
417
|
+
* `Form` component is used for entering and submitting of user data.
|
|
418
|
+
* [More details about designing of forms.](#!/Good%20Forms)
|
|
419
|
+
* @since 0.0.54
|
|
420
|
+
*/
|
|
421
|
+
var _default = exports.default = RefForwardingForm;
|
|
@@ -9,5 +9,4 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
const ScrollableElementFormContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
11
11
|
ScrollableElementFormContext.displayName = 'ScrollableElementFormContext';
|
|
12
|
-
var _default = ScrollableElementFormContext;
|
|
13
|
-
exports.default = _default;
|
|
12
|
+
var _default = exports.default = ScrollableElementFormContext;
|
|
@@ -4,7 +4,7 @@ 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.BASE_FORM_FIELD_CLASS_NAME = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _utils = require("../utils");
|
|
@@ -539,6 +539,7 @@ const propTypes = {
|
|
|
539
539
|
*/
|
|
540
540
|
scrollableElement: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Element), _propTypes.default.instanceOf(Window)])
|
|
541
541
|
};
|
|
542
|
+
const BASE_FORM_FIELD_CLASS_NAME = exports.BASE_FORM_FIELD_CLASS_NAME = `${_constants.CLS_PREFIX}form-field`;
|
|
542
543
|
const defaultProps = {
|
|
543
544
|
id: undefined,
|
|
544
545
|
name: undefined,
|
|
@@ -556,7 +557,7 @@ const defaultProps = {
|
|
|
556
557
|
onRemoveRow: null,
|
|
557
558
|
fullDescription: undefined,
|
|
558
559
|
className: undefined,
|
|
559
|
-
baseClassName:
|
|
560
|
+
baseClassName: BASE_FORM_FIELD_CLASS_NAME,
|
|
560
561
|
form: undefined,
|
|
561
562
|
vertical: undefined,
|
|
562
563
|
scrollableElement: undefined
|
|
@@ -591,5 +592,4 @@ const FormFieldWrapper = props => {
|
|
|
591
592
|
FormFieldWrapper.displayName = 'FormField';
|
|
592
593
|
FormFieldWrapper.propTypes = propTypes;
|
|
593
594
|
FormFieldWrapper.defaultProps = defaultProps;
|
|
594
|
-
var _default = FormFieldWrapper;
|
|
595
|
-
exports.default = _default;
|
|
595
|
+
var _default = exports.default = FormFieldWrapper;
|
|
@@ -1,13 +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, "BASE_FORM_FIELD_CLASS_NAME", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _FormField.BASE_FORM_FIELD_CLASS_NAME;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
7
12
|
Object.defineProperty(exports, "default", {
|
|
8
13
|
enumerable: true,
|
|
9
14
|
get: function () {
|
|
10
15
|
return _FormField.default;
|
|
11
16
|
}
|
|
12
17
|
});
|
|
13
|
-
var _FormField =
|
|
18
|
+
var _FormField = _interopRequireWildcard(require("./FormField"));
|
|
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); }
|
|
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; }
|
|
@@ -5,32 +5,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _react =
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
+
var _react = require("react");
|
|
10
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
10
|
var _constants = require("../../constants");
|
|
12
11
|
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
|
|
13
12
|
var _FormField = _interopRequireDefault(require("../FormField"));
|
|
14
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
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); }
|
|
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; }
|
|
17
14
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
18
15
|
|
|
19
16
|
/**
|
|
20
|
-
* `FormFieldCheckbox` component
|
|
17
|
+
* `FormFieldCheckbox` component is used for turning an option on or off
|
|
21
18
|
* and selecting or deselecting an item.
|
|
22
19
|
* @since 0.0.58
|
|
23
20
|
*/
|
|
24
21
|
const FormFieldCheckbox = _ref => {
|
|
25
22
|
let {
|
|
26
|
-
baseClassName,
|
|
27
23
|
className,
|
|
28
24
|
label,
|
|
29
|
-
required,
|
|
30
|
-
checkedValue,
|
|
31
|
-
uncheckedValue,
|
|
32
25
|
autoFocus,
|
|
33
|
-
|
|
26
|
+
required = false,
|
|
27
|
+
checkedValue = true,
|
|
28
|
+
uncheckedValue = false,
|
|
29
|
+
baseClassName = `${_constants.CLS_PREFIX}form-field-checkbox`,
|
|
34
30
|
...props
|
|
35
31
|
} = _ref;
|
|
36
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
|
|
@@ -52,14 +48,14 @@ const FormFieldCheckbox = _ref => {
|
|
|
52
48
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
53
49
|
type: "hidden",
|
|
54
50
|
name: getName(),
|
|
55
|
-
value: uncheckedValue
|
|
51
|
+
value: uncheckedValue.toString()
|
|
56
52
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
|
|
57
53
|
checked: getValue() === checkedValue,
|
|
58
54
|
onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
|
|
59
55
|
inputProps: {
|
|
60
56
|
id: getId(),
|
|
61
57
|
name: getName(),
|
|
62
|
-
value: checkedValue,
|
|
58
|
+
value: checkedValue.toString(),
|
|
63
59
|
autoFocus
|
|
64
60
|
},
|
|
65
61
|
disabled: isDisabled(),
|
|
@@ -72,60 +68,4 @@ const FormFieldCheckbox = _ref => {
|
|
|
72
68
|
}
|
|
73
69
|
});
|
|
74
70
|
};
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* Disabled state of field.
|
|
78
|
-
* @since 0.1.0
|
|
79
|
-
*/
|
|
80
|
-
disabled: _propTypes.default.bool,
|
|
81
|
-
/**
|
|
82
|
-
* Custom checked value. Default is boolean true.
|
|
83
|
-
* @since 0.0.59
|
|
84
|
-
*/
|
|
85
|
-
checkedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
|
|
86
|
-
/**
|
|
87
|
-
* Custom unchecked value. Default is boolean false.
|
|
88
|
-
* @since 0.0.59
|
|
89
|
-
*/
|
|
90
|
-
uncheckedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
|
|
91
|
-
/**
|
|
92
|
-
* The browser will automatically focus on the component upon rendering the screen
|
|
93
|
-
* @since 1.9.0
|
|
94
|
-
*/
|
|
95
|
-
autoFocus: _propTypes.default.bool,
|
|
96
|
-
/**
|
|
97
|
-
* @ignore Field cannot be multiple
|
|
98
|
-
*/
|
|
99
|
-
multi: _propTypes.default.bool,
|
|
100
|
-
/**
|
|
101
|
-
* @ignore
|
|
102
|
-
*/
|
|
103
|
-
label: _propTypes.default.any,
|
|
104
|
-
/**
|
|
105
|
-
* @ignore
|
|
106
|
-
*/
|
|
107
|
-
required: _propTypes.default.bool,
|
|
108
|
-
/**
|
|
109
|
-
* @ignore
|
|
110
|
-
*/
|
|
111
|
-
className: _propTypes.default.string,
|
|
112
|
-
/**
|
|
113
|
-
* @ignore
|
|
114
|
-
*/
|
|
115
|
-
baseClassName: _propTypes.default.string,
|
|
116
|
-
fullDescription: _propTypes.default.string
|
|
117
|
-
};
|
|
118
|
-
FormFieldCheckbox.defaultProps = {
|
|
119
|
-
disabled: undefined,
|
|
120
|
-
checkedValue: true,
|
|
121
|
-
uncheckedValue: false,
|
|
122
|
-
autoFocus: undefined,
|
|
123
|
-
multi: undefined,
|
|
124
|
-
label: undefined,
|
|
125
|
-
required: false,
|
|
126
|
-
className: undefined,
|
|
127
|
-
baseClassName: `${_constants.CLS_PREFIX}form-field-checkbox`,
|
|
128
|
-
fullDescription: undefined
|
|
129
|
-
};
|
|
130
|
-
var _default = FormFieldCheckbox;
|
|
131
|
-
exports.default = _default;
|
|
71
|
+
var _default = exports.default = FormFieldCheckbox;
|
|
@@ -180,5 +180,4 @@ class FormFieldPassword extends _react.Component {
|
|
|
180
180
|
className: undefined,
|
|
181
181
|
baseClassName: `${_constants.CLS_PREFIX}form-field-password`
|
|
182
182
|
});
|
|
183
|
-
var _default = FormFieldPassword;
|
|
184
|
-
exports.default = _default;
|
|
183
|
+
var _default = exports.default = FormFieldPassword;
|
|
@@ -41,12 +41,12 @@ const PasswordMeter = _ref => {
|
|
|
41
41
|
}, [visible, value, onEstimate]);
|
|
42
42
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Popover.default, {
|
|
43
43
|
visible: visible && result !== null,
|
|
44
|
-
target: children,
|
|
45
44
|
placement: "bottom-right",
|
|
46
45
|
intent: result ? strengthIntents[result.strength] : undefined,
|
|
47
46
|
canCloseOnOutsideClick: false,
|
|
48
47
|
canCloseOnEscapePress: false,
|
|
49
48
|
...props,
|
|
49
|
+
target: children,
|
|
50
50
|
children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
|
|
51
51
|
component: "div",
|
|
52
52
|
content: "FormFieldPassword.passwordStrength",
|
|
@@ -77,5 +77,4 @@ const PasswordMeter = _ref => {
|
|
|
77
77
|
})]
|
|
78
78
|
});
|
|
79
79
|
};
|
|
80
|
-
var _default = PasswordMeter;
|
|
81
|
-
exports.default = _default;
|
|
80
|
+
var _default = exports.default = PasswordMeter;
|
|
@@ -16,7 +16,7 @@ const EXCLUSIONS = {
|
|
|
16
16
|
lettersLowerCase: 'comboUpperAndLower',
|
|
17
17
|
lettersUpperCase: 'comboUpperAndLower'
|
|
18
18
|
};
|
|
19
|
-
const DEFAULT_RULES = [{
|
|
19
|
+
const DEFAULT_RULES = exports.DEFAULT_RULES = [{
|
|
20
20
|
name: 'passwordTooShort',
|
|
21
21
|
suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
|
|
22
22
|
content: `FormFieldPassword.passwordTooShort`,
|
|
@@ -130,8 +130,7 @@ const DEFAULT_RULES = [{
|
|
|
130
130
|
return passwd.match(/([a-zA-Z0-9].*[!@#$%^&*?_~])|([!@#$%^&*?_~].*[a-zA-Z0-9])/) ? 2 : -1;
|
|
131
131
|
}
|
|
132
132
|
}];
|
|
133
|
-
exports.
|
|
134
|
-
var _default = function _default(password) {
|
|
133
|
+
var _default = exports.default = function _default(password) {
|
|
135
134
|
let rules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RULES;
|
|
136
135
|
let passwordScore = 0;
|
|
137
136
|
const suggestions = [];
|
|
@@ -169,5 +168,4 @@ var _default = function _default(password) {
|
|
|
169
168
|
strength,
|
|
170
169
|
suggestions
|
|
171
170
|
};
|
|
172
|
-
};
|
|
173
|
-
exports.default = _default;
|
|
171
|
+
};
|
|
@@ -16,5 +16,4 @@ const generatePassword = () => {
|
|
|
16
16
|
const password = ['upper', 'upper', 'upper', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'number', 'number', 'number', 'special', 'special'];
|
|
17
17
|
return password.sort((a, b) => Math.floor(b.length * Math.random()) - Math.floor(a.length * Math.random())).map(symbolClass => symbolClasses[symbolClass][Math.floor(symbolClasses[symbolClass].length * Math.random())]).join('');
|
|
18
18
|
};
|
|
19
|
-
var _default = generatePassword;
|
|
20
|
-
exports.default = _default;
|
|
19
|
+
var _default = exports.default = generatePassword;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
8
|
-
var _default = {
|
|
8
|
+
var _default = exports.default = {
|
|
9
9
|
improvePassword: 'To improve your password:',
|
|
10
10
|
passwordTooShort: 'Make the password longer.',
|
|
11
11
|
lettersLowerCase: 'Use at least one lower-case character.',
|
|
@@ -28,5 +28,4 @@ var _default = {
|
|
|
28
28
|
showPassword: 'Show password',
|
|
29
29
|
generateButton: 'Generate',
|
|
30
30
|
generateButtonHint: 'Generate a strong password'
|
|
31
|
-
};
|
|
32
|
-
exports.default = _default;
|
|
31
|
+
};
|
|
@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
+
var _react = require("react");
|
|
11
10
|
var _constants = require("../../constants");
|
|
12
|
-
var _FormField =
|
|
11
|
+
var _FormField = _interopRequireWildcard(require("../FormField"));
|
|
13
12
|
var _Hint = _interopRequireDefault(require("../Hint"));
|
|
14
13
|
var _Radio = _interopRequireDefault(require("../Radio"));
|
|
15
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -21,137 +20,69 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
21
20
|
* `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
|
|
22
21
|
* @since 0.2.0
|
|
23
22
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
const FormFieldRadioButtons = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
baseClassName = `${_constants.CLS_PREFIX}form-field-radio-buttons`,
|
|
26
|
+
className,
|
|
27
|
+
options,
|
|
28
|
+
autoFocus,
|
|
29
|
+
...props
|
|
30
|
+
} = _ref;
|
|
31
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
|
|
32
|
+
className: (0, _classnames.default)(baseClassName, className),
|
|
33
|
+
...props,
|
|
34
|
+
children: _ref2 => {
|
|
35
|
+
let {
|
|
36
|
+
getId,
|
|
37
|
+
getName,
|
|
38
|
+
getValue,
|
|
39
|
+
setValue,
|
|
40
|
+
isDisabled
|
|
41
|
+
} = _ref2;
|
|
42
|
+
return options.map((_ref3, index) => {
|
|
38
43
|
let {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
} =
|
|
45
|
-
return
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
value,
|
|
45
|
+
label,
|
|
46
|
+
description,
|
|
47
|
+
disabled,
|
|
48
|
+
indentFields = []
|
|
49
|
+
} = _ref3;
|
|
50
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
51
|
+
className: `${baseClassName}__radio`,
|
|
52
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
|
|
53
|
+
name: getName(),
|
|
54
|
+
checked: getValue() === value,
|
|
55
|
+
onChange: isChecked => {
|
|
56
|
+
if (isChecked) {
|
|
57
|
+
setValue(value);
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
disabled: isDisabled() || disabled,
|
|
61
|
+
inputProps: {
|
|
62
|
+
id: getId() ? `${getId()}-${value}` : undefined,
|
|
56
63
|
name: getName(),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
disabled: true
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
return field;
|
|
84
|
-
})]
|
|
85
|
-
}) : null]
|
|
86
|
-
}, value);
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
FormFieldRadioButtons.propTypes = {
|
|
93
|
-
/**
|
|
94
|
-
* Options definition.
|
|
95
|
-
* @since 0.2.0
|
|
96
|
-
*/
|
|
97
|
-
options: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
98
|
-
/**
|
|
99
|
-
* Option value.
|
|
100
|
-
*/
|
|
101
|
-
value: _propTypes.default.string.isRequired,
|
|
102
|
-
/**
|
|
103
|
-
* Option label.
|
|
104
|
-
*/
|
|
105
|
-
label: _propTypes.default.node.isRequired,
|
|
106
|
-
/**
|
|
107
|
-
* Text hint located below option for providing additional information.
|
|
108
|
-
*/
|
|
109
|
-
description: _propTypes.default.node,
|
|
110
|
-
/**
|
|
111
|
-
* Set true if option is not available to choice.
|
|
112
|
-
*/
|
|
113
|
-
disabled: _propTypes.default.bool,
|
|
114
|
-
/**
|
|
115
|
-
* Optional array of `FormField` components under this option.
|
|
116
|
-
*/
|
|
117
|
-
indentFields: _propTypes.default.array
|
|
118
|
-
})).isRequired,
|
|
119
|
-
/**
|
|
120
|
-
* Value of current chosen option.
|
|
121
|
-
* @deprecated Use [Form](#!/Form) values.
|
|
122
|
-
* @since 0.2.0
|
|
123
|
-
*/
|
|
124
|
-
value: _propTypes.default.string,
|
|
125
|
-
/**
|
|
126
|
-
* Disabled state of field.
|
|
127
|
-
* @since 0.2.0
|
|
128
|
-
*/
|
|
129
|
-
disabled: _propTypes.default.bool,
|
|
130
|
-
/**
|
|
131
|
-
* The browser will automatically focus on the component upon rendering the screen
|
|
132
|
-
* @since 1.9.0
|
|
133
|
-
*/
|
|
134
|
-
autoFocus: _propTypes.default.bool,
|
|
135
|
-
/**
|
|
136
|
-
* @ignore Field cannot be multiple
|
|
137
|
-
*/
|
|
138
|
-
multi: _propTypes.default.bool,
|
|
139
|
-
/**
|
|
140
|
-
* @ignore
|
|
141
|
-
*/
|
|
142
|
-
className: _propTypes.default.string,
|
|
143
|
-
/**
|
|
144
|
-
* @ignore
|
|
145
|
-
*/
|
|
146
|
-
baseClassName: _propTypes.default.string
|
|
64
|
+
value,
|
|
65
|
+
autoFocus: index === 0 && autoFocus ? true : undefined
|
|
66
|
+
},
|
|
67
|
+
children: label || value
|
|
68
|
+
}), description || indentFields ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
69
|
+
className: `${baseClassName}__content`,
|
|
70
|
+
children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
|
|
71
|
+
component: "div",
|
|
72
|
+
className: `${_FormField.BASE_FORM_FIELD_CLASS_NAME}__description`,
|
|
73
|
+
children: description
|
|
74
|
+
}), indentFields.map(field => {
|
|
75
|
+
if (isDisabled() || disabled || getValue() !== value) {
|
|
76
|
+
return /*#__PURE__*/(0, _react.cloneElement)(field, {
|
|
77
|
+
disabled: true
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
return field;
|
|
81
|
+
})]
|
|
82
|
+
}) : null]
|
|
83
|
+
}, value);
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
});
|
|
147
87
|
};
|
|
148
|
-
|
|
149
|
-
value: undefined,
|
|
150
|
-
disabled: undefined,
|
|
151
|
-
autoFocus: undefined,
|
|
152
|
-
multi: undefined,
|
|
153
|
-
className: undefined,
|
|
154
|
-
baseClassName: `${_constants.CLS_PREFIX}form-field-radio-buttons`
|
|
155
|
-
};
|
|
156
|
-
var _default = FormFieldRadioButtons;
|
|
157
|
-
exports.default = _default;
|
|
88
|
+
var _default = exports.default = FormFieldRadioButtons;
|