@salutejs/sdds-cs 0.314.0-canary.1924.14495058735.0 → 0.314.0-canary.1924.14510926542.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/components/Autocomplete/Autocomplete.d.ts +4 -4
  2. package/components/Button/Button.d.ts +85 -1
  3. package/components/Button/Button.js +6 -3
  4. package/components/Combobox/Combobox.d.ts +12 -12
  5. package/components/Mask/Mask.d.ts +4 -4
  6. package/components/Rating/Rating.d.ts +1 -1
  7. package/components/Select/Select.d.ts +2 -2
  8. package/components/TextArea/TextArea.d.ts +4 -4
  9. package/components/TextField/TextField.d.ts +4 -4
  10. package/emotion/cjs/components/Button/Button.js +6 -3
  11. package/emotion/cjs/components/Button/Button.stories.tsx +4 -8
  12. package/emotion/es/components/Button/Button.js +7 -4
  13. package/emotion/es/components/Button/Button.stories.tsx +4 -8
  14. package/es/components/Button/Button.js +7 -4
  15. package/package.json +8 -8
package/components/Autocomplete/Autocomplete.d.ts CHANGED
@@ -30,7 +30,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
30
30
  hasDivider?: boolean | undefined;
31
31
  } & {
32
32
  hintText: string;
33
- hintTrigger?: "hover" | "click" | undefined;
33
+ hintTrigger?: "click" | "hover" | undefined;
34
34
  hintView?: string | undefined;
35
35
  hintSize?: string | undefined;
36
36
  hintTargetIcon?: import("react").ReactNode;
@@ -61,7 +61,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
61
61
  hasDivider?: boolean | undefined;
62
62
  } & {
63
63
  hintText: string;
64
- hintTrigger?: "hover" | "click" | undefined;
64
+ hintTrigger?: "click" | "hover" | undefined;
65
65
  hintView?: string | undefined;
66
66
  hintSize?: string | undefined;
67
67
  hintTargetIcon?: import("react").ReactNode;
@@ -158,7 +158,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
158
158
  hasDivider?: undefined;
159
159
  } & {
160
160
  hintText: string;
161
- hintTrigger?: "hover" | "click" | undefined;
161
+ hintTrigger?: "click" | "hover" | undefined;
162
162
  hintView?: string | undefined;
163
163
  hintSize?: string | undefined;
164
164
  hintTargetIcon?: import("react").ReactNode;
@@ -189,7 +189,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
189
189
  hasDivider?: undefined;
190
190
  } & {
191
191
  hintText: string;
192
- hintTrigger?: "hover" | "click" | undefined;
192
+ hintTrigger?: "click" | "hover" | undefined;
193
193
  hintView?: string | undefined;
194
194
  hintSize?: string | undefined;
195
195
  hintTargetIcon?: import("react").ReactNode;
package/components/Button/Button.d.ts CHANGED
@@ -67,5 +67,89 @@ export declare type ButtonProps = ComponentProps<typeof ButtonComponent>;
67
67
  /**
68
68
  * Кнопка.
69
69
  */
70
- export declare const Button: ({ onClick, isLoading, ...props }: ButtonProps) => JSX.Element;
70
+ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
71
+ view: {
72
+ accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
73
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
74
+ clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
75
+ };
76
+ size: {
77
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
78
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
79
+ };
80
+ disabled: {
81
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
82
+ };
83
+ focused: {
84
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
85
+ };
86
+ stretching: {
87
+ auto: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
88
+ filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
89
+ fixed: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
90
+ };
91
+ }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
92
+ text?: string | undefined;
93
+ contentLeft?: React.ReactNode;
94
+ contentPlacing?: ("default" | "relaxed") | undefined;
95
+ isLoading?: boolean | undefined;
96
+ loader?: React.ReactNode;
97
+ stretch?: boolean | undefined;
98
+ stretching?: ("auto" | "filled" | "fixed") | undefined;
99
+ square?: boolean | undefined;
100
+ focused?: boolean | undefined;
101
+ disabled?: boolean | undefined;
102
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
103
+ view?: string | undefined;
104
+ size?: string | undefined;
105
+ outlined?: boolean | undefined;
106
+ shiftLeft?: boolean | undefined;
107
+ shiftRight?: boolean | undefined;
108
+ blur?: "small" | "medium" | "large" | undefined;
109
+ } & {
110
+ value?: string | number | undefined;
111
+ contentRight?: undefined;
112
+ } & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
113
+ view: {
114
+ accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
115
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
116
+ clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
117
+ };
118
+ size: {
119
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
120
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
121
+ };
122
+ disabled: {
123
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
124
+ };
125
+ focused: {
126
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
127
+ };
128
+ stretching: {
129
+ auto: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
130
+ filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
131
+ fixed: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
132
+ };
133
+ }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & {
134
+ text?: string | undefined;
135
+ contentLeft?: React.ReactNode;
136
+ contentPlacing?: ("default" | "relaxed") | undefined;
137
+ isLoading?: boolean | undefined;
138
+ loader?: React.ReactNode;
139
+ stretch?: boolean | undefined;
140
+ stretching?: ("auto" | "filled" | "fixed") | undefined;
141
+ square?: boolean | undefined;
142
+ focused?: boolean | undefined;
143
+ disabled?: boolean | undefined;
144
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
145
+ view?: string | undefined;
146
+ size?: string | undefined;
147
+ outlined?: boolean | undefined;
148
+ shiftLeft?: boolean | undefined;
149
+ shiftRight?: boolean | undefined;
150
+ blur?: "small" | "medium" | "large" | undefined;
151
+ } & {
152
+ value?: undefined;
153
+ contentRight?: React.ReactNode;
154
+ } & React.RefAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<Omit<HTMLButtonElement, "value">>>;
71
155
  export {};
