@sima-land/ui-nucleons 45.0.0-alpha.12 → 45.0.0-alpha.14
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/autocomplete/autocomplete.js +3 -3
- package/autocomplete/autocomplete.js.map +1 -1
- package/avatar/utils.m.scss +1 -0
- package/base-input/base-input.m.scss +18 -6
- package/base-input/types.d.ts +3 -1
- package/button/button-util.scss +9 -0
- package/button/button.js +20 -1
- package/button/button.js.map +1 -1
- package/button/button.m.scss +7 -1
- package/button/types.d.ts +1 -1
- package/colors/index.d.ts +2 -1
- package/colors/index.js +1 -0
- package/colors/index.js.map +1 -1
- package/colors.scss +1 -0
- package/field-block/field-block.m.scss +2 -0
- package/input/input.js +5 -5
- package/input/input.js.map +1 -1
- package/input/input.m.scss +7 -0
- package/package.json +2 -2
- package/pagination/pagination.js +4 -4
- package/pagination/pagination.js.map +1 -1
- package/phone-input/phone-input.js +3 -3
- package/phone-input/phone-input.js.map +1 -1
- package/popup/index.d.ts +4 -5
- package/popup/index.js +3 -3
- package/popup/index.js.map +1 -1
- package/popup/popup-view.d.ts +1 -8
- package/popup/popup-view.js.map +1 -1
- package/popup/popup-view.m.scss +6 -6
- package/popup/popup.d.ts +1 -10
- package/popup/popup.js +3 -3
- package/popup/popup.js.map +1 -1
- package/popup/types.d.ts +34 -0
- package/popup/types.js +3 -0
- package/popup/types.js.map +1 -0
- package/popup/utils.d.ts +5 -1
- package/popup/utils.js +4 -3
- package/popup/utils.js.map +1 -1
- package/portal/portal.d.ts +1 -1
- package/portal/portal.js +9 -1
- package/portal/portal.js.map +1 -1
- package/portal/types.d.ts +2 -0
- package/price/price.js +3 -2
- package/price/price.js.map +1 -1
- package/price/utils.js +8 -7
- package/price/utils.js.map +1 -1
- package/select/parts/block.js +3 -3
- package/select/parts/block.js.map +1 -1
- package/select/parts/button.js +3 -3
- package/select/parts/button.js.map +1 -1
- package/styling/colors.d.ts +5 -5
- package/textarea/textarea.js +1 -1
- package/textarea/textarea.js.map +1 -1
|
@@ -17,8 +17,8 @@ const scroll_to_child_1 = require("../helpers/scroll-to-child");
|
|
|
17
17
|
const on_1 = require("../helpers/on");
|
|
18
18
|
const lifecycle_1 = require("../_internal/lifecycle");
|
|
19
19
|
const utils_3 = require("./utils");
|
|
20
|
-
const
|
|
21
|
-
const
|
|
20
|
+
const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
|
|
21
|
+
const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
|
|
22
22
|
const autocomplete_m_scss_1 = __importDefault(require("./autocomplete.m.scss"));
|
|
23
23
|
/**
|
|
24
24
|
* Поле ввода с подсказками.
|
|
@@ -211,7 +211,7 @@ function defaultFilterOption(item, inputValue) {
|
|
|
211
211
|
* @return Элемент.
|
|
212
212
|
*/
|
|
213
213
|
function getDefaultAdornmentEnd(data) {
|
|
214
|
-
const ArrowSVG = data.menuShown ?
|
|
214
|
+
const ArrowSVG = data.menuShown ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
|
|
215
215
|
return (0, jsx_runtime_1.jsx)(ArrowSVG, { className: autocomplete_m_scss_1.default.arrow, "data-testid": 'autocomplete:arrow-up' });
|
|
216
216
|
}
|
|
217
217
|
//# sourceMappingURL=autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAQe;AAEf,0CAAwD;AACxD,oDAAgD;AAEhD,kDAA2D;AAC3D,8CAAiE;AACjE,oCAAiC;AACjC,oCAAqD;AACrD,6CAAqF;AACrF,gEAA2D;AAC3D,sCAAmC;AACnC,sDAAmD;AACnD,mCAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":"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"}
|
package/avatar/utils.m.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use '../utils';
|
|
2
|
+
@use '../colors';
|
|
2
3
|
|
|
3
4
|
.reset {
|
|
4
5
|
border: 0;
|
|
@@ -16,21 +17,32 @@
|
|
|
16
17
|
flex-grow: 1;
|
|
17
18
|
display: flex;
|
|
18
19
|
overflow: hidden;
|
|
20
|
+
background: var(--base-input-background);
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
.field {
|
|
22
24
|
width: 0;
|
|
23
25
|
flex-grow: 1;
|
|
24
26
|
display: block;
|
|
25
|
-
|
|
27
|
+
background: var(--base-input-background, inherit);
|
|
28
|
+
color: var(--base-input-color, inherit);
|
|
26
29
|
font-size: inherit;
|
|
27
30
|
line-height: inherit;
|
|
28
|
-
z-index:
|
|
31
|
+
z-index: 0;
|
|
29
32
|
text-overflow: inherit;
|
|
30
|
-
background: inherit;
|
|
31
33
|
&::placeholder {
|
|
34
|
+
color: var(--base-input-placeholder-color);
|
|
35
|
+
-webkit-text-fill-color: var(--base-input-placeholder-color);
|
|
36
|
+
opacity: 1;
|
|
37
|
+
}
|
|
38
|
+
&:disabled {
|
|
39
|
+
background: var(--base-input-background);
|
|
40
|
+
color: var(--base-input-color);
|
|
41
|
+
}
|
|
42
|
+
&:disabled::placeholder {
|
|
43
|
+
color: var(--base-input-placeholder-color);
|
|
44
|
+
-webkit-text-fill-color: var(--base-input-placeholder-color);
|
|
32
45
|
opacity: 1;
|
|
33
|
-
color: var(--placeholder-color);
|
|
34
46
|
}
|
|
35
47
|
&::-ms-clear {
|
|
36
48
|
// отключаем системный крестик в IE
|
|
@@ -56,11 +68,11 @@
|
|
|
56
68
|
font-size: inherit;
|
|
57
69
|
line-height: inherit;
|
|
58
70
|
overflow: hidden;
|
|
59
|
-
z-index:
|
|
71
|
+
z-index: 1;
|
|
60
72
|
.shift-part {
|
|
61
73
|
color: transparent;
|
|
62
74
|
}
|
|
63
75
|
.main-part {
|
|
64
|
-
color: var(--placeholder-color);
|
|
76
|
+
color: var(--base-input-placeholder-color);
|
|
65
77
|
}
|
|
66
78
|
}
|
package/base-input/types.d.ts
CHANGED
|
@@ -7,7 +7,9 @@ export interface RestPlaceholderDefinition {
|
|
|
7
7
|
shiftValue?: string;
|
|
8
8
|
}
|
|
9
9
|
export interface BaseInputStyle extends CSSProperties {
|
|
10
|
-
'--
|
|
10
|
+
'--base-input-background'?: string;
|
|
11
|
+
'--base-input-color'?: string;
|
|
12
|
+
'--base-input-placeholder-color'?: string;
|
|
11
13
|
}
|
|
12
14
|
export interface CommonProps extends WithTestId {
|
|
13
15
|
/** Остаточный placeholder (выводится после введенного значения). */
|
package/button/button-util.scss
CHANGED
|
@@ -44,3 +44,12 @@
|
|
|
44
44
|
--button-disabled-color: #{colors.$basic-gray24};
|
|
45
45
|
--button-disabled-background: #{colors.$basic-gray8};
|
|
46
46
|
}
|
|
47
|
+
|
|
48
|
+
@mixin color-info {
|
|
49
|
+
--button-color: #{colors.$additional-deep-blue};
|
|
50
|
+
--button-background: #{colors.$additional-sky};
|
|
51
|
+
--button-hover-color: #{colors.$additional-light-blue};
|
|
52
|
+
--button-hover-background: #{colors.$additional-sky};
|
|
53
|
+
--button-disabled-color: #{colors.$basic-gray24};
|
|
54
|
+
--button-disabled-background: #{colors.$basic-gray8};
|
|
55
|
+
}
|
package/button/button.js
CHANGED
|
@@ -19,7 +19,26 @@ exports.Button = (0, react_1.forwardRef)(function Button({ viewType = 'primary',
|
|
|
19
19
|
const hasIcon = Boolean(Icon);
|
|
20
20
|
const hasText = Boolean(children);
|
|
21
21
|
const rootClassName = cx('root', `size-${size}`, viewType !== 'unset' && `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
|
|
22
|
-
const
|
|
22
|
+
const spinnerColor = (0, react_1.useMemo)(() => {
|
|
23
|
+
if (disabled) {
|
|
24
|
+
return 'basic-gray38';
|
|
25
|
+
}
|
|
26
|
+
switch (viewType) {
|
|
27
|
+
case 'primary': {
|
|
28
|
+
return 'basic-white';
|
|
29
|
+
}
|
|
30
|
+
case 'secondary': {
|
|
31
|
+
return 'basic-gray38';
|
|
32
|
+
}
|
|
33
|
+
case 'success': {
|
|
34
|
+
return 'basic-white';
|
|
35
|
+
}
|
|
36
|
+
case 'info': {
|
|
37
|
+
return 'additional-deep-blue';
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, [disabled, viewType]);
|
|
41
|
+
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Icon && iconPosition === 'start' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), children, Icon && iconPosition === 'end' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), loading && (0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's', color: spinnerColor, className: cx('spinner') })] }));
|
|
23
42
|
let result = null;
|
|
24
43
|
if (restProps.appearance === 'container') {
|
|
25
44
|
result = ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: rootClassName, role: 'button', "data-testid": testId, children: content }));
|
package/button/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"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"}
|
package/button/button.m.scss
CHANGED
|
@@ -44,9 +44,11 @@
|
|
|
44
44
|
}
|
|
45
45
|
&:not(:disabled):hover {
|
|
46
46
|
cursor: pointer;
|
|
47
|
-
color: var(--button-hover-color, var(--button-color));
|
|
48
47
|
background: var(--button-hover-background, var(--button-background));
|
|
49
48
|
}
|
|
49
|
+
&:not(:disabled):not(.loading):hover {
|
|
50
|
+
color: var(--button-hover-color, var(--button-color));
|
|
51
|
+
}
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
// sizes
|
|
@@ -90,6 +92,10 @@
|
|
|
90
92
|
@include button-util.color-success;
|
|
91
93
|
}
|
|
92
94
|
|
|
95
|
+
.view-info {
|
|
96
|
+
@include button-util.color-info;
|
|
97
|
+
}
|
|
98
|
+
|
|
93
99
|
// icons
|
|
94
100
|
.icon {
|
|
95
101
|
margin: 0 var(--button-icon-gutter);
|
package/button/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ElementType, HTMLAttributes, SVGAttributes } from 'react';
|
|
2
2
|
import type { WithTestId } from '../types';
|
|
3
3
|
export type ButtonSize = 'xs' | 's' | 'm';
|
|
4
|
-
export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'unset';
|
|
4
|
+
export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'info' | 'unset';
|
|
5
5
|
export type ButtonAppearance = 'button' | 'link' | 'container';
|
|
6
6
|
export type ButtonIconPosition = 'start' | 'end';
|
|
7
7
|
export interface ButtonStyle extends CSSProperties {
|
package/colors/index.d.ts
CHANGED
|
@@ -38,6 +38,7 @@ export declare const COLOR: {
|
|
|
38
38
|
readonly 'additional-deep-blue': "#00599d";
|
|
39
39
|
readonly 'additional-dark-blue': "#002b41";
|
|
40
40
|
readonly 'additional-unlit-blue': "#1b75c2";
|
|
41
|
+
readonly 'additional-crimson': "#f4446b";
|
|
41
42
|
};
|
|
42
43
|
export type Token = keyof typeof COLOR;
|
|
43
|
-
export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue", string>;
|
|
44
|
+
export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson", string>;
|
package/colors/index.js
CHANGED
|
@@ -44,6 +44,7 @@ exports.COLOR = {
|
|
|
44
44
|
'additional-deep-blue': '#00599d',
|
|
45
45
|
'additional-dark-blue': '#002b41',
|
|
46
46
|
'additional-unlit-blue': '#1b75c2',
|
|
47
|
+
'additional-crimson': '#f4446b',
|
|
47
48
|
};
|
|
48
49
|
exports.COLORS = new Map(Object.entries(exports.COLOR));
|
|
49
50
|
//# sourceMappingURL=index.js.map
|
package/colors/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;IAClC,oBAAoB,EAAE,SAAS;CACvB,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}
|
package/colors.scss
CHANGED
|
@@ -118,6 +118,7 @@
|
|
|
118
118
|
pointer-events: none;
|
|
119
119
|
white-space: nowrap;
|
|
120
120
|
overflow: hidden;
|
|
121
|
+
z-index: 1;
|
|
121
122
|
}
|
|
122
123
|
|
|
123
124
|
.col {
|
|
@@ -148,6 +149,7 @@
|
|
|
148
149
|
max-width: 100%;
|
|
149
150
|
white-space: nowrap;
|
|
150
151
|
color: var(--field-main-text-color, var(--field-primary-text-color));
|
|
152
|
+
z-index: 0;
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
.caption {
|
package/input/input.js
CHANGED
|
@@ -10,8 +10,8 @@ const base_input_1 = require("../base-input");
|
|
|
10
10
|
const field_block_1 = require("../field-block");
|
|
11
11
|
const utils_1 = require("./utils");
|
|
12
12
|
const events_1 = require("../helpers/events");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
13
|
+
const CircleCross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Filled/CircleCross"));
|
|
14
|
+
const CircleCross_2 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/CircleCross"));
|
|
15
15
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
16
16
|
const input_m_scss_1 = __importDefault(require("./input.m.scss"));
|
|
17
17
|
const cx = bind_1.default.bind(input_m_scss_1.default);
|
|
@@ -32,7 +32,7 @@ size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': t
|
|
|
32
32
|
const ref = (0, react_1.useRef)(null);
|
|
33
33
|
const [filled, updateFilled] = (0, utils_1.useFilledState)(ref, { value, defaultValue });
|
|
34
34
|
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
35
|
-
const CrossSVG = size === 's' ?
|
|
35
|
+
const CrossSVG = size === 's' ? CircleCross_1.default : CircleCross_2.default;
|
|
36
36
|
const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps === null || blockProps === void 0 ? void 0 : blockProps.onMouseDown);
|
|
37
37
|
(0, react_1.useImperativeHandle)(inputRef, () => ref.current);
|
|
38
38
|
(0, react_1.useImperativeHandle)(baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.inputRef, () => ref.current);
|
|
@@ -50,9 +50,9 @@ size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': t
|
|
|
50
50
|
}), blockProps: {
|
|
51
51
|
...blockProps,
|
|
52
52
|
onMouseDown: handleMouseDown,
|
|
53
|
-
}, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, inputRef: ref, multiline: false, className: cx('input', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: {
|
|
53
|
+
}, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, inputRef: ref, multiline: false, className: cx('input', disabled && 'disabled', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: {
|
|
54
54
|
...baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style,
|
|
55
|
-
'--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
|
|
55
|
+
'--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
|
|
56
56
|
}, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: !focused ? label || placeholder : placeholder, readOnly: readOnly, required: required, type: type, value: value, onFocus: event => {
|
|
57
57
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
58
58
|
updateFilled(event);
|
package/input/input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/input/input.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAA8D;AAC9D,8CAA0C;AAC1C,gDAA4C;AAC5C,mCAAoF;AACpF,8CAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/input/input.tsx"],"names":[],"mappings":"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"}
|
package/input/input.m.scss
CHANGED
|
@@ -12,6 +12,13 @@
|
|
|
12
12
|
background: inherit;
|
|
13
13
|
font: inherit;
|
|
14
14
|
line-height: inherit;
|
|
15
|
+
--base-input-background: var(--field-background);
|
|
16
|
+
--base-input-color: var(--field-main-text-color, var(--field-primary-text-color));
|
|
17
|
+
--base-input-placeholder-color: #{colors.$basic-gray38};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.disabled {
|
|
21
|
+
--base-input-placeholder-color: #{colors.$basic-gray38};
|
|
15
22
|
}
|
|
16
23
|
|
|
17
24
|
.clear-button {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sima-land/ui-nucleons",
|
|
3
3
|
"type": "commonjs",
|
|
4
|
-
"version": "45.0.0-alpha.
|
|
4
|
+
"version": "45.0.0-alpha.14",
|
|
5
5
|
"repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
|
|
6
6
|
"author": "www.sima-land.ru team",
|
|
7
7
|
"license": "Apache-2.0",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"webpack": "^5.75.0"
|
|
93
93
|
},
|
|
94
94
|
"peerDependencies": {
|
|
95
|
-
"@sima-land/ui-quarks": "^
|
|
95
|
+
"@sima-land/ui-quarks": "^5.0.0",
|
|
96
96
|
"react": "^17.0 || ^18.0",
|
|
97
97
|
"react-dom": "^17.0 || ^18.0"
|
|
98
98
|
}
|
package/pagination/pagination.js
CHANGED
|
@@ -8,8 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const utils_1 = require("./utils");
|
|
10
10
|
const pagination_item_1 = require("./pagination-item");
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const ArrowExpandLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandLeft"));
|
|
12
|
+
const ArrowExpandRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandRight"));
|
|
13
13
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
14
14
|
const pagination_m_scss_1 = __importDefault(require("./pagination.m.scss"));
|
|
15
15
|
const cx = bind_1.default.bind(pagination_m_scss_1.default);
|
|
@@ -55,7 +55,7 @@ function Pagination({ rootRef, current: currentProp, total: totalProp, onPageCha
|
|
|
55
55
|
rounds: 'all',
|
|
56
56
|
disabled: current <= 1,
|
|
57
57
|
'aria-label': 'Предыдущая страница',
|
|
58
|
-
children: (0, jsx_runtime_1.jsx)(
|
|
58
|
+
children: (0, jsx_runtime_1.jsx)(ArrowExpandLeft_1.default, { fill: 'currentColor' }),
|
|
59
59
|
...userProps,
|
|
60
60
|
onClick,
|
|
61
61
|
className: cx('prev', userProps.className),
|
|
@@ -75,7 +75,7 @@ function Pagination({ rootRef, current: currentProp, total: totalProp, onPageCha
|
|
|
75
75
|
rounds: 'all',
|
|
76
76
|
disabled: current >= total,
|
|
77
77
|
'aria-label': 'Следующая страница',
|
|
78
|
-
children: (0, jsx_runtime_1.jsx)(
|
|
78
|
+
children: (0, jsx_runtime_1.jsx)(ArrowExpandRight_1.default, { fill: 'currentColor' }),
|
|
79
79
|
...userProps,
|
|
80
80
|
onClick,
|
|
81
81
|
className: cx('next', userProps.className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/pagination/pagination.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkF;AAOlF,mCAAsE;AACtE,uDAAmD;AACnD
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/pagination/pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,8 +13,8 @@ const presets_1 = require("./presets");
|
|
|
13
13
|
const utils_1 = require("./utils");
|
|
14
14
|
const select_1 = require("../select");
|
|
15
15
|
const utils_2 = require("../select/utils");
|
|
16
|
-
const
|
|
17
|
-
const
|
|
16
|
+
const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
|
|
17
|
+
const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
|
|
18
18
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
19
19
|
const phone_input_m_scss_1 = __importDefault(require("./phone-input.m.scss"));
|
|
20
20
|
const cx = bind_1.default.bind(phone_input_m_scss_1.default);
|
|
@@ -116,7 +116,7 @@ function PhoneMaskedInput({ country, blockRef: blockRefProp, disabled, ...props
|
|
|
116
116
|
const [openerFocused, setOpenerFocused] = (0, react_1.useState)(false);
|
|
117
117
|
(0, react_1.useImperativeHandle)(blockRefProp, () => blockRef.current);
|
|
118
118
|
(0, react_1.useImperativeHandle)(select.anchorRef, () => blockRef.current);
|
|
119
|
-
const ArrowSVG = select.opened ?
|
|
119
|
+
const ArrowSVG = select.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
|
|
120
120
|
return ((0, jsx_runtime_1.jsx)(masked_input_1.MaskedInput, { ...props,
|
|
121
121
|
// ВАЖНО: undefined нужен для поведения по умолчанию если меню скрыто и кнопка не в фокусе
|
|
122
122
|
focused: select.opened || openerFocused || undefined, blockRef: blockRef, baseInputProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-input.js","sourceRoot":"","sources":["../../src/phone-input/phone-input.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAgG;AAEhG,oDAAgD;AAChD,oCAAqD;AACrD,kDAA0E;AAC1E,uCAAwD;AACxD,mCAAwE;AACxE,sCAAmC;AACnC,2CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"phone-input.js","sourceRoot":"","sources":["../../src/phone-input/phone-input.tsx"],"names":[],"mappings":"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"}
|
package/popup/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
export { Popup, PopupView, popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap, };
|
|
1
|
+
export type { PopupProps, PopupViewProps, PopupStyle } from './types';
|
|
2
|
+
export { Popup } from './popup';
|
|
3
|
+
export { PopupView } from './popup-view';
|
|
4
|
+
export { popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap } from './utils';
|
package/popup/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useFocusTrap = exports.usePopupOnClick = exports.usePopupFloatingStyle = exports.popupFloatingConfig = exports.PopupView = exports.Popup = void 0;
|
|
4
|
-
|
|
4
|
+
var popup_1 = require("./popup");
|
|
5
5
|
Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return popup_1.Popup; } });
|
|
6
|
-
|
|
6
|
+
var popup_view_1 = require("./popup-view");
|
|
7
7
|
Object.defineProperty(exports, "PopupView", { enumerable: true, get: function () { return popup_view_1.PopupView; } });
|
|
8
|
-
|
|
8
|
+
var utils_1 = require("./utils");
|
|
9
9
|
Object.defineProperty(exports, "popupFloatingConfig", { enumerable: true, get: function () { return utils_1.popupFloatingConfig; } });
|
|
10
10
|
Object.defineProperty(exports, "usePopupFloatingStyle", { enumerable: true, get: function () { return utils_1.usePopupFloatingStyle; } });
|
|
11
11
|
Object.defineProperty(exports, "usePopupOnClick", { enumerable: true, get: function () { return utils_1.usePopupOnClick; } });
|
package/popup/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popup/index.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popup/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,iCAAoG;AAA3F,4GAAA,mBAAmB,OAAA;AAAE,8GAAA,qBAAqB,OAAA;AAAE,wGAAA,eAAe,OAAA;AAAE,qGAAA,YAAY,OAAA"}
|
package/popup/popup-view.d.ts
CHANGED
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { WithTestId } from '../types';
|
|
3
|
-
export interface PopupViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
|
|
4
|
-
/** Сработает при клике на крестик. */
|
|
5
|
-
onClose?: () => void;
|
|
6
|
-
/** Реф корневого элемента. */
|
|
7
|
-
popupRef?: Ref<HTMLDivElement>;
|
|
8
|
-
}
|
|
1
|
+
import type { PopupViewProps } from './types';
|
|
9
2
|
/**
|
|
10
3
|
* Попап - блок для вывода информации, всплывающий рядом с целевым элементом.
|
|
11
4
|
* @param props Свойства.
|
package/popup/popup-view.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup-view.js","sourceRoot":"","sources":["../../src/popup/popup-view.tsx"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"popup-view.js","sourceRoot":"","sources":["../../src/popup/popup-view.tsx"],"names":[],"mappings":";;;;;;;AACA,2FAAsE;AACtE,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,IAAI,EACQ;IACf,OAAO,CACL,oCAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,iBAAe,MAAM,aAChF,OAAO,IAAI,CACV,iDACa,4CAAS,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EACtB,OAAO,EAAE,OAAO,iBACJ,aAAa,YAEzB,uBAAC,eAAQ,KAAG,GACL,CACV,EAID,gCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAO,IAC3C,CACP,CAAC;AACJ,CAAC;AA1BD,8BA0BC"}
|
package/popup/popup-view.m.scss
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
@use '../utils';
|
|
4
4
|
|
|
5
5
|
.root {
|
|
6
|
-
@include shadows.box-shadow('z2');
|
|
7
6
|
display: inline-flex;
|
|
8
7
|
position: relative;
|
|
9
8
|
max-width: 400px;
|
|
10
|
-
max-height: min(536px, calc(100vh - 16px));
|
|
11
|
-
padding: 40px 8px;
|
|
9
|
+
max-height: var(--popup-max-height, min(536px, calc(100vh - 16px)));
|
|
10
|
+
padding: var(--popup-padding, 40px 8px);
|
|
12
11
|
box-sizing: border-box;
|
|
13
|
-
background: colors.$basic-gray4;
|
|
14
|
-
border-radius: 4px;
|
|
12
|
+
background: var(--popup-background, #{colors.$basic-gray4});
|
|
13
|
+
border-radius: var(--popup-border-radius, 4px);
|
|
14
|
+
box-shadow: var(--popup-box-shadow, #{shadows.get-box-shadow('z2')});
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.close {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
@include utils.semi-stylized-scrollbars(colors.$basic-gray4);
|
|
34
34
|
font-size: 16px;
|
|
35
35
|
line-height: 24px;
|
|
36
|
-
padding: 0 32px;
|
|
36
|
+
padding: var(--popup-content-padding, 0 32px);
|
|
37
37
|
max-height: 456px; // 536 (по гайдам) - 80 (горизонтальные отступы)
|
|
38
38
|
overflow-y: auto;
|
|
39
39
|
overflow-x: hidden;
|
package/popup/popup.d.ts
CHANGED
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface PopupProps extends Omit<PopupViewProps, 'onClose'> {
|
|
3
|
-
/** Элемент для которого нужно показать Popup ил null. */
|
|
4
|
-
showFor?: Element | null;
|
|
5
|
-
/** Сработает при попытке закрыть Popup. */
|
|
6
|
-
onDismiss?: () => void;
|
|
7
|
-
}
|
|
8
|
-
export interface PopupInnerProps extends PopupProps {
|
|
9
|
-
showFor: Element;
|
|
10
|
-
}
|
|
1
|
+
import { PopupProps } from './types';
|
|
11
2
|
/**
|
|
12
3
|
* Popup, всплывающий когда указан целевой элемент.
|
|
13
4
|
* @param props Свойства.
|
package/popup/popup.js
CHANGED
|
@@ -23,8 +23,8 @@ exports.Popup = Popup;
|
|
|
23
23
|
* @param props Свойства.
|
|
24
24
|
* @return Элемент.
|
|
25
25
|
*/
|
|
26
|
-
function PopupInner({ showFor, popupRef, children, style, onDismiss, ...rest }) {
|
|
27
|
-
const { refs, ...floating } = (0, react_2.useFloating)((0, utils_1.popupFloatingConfig)());
|
|
26
|
+
function PopupInner({ showFor, popupRef, children, style, onDismiss, withCloseButton = true, placement, offset, ...rest }) {
|
|
27
|
+
const { refs, ...floating } = (0, react_2.useFloating)((0, utils_1.popupFloatingConfig)({ placement, offset }));
|
|
28
28
|
const floatingStyle = (0, utils_1.usePopupFloatingStyle)(floating);
|
|
29
29
|
(0, react_1.useImperativeHandle)(popupRef, () => refs.floating.current);
|
|
30
30
|
(0, react_1.useImperativeHandle)(refs.setReference, () => showFor, [showFor]);
|
|
@@ -37,6 +37,6 @@ function PopupInner({ showFor, popupRef, children, style, onDismiss, ...rest })
|
|
|
37
37
|
return ((0, jsx_runtime_1.jsx)(popup_view_1.PopupView, { ...rest, popupRef: refs.setFloating, style: {
|
|
38
38
|
...style,
|
|
39
39
|
...floatingStyle,
|
|
40
|
-
}, onClose: onDismiss, children: children }));
|
|
40
|
+
}, onClose: withCloseButton ? onDismiss : undefined, children: children }));
|
|
41
41
|
}
|
|
42
42
|
//# sourceMappingURL=popup.js.map
|
package/popup/popup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,6CAAyC;AACzC,8CAAiD;AACjD,oCAA2C;AAC3C,mCAAmF;AACnF,gEAA2D;AAC3D,sCAAmC;AAGnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAc;IACpD,OAAO,uBAAC,eAAM,cAAE,OAAO,IAAI,uBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,GAAU,CAAC;AAClF,CAAC;AAFD,sBAEC;AAED;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAClB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,MAAM,EACN,GAAG,IAAI,EACS;IAChB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAA,mBAAW,EAAC,IAAA,2BAAmB,EAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACtF,MAAM,aAAa,GAAG,IAAA,6BAAqB,EAAC,QAAQ,CAAC,CAAC;IAEtD,IAAA,2BAAmB,EAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAC7E,IAAA,2BAAmB,EAAC,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,IAAA,iCAAc,EAAC,OAAO,CAAC,CAAC;IAC1C,IAAA,uBAAe,EAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;IAEvD,IAAA,oBAAY,EAAC,IAAI,CAAC,QAAQ,EAAE;QAC1B,OAAO,EAAE,QAAQ,CAAC,YAAY;QAC9B,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,sBAAS,OACJ,IAAI,EACR,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,aAAa;SACjB,EACD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,YAE/C,QAAQ,GACC,CACb,CAAC;AACJ,CAAC"}
|
package/popup/types.d.ts
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { CSSProperties, HTMLAttributes, Ref } from 'react';
|
|
2
|
+
import type { WithTestId } from '../types';
|
|
3
|
+
export interface PopupStyle extends CSSProperties {
|
|
4
|
+
'--popup-max-height'?: string;
|
|
5
|
+
'--popup-padding'?: string;
|
|
6
|
+
'--popup-content-padding'?: string;
|
|
7
|
+
'--popup-background'?: string;
|
|
8
|
+
'--popup-border-radius'?: string;
|
|
9
|
+
'--popup-box-shadow'?: string;
|
|
10
|
+
}
|
|
11
|
+
export type PopupPlacement = 'top' | 'right' | 'bottom' | 'left' | 'right-start' | 'top-start' | 'top-end' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
12
|
+
export interface PopupViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
|
|
13
|
+
/** Сработает при клике на крестик. */
|
|
14
|
+
onClose?: () => void;
|
|
15
|
+
/** Реф корневого элемента. */
|
|
16
|
+
popupRef?: Ref<HTMLDivElement>;
|
|
17
|
+
/** Стили. */
|
|
18
|
+
style?: PopupStyle;
|
|
19
|
+
}
|
|
20
|
+
export interface PopupProps extends Omit<PopupViewProps, 'onClose'> {
|
|
21
|
+
/** Элемент для которого нужно показать Popup ил null. */
|
|
22
|
+
showFor?: Element | null;
|
|
23
|
+
/** Сработает при попытке закрыть Popup. */
|
|
24
|
+
onDismiss?: () => void;
|
|
25
|
+
/** Нужно ли выводить кнопку закрытия. */
|
|
26
|
+
withCloseButton?: boolean;
|
|
27
|
+
/** Расположение попапа относительно целевого элемента. */
|
|
28
|
+
placement?: PopupPlacement;
|
|
29
|
+
/** Отступ в пикселях от попапа до целевого элемента по оси. */
|
|
30
|
+
offset?: number;
|
|
31
|
+
}
|
|
32
|
+
export interface PopupInnerProps extends PopupProps {
|
|
33
|
+
showFor: Element;
|
|
34
|
+
}
|
package/popup/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/popup/types.ts"],"names":[],"mappings":""}
|
package/popup/utils.d.ts
CHANGED
|
@@ -2,9 +2,13 @@ import { UseFloatingOptions, UseFloatingReturn } from '@floating-ui/react';
|
|
|
2
2
|
import { RefObject } from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
|
|
5
|
+
* @param options Опции.
|
|
5
6
|
* @return Конфигурация для `useFloating` по дизайн-гайдам.
|
|
6
7
|
*/
|
|
7
|
-
export declare function popupFloatingConfig(
|
|
8
|
+
export declare function popupFloatingConfig({ placement, offset: offsetValue, }?: {
|
|
9
|
+
offset?: number;
|
|
10
|
+
placement?: 'top' | 'right' | 'bottom' | 'left' | 'right-start' | 'top-start' | 'top-end' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
11
|
+
}): Partial<UseFloatingOptions>;
|
|
8
12
|
/**
|
|
9
13
|
* Возвращает стили для элемента с учетом "слоя".
|
|
10
14
|
* @param floating Результат вызова useFloating.
|
package/popup/utils.js
CHANGED
|
@@ -8,14 +8,15 @@ const hooks_1 = require("../hooks");
|
|
|
8
8
|
const use_identity_ref_1 = require("../hooks/use-identity-ref");
|
|
9
9
|
/**
|
|
10
10
|
* Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
|
|
11
|
+
* @param options Опции.
|
|
11
12
|
* @return Конфигурация для `useFloating` по дизайн-гайдам.
|
|
12
13
|
*/
|
|
13
|
-
function popupFloatingConfig() {
|
|
14
|
+
function popupFloatingConfig({ placement = 'right-start', offset: offsetValue = 8, } = {}) {
|
|
14
15
|
return {
|
|
15
16
|
strategy: 'absolute',
|
|
16
|
-
placement
|
|
17
|
+
placement,
|
|
17
18
|
middleware: [
|
|
18
|
-
(0, react_1.offset)(
|
|
19
|
+
(0, react_1.offset)(offsetValue),
|
|
19
20
|
(0, react_1.flip)({
|
|
20
21
|
padding: 16,
|
|
21
22
|
crossAxis: false,
|
package/popup/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;;AAAA,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;;AAAA,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAClC,SAAS,GAAG,aAAa,EACzB,MAAM,EAAE,WAAW,GAAG,CAAC,MAkBrB,EAAE;IACJ,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,WAAW,CAAC;YACnB,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,KAAK;gBAChB,yBAAyB,EAAE,OAAO;aACnC,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC;AACJ,CAAC;AArCD,kDAqCC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,CAAC,EACD,CAAC,GAC+C;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,KAAK,GAAG,CAAC;KAClB,CAAC;AACJ,CAAC;AAbD,sDAaC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,QAAqE;IAErE,MAAM,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC;AATD,0CASC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAAwC,EACxC,EACE,OAAO,EACP,eAAe,GAIhB;IAED,MAAM,kBAAkB,GAAG,IAAA,iCAAc,EAAC,eAAe,CAAC,CAAC;IAE3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,OAAO,EAAE;gBACpC,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBACzC,gBAAgB,EAAE,kBAAkB,CAAC,OAAO;gBAE5C,6EAA6E;gBAC7E,YAAY,EAAE,KAAK;aACpB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEhB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,UAAU,CAAC;oBACd,qBAAqB;oBACrB,WAAW,EAAE,IAAI;iBAClB,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACrB,CAAC;AAnCD,oCAmCC"}
|
package/portal/portal.d.ts
CHANGED
|
@@ -5,4 +5,4 @@ import type { PortalProps } from './types';
|
|
|
5
5
|
* @param props Свойства.
|
|
6
6
|
* @return Элемент.
|
|
7
7
|
*/
|
|
8
|
-
export declare function Portal({ children, defineRoot }: PortalProps): import("react").ReactPortal | null;
|
|
8
|
+
export declare function Portal({ children, defineRoot, onMount }: PortalProps): import("react").ReactPortal | null;
|
package/portal/portal.js
CHANGED
|
@@ -9,7 +9,7 @@ const hooks_1 = require("../hooks");
|
|
|
9
9
|
* @param props Свойства.
|
|
10
10
|
* @return Элемент.
|
|
11
11
|
*/
|
|
12
|
-
function Portal({ children, defineRoot = () => document.body }) {
|
|
12
|
+
function Portal({ children, defineRoot = () => document.body, onMount }) {
|
|
13
13
|
const [mounted, setMounted] = (0, react_1.useState)(false);
|
|
14
14
|
const ref = (0, react_1.useRef)();
|
|
15
15
|
(0, hooks_1.useIsomorphicLayoutEffect)(() => {
|
|
@@ -21,6 +21,14 @@ function Portal({ children, defineRoot = () => document.body }) {
|
|
|
21
21
|
ref.current && ref.current.remove();
|
|
22
22
|
};
|
|
23
23
|
}, []);
|
|
24
|
+
const onMountRef = (0, react_1.useRef)(onMount);
|
|
25
|
+
onMountRef.current = onMount;
|
|
26
|
+
(0, hooks_1.useIsomorphicLayoutEffect)(() => {
|
|
27
|
+
var _a;
|
|
28
|
+
if (mounted) {
|
|
29
|
+
(_a = onMountRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountRef);
|
|
30
|
+
}
|
|
31
|
+
}, [mounted]);
|
|
24
32
|
return mounted && ref.current ? (0, react_dom_1.createPortal)(children, ref.current) : null;
|
|
25
33
|
}
|
|
26
34
|
exports.Portal = Portal;
|
package/portal/portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/portal/portal.tsx"],"names":[],"mappings":";;;AACA,iCAAyC;AACzC,yCAAyC;AACzC,oCAAqD;AAErD;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAe;
|
|
1
|
+
{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/portal/portal.tsx"],"names":[],"mappings":";;;AACA,iCAAyC;AACzC,yCAAyC;AACzC,oCAAqD;AAErD;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAe;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,IAAA,cAAM,GAAkB,CAAC;IAErC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;QAE1B,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE5C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IAEnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,IAAA,iCAAyB,EAAC,GAAG,EAAE;;QAC7B,IAAI,OAAO,EAAE,CAAC;YACZ,MAAA,UAAU,CAAC,OAAO,0DAAI,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7E,CAAC;AA5BD,wBA4BC"}
|
package/portal/types.d.ts
CHANGED
package/price/price.js
CHANGED
|
@@ -8,6 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const utils_1 = require("./utils");
|
|
9
9
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
10
10
|
const price_m_scss_1 = __importDefault(require("./price.m.scss"));
|
|
11
|
+
const react_1 = require("react");
|
|
11
12
|
const cx = bind_1.default.bind(price_m_scss_1.default);
|
|
12
13
|
/**
|
|
13
14
|
* Цена товара с указанием знака валюты.
|
|
@@ -15,9 +16,9 @@ const cx = bind_1.default.bind(price_m_scss_1.default);
|
|
|
15
16
|
* @return Элемент.
|
|
16
17
|
*/
|
|
17
18
|
function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId = 'price', }) {
|
|
18
|
-
const content = (0, utils_1.formatPrice)(value, grapheme, {
|
|
19
|
+
const content = (0, react_1.useMemo)(() => (0, utils_1.formatPrice)(value, grapheme, {
|
|
19
20
|
graphemeBefore,
|
|
20
|
-
});
|
|
21
|
+
}), [value, grapheme, graphemeBefore]);
|
|
21
22
|
return ((0, jsx_runtime_1.jsx)("span", { className: cx('root', className, crossedOut && 'crossed-out'), "data-testid": testId, children: content }));
|
|
22
23
|
}
|
|
23
24
|
exports.Price = Price;
|
package/price/price.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"price.js","sourceRoot":"","sources":["../../src/price/price.tsx"],"names":[],"mappings":";;;;;;;AACA,mCAAsC;AACtC,2DAAyC;AACzC,kEAAoC;
|
|
1
|
+
{"version":3,"file":"price.js","sourceRoot":"","sources":["../../src/price/price.tsx"],"names":[],"mappings":";;;;;;;AACA,mCAAsC;AACtC,2DAAyC;AACzC,kEAAoC;AACpC,iCAAgC;AAEhC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,SAAS,EACT,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EACd,UAAU,EACV,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,OAAO,GACpB;IACX,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,IAAA,mBAAW,EAAC,KAAK,EAAE,QAAQ,EAAE;QAC3B,cAAc;KACf,CAAC,EACJ,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,IAAI,aAAa,CAAC,iBAAe,MAAM,YACrF,OAAO,GACH,CACR,CAAC;AACJ,CAAC;AArBD,sBAqBC"}
|
package/price/utils.js
CHANGED
|
@@ -30,7 +30,7 @@ function formatInteger(value) {
|
|
|
30
30
|
let result = '0';
|
|
31
31
|
if (Number.isFinite(value)) {
|
|
32
32
|
// если число меньше 0.0001 - округляем до 0.0001
|
|
33
|
-
const valid = value === 0 ? 0 : Math.max(value, 0.0001);
|
|
33
|
+
const valid = value === 0 ? 0 : Math.max(Math.abs(value), 0.0001);
|
|
34
34
|
const integer = toString(valid).replace(/\..*$/g, ''); // все числа до точки
|
|
35
35
|
const separated = [];
|
|
36
36
|
const list = integer.split('');
|
|
@@ -40,7 +40,7 @@ function formatInteger(value) {
|
|
|
40
40
|
}
|
|
41
41
|
result = separated.join(' ');
|
|
42
42
|
}
|
|
43
|
-
return result;
|
|
43
|
+
return value < 0 ? `-${result}` : result;
|
|
44
44
|
}
|
|
45
45
|
exports.formatInteger = formatInteger;
|
|
46
46
|
// eslint-disable-next-line require-jsdoc, jsdoc/require-jsdoc
|
|
@@ -59,17 +59,18 @@ exports.formatFractional = formatFractional;
|
|
|
59
59
|
*/
|
|
60
60
|
function toString(value) {
|
|
61
61
|
let result;
|
|
62
|
-
|
|
62
|
+
const absolute = Math.abs(value);
|
|
63
|
+
if (absolute <= 0.0001) {
|
|
63
64
|
// если число меньше 0.0001 - округляем до 0.0001
|
|
64
65
|
result = '0.0001';
|
|
65
66
|
}
|
|
66
|
-
else if (
|
|
67
|
-
result =
|
|
67
|
+
else if (absolute < 0.01) {
|
|
68
|
+
result = absolute.toFixed(4);
|
|
68
69
|
}
|
|
69
70
|
else {
|
|
70
|
-
result =
|
|
71
|
+
result = absolute.toFixed(2);
|
|
71
72
|
}
|
|
72
|
-
return result;
|
|
73
|
+
return value < 0 ? `-${result}` : result;
|
|
73
74
|
}
|
|
74
75
|
// @todo CurrencyProvider для того чтобы не прокидывать везде currencyGrapheme?
|
|
75
76
|
//# sourceMappingURL=utils.js.map
|
package/price/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/price/utils.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,WAAW,CACzB,KAAsB,EACtB,QAAiB,EACjB,EAAE,cAAc,KAAmC,EAAE;IAErD,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO;QACL,aAAa;QACb,QAAQ,IAAI,cAAc,IAAI,GAAG,QAAQ,GAAG;QAE5C,cAAc;QACd,aAAa,CAAC,MAAM,CAAC;QAErB,gBAAgB;QAChB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE;QAEtF,gBAAgB;QAChB,QAAQ,IAAI,CAAC,cAAc,IAAI,IAAI,QAAQ,EAAE;KAC9C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,CAAE,CAAY,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,sCAAsC;SACvF,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAvBD,kCAuBC;AAED,8DAA8D;AAC9D,SAAgB,aAAa,CAAC,KAAa;IACzC,IAAI,MAAM,GAAG,GAAG,CAAC;IAEjB,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,iDAAiD;QACjD,MAAM,KAAK,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/price/utils.ts"],"names":[],"mappings":"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"}
|
package/select/parts/block.js
CHANGED
|
@@ -9,8 +9,8 @@ const react_1 = require("react");
|
|
|
9
9
|
const utils_1 = require("../utils");
|
|
10
10
|
const field_block_1 = require("../../field-block");
|
|
11
11
|
const colors_1 = require("../../colors");
|
|
12
|
-
const
|
|
13
|
-
const
|
|
12
|
+
const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
|
|
13
|
+
const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
|
|
14
14
|
const block_m_scss_1 = __importDefault(require("./block.m.scss"));
|
|
15
15
|
const classnames_1 = __importDefault(require("classnames"));
|
|
16
16
|
/**
|
|
@@ -22,7 +22,7 @@ function SelectFieldBlock(props) {
|
|
|
22
22
|
var _a;
|
|
23
23
|
const binding = (0, react_1.useContext)(utils_1.SelectContext);
|
|
24
24
|
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
25
|
-
const ArrowSVG = binding.opened ?
|
|
25
|
+
const ArrowSVG = binding.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
|
|
26
26
|
// @todo прокидывать ref в props.blockRef при необходимости
|
|
27
27
|
const ref = (0, react_1.useRef)(null);
|
|
28
28
|
(0, react_1.useImperativeHandle)(binding.anchorRef, () => ref.current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/select/parts/block.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAC1E,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/select/parts/block.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAC1E,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,2GAA2E;AAC3E,+GAA+E;AAC/E,kEAAoC;AACpC,4DAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAElD,2DAA2D;IAE3D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IACzE,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IAEzE,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,KACxD,KAAK,EACT,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,QACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE;YACV,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;YACpB,OAAO,EAAE,KAAK,CAAC,EAAE;;gBACf,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,OAAO,mDAAG,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,EAAE,KAAK,CAAC,EAAE;;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,mDAAG,KAAK,CAAC,CAAC;YACpC,CAAC;YACD,SAAS,EAAE,KAAK,CAAC,EAAE;;gBACjB,MAAA,OAAO,CAAC,SAAS,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,SAAS,mDAAG,KAAK,CAAC,CAAC;YACvC,CAAC;YACD,WAAW,EAAE,KAAK,CAAC,EAAE;;gBACnB,MAAA,OAAO,CAAC,WAAW,wDAAG,KAAK,CAAC,CAAC;gBAC7B,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,WAAW,mDAAG,KAAK,CAAC,CAAC;YACzC,CAAC;YACD,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,SAAS,CAAC;SACjE,EACD,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,EAClC,kBAAkB,EAAE,CAAC,OAAO,CAAC,KAAK,EAClC,IAAI,EAAE,OAAO,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,SAAS,EAAE,sBAAM,CAAC,IAAI,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAhDD,4CAgDC"}
|
package/select/parts/button.js
CHANGED
|
@@ -8,8 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const text_button_1 = require("../../text-button");
|
|
10
10
|
const utils_1 = require("../utils");
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
|
|
12
|
+
const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
|
|
13
13
|
/**
|
|
14
14
|
* "Открывашка" для Select в виде текстовой кнопки.
|
|
15
15
|
* @param props Свойства.
|
|
@@ -18,7 +18,7 @@ const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked
|
|
|
18
18
|
function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }) {
|
|
19
19
|
const buttonRef = (0, react_1.useRef)(null);
|
|
20
20
|
const binding = (0, react_1.useContext)(utils_1.SelectContext);
|
|
21
|
-
const ArrowSVG = binding.opened ?
|
|
21
|
+
const ArrowSVG = binding.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
|
|
22
22
|
(0, react_1.useImperativeHandle)(buttonRefProp, () => buttonRef.current);
|
|
23
23
|
(0, react_1.useImperativeHandle)(binding.anchorRef, () => buttonRef.current);
|
|
24
24
|
(0, react_1.useImperativeHandle)(binding.openerRef, () => buttonRef.current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAgE;AAChE,mDAAwE;AACxE,oCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAgE;AAChE,mDAAwE;AACxE,oCAAyC;AACzC,2GAA2E;AAC3E,+GAA+E;AAE/E;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACgB;IACxB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAElD,IAAA,2BAAmB,EAAC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAA4B,CAAC,CAAC;IACjF,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAC/E,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAE/E,OAAO,CACL,uBAAC,wBAAU,IACT,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,KAAK,CAAC,EAAE;;YACnB,MAAA,OAAO,CAAC,WAAW,wDAAG,KAAK,CAAC,CAAC;YAC7B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;;YACjB,MAAA,OAAO,CAAC,SAAS,wDAAG,KAAK,CAAC,CAAC;YAC3B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,YAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,GAClC,CACd,CAAC;AACJ,CAAC;AApCD,4CAoCC"}
|
package/styling/colors.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/** @deprecated */
|
|
2
|
-
export declare const color: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue") => string | undefined;
|
|
2
|
+
export declare const color: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
|
|
3
3
|
/** @deprecated */
|
|
4
|
-
export declare const hoverColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue") => string | undefined;
|
|
4
|
+
export declare const hoverColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
|
|
5
5
|
/** @deprecated */
|
|
6
|
-
export declare const bgColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue") => string | undefined;
|
|
6
|
+
export declare const bgColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
|
|
7
7
|
/** @deprecated */
|
|
8
|
-
export declare const stroke: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue") => string | undefined;
|
|
8
|
+
export declare const stroke: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
|
|
9
9
|
/** @deprecated */
|
|
10
|
-
export declare const fill: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue") => string | undefined;
|
|
10
|
+
export declare const fill: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
|
package/textarea/textarea.js
CHANGED
|
@@ -40,7 +40,7 @@ label, failed, caption, blockProps, 'data-testid': testId = 'textarea', ...restP
|
|
|
40
40
|
onMouseDown: handleMouseDown,
|
|
41
41
|
}, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: {
|
|
42
42
|
...baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style,
|
|
43
|
-
'--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
|
|
43
|
+
'--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
|
|
44
44
|
}, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: (event) => {
|
|
45
45
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
46
46
|
updateFilled(event);
|
package/textarea/textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAA8D;AAC9D,8CAA0C;AAC1C,gDAA4C;AAC5C,0CAA2F;AAC3F,2DAAyC;AACzC,wEAAuC;AAEvC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,yBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,QAAQ,CAAC;AACvB,0BAA0B;AAC1B,WAAW,EACX,cAAc;AAEd,aAAa;AACb,KAAK,EACL,SAAS;AAET,mCAAmC;AACnC,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,KAAK;AAEL,mBAAmB;AACnB,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAU,EACV,aAAa,EAAE,MAAM,GAAG,UAAU,EAClC,GAAG,SAAS,EACE;IACd,MAAM,GAAG,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,IAAA,sBAAc,EAAC,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,yBAAiB,EAAC,GAAG,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC,CAAC;IAExE,IAAA,2BAAmB,EACjB,WAAW,EACX,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAClB,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAU,OACL,SAAS,EACb,SAAS,EAAE;YACT,GAAG,SAAS,CAAC,SAAS;YACtB,KAAK;YACL,SAAS;SACV,iBACY,MAAM,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,CAAC,OAAO,IAAI,CAAC,MAAM,EACvC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3B,IAAI,EAAC,GAAG,EACR,UAAU,EAAE;YACV,GAAG,UAAU;YACb,WAAW,EAAE,eAAe;SAC7B,EACD,IAAI,EACF,uBAAC,sBAAS,OACJ,cAAc,EAClB,WAAW,EAAE,GAAG,EAChB,SAAS,QACT,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,EACpD,KAAK,EAAE;gBACL,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK;gBACxB,
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":"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"}
|