@plesk/ui-library 3.43.0 → 3.43.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/Tabs/TabListItem.js +14 -10
- package/cjs/index.js +1 -1
- package/dist/plesk-ui-library.js +15 -11
- 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/Tabs/TabListItem.js +14 -10
- package/esm/index.js +1 -1
- package/package.json +1 -1
- package/styleguide/build/{bundle.ef040f7a.js → bundle.06c6ee6c.js} +2 -2
- package/styleguide/index.html +2 -2
- /package/styleguide/build/{bundle.ef040f7a.js.LICENSE.txt → bundle.06c6ee6c.js.LICENSE.txt} +0 -0
|
@@ -28,32 +28,36 @@ const TabListItem = _ref => {
|
|
|
28
28
|
icon,
|
|
29
29
|
onActivate,
|
|
30
30
|
onClose,
|
|
31
|
-
component
|
|
31
|
+
component = 'a',
|
|
32
32
|
style = {},
|
|
33
33
|
...tabProps
|
|
34
34
|
} = tab.props;
|
|
35
35
|
const closable = typeof onClose === 'function';
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
const linkProps = isFake ? {
|
|
37
|
+
tabIndex: -1
|
|
38
|
+
} : {
|
|
39
|
+
tabIndex: tabProps.tabIndex || 0,
|
|
40
|
+
onClick,
|
|
41
|
+
onKeyDown: (0, _utils.wrapFunction)(tabProps.onKeyDown, e => {
|
|
39
42
|
if (e.key === 'Enter') {
|
|
40
43
|
e.currentTarget.click();
|
|
41
44
|
}
|
|
42
|
-
})
|
|
43
|
-
|
|
45
|
+
}),
|
|
46
|
+
role: 'tab',
|
|
47
|
+
'aria-selected': selected || undefined,
|
|
48
|
+
...tabProps
|
|
49
|
+
};
|
|
50
|
+
const Tag = isFake ? 'a' : component;
|
|
44
51
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
45
52
|
className: (0, _classnames.default)(`${baseClassName}__tab`, selected && `${baseClassName}__tab--selected`, closable && `${baseClassName}__tab--closable`),
|
|
46
53
|
role: isFake ? undefined : 'presentation',
|
|
47
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
|
|
48
55
|
className: `${baseClassName}__link`,
|
|
49
|
-
role: isFake ? undefined : 'tab',
|
|
50
|
-
"aria-selected": selected || undefined,
|
|
51
|
-
onClick: onClick,
|
|
52
56
|
style: {
|
|
53
57
|
width: monospacedWidth || undefined,
|
|
54
58
|
...style
|
|
55
59
|
},
|
|
56
|
-
...
|
|
60
|
+
...linkProps,
|
|
57
61
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TabIcon.default, {
|
|
58
62
|
icon: icon,
|
|
59
63
|
baseClassName: baseClassName
|
package/cjs/index.js
CHANGED
|
@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
|
|
|
46
46
|
});
|
|
47
47
|
});
|
|
48
48
|
// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
|
|
49
|
-
const version = exports.version = "3.43.
|
|
49
|
+
const version = exports.version = "3.43.1";
|
|
50
50
|
(0, _svg4everybody.default)();
|
package/dist/plesk-ui-library.js
CHANGED
|
@@ -58886,7 +58886,7 @@ function useFocusVisible() {
|
|
|
58886
58886
|
/***/ ((module) => {
|
|
58887
58887
|
|
|
58888
58888
|
"use strict";
|
|
58889
|
-
module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.43.
|
|
58889
|
+
module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.43.1","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.25.6","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.65.18","marked":"15.0.7","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.25.2","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.25.4","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.25.6","@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.5.0","@testing-library/react":"^16.1.0","@testing-library/user-event":"^14.5.2","@types/buble":"^0.20.5","@types/classnames":"2.3.4","@types/codemirror":"^5.60.15","@types/doctrine":"^0.0.9","@types/jest":"^29.5.13","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^6.0.0","@types/node":"^22.5.5","@types/react":"^18.3.8","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.12","@types/react-transition-group":"^4.4.11","@types/svg4everybody":"2.1.5","@types/webpack-env":"^1.18.5","autoprefixer":"^10.4.20","babel-loader":"^10.0.0","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^7.0.3","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.0","eslint":"^9.21.0","eslint-config-prettier":"^10.0.2","eslint-plugin-markdown":"^5.1.0","html-webpack-plugin":"^5.6.0","jest":"^29.7.0","jest-dev-server":"^11.0.0","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^12.2.0","mini-css-extract-plugin":"^2.9.1","postcss":"^8.4.47","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^8.0.0","prettier":"^3.4.1","puppeteer-core":"22.15.0","react":"^18.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.3","rimraf":"^6.0.1","rtlcss":"^4.3.0","style-loader":"^4.0.0","stylelint":"^16.11.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^8.0.2","stylelint-prettier":"^5.0.2","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.10","typescript":"5.8.2","typescript-eslint":"^8.26.0","webpack":"^5.94.0","webpack-cli":"^6.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3"},"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"}');
|
|
58890
58890
|
|
|
58891
58891
|
/***/ }),
|
|
58892
58892
|
|
|
@@ -79949,32 +79949,36 @@ const TabListItem = _ref => {
|
|
|
79949
79949
|
icon,
|
|
79950
79950
|
onActivate,
|
|
79951
79951
|
onClose,
|
|
79952
|
-
component
|
|
79952
|
+
component = 'a',
|
|
79953
79953
|
style = {},
|
|
79954
79954
|
...tabProps
|
|
79955
79955
|
} = tab.props;
|
|
79956
79956
|
const closable = typeof onClose === 'function';
|
|
79957
|
-
|
|
79958
|
-
|
|
79959
|
-
|
|
79957
|
+
const linkProps = isFake ? {
|
|
79958
|
+
tabIndex: -1
|
|
79959
|
+
} : {
|
|
79960
|
+
tabIndex: tabProps.tabIndex || 0,
|
|
79961
|
+
onClick,
|
|
79962
|
+
onKeyDown: (0, _utils.wrapFunction)(tabProps.onKeyDown, e => {
|
|
79960
79963
|
if (e.key === 'Enter') {
|
|
79961
79964
|
e.currentTarget.click();
|
|
79962
79965
|
}
|
|
79963
|
-
})
|
|
79964
|
-
|
|
79966
|
+
}),
|
|
79967
|
+
role: 'tab',
|
|
79968
|
+
'aria-selected': selected || undefined,
|
|
79969
|
+
...tabProps
|
|
79970
|
+
};
|
|
79971
|
+
const Tag = isFake ? 'a' : component;
|
|
79965
79972
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
79966
79973
|
className: (0, _classnames.default)(`${baseClassName}__tab`, selected && `${baseClassName}__tab--selected`, closable && `${baseClassName}__tab--closable`),
|
|
79967
79974
|
role: isFake ? undefined : 'presentation',
|
|
79968
79975
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
|
|
79969
79976
|
className: `${baseClassName}__link`,
|
|
79970
|
-
role: isFake ? undefined : 'tab',
|
|
79971
|
-
"aria-selected": selected || undefined,
|
|
79972
|
-
onClick: onClick,
|
|
79973
79977
|
style: {
|
|
79974
79978
|
width: monospacedWidth || undefined,
|
|
79975
79979
|
...style
|
|
79976
79980
|
},
|
|
79977
|
-
...
|
|
79981
|
+
...linkProps,
|
|
79978
79982
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TabIcon.default, {
|
|
79979
79983
|
icon: icon,
|
|
79980
79984
|
baseClassName: baseClassName
|