@salutejs/sdds-cs 0.361.0-canary.2971.29823606776.0 → 0.362.0-dev.0
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/dist/emotion/cjs/components/Button/Button.js +3 -3
- package/dist/emotion/cjs/components/IconButton/IconButton.js +70 -1
- package/dist/emotion/es/components/Button/Button.js +3 -3
- package/dist/emotion/es/components/IconButton/IconButton.js +25 -2
- package/package.json +8 -8
- package/types/components/IconButton/IconButton.d.ts +28 -11
- package/types/components/Rating/Rating.d.ts +1 -0
|
@@ -61,11 +61,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
61
61
|
}
|
|
62
62
|
const mergedConfig = (0, _emotion.mergeConfig)(_emotion.buttonConfig, _Buttonconfig.config);
|
|
63
63
|
const ButtonComponent = (0, _emotion.component)(mergedConfig);
|
|
64
|
-
// INFO: Данное поведение запрошено
|
|
64
|
+
// INFO: Данное поведение запрошено продуктом
|
|
65
65
|
const StyledButton = /*#__PURE__*/ (0, _styled.default)(ButtonComponent, {
|
|
66
|
-
target: "
|
|
66
|
+
target: "e1owdhnp0",
|
|
67
67
|
label: "StyledButton"
|
|
68
|
-
})("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", _emotion.buttonTokens.buttonColorActive, ",var(", _emotion.buttonTokens.buttonColor, "));background:var(", _emotion.buttonTokens.buttonBackgroundColorActive, ",var(", _emotion.buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/
|
|
68
|
+
})("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", _emotion.buttonTokens.buttonColorActive, ",var(", _emotion.buttonTokens.buttonColor, "));background:var(", _emotion.buttonTokens.buttonBackgroundColorActive, ",var(", _emotion.buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
|
|
69
69
|
const Button = (0, _plasmanewhope.makePolymorphic)(/*#__PURE__*/ (0, _react.forwardRef)(({ onClick, isLoading, value, ...props }, ref)=>{
|
|
70
70
|
const handleClick = (0, _react.useCallback)((event)=>{
|
|
71
71
|
if (!isLoading) {
|
|
@@ -8,8 +8,77 @@ Object.defineProperty(exports, "IconButton", {
|
|
|
8
8
|
return IconButton;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
11
12
|
const _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
13
|
+
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
|
|
12
14
|
const _IconButtonconfig = require("./IconButton.config");
|
|
15
|
+
function _interop_require_default(obj) {
|
|
16
|
+
return obj && obj.__esModule ? obj : {
|
|
17
|
+
default: obj
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
21
|
+
if (typeof WeakMap !== "function") return null;
|
|
22
|
+
var cacheBabelInterop = new WeakMap();
|
|
23
|
+
var cacheNodeInterop = new WeakMap();
|
|
24
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
25
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
26
|
+
})(nodeInterop);
|
|
27
|
+
}
|
|
28
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
29
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
30
|
+
return obj;
|
|
31
|
+
}
|
|
32
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
33
|
+
return {
|
|
34
|
+
default: obj
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
38
|
+
if (cache && cache.has(obj)) {
|
|
39
|
+
return cache.get(obj);
|
|
40
|
+
}
|
|
41
|
+
var newObj = {
|
|
42
|
+
__proto__: null
|
|
43
|
+
};
|
|
44
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
45
|
+
for(var key in obj){
|
|
46
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
47
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
48
|
+
if (desc && (desc.get || desc.set)) {
|
|
49
|
+
Object.defineProperty(newObj, key, desc);
|
|
50
|
+
} else {
|
|
51
|
+
newObj[key] = obj[key];
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
newObj.default = obj;
|
|
56
|
+
if (cache) {
|
|
57
|
+
cache.set(obj, newObj);
|
|
58
|
+
}
|
|
59
|
+
return newObj;
|
|
60
|
+
}
|
|
13
61
|
const mergedConfig = (0, _emotion.mergeConfig)(_emotion.iconButtonConfig, _IconButtonconfig.config);
|
|
14
62
|
const IconButtonComponent = (0, _emotion.component)(mergedConfig);
|
|
15
|
-
const
|
|
63
|
+
const { iconButtonBackgroundColorActive, iconButtonBackgroundColor, iconButtonColor, iconButtonColorActive } = _emotion.iconButtonTokens;
|
|
64
|
+
// INFO: Данное поведение запрошено продуктом
|
|
65
|
+
const StyledIconButton = /*#__PURE__*/ (0, _styled.default)(IconButtonComponent, {
|
|
66
|
+
target: "ez9pxld0",
|
|
67
|
+
label: "StyledIconButton"
|
|
68
|
+
})("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", iconButtonColorActive, ",var(", iconButtonColor, "));background:var(", iconButtonBackgroundColorActive, ",var(", iconButtonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZUNhbGxiYWNrLCBNb3VzZUV2ZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBpY29uQnV0dG9uQ29uZmlnLFxuICAgIGNvbXBvbmVudCxcbiAgICBtZXJnZUNvbmZpZyxcbiAgICBidXR0b25DbGFzc2VzLFxuICAgIGljb25CdXR0b25Ub2tlbnMsXG59IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vSWNvbkJ1dHRvbi5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG50eXBlIEljb25CdXR0b25Qcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBJY29uQnV0dG9uQ29tcG9uZW50PjtcblxuY29uc3Qge1xuICAgIGljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcixcbiAgICBpY29uQnV0dG9uQ29sb3IsXG4gICAgaWNvbkJ1dHRvbkNvbG9yQWN0aXZlLFxufSA9IGljb25CdXR0b25Ub2tlbnM7XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICAmJi4ke1N0cmluZyhidXR0b25DbGFzc2VzLmJ1dHRvbkxvYWRpbmcpfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHtpY29uQnV0dG9uQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQ29sb3J9KSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke2ljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSkpO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvdC+0L/QutCwINGBINC40LrQvtC90LrQvtC5LlxuICovXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWlzTG9hZGluZykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtpc0xvYWRpbmcsIG9uQ2xpY2tdLFxuICAgICk7XG5cbiAgICByZXR1cm4gPFN0eWxlZEljb25CdXR0b24gcmVmPXtyZWZ9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gey4uLnByb3BzfSAvPjtcbn0pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCeUIifQ== */");
|
|
69
|
+
const IconButton = /*#__PURE__*/ (0, _react.forwardRef)(({ onClick, isLoading, ...props }, ref)=>{
|
|
70
|
+
const handleClick = (0, _react.useCallback)((event)=>{
|
|
71
|
+
if (!isLoading) {
|
|
72
|
+
onClick?.(event);
|
|
73
|
+
}
|
|
74
|
+
}, [
|
|
75
|
+
isLoading,
|
|
76
|
+
onClick
|
|
77
|
+
]);
|
|
78
|
+
return /*#__PURE__*/ _react.default.createElement(StyledIconButton, {
|
|
79
|
+
ref: ref,
|
|
80
|
+
onClick: handleClick,
|
|
81
|
+
isLoading: isLoading,
|
|
82
|
+
...props
|
|
83
|
+
});
|
|
84
|
+
});
|
|
@@ -5,11 +5,11 @@ import styled from '@emotion/styled';
|
|
|
5
5
|
import { config } from './Button.config';
|
|
6
6
|
const mergedConfig = mergeConfig(buttonConfig, config);
|
|
7
7
|
const ButtonComponent = component(mergedConfig);
|
|
8
|
-
// INFO: Данное поведение запрошено
|
|
8
|
+
// INFO: Данное поведение запрошено продуктом
|
|
9
9
|
const StyledButton = /*#__PURE__*/ styled(ButtonComponent, {
|
|
10
|
-
target: "
|
|
10
|
+
target: "e1owdhnp0",
|
|
11
11
|
label: "StyledButton"
|
|
12
|
-
})("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/
|
|
12
|
+
})("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
|
|
13
13
|
/**
|
|
14
14
|
* Кнопка.
|
|
15
15
|
*/ export const Button = makePolymorphic(/*#__PURE__*/ forwardRef(({ onClick, isLoading, value, ...props }, ref)=>{
|
|
@@ -1,7 +1,30 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { useCallback, forwardRef } from 'react';
|
|
2
|
+
import { iconButtonConfig, component, mergeConfig, buttonClasses, iconButtonTokens } from '@salutejs/plasma-new-hope/emotion';
|
|
3
|
+
import styled from '@emotion/styled';
|
|
2
4
|
import { config } from './IconButton.config';
|
|
3
5
|
const mergedConfig = mergeConfig(iconButtonConfig, config);
|
|
4
6
|
const IconButtonComponent = component(mergedConfig);
|
|
7
|
+
const { iconButtonBackgroundColorActive, iconButtonBackgroundColor, iconButtonColor, iconButtonColorActive } = iconButtonTokens;
|
|
8
|
+
// INFO: Данное поведение запрошено продуктом
|
|
9
|
+
const StyledIconButton = /*#__PURE__*/ styled(IconButtonComponent, {
|
|
10
|
+
target: "ez9pxld0",
|
|
11
|
+
label: "StyledIconButton"
|
|
12
|
+
})("&&.", String(buttonClasses.buttonLoading), "{color:var(", iconButtonColorActive, ",var(", iconButtonColor, "));background:var(", iconButtonBackgroundColorActive, ",var(", iconButtonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZUNhbGxiYWNrLCBNb3VzZUV2ZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBpY29uQnV0dG9uQ29uZmlnLFxuICAgIGNvbXBvbmVudCxcbiAgICBtZXJnZUNvbmZpZyxcbiAgICBidXR0b25DbGFzc2VzLFxuICAgIGljb25CdXR0b25Ub2tlbnMsXG59IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vSWNvbkJ1dHRvbi5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG50eXBlIEljb25CdXR0b25Qcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBJY29uQnV0dG9uQ29tcG9uZW50PjtcblxuY29uc3Qge1xuICAgIGljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcixcbiAgICBpY29uQnV0dG9uQ29sb3IsXG4gICAgaWNvbkJ1dHRvbkNvbG9yQWN0aXZlLFxufSA9IGljb25CdXR0b25Ub2tlbnM7XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICAmJi4ke1N0cmluZyhidXR0b25DbGFzc2VzLmJ1dHRvbkxvYWRpbmcpfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHtpY29uQnV0dG9uQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQ29sb3J9KSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke2ljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSkpO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvdC+0L/QutCwINGBINC40LrQvtC90LrQvtC5LlxuICovXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWlzTG9hZGluZykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtpc0xvYWRpbmcsIG9uQ2xpY2tdLFxuICAgICk7XG5cbiAgICByZXR1cm4gPFN0eWxlZEljb25CdXR0b24gcmVmPXtyZWZ9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gey4uLnByb3BzfSAvPjtcbn0pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCeUIifQ== */");
|
|
5
13
|
/**
|
|
6
14
|
* Кнопка с иконкой.
|
|
7
|
-
*/ export const IconButton =
|
|
15
|
+
*/ export const IconButton = /*#__PURE__*/ forwardRef(({ onClick, isLoading, ...props }, ref)=>{
|
|
16
|
+
const handleClick = useCallback((event)=>{
|
|
17
|
+
if (!isLoading) {
|
|
18
|
+
onClick?.(event);
|
|
19
|
+
}
|
|
20
|
+
}, [
|
|
21
|
+
isLoading,
|
|
22
|
+
onClick
|
|
23
|
+
]);
|
|
24
|
+
return /*#__PURE__*/ React.createElement(StyledIconButton, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
onClick: handleClick,
|
|
27
|
+
isLoading: isLoading,
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.362.0-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"styled-components": "^5.3.1"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@salutejs/plasma-new-hope": "0.
|
|
46
|
-
"@salutejs/sdds-themes": "0.71.0-
|
|
45
|
+
"@salutejs/plasma-new-hope": "0.370.0-dev.0",
|
|
46
|
+
"@salutejs/sdds-themes": "0.71.0-dev.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@babel/cli": "7.24.1",
|
|
@@ -58,10 +58,10 @@
|
|
|
58
58
|
"@emotion/styled": ">=11",
|
|
59
59
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
60
60
|
"@salutejs/plasma-colors": "0.16.0",
|
|
61
|
-
"@salutejs/plasma-core": "1.
|
|
62
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
63
|
-
"@salutejs/plasma-icons": "1.243.0-
|
|
64
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
61
|
+
"@salutejs/plasma-core": "1.233.0-dev.0",
|
|
62
|
+
"@salutejs/plasma-cy-utils": "0.163.0-dev.0",
|
|
63
|
+
"@salutejs/plasma-icons": "1.243.0-dev.0",
|
|
64
|
+
"@salutejs/plasma-sb-utils": "0.234.0-dev.0",
|
|
65
65
|
"@types/node": "16.7.13",
|
|
66
66
|
"@types/react": "18.0.28",
|
|
67
67
|
"@types/react-dom": "18.0.11",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"salute.developers@gmail.com"
|
|
103
103
|
],
|
|
104
104
|
"sideEffects": false,
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "efcc8fe5582bdd90d0db16c3250d021f08b1288b"
|
|
106
106
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
/**
|
|
2
3
|
* Кнопка с иконкой.
|
|
3
4
|
*/
|
|
4
|
-
export declare const IconButton:
|
|
5
|
+
export declare const IconButton: React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
|
|
5
6
|
view: {
|
|
6
7
|
accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
8
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -17,13 +18,13 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
|
17
18
|
focused: {
|
|
18
19
|
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
19
20
|
};
|
|
20
|
-
}> &
|
|
21
|
+
}> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
21
22
|
text?: string;
|
|
22
|
-
contentLeft?:
|
|
23
|
+
contentLeft?: React.ReactNode;
|
|
23
24
|
contentPlacing?: "default" | "relaxed";
|
|
24
|
-
additionalContent?:
|
|
25
|
+
additionalContent?: React.ReactNode;
|
|
25
26
|
isLoading?: boolean;
|
|
26
|
-
loader?:
|
|
27
|
+
loader?: React.ReactNode;
|
|
27
28
|
stretch?: boolean;
|
|
28
29
|
stretching?: "auto" | "filled" | "fixed";
|
|
29
30
|
square?: boolean;
|
|
@@ -40,13 +41,29 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
|
40
41
|
} & {
|
|
41
42
|
value?: string | number;
|
|
42
43
|
contentRight?: never;
|
|
43
|
-
} &
|
|
44
|
+
} & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
|
|
45
|
+
view: {
|
|
46
|
+
accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
47
|
+
secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
48
|
+
clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
49
|
+
};
|
|
50
|
+
size: {
|
|
51
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
52
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
53
|
+
};
|
|
54
|
+
disabled: {
|
|
55
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
56
|
+
};
|
|
57
|
+
focused: {
|
|
58
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
59
|
+
};
|
|
60
|
+
}> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
|
|
44
61
|
text?: string;
|
|
45
|
-
contentLeft?:
|
|
62
|
+
contentLeft?: React.ReactNode;
|
|
46
63
|
contentPlacing?: "default" | "relaxed";
|
|
47
|
-
additionalContent?:
|
|
64
|
+
additionalContent?: React.ReactNode;
|
|
48
65
|
isLoading?: boolean;
|
|
49
|
-
loader?:
|
|
66
|
+
loader?: React.ReactNode;
|
|
50
67
|
stretch?: boolean;
|
|
51
68
|
stretching?: "auto" | "filled" | "fixed";
|
|
52
69
|
square?: boolean;
|
|
@@ -62,5 +79,5 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
|
62
79
|
blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
|
|
63
80
|
} & {
|
|
64
81
|
value?: never;
|
|
65
|
-
contentRight?:
|
|
66
|
-
} &
|
|
82
|
+
contentRight?: React.ReactNode;
|
|
83
|
+
} & React.RefAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -11,6 +11,7 @@ export declare const Rating: import("react").FunctionComponent<import("@salutejs
|
|
|
11
11
|
value?: number | null;
|
|
12
12
|
hasValue?: boolean;
|
|
13
13
|
precision?: number;
|
|
14
|
+
decimalSeparator?: string;
|
|
14
15
|
valuePlacement?: "before" | "after";
|
|
15
16
|
iconSlot?: React.ReactNode;
|
|
16
17
|
iconSlotOutline?: React.ReactNode;
|