@plesk/ui-library 3.35.2 → 3.35.4
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 +1 -2
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- package/cjs/components/GridCol/GridCol.js +1 -2
- 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 +1 -2
- package/cjs/components/List/List.js +2 -2
- 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 +1 -2
- 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 +1 -2
- 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/Spinner/Spinner.js +1 -2
- package/cjs/components/SplitButton/SplitButton.js +1 -2
- 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 +1 -2
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +1 -2
- 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 +2 -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 +63 -55
- 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 +760 -1787
- 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/FormField/FormField.js +4 -2
- package/esm/components/FormField/index.js +2 -1
- 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/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/List/List.js +1 -0
- 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/Section/Section.js +28 -97
- package/esm/components/Section/SectionItem.js +5 -41
- package/esm/components/Section/index.js +2 -1
- package/esm/components/Subnav/Subnav.js +10 -54
- package/esm/components/Subnav/index.js +1 -2
- package/esm/components/TextArea/TextArea.js +1 -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 +5 -10
- package/esm/index.js +1 -1
- package/esm/utils/types/DataAttributes.js +1 -0
- package/package.json +21 -21
- package/styleguide/build/bundle.17ad5082.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 +1 -4
- 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/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +1 -1
- package/types/src/components/DistractionFreeModeContext/index.d.ts +1 -0
- package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +4 -3
- 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/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/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/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/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/TextArea/TextArea.d.ts +4 -4
- 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 +21 -10
- package/types/src/utils/types/DataAttributes.d.ts +3 -0
- package/types/src/utils/types/index.d.ts +1 -0
- package/cjs/tests/index.js +0 -13
- package/cjs/tests/renderer.js +0 -33
- package/esm/tests/index.js +0 -3
- package/esm/tests/renderer.js +0 -25
- package/styleguide/build/bundle.6318f4a5.js +0 -2
- /package/styleguide/build/{bundle.6318f4a5.js.LICENSE.txt → bundle.17ad5082.js.LICENSE.txt} +0 -0
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(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 _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -18,33 +16,13 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
18
16
|
*/
|
|
19
17
|
const Plaintext = _ref => {
|
|
20
18
|
let {
|
|
21
|
-
baseClassName,
|
|
22
19
|
className,
|
|
23
|
-
children
|
|
20
|
+
children,
|
|
21
|
+
baseClassName = `${_constants.CLS_PREFIX}plaintext`
|
|
24
22
|
} = _ref;
|
|
25
23
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
|
|
26
24
|
className: (0, _classnames.default)(baseClassName, className),
|
|
27
25
|
children: children
|
|
28
26
|
});
|
|
29
27
|
};
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Content of the Plaintext
|
|
33
|
-
* @since 0.0.42
|
|
34
|
-
*/
|
|
35
|
-
children: _propTypes.default.node.isRequired,
|
|
36
|
-
/**
|
|
37
|
-
* @ignore
|
|
38
|
-
*/
|
|
39
|
-
className: _propTypes.default.string,
|
|
40
|
-
/**
|
|
41
|
-
* @ignore
|
|
42
|
-
*/
|
|
43
|
-
baseClassName: _propTypes.default.string
|
|
44
|
-
};
|
|
45
|
-
Plaintext.defaultProps = {
|
|
46
|
-
className: null,
|
|
47
|
-
baseClassName: `${_constants.CLS_PREFIX}plaintext`
|
|
48
|
-
};
|
|
49
|
-
var _default = Plaintext;
|
|
50
|
-
exports.default = _default;
|
|
28
|
+
var _default = exports.default = Plaintext;
|
|
@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _reactDom = require("react-dom");
|
|
11
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
11
|
var _reactMeasure = _interopRequireDefault(require("react-measure"));
|
|
14
12
|
var _constants = require("../../constants");
|
|
@@ -20,9 +18,8 @@ var _Translate = require("../Translate");
|
|
|
20
18
|
var _utils = require("../utils");
|
|
21
19
|
var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
|
|
22
20
|
var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
|
|
21
|
+
var _react = require("react");
|
|
23
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
24
|
-
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
|
-
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; }
|
|
26
23
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
27
24
|
|
|
28
25
|
const PLACEMENT_MAP = {
|
|
@@ -33,12 +30,16 @@ const PLACEMENT_MAP = {
|
|
|
33
30
|
'bottom-left': 'bottom-end',
|
|
34
31
|
'bottom-right': 'bottom-start',
|
|
35
32
|
'left-top': 'left-end',
|
|
36
|
-
'left-bottom': 'left-start'
|
|
33
|
+
'left-bottom': 'left-start',
|
|
34
|
+
top: 'top',
|
|
35
|
+
right: 'right',
|
|
36
|
+
bottom: 'bottom',
|
|
37
|
+
left: 'left',
|
|
38
|
+
auto: 'auto'
|
|
37
39
|
};
|
|
38
40
|
const ARROW_HEIGHT = 26;
|
|
39
41
|
const isControlled = props => props.visible !== null;
|
|
40
42
|
const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
|
|
41
|
-
|
|
42
43
|
/**
|
|
43
44
|
* `Popover` component is non-modal pop-up window used for providing additional information
|
|
44
45
|
* for an interface element. It also may contain Form with few fields or any other small content.
|
|
@@ -53,6 +54,9 @@ class Popover extends _react.Component {
|
|
|
53
54
|
});
|
|
54
55
|
(0, _defineProperty2.default)(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
|
|
55
56
|
(0, _defineProperty2.default)(this, "targetRef", /*#__PURE__*/(0, _react.createRef)());
|
|
57
|
+
(0, _defineProperty2.default)(this, "prevFocusElement", void 0);
|
|
58
|
+
(0, _defineProperty2.default)(this, "popperData", void 0);
|
|
59
|
+
(0, _defineProperty2.default)(this, "headerBounds", void 0);
|
|
56
60
|
(0, _defineProperty2.default)(this, "checkArrowPosition", () => {
|
|
57
61
|
const {
|
|
58
62
|
title
|
|
@@ -68,10 +72,8 @@ class Popover extends _react.Component {
|
|
|
68
72
|
actualPlacement,
|
|
69
73
|
arrowStyle
|
|
70
74
|
} = this.popperData;
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
-
} = arrowStyle;
|
|
74
|
-
const [direction] = actualPlacement.split('-');
|
|
75
|
+
const top = parseInt(arrowStyle?.top || '');
|
|
76
|
+
const [direction] = actualPlacement?.split('-') || [];
|
|
75
77
|
let newArrowInHeader = false;
|
|
76
78
|
const directionBottomOrPopoverLowEnough = direction === 'bottom' || top !== null && this.headerBounds && top < this.headerBounds.height - ARROW_HEIGHT / 2;
|
|
77
79
|
const rightDirection = direction !== 'top' && directionBottomOrPopoverLowEnough;
|
|
@@ -117,7 +119,7 @@ class Popover extends _react.Component {
|
|
|
117
119
|
canCloseOnEscapePress,
|
|
118
120
|
autoFocus
|
|
119
121
|
} = this.props;
|
|
120
|
-
const isNeedFocus = autoFocus && canCloseOnEscapePress && this.prevFocusElement && (!document.activeElement || this.contentRef.current
|
|
122
|
+
const isNeedFocus = autoFocus && canCloseOnEscapePress && this.prevFocusElement && (!document.activeElement || this.contentRef.current?.contains(document.activeElement));
|
|
121
123
|
if (onClose) {
|
|
122
124
|
onClose();
|
|
123
125
|
} else {
|
|
@@ -126,7 +128,7 @@ class Popover extends _react.Component {
|
|
|
126
128
|
});
|
|
127
129
|
}
|
|
128
130
|
if (isNeedFocus) {
|
|
129
|
-
this.prevFocusElement
|
|
131
|
+
this.prevFocusElement?.focus();
|
|
130
132
|
}
|
|
131
133
|
});
|
|
132
134
|
(0, _defineProperty2.default)(this, "handleHeaderResize", contentRect => {
|
|
@@ -152,7 +154,7 @@ class Popover extends _react.Component {
|
|
|
152
154
|
show: isControlled(props) ? props.visible : state.show
|
|
153
155
|
};
|
|
154
156
|
}
|
|
155
|
-
componentDidUpdate(
|
|
157
|
+
componentDidUpdate(_, prevState) {
|
|
156
158
|
const {
|
|
157
159
|
canCloseOnEscapePress,
|
|
158
160
|
autoFocus
|
|
@@ -206,7 +208,7 @@ class Popover extends _react.Component {
|
|
|
206
208
|
} = this.state;
|
|
207
209
|
let behavior;
|
|
208
210
|
if (placement !== 'auto') {
|
|
209
|
-
const [direction] = placement
|
|
211
|
+
const [direction] = placement?.split('-') || [];
|
|
210
212
|
if (direction === 'top') {
|
|
211
213
|
behavior = ['top', 'bottom', 'right', 'left'];
|
|
212
214
|
} else if (direction === 'right') {
|
|
@@ -237,7 +239,7 @@ class Popover extends _react.Component {
|
|
|
237
239
|
ref: measureRef,
|
|
238
240
|
className: `${baseClassName}__heading`,
|
|
239
241
|
children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
|
|
240
|
-
level:
|
|
242
|
+
level: 5,
|
|
241
243
|
className: `${baseClassName}__title`,
|
|
242
244
|
children: title
|
|
243
245
|
}) : title, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -251,7 +253,7 @@ class Popover extends _react.Component {
|
|
|
251
253
|
className: (0, _classnames.default)(target.props.className, `${baseClassName}__target`),
|
|
252
254
|
onClick: (0, _utils.wrapFunction)(target.props.onClick, this.handleTargetClick)
|
|
253
255
|
});
|
|
254
|
-
const popperPlacement = PLACEMENT_MAP[placement]
|
|
256
|
+
const popperPlacement = placement ? PLACEMENT_MAP[placement] : undefined;
|
|
255
257
|
let wrapperStyle;
|
|
256
258
|
if (height) {
|
|
257
259
|
wrapperStyle = {
|
|
@@ -260,7 +262,7 @@ class Popover extends _react.Component {
|
|
|
260
262
|
}
|
|
261
263
|
const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
|
|
262
264
|
ref: this.contentRef,
|
|
263
|
-
onKeyUp: canCloseOnEscapePress && show ? this.hotkeyHandler :
|
|
265
|
+
onKeyUp: canCloseOnEscapePress && show ? this.hotkeyHandler : undefined,
|
|
264
266
|
className: `${baseClassName}__inner`,
|
|
265
267
|
style: wrapperStyle,
|
|
266
268
|
children: [height ? heading : heading || close, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -304,104 +306,7 @@ class Popover extends _react.Component {
|
|
|
304
306
|
}
|
|
305
307
|
// eslint-disable-next-line react/sort-comp
|
|
306
308
|
(0, _defineProperty2.default)(Popover, "contextType", _OnDarkContext.default);
|
|
307
|
-
Popover
|
|
308
|
-
/**
|
|
309
|
-
* The reference element used to position the popover.
|
|
310
|
-
* @since 0.0.65
|
|
311
|
-
*/
|
|
312
|
-
target: _propTypes.default.element.isRequired,
|
|
313
|
-
/**
|
|
314
|
-
* A React reference to the DOM element that needs for calculating the position of the popup.
|
|
315
|
-
* It is required only when visible or defaultVisible props are provided.
|
|
316
|
-
* @since 3.12.0
|
|
317
|
-
*/
|
|
318
|
-
targetRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
|
|
319
|
-
current: _propTypes.default.instanceOf(HTMLElement)
|
|
320
|
-
})]),
|
|
321
|
-
/**
|
|
322
|
-
* Popover visibility. For controlled component only.
|
|
323
|
-
* @since 0.0.65
|
|
324
|
-
*/
|
|
325
|
-
visible: _propTypes.default.bool,
|
|
326
|
-
/**
|
|
327
|
-
* Popover default (on init) visibility. For uncontrolled component only.
|
|
328
|
-
* @since 0.0.66
|
|
329
|
-
*/
|
|
330
|
-
defaultVisible: _propTypes.default.bool,
|
|
331
|
-
/**
|
|
332
|
-
* Popover title. Header will only be rendered if this prop is defined.
|
|
333
|
-
* @since 0.0.42
|
|
334
|
-
*/
|
|
335
|
-
title: _propTypes.default.node,
|
|
336
|
-
/**
|
|
337
|
-
* Click handler for close button. If it is not defined then default behavior (hide popover) will be used.
|
|
338
|
-
* @since 0.0.42
|
|
339
|
-
*/
|
|
340
|
-
onClose: _propTypes.default.func,
|
|
341
|
-
/**
|
|
342
|
-
* Popover placement
|
|
343
|
-
* @since 0.0.42
|
|
344
|
-
*/
|
|
345
|
-
placement: _propTypes.default.oneOf(['auto', 'top-left', 'top', 'top-right', 'right-top', 'right', 'right-bottom', 'bottom-right', 'bottom', 'bottom-left', 'left-bottom', 'left', 'left-top']),
|
|
346
|
-
/**
|
|
347
|
-
* Indicating if clicking outside the popover should close it.
|
|
348
|
-
* @since 0.0.65
|
|
349
|
-
*/
|
|
350
|
-
canCloseOnOutsideClick: _propTypes.default.bool,
|
|
351
|
-
/**
|
|
352
|
-
* Indicating if pressing the escape key should close the popover.
|
|
353
|
-
* @since 0.0.65
|
|
354
|
-
*/
|
|
355
|
-
canCloseOnEscapePress: _propTypes.default.bool,
|
|
356
|
-
/**
|
|
357
|
-
* Content of the Popover
|
|
358
|
-
* @since 0.0.42
|
|
359
|
-
*/
|
|
360
|
-
children: _propTypes.default.node,
|
|
361
|
-
/**
|
|
362
|
-
* Visual intent color to apply to component.
|
|
363
|
-
* @since 0.0.59
|
|
364
|
-
*/
|
|
365
|
-
intent: _propTypes.default.oneOf(['info', 'success', 'warning', 'danger']),
|
|
366
|
-
/**
|
|
367
|
-
* Undo predefined max-width.
|
|
368
|
-
* @since 2.4.0
|
|
369
|
-
*/
|
|
370
|
-
wide: _propTypes.default.bool,
|
|
371
|
-
/**
|
|
372
|
-
* Define the popover width.
|
|
373
|
-
* @since 3.2.0
|
|
374
|
-
*/
|
|
375
|
-
width: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
|
|
376
|
-
/**
|
|
377
|
-
* Define the popover height.
|
|
378
|
-
* @since 3.3.0
|
|
379
|
-
*/
|
|
380
|
-
height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
381
|
-
/**
|
|
382
|
-
* A slot for buttons or links in the header.
|
|
383
|
-
* @since 3.16.0
|
|
384
|
-
*/
|
|
385
|
-
extra: _propTypes.default.node,
|
|
386
|
-
/**
|
|
387
|
-
* @ignore
|
|
388
|
-
*/
|
|
389
|
-
className: _propTypes.default.string,
|
|
390
|
-
/**
|
|
391
|
-
* @ignore
|
|
392
|
-
*/
|
|
393
|
-
baseClassName: _propTypes.default.string,
|
|
394
|
-
/**
|
|
395
|
-
* Boundaries element for preventOverflow property.
|
|
396
|
-
* @since 1.12.4
|
|
397
|
-
*/
|
|
398
|
-
boundariesElement: _propTypes.default.oneOfType([_propTypes.default.oneOf(['scrollParent', 'window', 'viewport']), _propTypes.default.instanceOf(HTMLElement)]),
|
|
399
|
-
/**
|
|
400
|
-
* @ignore
|
|
401
|
-
*/
|
|
402
|
-
autoFocus: _propTypes.default.bool
|
|
403
|
-
};
|
|
404
|
-
Popover.defaultProps = {
|
|
309
|
+
(0, _defineProperty2.default)(Popover, "defaultProps", {
|
|
405
310
|
visible: null,
|
|
406
311
|
defaultVisible: false,
|
|
407
312
|
title: undefined,
|
|
@@ -420,6 +325,5 @@ Popover.defaultProps = {
|
|
|
420
325
|
boundariesElement: undefined,
|
|
421
326
|
autoFocus: true,
|
|
422
327
|
targetRef: undefined
|
|
423
|
-
};
|
|
424
|
-
var _default = Popover;
|
|
425
|
-
exports.default = _default;
|
|
328
|
+
});
|
|
329
|
+
var _default = exports.default = Popover;
|
|
@@ -17,18 +17,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
18
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
19
19
|
|
|
20
|
-
const STATUS_NOT_STARTED = 'not_started';
|
|
21
|
-
exports.
|
|
22
|
-
const
|
|
23
|
-
exports.
|
|
24
|
-
const
|
|
25
|
-
exports.
|
|
26
|
-
const STATUS_WARNING = 'warning';
|
|
27
|
-
exports.STATUS_WARNING = STATUS_WARNING;
|
|
28
|
-
const STATUS_ERROR = 'error';
|
|
29
|
-
exports.STATUS_ERROR = STATUS_ERROR;
|
|
30
|
-
const STATUS_CANCELED = 'canceled';
|
|
31
|
-
exports.STATUS_CANCELED = STATUS_CANCELED;
|
|
20
|
+
const STATUS_NOT_STARTED = exports.STATUS_NOT_STARTED = 'not_started';
|
|
21
|
+
const STATUS_RUNNING = exports.STATUS_RUNNING = 'running';
|
|
22
|
+
const STATUS_DONE = exports.STATUS_DONE = 'done';
|
|
23
|
+
const STATUS_WARNING = exports.STATUS_WARNING = 'warning';
|
|
24
|
+
const STATUS_ERROR = exports.STATUS_ERROR = 'error';
|
|
25
|
+
const STATUS_CANCELED = exports.STATUS_CANCELED = 'canceled';
|
|
32
26
|
/**
|
|
33
27
|
* `ProgressStep` is a part of the [Progress](#!/Progress) component.
|
|
34
28
|
* @since 1.10.0
|
|
@@ -128,5 +122,4 @@ ProgressStep.defaultProps = {
|
|
|
128
122
|
className: null,
|
|
129
123
|
baseClassName: `${_constants.CLS_PREFIX}progress-step`
|
|
130
124
|
};
|
|
131
|
-
var _default = ProgressStep;
|
|
132
|
-
exports.default = _default;
|
|
125
|
+
var _default = exports.default = ProgressStep;
|
|
@@ -9,5 +9,4 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
const ResponsiveContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
11
11
|
ResponsiveContext.displayName = 'ResponsiveContext';
|
|
12
|
-
var _default = ResponsiveContext;
|
|
13
|
-
exports.default = _default;
|
|
12
|
+
var _default = exports.default = ResponsiveContext;
|
|
@@ -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;
|