@plesk/ui-library 3.33.0 → 3.34.1
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/Button/Button.js +17 -100
- package/cjs/components/ContentLoader/IconsLoader.js +2 -1
- package/cjs/components/Dialog/Dialog.js +4 -113
- package/cjs/components/Dropdown/Dropdown.js +4 -42
- package/cjs/components/Form/Form.js +2 -1
- package/cjs/components/FormFieldPassword/PasswordMeter.js +4 -4
- package/cjs/components/Overlay/Overlay.js +4 -3
- package/cjs/components/Popover/Popover.js +3 -1
- package/cjs/components/Section/Section.js +2 -1
- package/cjs/components/Skeleton/SkeletonText.js +1 -1
- package/cjs/components/index.js +30 -2
- package/cjs/index.js +1 -1
- package/cjs/utils/types/PolymorphicComponent.js +5 -0
- package/cjs/utils/types/index.js +5 -0
- 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 +130 -326
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +2 -2
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Button/Button.js +17 -98
- package/esm/components/ContentLoader/IconsLoader.js +2 -1
- package/esm/components/Dialog/Dialog.js +4 -113
- package/esm/components/Dropdown/Dropdown.js +4 -40
- package/esm/components/Form/Form.js +2 -1
- package/esm/components/FormFieldPassword/PasswordMeter.js +4 -4
- package/esm/components/Overlay/Overlay.js +4 -3
- package/esm/components/Popover/Popover.js +3 -1
- package/esm/components/Section/Section.js +2 -1
- package/esm/components/Skeleton/SkeletonText.js +1 -1
- package/esm/components/index.js +2 -2
- package/esm/index.js +1 -1
- package/esm/utils/types/PolymorphicComponent.js +1 -0
- package/esm/utils/types/index.js +1 -0
- package/package.json +24 -23
- package/styleguide/build/bundle.c6ebacd7.js +2 -0
- package/styleguide/index.html +2 -2
- package/types/src/components/AutoClosable/AutoClosable.d.ts +2 -2
- package/types/src/components/Button/Button.d.ts +102 -0
- package/types/src/components/Button/index.d.ts +2 -0
- package/types/src/components/Dialog/Dialog.d.ts +123 -0
- package/types/src/components/Dialog/index.d.ts +2 -0
- package/types/src/components/Dropdown/Dropdown.d.ts +54 -0
- package/types/src/components/Form/Form.d.ts +8 -8
- package/types/src/components/Icon/Icon.d.ts +1 -1
- package/types/src/components/Icon/index.d.ts +1 -0
- package/types/src/components/Overlay/Overlay.d.ts +1 -1
- package/types/src/components/Overlay/index.d.ts +1 -0
- package/types/src/components/index.d.ts +2 -2
- package/types/src/utils/types/PolymorphicComponent.d.ts +11 -0
- package/types/src/utils/types/index.d.ts +1 -0
- package/styleguide/build/bundle.1ca1330c.js +0 -2
- /package/styleguide/build/{bundle.1ca1330c.js.LICENSE.txt → bundle.c6ebacd7.js.LICENSE.txt} +0 -0
|
@@ -5,8 +5,7 @@ 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 _Icon = _interopRequireDefault(require("../Icon"));
|
|
@@ -16,8 +15,6 @@ var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"))
|
|
|
16
15
|
var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
|
|
17
16
|
var _ButtonContext = _interopRequireDefault(require("./ButtonContext"));
|
|
18
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
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; }
|
|
21
18
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
22
19
|
const oldIconNames = {
|
|
23
20
|
"customize-order": "arrows-four-directions",
|
|
@@ -72,32 +69,27 @@ const renderCaret = _ref2 => {
|
|
|
72
69
|
}
|
|
73
70
|
return caretElement;
|
|
74
71
|
};
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
|
|
78
|
-
* As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
|
|
79
|
-
* @since 0.0.37
|
|
80
|
-
*/
|
|
81
72
|
const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
82
73
|
let {
|
|
83
|
-
baseClassName
|
|
74
|
+
baseClassName = `${_constants.CLS_PREFIX}button`,
|
|
84
75
|
className,
|
|
85
|
-
component
|
|
76
|
+
component,
|
|
86
77
|
size: propsSize,
|
|
87
78
|
intent,
|
|
88
|
-
ghost,
|
|
79
|
+
ghost = false,
|
|
89
80
|
selected: selectedProp,
|
|
90
81
|
onToggle,
|
|
91
82
|
state,
|
|
92
83
|
icon,
|
|
93
84
|
caret,
|
|
94
|
-
fill,
|
|
85
|
+
fill = false,
|
|
95
86
|
tooltip,
|
|
96
87
|
children,
|
|
97
88
|
arrow,
|
|
98
|
-
disabled,
|
|
89
|
+
disabled = false,
|
|
99
90
|
...props
|
|
100
91
|
} = _ref3;
|
|
92
|
+
const Tag = component || 'button';
|
|
101
93
|
const [selectedState, setSelectedState] = (0, _react.useState)(false);
|
|
102
94
|
const handleToggle = () => {
|
|
103
95
|
setSelectedState(!selectedState);
|
|
@@ -137,7 +129,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
|
137
129
|
}
|
|
138
130
|
const selected = selectedProp === undefined ? selectedState : selectedProp;
|
|
139
131
|
if (selectedProp !== undefined || onToggle) {
|
|
140
|
-
componentProps['aria-pressed'] =
|
|
132
|
+
componentProps['aria-pressed'] = `${selected}`;
|
|
141
133
|
}
|
|
142
134
|
const isArrowButton = arrow === 'forward' || arrow === 'backward';
|
|
143
135
|
const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
|
|
@@ -189,90 +181,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
|
189
181
|
return button;
|
|
190
182
|
});
|
|
191
183
|
Button.displayName = 'Button';
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
* Button size.
|
|
195
|
-
* @since 2.5.0
|
|
196
|
-
*/
|
|
197
|
-
size: _propTypes.default.oneOf(['md', 'lg']),
|
|
198
|
-
/**
|
|
199
|
-
* Visual intent color to apply to component.
|
|
200
|
-
* @since 0.0.42
|
|
201
|
-
*/
|
|
202
|
-
intent: _propTypes.default.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
|
|
203
|
-
/**
|
|
204
|
-
* Display button with transparent background.
|
|
205
|
-
* @since 2.1.0
|
|
206
|
-
*/
|
|
207
|
-
ghost: _propTypes.default.bool,
|
|
208
|
-
/**
|
|
209
|
-
* Arrow button.
|
|
210
|
-
* @since 2.6.0
|
|
211
|
-
*/
|
|
212
|
-
arrow: _propTypes.default.oneOf(['forward', 'backward']),
|
|
213
|
-
/**
|
|
214
|
-
* Selected state of toggle button. Used in controlled component mode.
|
|
215
|
-
* @since 0.0.68
|
|
216
|
-
*/
|
|
217
|
-
selected: _propTypes.default.bool,
|
|
218
|
-
/**
|
|
219
|
-
* Toggle button callback. Used in uncontrolled component mode.
|
|
220
|
-
* @since 0.0.68
|
|
221
|
-
*/
|
|
222
|
-
onToggle: _propTypes.default.func,
|
|
223
|
-
/**
|
|
224
|
-
* State of the button
|
|
225
|
-
* @since 0.0.42
|
|
226
|
-
*/
|
|
227
|
-
state: _propTypes.default.oneOf(['active', 'loading', 'hovered', 'focused']),
|
|
228
|
-
/**
|
|
229
|
-
* Is button disabled?
|
|
230
|
-
* @since 0.0.42
|
|
231
|
-
*/
|
|
232
|
-
disabled: _propTypes.default.bool,
|
|
233
|
-
/**
|
|
234
|
-
* Tooltip for component
|
|
235
|
-
* @since 0.0.42
|
|
236
|
-
*/
|
|
237
|
-
tooltip: _propTypes.default.node,
|
|
238
|
-
/**
|
|
239
|
-
* Name of icon or [Icon](#!/Icon) component
|
|
240
|
-
* @since 0.0.42
|
|
241
|
-
*/
|
|
242
|
-
icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
243
|
-
/**
|
|
244
|
-
* Show caret
|
|
245
|
-
* @since 0.0.42
|
|
246
|
-
*/
|
|
247
|
-
caret: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.element]),
|
|
248
|
-
/**
|
|
249
|
-
* Dynamically expand the button to fill out the whole available width of its parent container.
|
|
250
|
-
* @since 1.8.0
|
|
251
|
-
*/
|
|
252
|
-
fill: _propTypes.default.bool,
|
|
253
|
-
/**
|
|
254
|
-
* Content of the button
|
|
255
|
-
* @since 0.0.37
|
|
256
|
-
*/
|
|
257
|
-
children: _propTypes.default.node,
|
|
258
|
-
/**
|
|
259
|
-
* Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
|
|
260
|
-
* @since 0.0.42
|
|
261
|
-
*/
|
|
262
|
-
component: _propTypes.default.elementType,
|
|
263
|
-
/**
|
|
264
|
-
* @ignore
|
|
265
|
-
*/
|
|
266
|
-
className: _propTypes.default.string,
|
|
267
|
-
/**
|
|
268
|
-
* @ignore
|
|
269
|
-
*/
|
|
270
|
-
baseClassName: _propTypes.default.string,
|
|
271
|
-
/**
|
|
272
|
-
* @ignore
|
|
273
|
-
*/
|
|
274
|
-
onClick: _propTypes.default.func
|
|
275
|
-
};
|
|
184
|
+
|
|
185
|
+
// For ToolbarMenu backward compatibility purposes
|
|
276
186
|
Button.defaultProps = {
|
|
277
187
|
size: undefined,
|
|
278
188
|
intent: undefined,
|
|
@@ -292,5 +202,12 @@ Button.defaultProps = {
|
|
|
292
202
|
arrow: undefined,
|
|
293
203
|
onClick: undefined
|
|
294
204
|
};
|
|
205
|
+
|
|
206
|
+
/**
|
|
207
|
+
* `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
|
|
208
|
+
* As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
|
|
209
|
+
*
|
|
210
|
+
* Since: 0.0.37
|
|
211
|
+
*/
|
|
295
212
|
var _default = Button;
|
|
296
213
|
exports.default = _default;
|
|
@@ -36,6 +36,7 @@ const useIconCursor = (icons, initialCursor, isSync) => {
|
|
|
36
36
|
return [icons[cursor], targetRef];
|
|
37
37
|
};
|
|
38
38
|
const IconsLoader = _ref => {
|
|
39
|
+
var _icons;
|
|
39
40
|
let {
|
|
40
41
|
baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
|
|
41
42
|
className,
|
|
@@ -45,7 +46,7 @@ const IconsLoader = _ref => {
|
|
|
45
46
|
...props
|
|
46
47
|
} = _ref;
|
|
47
48
|
const syncRef = (0, _react.useRef)('icon1');
|
|
48
|
-
if (!icons
|
|
49
|
+
if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
|
|
49
50
|
icons = DEFAULT_ICONS;
|
|
50
51
|
} else if (icons.length === 1) {
|
|
51
52
|
icons = [icons[0], icons[0]];
|
|
@@ -5,8 +5,7 @@ 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 _Overlay = _interopRequireDefault(require("../Overlay"));
|
|
@@ -76,6 +75,7 @@ const Dialog = _ref => {
|
|
|
76
75
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
77
76
|
className: classPrefix,
|
|
78
77
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
78
|
+
alt: "",
|
|
79
79
|
className: `${classPrefix}-inner`,
|
|
80
80
|
src: image
|
|
81
81
|
})
|
|
@@ -84,6 +84,7 @@ const Dialog = _ref => {
|
|
|
84
84
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
85
85
|
className: classPrefix,
|
|
86
86
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
87
|
+
alt: "",
|
|
87
88
|
className: `${classPrefix}-inner`,
|
|
88
89
|
...image
|
|
89
90
|
})
|
|
@@ -173,7 +174,7 @@ const Dialog = _ref => {
|
|
|
173
174
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
174
175
|
className: `${baseClassName}__header-content`,
|
|
175
176
|
children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
|
|
176
|
-
level:
|
|
177
|
+
level: 2,
|
|
177
178
|
className: `${baseClassName}__title`,
|
|
178
179
|
children: title
|
|
179
180
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -205,116 +206,6 @@ const Dialog = _ref => {
|
|
|
205
206
|
}), closingConfirmationDialog]
|
|
206
207
|
});
|
|
207
208
|
};
|
|
208
|
-
Dialog.propTypes = {
|
|
209
|
-
/**
|
|
210
|
-
* Toggles visibility.
|
|
211
|
-
* @since 0.0.68
|
|
212
|
-
*/
|
|
213
|
-
isOpen: _propTypes.default.bool,
|
|
214
|
-
/**
|
|
215
|
-
* Banner. Renders in front of content as wide as dialog.
|
|
216
|
-
* @since 0.0.68
|
|
217
|
-
*/
|
|
218
|
-
banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
219
|
-
/**
|
|
220
|
-
* Block with an image, placed at the side of the component
|
|
221
|
-
* @since 3.25.0
|
|
222
|
-
*/
|
|
223
|
-
sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
224
|
-
/**
|
|
225
|
-
* Additional properties for the sideBanner
|
|
226
|
-
* @since 3.25.0
|
|
227
|
-
*/
|
|
228
|
-
sideBannerContainer: _propTypes.default.shape({
|
|
229
|
-
/**
|
|
230
|
-
* Values for css background property
|
|
231
|
-
*/
|
|
232
|
-
background: _propTypes.default.string,
|
|
233
|
-
/**
|
|
234
|
-
* One of: center, flex-start, flex-end
|
|
235
|
-
*/
|
|
236
|
-
align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
|
|
237
|
-
}),
|
|
238
|
-
/**
|
|
239
|
-
* Image. Renders into content.
|
|
240
|
-
* @since 0.0.68
|
|
241
|
-
*/
|
|
242
|
-
image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
|
|
243
|
-
/**
|
|
244
|
-
* Title
|
|
245
|
-
* @since 0.0.68
|
|
246
|
-
*/
|
|
247
|
-
title: _propTypes.default.node,
|
|
248
|
-
/**
|
|
249
|
-
* The subtitle of the `Dialog`.
|
|
250
|
-
* @since 4.0.0
|
|
251
|
-
*/
|
|
252
|
-
subtitle: _propTypes.default.node,
|
|
253
|
-
/**
|
|
254
|
-
* Title of "cancel" button
|
|
255
|
-
* @since 0.0.68
|
|
256
|
-
* @deprecated Use `cancelButton` instead.
|
|
257
|
-
*/
|
|
258
|
-
cancelTitle: _propTypes.default.node,
|
|
259
|
-
/**
|
|
260
|
-
* Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
|
|
261
|
-
* @since 3.13.0
|
|
262
|
-
*/
|
|
263
|
-
cancelButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
|
|
264
|
-
/**
|
|
265
|
-
* Buttons except "cancel" button
|
|
266
|
-
* @since 0.0.68
|
|
267
|
-
*/
|
|
268
|
-
buttons: _propTypes.default.node,
|
|
269
|
-
/**
|
|
270
|
-
* Actions which will be shown in Dialog header
|
|
271
|
-
* @since 1.2.0
|
|
272
|
-
*/
|
|
273
|
-
actions: _propTypes.default.node,
|
|
274
|
-
/**
|
|
275
|
-
* Wraps children into [Form](#!/Form) if not empty.
|
|
276
|
-
* @since 0.0.68
|
|
277
|
-
*/
|
|
278
|
-
form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
|
|
279
|
-
/**
|
|
280
|
-
* Dialog width
|
|
281
|
-
* @since 0.0.68
|
|
282
|
-
*/
|
|
283
|
-
size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
|
|
284
|
-
/**
|
|
285
|
-
* If the value is false, the dialog cannot be closed and the Close button is hidden.
|
|
286
|
-
* @since 1.2.0
|
|
287
|
-
*/
|
|
288
|
-
closable: _propTypes.default.bool,
|
|
289
|
-
/**
|
|
290
|
-
* Disable close dialog button
|
|
291
|
-
* @since 4.0.0
|
|
292
|
-
*/
|
|
293
|
-
canClose: _propTypes.default.bool,
|
|
294
|
-
/**
|
|
295
|
-
* On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
|
|
296
|
-
* @since 0.0.68
|
|
297
|
-
*/
|
|
298
|
-
onClose: _propTypes.default.func,
|
|
299
|
-
/**
|
|
300
|
-
* Whether show or not a confirmation dialog on close.
|
|
301
|
-
* @since 3.21.0
|
|
302
|
-
*/
|
|
303
|
-
closingConfirmation: _propTypes.default.bool,
|
|
304
|
-
/**
|
|
305
|
-
* Content of the `DialogWindow`.
|
|
306
|
-
* @since 0.0.68
|
|
307
|
-
*/
|
|
308
|
-
children: _propTypes.default.node,
|
|
309
|
-
/**
|
|
310
|
-
* @ignore
|
|
311
|
-
*/
|
|
312
|
-
className: _propTypes.default.string,
|
|
313
|
-
/**
|
|
314
|
-
* @ignore
|
|
315
|
-
*/
|
|
316
|
-
baseClassName: _propTypes.default.string
|
|
317
|
-
};
|
|
318
209
|
Dialog.defaultProps = {
|
|
319
210
|
isOpen: false,
|
|
320
211
|
banner: undefined,
|
|
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _utils = require("../../utils");
|
|
9
|
-
var _react =
|
|
9
|
+
var _react = require("react");
|
|
10
10
|
var _utils2 = require("../utils");
|
|
11
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
12
|
var _constants = require("../../constants");
|
|
14
13
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
@@ -19,16 +18,16 @@ var _Menu = require("../Menu");
|
|
|
19
18
|
var _Translate = _interopRequireDefault(require("../Translate"));
|
|
20
19
|
var _enUS = _interopRequireDefault(require("./locale/en-US"));
|
|
21
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
-
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); }
|
|
23
|
-
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; }
|
|
24
21
|
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
25
22
|
|
|
23
|
+
// TODO: move to Popover
|
|
24
|
+
|
|
26
25
|
const createTarget = (node, _ref) => {
|
|
27
26
|
let {
|
|
28
27
|
onToggle,
|
|
29
28
|
targetRef
|
|
30
29
|
} = _ref;
|
|
31
|
-
if (
|
|
30
|
+
if (!( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
|
|
32
31
|
node = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
33
32
|
caret: true,
|
|
34
33
|
children: node
|
|
@@ -209,43 +208,6 @@ const Dropdown = _ref3 => {
|
|
|
209
208
|
})
|
|
210
209
|
});
|
|
211
210
|
};
|
|
212
|
-
Dropdown.propTypes = {
|
|
213
|
-
/**
|
|
214
|
-
* Dropdown [menu](#!/Menu).
|
|
215
|
-
* @since 0.0.57
|
|
216
|
-
*/
|
|
217
|
-
menu: _propTypes.default.element.isRequired,
|
|
218
|
-
/**
|
|
219
|
-
* Menu placement.
|
|
220
|
-
* @since 0.0.60
|
|
221
|
-
*/
|
|
222
|
-
menuPlacement: _propTypes.default.string,
|
|
223
|
-
/**
|
|
224
|
-
* Content of the `Dropdown`.
|
|
225
|
-
* @since 0.0.57
|
|
226
|
-
*/
|
|
227
|
-
children: _propTypes.default.node,
|
|
228
|
-
/**
|
|
229
|
-
* Custom localization messages.
|
|
230
|
-
* @since 3.6.0
|
|
231
|
-
*/
|
|
232
|
-
locale: _propTypes.default.shape({
|
|
233
|
-
close: _propTypes.default.node
|
|
234
|
-
}),
|
|
235
|
-
/**
|
|
236
|
-
* Display menu as overlay.
|
|
237
|
-
* @ignore
|
|
238
|
-
*/
|
|
239
|
-
overlay: _propTypes.default.bool,
|
|
240
|
-
/**
|
|
241
|
-
* @ignore
|
|
242
|
-
*/
|
|
243
|
-
className: _propTypes.default.string,
|
|
244
|
-
/**
|
|
245
|
-
* @ignore
|
|
246
|
-
*/
|
|
247
|
-
baseClassName: _propTypes.default.string
|
|
248
|
-
};
|
|
249
211
|
Dropdown.defaultProps = {
|
|
250
212
|
menuPlacement: 'bottom-start',
|
|
251
213
|
children: undefined,
|
|
@@ -407,7 +407,8 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
407
407
|
const innerRef = (0, _react.useRef)(null);
|
|
408
408
|
(0, _react.useImperativeHandle)(ref, () => ({
|
|
409
409
|
submit() {
|
|
410
|
-
|
|
410
|
+
var _innerRef$current;
|
|
411
|
+
(_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
|
|
411
412
|
cancelable: true,
|
|
412
413
|
bubbles: true
|
|
413
414
|
}));
|
|
@@ -47,19 +47,19 @@ const PasswordMeter = _ref => {
|
|
|
47
47
|
canCloseOnOutsideClick: false,
|
|
48
48
|
canCloseOnEscapePress: false,
|
|
49
49
|
...props,
|
|
50
|
-
children: [result
|
|
50
|
+
children: [result !== null && result !== void 0 && result.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
|
|
51
51
|
component: "div",
|
|
52
52
|
content: "FormFieldPassword.passwordStrength",
|
|
53
53
|
fallback: _enUS.default.passwordStrength,
|
|
54
54
|
params: {
|
|
55
55
|
strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
|
|
56
56
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
|
|
57
|
-
content: `FormFieldPassword.strength${result
|
|
58
|
-
fallback: _enUS.default[`strength${result
|
|
57
|
+
content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
|
|
58
|
+
fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
|
|
59
59
|
})
|
|
60
60
|
})
|
|
61
61
|
}
|
|
62
|
-
}) : null, result
|
|
62
|
+
}) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
63
63
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
|
|
64
64
|
content: "FormFieldPassword.improvePassword",
|
|
65
65
|
fallback: _enUS.default.improvePassword
|
|
@@ -108,8 +108,8 @@ const OverlayCore = _ref => {
|
|
|
108
108
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
109
109
|
className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
|
|
110
110
|
style: {
|
|
111
|
-
'--overlay-side-banner-background': sideBannerContainer
|
|
112
|
-
'--overlay-side-banner-align': sideBannerContainer
|
|
111
|
+
'--overlay-side-banner-background': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
|
|
112
|
+
'--overlay-side-banner-align': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
|
|
113
113
|
...style
|
|
114
114
|
},
|
|
115
115
|
...props,
|
|
@@ -139,10 +139,11 @@ const Overlay = _ref2 => {
|
|
|
139
139
|
const [isExist, setIsExist] = (0, _react.useState)(false);
|
|
140
140
|
const prevFocusElementRef = (0, _react.useRef)(null);
|
|
141
141
|
const handleClose = (0, _react.useCallback)(() => {
|
|
142
|
+
var _prevFocusElementRef$;
|
|
142
143
|
if (!isOpenRef.current) return;
|
|
143
144
|
isOpenRef.current = false;
|
|
144
145
|
if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
|
|
145
|
-
prevFocusElementRef.current
|
|
146
|
+
(_prevFocusElementRef$ = prevFocusElementRef.current) === null || _prevFocusElementRef$ === void 0 ? void 0 : _prevFocusElementRef$.focus();
|
|
146
147
|
}, []);
|
|
147
148
|
(0, _react.useEffect)(() => {
|
|
148
149
|
if (isOpen) {
|
|
@@ -267,7 +267,9 @@ class Popover extends _react.Component {
|
|
|
267
267
|
className: `${baseClassName}__content`,
|
|
268
268
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
269
269
|
className: `${baseClassName}__content-inner`,
|
|
270
|
-
children: children
|
|
270
|
+
children: typeof children === 'function' ? children({
|
|
271
|
+
onClose: this.handleClose
|
|
272
|
+
}) : children
|
|
271
273
|
})
|
|
272
274
|
})]
|
|
273
275
|
});
|
|
@@ -147,7 +147,8 @@ class Section extends _react.Component {
|
|
|
147
147
|
value: title,
|
|
148
148
|
onChange: onTitleChange,
|
|
149
149
|
onClick: e => {
|
|
150
|
-
|
|
150
|
+
var _e$target$closest$que;
|
|
151
|
+
(_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
|
|
151
152
|
}
|
|
152
153
|
});
|
|
153
154
|
}
|
|
@@ -33,7 +33,7 @@ const SkeletonText = _ref => {
|
|
|
33
33
|
// eslint-disable-next-line react/no-array-index-key
|
|
34
34
|
, {
|
|
35
35
|
...lineProps,
|
|
36
|
-
className: (0, _classnames.default)(`${baseClassName}__line`, lineProps
|
|
36
|
+
className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
|
|
37
37
|
}, key))
|
|
38
38
|
});
|
|
39
39
|
};
|
package/cjs/components/index.js
CHANGED
|
@@ -12,6 +12,7 @@ var _exportNames = {
|
|
|
12
12
|
Badge: true,
|
|
13
13
|
Breadcrumbs: true,
|
|
14
14
|
Button: true,
|
|
15
|
+
ButtonProps: true,
|
|
15
16
|
ButtonGroup: true,
|
|
16
17
|
Card: true,
|
|
17
18
|
CardList: true,
|
|
@@ -42,6 +43,9 @@ var _exportNames = {
|
|
|
42
43
|
Heading: true,
|
|
43
44
|
Hint: true,
|
|
44
45
|
Icon: true,
|
|
46
|
+
IconProps: true,
|
|
47
|
+
IconName: true,
|
|
48
|
+
IconSize: true,
|
|
45
49
|
Input: true,
|
|
46
50
|
InputFile: true,
|
|
47
51
|
InputNumber: true,
|
|
@@ -139,6 +143,12 @@ Object.defineProperty(exports, "ButtonGroup", {
|
|
|
139
143
|
return _ButtonGroup.default;
|
|
140
144
|
}
|
|
141
145
|
});
|
|
146
|
+
Object.defineProperty(exports, "ButtonProps", {
|
|
147
|
+
enumerable: true,
|
|
148
|
+
get: function () {
|
|
149
|
+
return _Button.ButtonProps;
|
|
150
|
+
}
|
|
151
|
+
});
|
|
142
152
|
Object.defineProperty(exports, "Card", {
|
|
143
153
|
enumerable: true,
|
|
144
154
|
get: function () {
|
|
@@ -301,6 +311,24 @@ Object.defineProperty(exports, "Icon", {
|
|
|
301
311
|
return _Icon.default;
|
|
302
312
|
}
|
|
303
313
|
});
|
|
314
|
+
Object.defineProperty(exports, "IconName", {
|
|
315
|
+
enumerable: true,
|
|
316
|
+
get: function () {
|
|
317
|
+
return _Icon.IconName;
|
|
318
|
+
}
|
|
319
|
+
});
|
|
320
|
+
Object.defineProperty(exports, "IconProps", {
|
|
321
|
+
enumerable: true,
|
|
322
|
+
get: function () {
|
|
323
|
+
return _Icon.IconProps;
|
|
324
|
+
}
|
|
325
|
+
});
|
|
326
|
+
Object.defineProperty(exports, "IconSize", {
|
|
327
|
+
enumerable: true,
|
|
328
|
+
get: function () {
|
|
329
|
+
return _Icon.IconSize;
|
|
330
|
+
}
|
|
331
|
+
});
|
|
304
332
|
Object.defineProperty(exports, "InPlaceEdit", {
|
|
305
333
|
enumerable: true,
|
|
306
334
|
get: function () {
|
|
@@ -607,7 +635,7 @@ var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));
|
|
|
607
635
|
var _AuxiliaryActions = _interopRequireDefault(require("./AuxiliaryActions"));
|
|
608
636
|
var _Badge = _interopRequireDefault(require("./Badge"));
|
|
609
637
|
var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
|
|
610
|
-
var _Button =
|
|
638
|
+
var _Button = _interopRequireWildcard(require("./Button"));
|
|
611
639
|
var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
|
|
612
640
|
var _Card = _interopRequireWildcard(require("./Card"));
|
|
613
641
|
Object.keys(_Card).forEach(function (key) {
|
|
@@ -703,7 +731,7 @@ var _Grid = _interopRequireDefault(require("./Grid"));
|
|
|
703
731
|
var _GridCol = _interopRequireDefault(require("./GridCol"));
|
|
704
732
|
var _Heading = _interopRequireDefault(require("./Heading"));
|
|
705
733
|
var _Hint = _interopRequireDefault(require("./Hint"));
|
|
706
|
-
var _Icon =
|
|
734
|
+
var _Icon = _interopRequireWildcard(require("./Icon"));
|
|
707
735
|
var _Input = _interopRequireDefault(require("./Input"));
|
|
708
736
|
var _InputFile = _interopRequireDefault(require("./InputFile"));
|
|
709
737
|
var _InputNumber = _interopRequireDefault(require("./InputNumber"));
|
package/cjs/index.js
CHANGED