package/components/Button/Button.js CHANGED
@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
9
9
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
10
10
  var _styledComponents2 = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
11
11
  var _Button = /*#__PURE__*/require("./Button.config");
12
- var _excluded = ["onClick", "isLoading"];
12
+ var _excluded = ["onClick", "isLoading", "value"];
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -26,9 +26,10 @@ var StyledButton = /*#__PURE__*/(0, _styledComponents2["default"])(ButtonCompone
26
26
  /**
27
27
  * Кнопка.
28
28
  */
29
- var Button = exports.Button = function Button(_ref) {
29
+ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
30
30
  var onClick = _ref.onClick,
31
31
  isLoading = _ref.isLoading,
32
+ value = _ref.value,
32
33
  props = _objectWithoutProperties(_ref, _excluded);
33
34
  var handleClick = (0, _react.useCallback)(function (event) {
34
35
  if (!isLoading) {
@@ -36,7 +37,9 @@ var Button = exports.Button = function Button(_ref) {
36
37
  }
37
38
  }, [isLoading, onClick]);
38
39
  return /*#__PURE__*/_react["default"].createElement(StyledButton, _extends({
40
+ value: value,
41
+ ref: ref,
39
42
  onClick: handleClick,
40
43
  isLoading: isLoading
41
44
  }, props));
42
- };
45
+ });
package/components/Combobox/Combobox.d.ts CHANGED
@@ -62,7 +62,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
62
62
  renderValue?: undefined;
63
63
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
64
64
  hintText: string;
65
- hintTrigger?: "hover" | "click" | undefined;
65
+ hintTrigger?: "click" | "hover" | undefined;
66
66
  hintView?: string | undefined;
67
67
  hintSize?: string | undefined;
68
68
  hintTargetIcon?: React.ReactNode;
@@ -168,7 +168,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
168
168
  renderValue?: undefined;
169
169
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
170
170
  hintText: string;
171
- hintTrigger?: "hover" | "click" | undefined;
171
+ hintTrigger?: "click" | "hover" | undefined;
172
172
  hintView?: string | undefined;
173
173
  hintSize?: string | undefined;
174
174
  hintTargetIcon?: React.ReactNode;
@@ -274,7 +274,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
274
274
  renderValue?: ((item: ItemOption) => string) | undefined;
275
275
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
276
276
  hintText: string;
277
- hintTrigger?: "hover" | "click" | undefined;
277
+ hintTrigger?: "click" | "hover" | undefined;
278
278
  hintView?: string | undefined;
279
279
  hintSize?: string | undefined;
280
280
  hintTargetIcon?: React.ReactNode;
@@ -380,7 +380,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
380
380
  renderValue?: ((item: ItemOption) => string) | undefined;
381
381
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
382
382
  hintText: string;
383
- hintTrigger?: "hover" | "click" | undefined;
383
+ hintTrigger?: "click" | "hover" | undefined;
384
384
  hintView?: string | undefined;
385
385
  hintSize?: string | undefined;
386
386
  hintTargetIcon?: React.ReactNode;
@@ -486,7 +486,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
486
486
  renderValue?: undefined;
