@plesk/ui-library 3.46.1 → 3.46.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/CodeEditor/CodeEditor.js +3 -1
- package/cjs/components/Layout/Layout.js +17 -7
- package/cjs/components/SegmentedControl/ButtonGroupControl.js +15 -12
- package/cjs/index.js +1 -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 +39 -36
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +3 -3
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/CodeEditor/CodeEditor.js +3 -1
- package/esm/components/Layout/Layout.js +17 -7
- package/esm/components/SegmentedControl/ButtonGroupControl.js +15 -12
- package/esm/index.js +1 -1
- package/package.json +1 -1
- package/styleguide/build/bundle.12369e15.js +2 -0
- package/styleguide/index.html +2 -2
- package/styleguide/build/bundle.19f0a6f2.js +0 -2
- /package/styleguide/build/{bundle.19f0a6f2.js.LICENSE.txt → bundle.12369e15.js.LICENSE.txt} +0 -0
package/dist/plesk-ui-library.js
CHANGED
|
@@ -53771,7 +53771,7 @@ var Popper = function () {
|
|
|
53771
53771
|
*/
|
|
53772
53772
|
|
|
53773
53773
|
|
|
53774
|
-
Popper.Utils = (typeof window !== 'undefined' ? window :
|
|
53774
|
+
Popper.Utils = (typeof window !== 'undefined' ? window : globalThis).PopperUtils;
|
|
53775
53775
|
Popper.placements = placements;
|
|
53776
53776
|
Popper.Defaults = Defaults;
|
|
53777
53777
|
|
|
@@ -60227,8 +60227,8 @@ var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined'
|
|
|
60227
60227
|
|
|
60228
60228
|
// Returns global object of a current environment.
|
|
60229
60229
|
var global$1 = (function () {
|
|
60230
|
-
if (typeof
|
|
60231
|
-
return
|
|
60230
|
+
if (typeof globalThis !== 'undefined' && globalThis.Math === Math) {
|
|
60231
|
+
return globalThis;
|
|
60232
60232
|
}
|
|
60233
60233
|
if (typeof self !== 'undefined' && self.Math === Math) {
|
|
60234
60234
|
return self;
|
|
@@ -61321,7 +61321,7 @@ function useFocusVisible() {
|
|
|
61321
61321
|
/***/ ((module) => {
|
|
61322
61322
|
|
|
61323
61323
|
"use strict";
|
|
61324
|
-
module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.46.
|
|
61324
|
+
module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.46.3","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.(less|css)\\"","format:check":"prettier --check src styleguidist","format":"prettier --write src styleguidist","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"rimraf ./styleguide && styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.27.6","@floating-ui/react-dom":"^2.1.3","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.65.20","marked":"15.0.12","memoize-one":"^6.0.0","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"2.0.0","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^3.1.0","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.27.7","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.27.4","@babel/preset-env":"^7.27.2","@babel/preset-react":"^7.27.1","@babel/preset-typescript":"^7.27.1","@babel/types":"^7.27.7","@csstools/postcss-logical-float-and-clear":"^3.0.0","@plesk/eslint-config":"^4.0.0","@plesk/stylelint-config":"^3.0.1","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.6.1","@types/buble":"^0.20.5","@types/classnames":"2.3.4","@types/codemirror":"^5.60.16","@types/doctrine":"^0.0.9","@types/jest":"^30.0.0","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^6.0.0","@types/node":"^24.0.7","@types/react":"^18.3.8","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.12","@types/react-transition-group":"^4.4.12","@types/svg4everybody":"2.1.5","@types/webpack-env":"^1.18.8","autoprefixer":"^10.4.21","babel-loader":"^10.0.0","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^10.0.0","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.2","eslint":"^9.30.0","eslint-config-prettier":"^10.1.5","eslint-plugin-markdown":"^5.1.0","html-webpack-plugin":"^5.6.3","jest":"^30.0.3","jest-dev-server":"^11.0.0","jest-environment-jsdom":"^30.0.2","jest-image-snapshot":"^6.5.1","less":"^4.3.0","less-loader":"^12.3.0","mini-css-extract-plugin":"^2.9.2","postcss":"^8.5.6","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^8.1.0","prettier":"^3.6.2","puppeteer-core":"22.15.0","react":"^18.3.1","react-docgen-typescript":"^2.4.0","react-dom":"^18.3.1","react-styleguidist":"^13.1.4","rimraf":"^6.0.1","rtlcss":"^4.3.0","style-loader":"^4.0.0","stylelint":"^16.21.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^8.0.4","stylelint-prettier":"^5.0.3","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.14","typescript":"5.9.3","typescript-eslint":"^8.35.0","webpack":"^5.99.9","webpack-cli":"^6.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
|
|
61325
61325
|
|
|
61326
61326
|
/***/ }),
|
|
61327
61327
|
|
|
@@ -64384,7 +64384,9 @@ class CodeEditor extends _react.Component {
|
|
|
64384
64384
|
tabMode: 'shift',
|
|
64385
64385
|
autoRefresh: true,
|
|
64386
64386
|
extraKeys: {
|
|
64387
|
-
'Ctrl-S': 'save'
|
|
64387
|
+
'Ctrl-S': 'save',
|
|
64388
|
+
Tab: false,
|
|
64389
|
+
'Shift-Tab': false
|
|
64388
64390
|
},
|
|
64389
64391
|
direction: (0, _utils2.isRtl)() ? 'rtl' : 'ltr'
|
|
64390
64392
|
}
|
|
@@ -72103,6 +72105,7 @@ class Layout extends _react.Component {
|
|
|
72103
72105
|
});
|
|
72104
72106
|
_defineProperty(this, "headerRef", /*#__PURE__*/(0, _react.createRef)());
|
|
72105
72107
|
_defineProperty(this, "sidebarRef", /*#__PURE__*/(0, _react.createRef)());
|
|
72108
|
+
_defineProperty(this, "rightSidebarRef", /*#__PURE__*/(0, _react.createRef)());
|
|
72106
72109
|
_defineProperty(this, "responsiveSidebarTogglerRef", /*#__PURE__*/(0, _react.createRef)());
|
|
72107
72110
|
_defineProperty(this, "unsubscribeMatchMedia", void 0);
|
|
72108
72111
|
_defineProperty(this, "unsubscribeClickOutside", void 0);
|
|
@@ -72357,6 +72360,8 @@ class Layout extends _react.Component {
|
|
|
72357
72360
|
const {
|
|
72358
72361
|
baseClassName
|
|
72359
72362
|
} = this.props;
|
|
72363
|
+
const isMobile = window.matchMedia('(max-width: 768px)').matches;
|
|
72364
|
+
const sidebarOffsetTop = this.headerRef.current?.getBoundingClientRect().height || 0;
|
|
72360
72365
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
|
|
72361
72366
|
in: !rightSidebarVisible,
|
|
72362
72367
|
timeout: 300,
|
|
@@ -72369,7 +72374,14 @@ class Layout extends _react.Component {
|
|
|
72369
72374
|
exitDone: `${baseClassName}__right-sidebar--off`
|
|
72370
72375
|
},
|
|
72371
72376
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
|
|
72372
|
-
|
|
72377
|
+
ref: this.rightSidebarRef,
|
|
72378
|
+
className: (0, _classnames.default)(`${baseClassName}__right-sidebar`, {
|
|
72379
|
+
[`${baseClassName}__right-sidebar--on`]: rightSidebarVisible,
|
|
72380
|
+
[`${baseClassName}__right-sidebar--off`]: !rightSidebarVisible
|
|
72381
|
+
}),
|
|
72382
|
+
style: {
|
|
72383
|
+
height: isMobile ? '100vh' : `calc(100vh - ${sidebarOffsetTop}px)`
|
|
72384
|
+
},
|
|
72373
72385
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
72374
72386
|
className: `${baseClassName}__right-sidebar-inner`,
|
|
72375
72387
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -72468,9 +72480,9 @@ class Layout extends _react.Component {
|
|
|
72468
72480
|
className: `${baseClassName}__container`,
|
|
72469
72481
|
children: [this.renderSidebar({
|
|
72470
72482
|
sidebar
|
|
72471
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
72483
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
72472
72484
|
className: `${baseClassName}__content-wrapper`,
|
|
72473
|
-
children:
|
|
72485
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
72474
72486
|
className: `${baseClassName}__content`,
|
|
72475
72487
|
children: [this.renderContentAddon({
|
|
72476
72488
|
contentAddon
|
|
@@ -72481,10 +72493,10 @@ class Layout extends _react.Component {
|
|
|
72481
72493
|
}), this.renderFooter({
|
|
72482
72494
|
footer
|
|
72483
72495
|
})]
|
|
72484
|
-
})
|
|
72485
|
-
|
|
72486
|
-
|
|
72487
|
-
|
|
72496
|
+
})
|
|
72497
|
+
}), this.renderRightSidebar({
|
|
72498
|
+
rightSidebar,
|
|
72499
|
+
rightSidebarVisible
|
|
72488
72500
|
})]
|
|
72489
72501
|
})]
|
|
72490
72502
|
})
|
|
@@ -78577,18 +78589,21 @@ const ButtonGroupControl = ({
|
|
|
78577
78589
|
width: shouldApplyMonoWidth ? monoWidth : style.width,
|
|
78578
78590
|
...style
|
|
78579
78591
|
};
|
|
78580
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
78581
|
-
|
|
78582
|
-
|
|
78583
|
-
node
|
|
78584
|
-
|
|
78585
|
-
|
|
78586
|
-
|
|
78587
|
-
|
|
78588
|
-
|
|
78589
|
-
|
|
78590
|
-
|
|
78591
|
-
|
|
78592
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
78593
|
+
role: "listitem",
|
|
78594
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
78595
|
+
ref: node => {
|
|
78596
|
+
index === 0 && (buttonsRef.current = []);
|
|
78597
|
+
node && buttonsRef.current.push(node);
|
|
78598
|
+
},
|
|
78599
|
+
selected: selectedValues.includes(value),
|
|
78600
|
+
ghost: ghost,
|
|
78601
|
+
onClick: () => onClick(value),
|
|
78602
|
+
...buttonProps,
|
|
78603
|
+
className: (0, _classnames.default)(buttonProps.className, `${baseClassName}__button`),
|
|
78604
|
+
style: buttonStyle,
|
|
78605
|
+
children: title
|
|
78606
|
+
})
|
|
78592
78607
|
}, `${value}`);
|
|
78593
78608
|
})
|
|
78594
78609
|
});
|
|
@@ -93095,18 +93110,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
|
|
|
93095
93110
|
/******/ };
|
|
93096
93111
|
/******/ })();
|
|
93097
93112
|
/******/
|
|
93098
|
-
/******/ /* webpack/runtime/global */
|
|
93099
|
-
/******/ (() => {
|
|
93100
|
-
/******/ __webpack_require__.g = (function() {
|
|
93101
|
-
/******/ if (typeof globalThis === 'object') return globalThis;
|
|
93102
|
-
/******/ try {
|
|
93103
|
-
/******/ return this || new Function('return this')();
|
|
93104
|
-
/******/ } catch (e) {
|
|
93105
|
-
/******/ if (typeof window === 'object') return window;
|
|
93106
|
-
/******/ }
|
|
93107
|
-
/******/ })();
|
|
93108
|
-
/******/ })();
|
|
93109
|
-
/******/
|
|
93110
93113
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
93111
93114
|
/******/ (() => {
|
|
93112
93115
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|