@skbkontur/react-ui 1.11.8 → 1.12.2
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/components/Checkbox/Checkbox.d.ts +1 -0
- package/components/Checkbox/Checkbox.js +5 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Logotype/Logotype.d.ts +17 -2
- package/components/Logotype/Logotype.js +62 -18
- package/components/Logotype/Logotype.js.map +1 -1
- package/components/Logotype/Logotype.module.css +23 -30
- package/components/Logotype/Logotype.styles.d.ts +7 -1
- package/components/Logotype/Logotype.styles.js +22 -4
- package/components/Logotype/Logotype.styles.js.map +1 -1
- package/components/Logotype/README.md +21 -1
- package/components/Radio/Radio.d.ts +1 -0
- package/components/Radio/Radio.js +6 -1
- package/components/Radio/Radio.js.map +1 -1
- package/components/TopBar/README.md +2 -1
- package/components/TopBar/TopBar.styles.js +1 -1
- package/components/TopBar/TopBar.styles.js.map +1 -1
- package/components/ZIndex/ZIndexStorage.js +1 -1
- package/lib/events/fixFirefoxModifiedClickOnLabel.d.ts +3 -0
- package/lib/events/fixFirefoxModifiedClickOnLabel.js +17 -0
- package/lib/events/fixFirefoxModifiedClickOnLabel.js.map +1 -0
- package/package.json +2 -2
|
@@ -10,6 +10,7 @@ var Emotion_1 = require("../../lib/theming/Emotion");
|
|
|
10
10
|
var Checkbox_styles_1 = tslib_1.__importStar(require("./Checkbox.styles"));
|
|
11
11
|
var ThemeConsumer_1 = require("../ThemeConsumer");
|
|
12
12
|
var utils_1 = require("../../lib/utils");
|
|
13
|
+
var fixFirefoxModifiedClickOnLabel_1 = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
|
|
13
14
|
/**
|
|
14
15
|
* Все свойства, кроме перечисленных, `className` и `style` передаются в `input`.
|
|
15
16
|
*/
|
|
@@ -100,6 +101,9 @@ var Checkbox = /** @class */function (_super) {
|
|
|
100
101
|
_this.props.onClick(e);
|
|
101
102
|
}
|
|
102
103
|
};
|
|
104
|
+
_this.handleLabelClick = function (e) {
|
|
105
|
+
return fixFirefoxModifiedClickOnLabel_1.fixFirefoxModifiedClickOnLabel(_this.input, e);
|
|
106
|
+
};
|
|
103
107
|
return _this;
|
|
104
108
|
}
|
|
105
109
|
Checkbox.prototype.componentWillReceiveProps = function (nextProps) {
|
|
@@ -158,7 +162,7 @@ var Checkbox = /** @class */function (_super) {
|
|
|
158
162
|
_c[Checkbox_styles_1["default"].iconFixBaseline()] = utils_1.isFirefox || utils_1.isIE11 || utils_1.isEdge,
|
|
159
163
|
_c));
|
|
160
164
|
var box = React.createElement("span", { className: Emotion_1.cx(Checkbox_styles_1.classes.box, Checkbox_styles_1["default"].box(this.theme)) }, isIndeterminate && React.createElement(Square_1["default"], { className: iconClass }) || React.createElement(Ok_1["default"], { className: iconClass }));
|
|
161
|
-
return React.createElement("label", { className: rootClass, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver },
|
|
165
|
+
return React.createElement("label", { className: rootClass, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onClick: this.handleLabelClick },
|
|
162
166
|
React.createElement("input", tslib_1.__assign({}, inputProps)),
|
|
163
167
|
box,
|
|
164
168
|
caption);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,4DAAwC;AACxC,yEAA+C;AAC/C,iFAAmD;AAEnD,qFAAuD;AACvD,qDAA+C;AAC/C,2EAAsD;AACtD,kDAAiD;AAEjD,yCAA4D;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ export interface LogotypeProps {
|
|
|
22
22
|
* Размер шрифта логотипа в пикселях.
|
|
23
23
|
* @default 22
|
|
24
24
|
*/
|
|
25
|
-
size
|
|
25
|
+
size?: number;
|
|
26
26
|
/**
|
|
27
27
|
* Цвет логотипа Контура в rgb, rgba, hex
|
|
28
28
|
*/
|
|
@@ -40,6 +40,16 @@ export interface LogotypeProps {
|
|
|
40
40
|
* @default { prefix: 'к', suffix: 'нтур' }
|
|
41
41
|
*/
|
|
42
42
|
locale?: LogotypePropLocale;
|
|
43
|
+
/**
|
|
44
|
+
* Логотип Контура
|
|
45
|
+
* @see [@skbkontur/logos](/#/logos)
|
|
46
|
+
*/
|
|
47
|
+
konturLogo: React.ReactElement<any> | null;
|
|
48
|
+
/**
|
|
49
|
+
* Логотип продукта
|
|
50
|
+
* @see [@skbkontur/logos](/#/logos)
|
|
51
|
+
*/
|
|
52
|
+
productLogo: React.ReactElement<any> | null;
|
|
43
53
|
}
|
|
44
54
|
declare class Logotype extends React.Component<LogotypeProps> {
|
|
45
55
|
static __KONTUR_REACT_UI__: string;
|
|
@@ -57,10 +67,11 @@ declare class Logotype extends React.Component<LogotypeProps> {
|
|
|
57
67
|
};
|
|
58
68
|
static defaultProps: {
|
|
59
69
|
color: string;
|
|
60
|
-
size: number;
|
|
61
70
|
textColor: string;
|
|
62
71
|
component: string;
|
|
63
72
|
href: string;
|
|
73
|
+
konturLogo: null;
|
|
74
|
+
productLogo: null;
|
|
64
75
|
};
|
|
65
76
|
private theme;
|
|
66
77
|
private readonly locale;
|
|
@@ -70,6 +81,10 @@ declare class Logotype extends React.Component<LogotypeProps> {
|
|
|
70
81
|
componentDidUpdate(): void;
|
|
71
82
|
render(): JSX.Element;
|
|
72
83
|
private renderMain;
|
|
84
|
+
private readonly isOldBehavior;
|
|
85
|
+
private getSize;
|
|
86
|
+
private renderLogo;
|
|
87
|
+
private renderLogoOld;
|
|
73
88
|
private refLogoWrapper;
|
|
74
89
|
private handleNativeLogoClick;
|
|
75
90
|
private initWidget;
|
|
@@ -9,14 +9,17 @@ var decorators_1 = require("../LocaleProvider/decorators");
|
|
|
9
9
|
var locale_1 = require("./locale");
|
|
10
10
|
var ProductWidget_1 = tslib_1.__importDefault(require("./ProductWidget"));
|
|
11
11
|
var Logotype_module_less_1 = tslib_1.__importDefault(require("./Logotype.module.css"));
|
|
12
|
-
var Emotion_1 = require("../../lib/theming/Emotion");
|
|
13
12
|
var Logotype_styles_1 = tslib_1.__importDefault(require("./Logotype.styles"));
|
|
14
13
|
var ThemeConsumer_1 = require("../ThemeConsumer");
|
|
14
|
+
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
15
|
+
var utils_1 = require("../../lib/utils");
|
|
16
|
+
var DEFAULT_LOGO_SIZE = 24;
|
|
17
|
+
var DEFAULT_LOGO_SIZE_OLD = 22;
|
|
15
18
|
var createCloud = function createCloud(size, color) {
|
|
16
19
|
var INITIAL_WIDTH = 23;
|
|
17
20
|
var INITIAL_HEIGHT = 17;
|
|
18
21
|
var INITIAL_VERTICAL_ALIGN = -1;
|
|
19
|
-
var INITIAL_FONT_SIZE =
|
|
22
|
+
var INITIAL_FONT_SIZE = DEFAULT_LOGO_SIZE_OLD;
|
|
20
23
|
return React.createElement("svg", { viewBox: "0 0 " + INITIAL_WIDTH + " " + INITIAL_HEIGHT, className: Logotype_module_less_1["default"].cloud, style: {
|
|
21
24
|
width: size * (INITIAL_WIDTH / INITIAL_FONT_SIZE),
|
|
22
25
|
height: size * (INITIAL_HEIGHT / INITIAL_FONT_SIZE),
|
|
@@ -30,6 +33,31 @@ var Logotype = /** @class */function (_super) {
|
|
|
30
33
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
31
34
|
_this.logoWrapper = null;
|
|
32
35
|
_this.isWidgetInited = false;
|
|
36
|
+
_this.getSize = function () {
|
|
37
|
+
var size = _this.props.size;
|
|
38
|
+
if (size !== null && size !== undefined) {
|
|
39
|
+
return size;
|
|
40
|
+
}
|
|
41
|
+
return _this.isOldBehavior ? DEFAULT_LOGO_SIZE_OLD : DEFAULT_LOGO_SIZE;
|
|
42
|
+
};
|
|
43
|
+
_this.renderLogo = function () {
|
|
44
|
+
var _a = _this.props,konturLogo = _a.konturLogo,productLogo = _a.productLogo;
|
|
45
|
+
var size = _this.getSize();
|
|
46
|
+
return React.createElement(React.Fragment, null,
|
|
47
|
+
React.createElement("span", { className: Logotype_styles_1["default"].konturLogo() }, konturLogo && React.cloneElement(konturLogo, { size: size })),
|
|
48
|
+
productLogo && React.createElement("span", { className: Logotype_styles_1["default"].productLogo() }, React.cloneElement(productLogo, { size: size })));
|
|
49
|
+
};
|
|
50
|
+
_this.renderLogoOld = function () {
|
|
51
|
+
var _a = _this.props,suffix = _a.suffix,_b = _a.locale,propLocale = _b === void 0 ? _this.locale : _b,color = _a.color,textColor = _a.textColor;
|
|
52
|
+
var size = _this.getSize();
|
|
53
|
+
return React.createElement(React.Fragment, null,
|
|
54
|
+
React.createElement("span", { style: { color: textColor } }, propLocale.prefix),
|
|
55
|
+
React.createElement("span", { style: { color: color } }, createCloud(size, color)),
|
|
56
|
+
React.createElement("span", { style: { color: textColor } },
|
|
57
|
+
propLocale.suffix,
|
|
58
|
+
suffix && '.'),
|
|
59
|
+
suffix && React.createElement("span", { style: { color: color } }, suffix));
|
|
60
|
+
};
|
|
33
61
|
_this.refLogoWrapper = function (el) {
|
|
34
62
|
if (_this.logoWrapper) {
|
|
35
63
|
_this.logoWrapper.removeEventListener('click', _this.handleNativeLogoClick);
|
|
@@ -68,24 +96,39 @@ var Logotype = /** @class */function (_super) {
|
|
|
68
96
|
});
|
|
69
97
|
};
|
|
70
98
|
Logotype.prototype.renderMain = function () {
|
|
71
|
-
var _a;
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
|
|
99
|
+
var _a, _b, _c;
|
|
100
|
+
var _d = this.props,Component = _d.component,href = _d.href,withWidget = _d.withWidget,onArrowClick = _d.onArrowClick;
|
|
101
|
+
var isOldBehavior = this.isOldBehavior;
|
|
102
|
+
var size = this.getSize();
|
|
103
|
+
var componentClassName = classnames_1["default"](Logotype_styles_1["default"].root(), isOldBehavior && Logotype_styles_1["default"].rootOld(this.theme));
|
|
104
|
+
var dividerClassName = classnames_1["default"](!isOldBehavior && Logotype_styles_1["default"].divider(this.theme), isOldBehavior && Logotype_styles_1["default"].dividerOld(this.theme));
|
|
105
|
+
var buttonClassName = classnames_1["default"]((_a = {},
|
|
106
|
+
_a[Logotype_module_less_1["default"].button] = !isOldBehavior,
|
|
107
|
+
_a[Logotype_module_less_1["default"].buttonIE11Fallback] = !isOldBehavior && utils_1.isIE11,
|
|
108
|
+
_a[Logotype_module_less_1["default"].buttonOld] = isOldBehavior,
|
|
75
109
|
_a));
|
|
110
|
+
var styleComponent = isOldBehavior ? { fontSize: size + "px" } : { height: size };
|
|
111
|
+
var logo = isOldBehavior ? this.renderLogoOld() : this.renderLogo();
|
|
112
|
+
var arrowStyles = isOldBehavior ? {} : { height: 24 };
|
|
113
|
+
var dropdownClassName = classnames_1["default"]((_b = {},
|
|
114
|
+
_b[Logotype_styles_1["default"].dropdown()] = !isOldBehavior,
|
|
115
|
+
_b[Logotype_styles_1["default"].dropdownOld()] = isOldBehavior,
|
|
116
|
+
_b));
|
|
117
|
+
var component = React.createElement(Component, tslib_1.__assign({ href: href, tabIndex: "-1", className: componentClassName, style: styleComponent }, isOldBehavior ? {} : (_c = {}, _c['data-logotype-component'] = '', _c)), logo);
|
|
76
118
|
return React.createElement("div", { id: "spwDropdown", className: dropdownClassName },
|
|
77
119
|
React.createElement("span", { ref: this.refLogoWrapper, className: Logotype_module_less_1["default"].widgetWrapper },
|
|
78
|
-
|
|
79
|
-
React.createElement("span", {
|
|
80
|
-
React.createElement("
|
|
81
|
-
React.createElement("
|
|
82
|
-
propLocale.suffix,
|
|
83
|
-
suffix && '.'),
|
|
84
|
-
suffix && React.createElement("span", { style: { color: color } }, suffix)),
|
|
85
|
-
withWidget && React.createElement("span", { className: Emotion_1.cx(Logotype_module_less_1["default"].divider, Logotype_styles_1["default"].divider(this.theme)) })),
|
|
86
|
-
withWidget && React.createElement("button", { className: Logotype_module_less_1["default"].button, onClick: onArrowClick },
|
|
87
|
-
React.createElement(ArrowChevronDown_1["default"], { color: "#aaa", size: 20 })));
|
|
120
|
+
component,
|
|
121
|
+
withWidget && React.createElement("span", { className: dividerClassName })),
|
|
122
|
+
withWidget && React.createElement("button", { className: buttonClassName, onClick: onArrowClick },
|
|
123
|
+
React.createElement(ArrowChevronDown_1["default"], { color: "#aaa", size: 20, style: arrowStyles })));
|
|
88
124
|
};
|
|
125
|
+
Object.defineProperty(Logotype.prototype, "isOldBehavior", {
|
|
126
|
+
get: function get() {
|
|
127
|
+
return !this.props.konturLogo;
|
|
128
|
+
},
|
|
129
|
+
enumerable: true,
|
|
130
|
+
configurable: true });
|
|
131
|
+
|
|
89
132
|
Logotype.__KONTUR_REACT_UI__ = 'Logotype';
|
|
90
133
|
Logotype.propTypes = {
|
|
91
134
|
color: PropTypes.string,
|
|
@@ -101,10 +144,11 @@ var Logotype = /** @class */function (_super) {
|
|
|
101
144
|
|
|
102
145
|
Logotype.defaultProps = {
|
|
103
146
|
color: '#D92932',
|
|
104
|
-
size: 22,
|
|
105
147
|
textColor: '#000',
|
|
106
148
|
component: 'a',
|
|
107
|
-
href: '/'
|
|
149
|
+
href: '/',
|
|
150
|
+
konturLogo: null,
|
|
151
|
+
productLogo: null };
|
|
108
152
|
|
|
109
153
|
Logotype = tslib_1.__decorate([
|
|
110
154
|
decorators_1.locale('Logotype', locale_1.LogotypeLocaleHelper)],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logotype.js","sourceRoot":"","sources":["Logotype.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,4DAAwC;AACxC,qGAA2E;AAC3E,6FAA+D;AAC/D,2DAAsD;AAEtD,mCAAgE;AAChE,0EAA4C;AAC5C,wFAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"Logotype.js","sourceRoot":"","sources":["Logotype.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,46 +1,21 @@
|
|
|
1
|
-
:local .root {
|
|
2
|
-
font-weight: 400;
|
|
3
|
-
text-decoration: none;
|
|
4
|
-
position: relative;
|
|
5
|
-
bottom: 2px;
|
|
6
|
-
outline: none;
|
|
7
|
-
user-select: none;
|
|
8
|
-
}
|
|
9
1
|
:local .cloud {
|
|
10
2
|
display: inline-block;
|
|
11
3
|
position: relative;
|
|
12
4
|
}
|
|
13
|
-
:local .inner {
|
|
14
|
-
position: absolute;
|
|
15
|
-
top: 0;
|
|
16
|
-
right: 0;
|
|
17
|
-
bottom: 0;
|
|
18
|
-
left: 0;
|
|
19
|
-
}
|
|
20
|
-
:local .dropdown {
|
|
21
|
-
height: 100%;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-wrap: nowrap;
|
|
24
|
-
}
|
|
25
|
-
:local .dropdown.inline {
|
|
26
|
-
display: inline-flex;
|
|
27
|
-
}
|
|
28
|
-
:local .divider {
|
|
29
|
-
height: 60%;
|
|
30
|
-
margin: 0 0 0 10px;
|
|
31
|
-
width: 1px;
|
|
32
|
-
}
|
|
33
5
|
:local .widgetWrapper {
|
|
34
6
|
display: flex;
|
|
35
7
|
align-items: center;
|
|
36
8
|
}
|
|
37
9
|
:local .button {
|
|
38
|
-
|
|
10
|
+
height: 100%;
|
|
11
|
+
width: 20px;
|
|
12
|
+
box-sizing: content-box;
|
|
13
|
+
display: inline-block;
|
|
39
14
|
align-items: center;
|
|
40
15
|
margin: 0;
|
|
41
16
|
cursor: pointer;
|
|
42
17
|
outline: 0;
|
|
43
|
-
padding: 0
|
|
18
|
+
padding: 0 10px;
|
|
44
19
|
position: relative;
|
|
45
20
|
background: none;
|
|
46
21
|
border: none;
|
|
@@ -49,3 +24,21 @@
|
|
|
49
24
|
:local .button:focus {
|
|
50
25
|
background: rgba(0, 0, 0, 0.06);
|
|
51
26
|
}
|
|
27
|
+
:local .buttonIE11Fallback {
|
|
28
|
+
align-items: baseline;
|
|
29
|
+
}
|
|
30
|
+
:local .buttonOld {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
margin: 0;
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
outline: 0;
|
|
36
|
+
padding: 0 11px;
|
|
37
|
+
position: relative;
|
|
38
|
+
background: none;
|
|
39
|
+
border: none;
|
|
40
|
+
}
|
|
41
|
+
:local .buttonOld:hover,
|
|
42
|
+
:local .buttonOld:focus {
|
|
43
|
+
background: rgba(0, 0, 0, 0.06);
|
|
44
|
+
}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { ITheme } from '../../lib/theming/Theme';
|
|
2
2
|
declare const jsStyles: {
|
|
3
|
-
root(
|
|
3
|
+
root(): string;
|
|
4
|
+
rootOld(t: ITheme): string;
|
|
4
5
|
divider(t: ITheme): string;
|
|
6
|
+
dividerOld(t: ITheme): string;
|
|
7
|
+
konturLogo(): string;
|
|
8
|
+
productLogo(): string;
|
|
9
|
+
dropdown(): string;
|
|
10
|
+
dropdownOld(): string;
|
|
5
11
|
};
|
|
6
12
|
export default jsStyles;
|
|
@@ -3,12 +3,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var Emotion_1 = require("../../lib/theming/Emotion");
|
|
5
5
|
var jsStyles = {
|
|
6
|
-
root: function root(
|
|
7
|
-
return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n
|
|
6
|
+
root: function root() {
|
|
7
|
+
return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n font-weight: 400;\n text-decoration: none;\n position: relative;\n outline: none;\n user-select: none;\n "], ["\n display: inline-flex;\n font-weight: 400;\n text-decoration: none;\n position: relative;\n outline: none;\n user-select: none;\n "])));
|
|
8
|
+
},
|
|
9
|
+
rootOld: function rootOld(t) {
|
|
10
|
+
return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-weight: 400;\n text-decoration: none;\n position: relative;\n bottom: 2px;\n outline: none;\n user-select: none;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n "], ["\n font-weight: 400;\n text-decoration: none;\n position: relative;\n bottom: 2px;\n outline: none;\n user-select: none;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n "])), t.logoColor, t.logoHoverColor);
|
|
8
11
|
},
|
|
9
12
|
divider: function divider(t) {
|
|
10
|
-
return Emotion_1.css(
|
|
13
|
+
return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n position: relative;\n height: 100%;\n margin-left: 16px;\n width: 1px;\n display: flex;\n align-items: center;\n overflow: hidden;\n\n &:before {\n content: '';\n display: block;\n height: 60%;\n min-height: 25px;\n width: 1px;\n left: 0;\n background-color: ", ";\n }\n "], ["\n position: relative;\n height: 100%;\n margin-left: 16px;\n width: 1px;\n display: flex;\n align-items: center;\n overflow: hidden;\n\n &:before {\n content: '';\n display: block;\n height: 60%;\n min-height: 25px;\n width: 1px;\n left: 0;\n background-color: ", ";\n }\n "])), t.tdDividerBg);
|
|
14
|
+
},
|
|
15
|
+
dividerOld: function dividerOld(t) {
|
|
16
|
+
return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n height: 60%;\n margin: 0 0 0 10px;\n width: 1px;\n background-color: ", ";\n "], ["\n height: 60%;\n margin: 0 0 0 10px;\n width: 1px;\n background-color: ", ";\n "])), t.tdDividerBg);
|
|
17
|
+
},
|
|
18
|
+
konturLogo: function konturLogo() {
|
|
19
|
+
return Emotion_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n vertical-align: baseline;\n margin-right: 2px;\n "], ["\n display: inline-flex;\n vertical-align: baseline;\n margin-right: 2px;\n "])));
|
|
20
|
+
},
|
|
21
|
+
productLogo: function productLogo() {
|
|
22
|
+
return Emotion_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n vertical-align: baseline;\n "], ["\n display: inline-flex;\n vertical-align: baseline;\n "])));
|
|
23
|
+
},
|
|
24
|
+
dropdown: function dropdown() {
|
|
25
|
+
return Emotion_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n height: 100%;\n display: inline-flex;\n flex-wrap: nowrap;\n "], ["\n height: 100%;\n display: inline-flex;\n flex-wrap: nowrap;\n "])));
|
|
26
|
+
},
|
|
27
|
+
dropdownOld: function dropdownOld() {
|
|
28
|
+
return Emotion_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n display: flex;\n "], ["\n display: flex;\n "])));
|
|
11
29
|
} };
|
|
12
30
|
|
|
13
31
|
exports["default"] = jsStyles;
|
|
14
|
-
var templateObject_1, templateObject_2;
|
|
32
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logotype.styles.js","sourceRoot":"","sources":["Logotype.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAGhD,IAAM,QAAQ,GAAG;IACf,IAAI,YAAC,CAAS;
|
|
1
|
+
{"version":3,"file":"Logotype.styles.js","sourceRoot":"","sources":["Logotype.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAGhD,IAAM,QAAQ,GAAG;IACf,IAAI;QACF,OAAO,aAAG,kPAAA,uKAOT,KAAC;IACJ,CAAC;IAED,OAAO,YAAC,CAAS;QACf,OAAO,aAAG,+SAAA,uKAOC,EAAW,uCAGT,EAAgB,kBAE5B,KALU,CAAC,CAAC,SAAS,EAGT,CAAC,CAAC,cAAc,EAE3B;IACJ,CAAC;IAED,OAAO,YAAC,CAAS;QACf,OAAO,aAAG,gcAAA,iWAgBc,EAAa,kBAEpC,KAFuB,CAAC,CAAC,WAAW,EAEnC;IACJ,CAAC;IAED,UAAU,YAAC,CAAS;QAClB,OAAO,aAAG,oLAAA,8FAIY,EAAa,SAClC,KADqB,CAAC,CAAC,WAAW,EACjC;IACJ,CAAC;IAED,UAAU;QACR,OAAO,aAAG,2KAAA,gGAIT,KAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,aAAG,iJAAA,sEAGT,KAAC;IACJ,CAAC;IAED,QAAQ;QACN,OAAO,aAAG,+JAAA,oFAIT,KAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,aAAG,yGAAA,8BAET,KAAC;IACJ,CAAC;CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
const { default: Gapped } = require('../Gapped');
|
|
3
3
|
<Gapped vertical>
|
|
4
4
|
<Logotype suffix="edi" color="#1E79BE" />
|
|
5
|
-
<Logotype suffix="бухгалтерия" color="#A23A99" />
|
|
5
|
+
<Logotype suffix="бухгалтерия" color="#A23A99" withWidget />
|
|
6
6
|
<Logotype suffix="диадок" color="#1fab90" />
|
|
7
7
|
<Logotype suffix="экстерн" color="#F15600" />
|
|
8
8
|
<Logotype suffix="фокус" color="#56916E" />
|
|
@@ -12,6 +12,26 @@ const { default: Gapped } = require('../Gapped');
|
|
|
12
12
|
</Gapped>;
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
+
Примеры использования логотипов продуктов из пакета `@skbkontur/logos`:
|
|
16
|
+
|
|
17
|
+
```jsx harmony
|
|
18
|
+
const { Kontur, KonturEN, Buhgalteria, Diadoc, Billing, Extern, Focus, FocusEN } = require ('@skbkontur/logos');
|
|
19
|
+
const { default: Gapped } = require('../Gapped');
|
|
20
|
+
|
|
21
|
+
<Gapped vertical>
|
|
22
|
+
<Logotype konturLogo={<Kontur />} productLogo={<Buhgalteria color="#A23A99" />} />
|
|
23
|
+
<Logotype konturLogo={<Kontur />} productLogo={<Diadoc color="#1fab90" />} withWidget />
|
|
24
|
+
<Logotype konturLogo={<Kontur color="#D92932" />} productLogo={<Extern />} />
|
|
25
|
+
<Logotype konturLogo={<Kontur />} productLogo={<Focus />} />
|
|
26
|
+
<div style={{ background: '#56916E' }}>
|
|
27
|
+
<Logotype konturLogo={<Kontur color="#fff" />} productLogo={<Focus color="#fff" />} />
|
|
28
|
+
</div>
|
|
29
|
+
<Logotype konturLogo={<KonturEN />} productLogo={<FocusEN color="#56916E" />} />
|
|
30
|
+
<Logotype size={28} konturLogo={<Kontur />} productLogo={<Billing />} />
|
|
31
|
+
<Logotype size={32} konturLogo={<Kontur />} />
|
|
32
|
+
</Gapped>;
|
|
33
|
+
```
|
|
34
|
+
|
|
15
35
|
#### Локали по умолчанию (см. `LocaleProvider`)
|
|
16
36
|
|
|
17
37
|
```typescript
|
|
@@ -8,6 +8,7 @@ var Radio_module_less_1 = tslib_1.__importDefault(require("./Radio.module.css"))
|
|
|
8
8
|
var Emotion_1 = require("../../lib/theming/Emotion");
|
|
9
9
|
var Radio_styles_1 = tslib_1.__importDefault(require("./Radio.styles"));
|
|
10
10
|
var ThemeConsumer_1 = require("../ThemeConsumer");
|
|
11
|
+
var fixFirefoxModifiedClickOnLabel_1 = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
|
|
11
12
|
/**
|
|
12
13
|
* Радиокнопка.
|
|
13
14
|
*
|
|
@@ -63,6 +64,9 @@ var Radio = /** @class */function (_super) {
|
|
|
63
64
|
_this.props.onMouseLeave(event);
|
|
64
65
|
}
|
|
65
66
|
};
|
|
67
|
+
_this.handleLabelClick = function (e) {
|
|
68
|
+
return fixFirefoxModifiedClickOnLabel_1.fixFirefoxModifiedClickOnLabel(_this.node, e);
|
|
69
|
+
};
|
|
66
70
|
return _this;
|
|
67
71
|
}
|
|
68
72
|
Radio.prototype.render = function () {
|
|
@@ -127,7 +131,8 @@ var Radio = /** @class */function (_super) {
|
|
|
127
131
|
className: Radio_module_less_1["default"].root,
|
|
128
132
|
onMouseOver: this._handleMouseOver,
|
|
129
133
|
onMouseEnter: this._handleMouseEnter,
|
|
130
|
-
onMouseLeave: this._handleMouseLeave
|
|
134
|
+
onMouseLeave: this._handleMouseLeave,
|
|
135
|
+
onClick: this.handleLabelClick };
|
|
131
136
|
|
|
132
137
|
if (this._isInRadioGroup()) {
|
|
133
138
|
var checked = this.props.value === this.context.activeItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["Radio.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,4DAAwC;AACxC,mCAAiC;AAEjC,kFAAyC;AACzC,qDAA+C;AAC/C,wEAAsC;AACtC,kDAAiD;
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["Radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
```jsx
|
|
6
6
|
const BabyIcon = require('@skbkontur/react-icons/Baby').default;
|
|
7
|
+
const { Kontur, Ofd } = require ('@skbkontur/logos');
|
|
7
8
|
|
|
8
9
|
let pageStyle = {
|
|
9
10
|
background: '#e6e6e6',
|
|
@@ -22,7 +23,7 @@ let contentStyle = {
|
|
|
22
23
|
<TopBar>
|
|
23
24
|
<TopBar.Start>
|
|
24
25
|
<TopBar.ItemStatic>
|
|
25
|
-
<Logotype
|
|
26
|
+
<Logotype konturLogo={<Kontur />} productLogo={<Ofd />} withWidget />
|
|
26
27
|
</TopBar.ItemStatic>
|
|
27
28
|
<TopBar.Item>
|
|
28
29
|
<BabyIcon color="#666" />
|
|
@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var Emotion_1 = require("../../lib/theming/Emotion");
|
|
5
5
|
var jsStyles = {
|
|
6
6
|
root: function root(t) {
|
|
7
|
-
return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n box-shadow: ", ";\n "], ["\n background: ", ";\n box-shadow: ", ";\n "])), t.tbBg, t.tbShadow);
|
|
7
|
+
return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n box-shadow: ", ";\n\n & [data-logotype-component] {\n bottom: 1px;\n }\n "], ["\n background: ", ";\n box-shadow: ", ";\n\n & [data-logotype-component] {\n bottom: 1px;\n }\n "])), t.tbBg, t.tbShadow);
|
|
8
8
|
},
|
|
9
9
|
divider: function divider(t) {
|
|
10
10
|
return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), t.tdDividerBg);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.styles.js","sourceRoot":"","sources":["TopBar.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAGhD,IAAM,QAAQ,GAAG;IACf,IAAI,YAAC,CAAS;QACZ,OAAO,aAAG,
|
|
1
|
+
{"version":3,"file":"TopBar.styles.js","sourceRoot":"","sources":["TopBar.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAGhD,IAAM,QAAQ,GAAG;IACf,IAAI,YAAC,CAAS;QACZ,OAAO,aAAG,2MAAA,sBACM,EAAM,uBACN,EAAU,+EAKzB,KANe,CAAC,CAAC,IAAI,EACN,CAAC,CAAC,QAAQ,EAKxB;IACJ,CAAC;IAED,OAAO,YAAC,CAAS;QACf,OAAO,aAAG,kHAAA,4BACY,EAAa,SAClC,KADqB,CAAC,CAAC,WAAW,EACjC;IACJ,CAAC;IAED,QAAQ;QACN,OAAO,aAAG,4GAAA,iCAET,KAAC;IACJ,CAAC;CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var utils_1 = require("../utils");
|
|
4
|
+
// Checkbox not checked in Firefox if key of modifier was active
|
|
5
|
+
// shift+click, ctrl+click on Win and cmd+click on Mac
|
|
6
|
+
// https://bugzilla.mozilla.org/show_bug.cgi?id=559506
|
|
7
|
+
exports.fixFirefoxModifiedClickOnLabel = function (input, e) {
|
|
8
|
+
if (input && !input.disabled && utils_1.isFirefox && (e.shiftKey || e.ctrlKey || e.metaKey)) {
|
|
9
|
+
// Currently only valid for Radio and Checkbox
|
|
10
|
+
input.checked = !input.checked;
|
|
11
|
+
var type = input.type;
|
|
12
|
+
input.type = 'text';
|
|
13
|
+
e.persist();
|
|
14
|
+
input.dispatchEvent(new MouseEvent('change', e.nativeEvent));
|
|
15
|
+
input.type = type;
|
|
16
|
+
}
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixFirefoxModifiedClickOnLabel.js","sourceRoot":"","sources":["fixFirefoxModifiedClickOnLabel.ts"],"names":[],"mappings":";;AACA,kCAAqC;AAGrC,gEAAgE;AAChE,sDAAsD;AACtD,sDAAsD;AACzC,QAAA,8BAA8B,GAAG,UAC5C,KAAiC,EACjC,CAAqC;IAErC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAS,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE;QACnF,8CAA8C;QAC9C,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/B,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;QACpB,CAAC,CAAC,OAAO,EAAE,CAAC;QACZ,KAAK,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;QAC7D,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;KACnB;AACH,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skbkontur/react-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.12.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@babel/runtime": "^7.12.5",
|
|
@@ -43,6 +43,6 @@
|
|
|
43
43
|
"react-dom": ">=15 <=16"
|
|
44
44
|
},
|
|
45
45
|
"publishConfig": {
|
|
46
|
-
"tag": "
|
|
46
|
+
"tag": "old-version"
|
|
47
47
|
}
|
|
48
48
|
}
|