487
487
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
488
488
  hintText: string;
489
- hintTrigger?: "hover" | "click" | undefined;
489
+ hintTrigger?: "click" | "hover" | undefined;
490
490
  hintView?: string | undefined;
491
491
  hintSize?: string | undefined;
492
492
  hintTargetIcon?: React.ReactNode;
@@ -592,7 +592,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
592
592
  renderValue?: undefined;
593
593
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
594
594
  hintText: string;
595
- hintTrigger?: "hover" | "click" | undefined;
595
+ hintTrigger?: "click" | "hover" | undefined;
596
596
  hintView?: string | undefined;
597
597
  hintSize?: string | undefined;
598
598
  hintTargetIcon?: React.ReactNode;
@@ -698,7 +698,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
698
698
  renderValue?: ((item: ItemOption) => string) | undefined;
699
699
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
700
700
  hintText: string;
701
- hintTrigger?: "hover" | "click" | undefined;
701
+ hintTrigger?: "click" | "hover" | undefined;
702
702
  hintView?: string | undefined;
703
703
  hintSize?: string | undefined;
704
704
  hintTargetIcon?: React.ReactNode;
@@ -804,7 +804,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
804
804
  renderValue?: ((item: ItemOption) => string) | undefined;
805
805
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
806
806
  hintText: string;
807
- hintTrigger?: "hover" | "click" | undefined;
807
+ hintTrigger?: "click" | "hover" | undefined;
808
808
  hintView?: string | undefined;
809
809
  hintSize?: string | undefined;
810
810
  hintTargetIcon?: React.ReactNode;
@@ -910,7 +910,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
910
910
  renderValue?: undefined;
911
911
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
912
912
  hintText: string;
913
- hintTrigger?: "hover" | "click" | undefined;
913
+ hintTrigger?: "click" | "hover" | undefined;
914
914
  hintView?: string | undefined;
915
915
  hintSize?: string | undefined;
916
916
  hintTargetIcon?: React.ReactNode;
@@ -1016,7 +1016,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1016
1016
  renderValue?: undefined;
1017
1017
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
1018
1018
  hintText: string;
1019
- hintTrigger?: "hover" | "click" | undefined;
1019
+ hintTrigger?: "click" | "hover" | undefined;
1020
1020
  hintView?: string | undefined;
1021
1021
  hintSize?: string | undefined;
1022
1022
  hintTargetIcon?: React.ReactNode;
@@ -1122,7 +1122,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1122
1122
  renderValue?: ((item: ItemOption) => string) | undefined;
1123
1123
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
1124
1124
  hintText: string;
1125
- hintTrigger?: "hover" | "click" | undefined;
1125
+ hintTrigger?: "click" | "hover" | undefined;
1126
1126
  hintView?: string | undefined;
1127
1127
  hintSize?: string | undefined;
1128
1128
  hintTargetIcon?: React.ReactNode;
@@ -1228,7 +1228,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1228
1228
  renderValue?: ((item: ItemOption) => string) | undefined;
1229
1229
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
1230
1230
  hintText: string;
1231
- hintTrigger?: "hover" | "click" | undefined;
1231
+ hintTrigger?: "click" | "hover" | undefined;
1232
1232
  hintView?: string | undefined;
1233
1233
  hintSize?: string | undefined;
1234
1234
  hintTargetIcon?: React.ReactNode;
package/components/Mask/Mask.d.ts CHANGED
@@ -44,7 +44,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
44
44
  hasDivider?: boolean | undefined;
45
45
  } & {
46
46
  hintText: string;
47
- hintTrigger?: "hover" | "click" | undefined;
47
+ hintTrigger?: "click" | "hover" | undefined;
48
48
  hintView?: string | undefined;
49
49
  hintSize?: string | undefined;
50
50
  hintTargetIcon?: import("react").ReactNode;
@@ -107,7 +107,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
107
107
  hasDivider?: boolean | undefined;
108
108
  } & {
109
109
  hintText: string;
110
- hintTrigger?: "hover" | "click" | undefined;
110
+ hintTrigger?: "click" | "hover" | undefined;
111
111
  hintView?: string | undefined;
112
112
  hintSize?: string | undefined;
113
113
  hintTargetIcon?: import("react").ReactNode;
@@ -300,7 +300,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
300
300
  hasDivider?: undefined;
301
301
  } & {
302
302
  hintText: string;
303
- hintTrigger?: "hover" | "click" | undefined;
303
+ hintTrigger?: "click" | "hover" | undefined;
304
304
  hintView?: string | undefined;
305
305
  hintSize?: string | undefined;
306
306
  hintTargetIcon?: import("react").ReactNode;
@@ -363,7 +363,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
363
363
  hasDivider?: undefined;
364
364
  } & {
365
365
  hintText: string;
366
- hintTrigger?: "hover" | "click" | undefined;
366
+ hintTrigger?: "click" | "hover" | undefined;
367
367
  hintView?: string | undefined;
368
368
  hintSize?: string | undefined;
369
369
  hintTargetIcon?: import("react").ReactNode;
package/components/Rating/Rating.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const Rating: import("react").FunctionComponent<import("@salutejs
12
12
  value?: number | null | undefined;
13
13
  hasValue?: boolean | undefined;
14
14
  precision?: number | undefined;
15
- valuePlacement?: "before" | "after" | undefined;
15
+ valuePlacement?: "after" | "before" | undefined;
16
16
  iconSlot?: import("react").ReactNode;
17
17
  iconSlotOutline?: import("react").ReactNode;
18
18
  iconSlotHalf?: import("react").ReactNode;
package/components/Select/Select.d.ts CHANGED
@@ -23,7 +23,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
23
23
  };
24
24
  }> & ((import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
25
25
  hintText: string;
26
- hintTrigger?: "hover" | "click" | undefined;
26
+ hintTrigger?: "click" | "hover" | undefined;
27
27
  hintView?: string | undefined;
28
28
  hintSize?: string | undefined;
29
29
  hintTargetIcon?: React.ReactNode;
@@ -80,7 +80,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
80
80
  onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
81
81
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
82
82
  hintText: string;
83
- hintTrigger?: "hover" | "click" | undefined;
83
+ hintTrigger?: "click" | "hover" | undefined;
84
84
  hintView?: string | undefined;
85
85
  hintSize?: string | undefined;
86
86
  hintTargetIcon?: React.ReactNode;
package/components/TextArea/TextArea.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
45
45
  hasRequiredIndicator?: boolean | undefined;
46
46
  } & {
47
47
  hintText: string;
48
- hintTrigger?: "hover" | "click" | undefined;
48
+ hintTrigger?: "click" | "hover" | undefined;
49
49
  hintOpened?: boolean | undefined;
50
50
  hintView?: string | undefined;
51
51
  hintSize?: string | undefined;
@@ -89,7 +89,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
89
89
  hasRequiredIndicator?: boolean | undefined;
90
90
  } & {
91
91
  hintText: string;
92
- hintTrigger?: "hover" | "click" | undefined;
92
+ hintTrigger?: "click" | "hover" | undefined;
93
93
  hintOpened?: boolean | undefined;
94
94
  hintView?: string | undefined;
95
95
  hintSize?: string | undefined;
@@ -133,7 +133,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
133
133
  hasRequiredIndicator?: boolean | undefined;
134
134
  } & {
135
135
  hintText: string;
136
- hintTrigger?: "hover" | "click" | undefined;
136
+ hintTrigger?: "click" | "hover" | undefined;
137
137
  hintOpened?: boolean | undefined;
138
138
  hintView?: string | undefined;
139
139
  hintSize?: string | undefined;
@@ -177,7 +177,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
177
177
  hasRequiredIndicator?: boolean | undefined;
178
178
  } & {
179
179
  hintText: string;
180
- hintTrigger?: "hover" | "click" | undefined;
180
+ hintTrigger?: "click" | "hover" | undefined;
181
181
  hintOpened?: boolean | undefined;
182
182
  hintView?: string | undefined;
183
183
  hintSize?: string | undefined;
package/components/TextField/TextField.d.ts CHANGED
@@ -47,7 +47,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
47
47
  hasDivider?: boolean | undefined;
48
48
  } & {
49
49
  hintText: string;
50
- hintTrigger?: "hover" | "click" | undefined;
50
+ hintTrigger?: "click" | "hover" | undefined;
51
51
  hintView?: string | undefined;
52
52
  hintSize?: string | undefined;
53
53
  hintTargetIcon?: import("react").ReactNode;
@@ -83,7 +83,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
83
83
  hasDivider?: boolean | undefined;
84
84
  } & {
85
85
  hintText: string;
86
- hintTrigger?: "hover" | "click" | undefined;
86
+ hintTrigger?: "click" | "hover" | undefined;
87
87
  hintView?: string | undefined;
88
88
  hintSize?: string | undefined;
89
89
  hintTargetIcon?: import("react").ReactNode;
@@ -195,7 +195,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
195
195
  hasDivider?: undefined;
196
196
  } & {
197
197
  hintText: string;
198
- hintTrigger?: "hover" | "click" | undefined;
198
+ hintTrigger?: "click" | "hover" | undefined;
199
199
  hintView?: string | undefined;
200
200
  hintSize?: string | undefined;
201
201
  hintTargetIcon?: import("react").ReactNode;
@@ -231,7 +231,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
231
231
  hasDivider?: undefined;
232
232
  } & {
233
233
  hintText: string;
234
- hintTrigger?: "hover" | "click" | undefined;
234
+ hintTrigger?: "click" | "hover" | undefined;
235
235
  hintView?: string | undefined;
236
236
  hintSize?: string | undefined;
237
237
  hintTargetIcon?: import("react").ReactNode;
package/emotion/cjs/components/Button/Button.js CHANGED
@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
9
9
  var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
10
10
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
11
11
  var _Button = /*#__PURE__*/require("./Button.config");
12
- var _excluded = ["onClick", "isLoading"];
12
+ var _excluded = ["onClick", "isLoading", "value"];
13
13
  var _templateObject;
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -26,9 +26,10 @@ var StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(ButtonComponen
26
26
  /**
27
27
  * Кнопка.
28
28
  */
29
- var Button = exports.Button = function Button(_ref) {
29
+ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
30
30
  var onClick = _ref.onClick,
31
31
  isLoading = _ref.isLoading,
32
+ value = _ref.value,
32
33
  props = _objectWithoutProperties(_ref, _excluded);
33
34
  var handleClick = (0, _react.useCallback)(function (event) {
34
35
  if (!isLoading) {
@@ -36,7 +37,9 @@ var Button = exports.Button = function Button(_ref) {
36
37
  }
37
38
  }, [isLoading, onClick]);
38
39
  return /*#__PURE__*/_react["default"].createElement(StyledButton, _extends({
40
+ value: value,
41
+ ref: ref,
39
42
  onClick: handleClick,
40
43
  isLoading: isLoading
41
44
  }, props));
42
- };
45
+ });
package/emotion/cjs/components/Button/Button.stories.tsx CHANGED
@@ -115,10 +115,8 @@ const StoryDefault = ({ enableContentLeft, enableContentRight, size, ...rest }:
115
115
 
116
116
  return (
117
117
  <Button
118
- contentLeft={enableContentLeft && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined}
119
- contentRight={
120
- enableContentRight && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined
121
- }
118
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
119
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
122
120
  size={size}
123
121
  onClick={onClick}
124
122
  onFocus={onFocus}
@@ -191,10 +189,8 @@ const StoryLoading = ({
191
189
  <Button
192
190
  autoFocus
193
191
  onClick={onClickHandle}
194
- contentLeft={enableContentLeft && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined}
195
- contentRight={
196
- enableContentRight && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined
197
- }
192
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
193
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
198
194
  isLoading={loading}
199
195
  size={size}
200
196
  loader={<div>Loading - {count}</div>}
package/emotion/es/components/Button/Button.js CHANGED
@@ -1,10 +1,10 @@
1
- var _excluded = ["onClick", "isLoading"];
1
+ var _excluded = ["onClick", "isLoading", "value"];
2
2
  var _templateObject;
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7
- import React, { useCallback } from 'react';
7
+ import React, { useCallback, forwardRef } from 'react';
8
8
  import { buttonConfig, component, mergeConfig, buttonClasses, buttonTokens } from '@salutejs/plasma-new-hope/emotion';
9
9
  import styled from 'styled-components';
10
10
  import { config } from './Button.config';
@@ -16,9 +16,10 @@ var StyledButton = /*#__PURE__*/styled(ButtonComponent)(_templateObject || (_tem
16
16
  /**
17
17
  * Кнопка.
18
18
  */
19
- export var Button = function Button(_ref) {
19
+ export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
20
20
  var onClick = _ref.onClick,
21
21
  isLoading = _ref.isLoading,
22
+ value = _ref.value,
22
23
  props = _objectWithoutProperties(_ref, _excluded);
23
24
  var handleClick = useCallback(function (event) {
24
25
  if (!isLoading) {
@@ -26,7 +27,9 @@ export var Button = function Button(_ref) {
26
27
  }
27
28
  }, [isLoading, onClick]);
28
29
  return /*#__PURE__*/React.createElement(StyledButton, _extends({
30
+ value: value,
31
+ ref: ref,
29
32
  onClick: handleClick,
30
33
  isLoading: isLoading
31
34
  }, props));
32
- };
35
+ });
package/emotion/es/components/Button/Button.stories.tsx CHANGED
@@ -115,10 +115,8 @@ const StoryDefault = ({ enableContentLeft, enableContentRight, size, ...rest }:
115
115
 
116
116
  return (
117
117
  <Button
118
- contentLeft={enableContentLeft && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined}
119
- contentRight={
120
- enableContentRight && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined
121
- }
118
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
119
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
122
120
  size={size}
123
121
  onClick={onClick}
124
122
  onFocus={onFocus}
@@ -191,10 +189,8 @@ const StoryLoading = ({
191
189
  <Button
192
190
  autoFocus
193
191
  onClick={onClickHandle}
194
- contentLeft={enableContentLeft && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined}
195
- contentRight={
196
- enableContentRight && size !== 'xxs' ? <IconMic size={iconSize} color="inherit" /> : undefined
197
- }
192
+ contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
193
+ contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
198
194
  isLoading={loading}
199
195
  size={size}
200
196
  loader={<div>Loading - {count}</div>}
package/es/components/Button/Button.js CHANGED
@@ -1,8 +1,8 @@
1
- var _excluded = ["onClick", "isLoading"];
1
+ var _excluded = ["onClick", "isLoading", "value"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React, { useCallback } from 'react';
5
+ import React, { useCallback, forwardRef } from 'react';
6
6
  import { buttonConfig, component, mergeConfig, buttonClasses, buttonTokens } from '@salutejs/plasma-new-hope/styled-components';
7
7
  import styled from 'styled-components';
8
8
  import { config } from './Button.config';
@@ -16,9 +16,10 @@ var StyledButton = /*#__PURE__*/styled(ButtonComponent).withConfig({
16
16
  /**
17
17
  * Кнопка.
18
18
  */
19
- export var Button = function Button(_ref) {
19
+ export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
20
20
  var onClick = _ref.onClick,
21
21
  isLoading = _ref.isLoading,
22
+ value = _ref.value,
22
23
  props = _objectWithoutProperties(_ref, _excluded);
23
24
  var handleClick = useCallback(function (event) {
24
25
  if (!isLoading) {
@@ -26,7 +27,9 @@ export var Button = function Button(_ref) {
26
27
  }
27
28
  }, [isLoading, onClick]);
28
29
  return /*#__PURE__*/React.createElement(StyledButton, _extends({
30
+ value: value,
31
+ ref: ref,
29
32
  onClick: handleClick,
30
33
  isLoading: isLoading
31
34
  }, props));
32
- };
35
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.314.0-canary.1924.14495058735.0",
3
+ "version": "0.314.0-canary.1924.14510926542.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,8 +30,8 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.322.0-canary.1924.14495058735.0",
34
- "@salutejs/sdds-themes": "0.36.0-canary.1924.14495058735.0"
33
+ "@salutejs/plasma-new-hope": "0.322.0-canary.1924.14510926542.0",
34
+ "@salutejs/sdds-themes": "0.36.0-canary.1924.14510926542.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.15.0",
57
- "@salutejs/plasma-core": "1.197.0-canary.1924.14495058735.0",
58
- "@salutejs/plasma-cy-utils": "0.128.0-canary.1924.14495058735.0",
59
- "@salutejs/plasma-icons": "1.218.0-canary.1924.14495058735.0",
60
- "@salutejs/plasma-sb-utils": "0.197.0-canary.1924.14495058735.0",
57
+ "@salutejs/plasma-core": "1.197.0-canary.1924.14510926542.0",
58
+ "@salutejs/plasma-cy-utils": "0.128.0-canary.1924.14510926542.0",
59
+ "@salutejs/plasma-icons": "1.218.0-canary.1924.14510926542.0",
60
+ "@salutejs/plasma-sb-utils": "0.197.0-canary.1924.14510926542.0",
61
61
  "@storybook/addon-docs": "7.6.17",
62
62
  "@storybook/addon-essentials": "7.6.17",
63
63
  "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "c3af8e5c0873c4ec1b6c677c731317fca9ae0160"
126
+ "gitHead": "a49af37da5ac1e5a70e44ef29a164bdd0040f893"
127
127
  }