@salutejs/plasma-web 1.408.0-canary.1462.11103957005.0 → 1.409.0-canary.1421.11106899244.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/api/plasma-web.api.md +61 -2
  2. package/components/DatePicker/DatePicker.d.ts +7 -0
  3. package/components/Slider/Slider.d.ts +47 -1
  4. package/es/hooks/index.js +2 -1
  5. package/hooks/index.d.ts +1 -0
  6. package/hooks/index.js +8 -1
  7. package/package.json +5 -5
  8. package/temp/plasma-web.api.md +61 -2
package/api/plasma-web.api.md CHANGED
@@ -138,6 +138,8 @@ import { FC } from 'react';
138
138
  import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
139
139
  import { FocusProps } from '@salutejs/plasma-core';
140
140
  import { formatCurrency } from '@salutejs/plasma-core';
141
+ import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
142
+ import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
141
143
  import { ForwardRefExoticComponent } from 'react';
142
144
  import { FunctionComponent } from 'react';
143
145
  import { gridBreakpoints } from '@salutejs/plasma-hope';
@@ -245,10 +247,11 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
245
247
  import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
246
248
  import { ShiftProps } from '@salutejs/plasma-core';
247
249
  import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
248
- import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
249
250
  import { SkeletonGradientProps } from '@salutejs/plasma-core';
250
251
  import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
251
252
  import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
253
+ import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
254
+ import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
252
255
  import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
253
256
  import { SmartPaginationDots } from '@salutejs/plasma-hope';
254
257
  import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
@@ -307,6 +310,7 @@ import { UploadVisualProps } from '@salutejs/plasma-hope';
307
310
  import { useDebouncedFunction } from '@salutejs/plasma-core';
308
311
  import { useFocusTrap } from '@salutejs/plasma-hope';
309
312
  import { useForkRef } from '@salutejs/plasma-core';
313
+ import { useForm } from '@salutejs/plasma-new-hope/styled-components';
310
314
  import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
311
315
  import { usePopupContext as usePopupBaseContext } from '@salutejs/plasma-new-hope/styled-components';
312
316
  import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
@@ -1584,8 +1588,15 @@ true: PolymorphicClassName;
1584
1588
  }> & DatePickerdVariationProps & {
1585
1589
  defaultFirstDate?: Date | undefined;
1586
1590
  defaultSecondDate?: Date | undefined;
1591
+ name?: string | undefined;
1587
1592
  onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
1588
1593
  onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
1594
+ onChange?: ((event: {
1595
+ target: {
1596
+ value?: string | undefined;
1597
+ name?: string | undefined;
1598
+ };
1599
+ }) => void) | undefined;
1589
1600
  } & {
1590
1601
  label?: string | undefined;
1591
1602
  view?: string | undefined;
@@ -2951,7 +2962,53 @@ s: PolymorphicClassName;
2951
2962
  disabled: {
2952
2963
  true: PolymorphicClassName;
2953
2964
  };
2954
- }> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>;
2965
+ }> & ((SliderBaseProps & SliderInternalProps & {
2966
+ onChange?: ((event: FormTypeNumber) => void) | undefined;
2967
+ name: string;
2968
+ value?: undefined;
2969
+ defaultValue?: number | undefined;
2970
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
2971
+ onChangeCommitted?: ((value: number) => void) | undefined;
2972
+ ariaLabel?: string | undefined;
2973
+ showCurrentValue?: boolean | undefined;
2974
+ showRangeValues?: boolean | undefined;
2975
+ hideMinValueDiff?: number | undefined;
2976
+ hideMaxValueDiff?: number | undefined;
2977
+ rangeValuesPlacement?: "outer" | "inner" | undefined;
2978
+ labelPlacement?: "outer" | "inner" | undefined;
2979
+ multipleStepSize?: number | undefined;
2980
+ view?: string | undefined;
2981
+ size?: "m" | "s" | "l" | undefined;
2982
+ type?: "single" | undefined;
2983
+ } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
2984
+ onChange?: ((value: number) => void) | undefined;
2985
+ value: number;
2986
+ name?: undefined;
2987
+ defaultValue?: undefined;
2988
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
2989
+ onChangeCommitted?: ((value: number) => void) | undefined;
2990
+ ariaLabel?: string | undefined;
2991
+ showCurrentValue?: boolean | undefined;
2992
+ showRangeValues?: boolean | undefined;
2993
+ hideMinValueDiff?: number | undefined;
2994
+ hideMaxValueDiff?: number | undefined;
2995
+ rangeValuesPlacement?: "outer" | "inner" | undefined;
2996
+ labelPlacement?: "outer" | "inner" | undefined;
2997
+ multipleStepSize?: number | undefined;
2998
+ view?: string | undefined;
2999
+ size?: "m" | "s" | "l" | undefined;
3000
+ type?: "single" | undefined;
3001
+ } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
3002
+ onChange?: ((event: FormTypeString) => void) | undefined;
3003
+ name?: string | undefined;
3004
+ value?: undefined;
3005
+ defaultValue?: number[] | undefined;
3006
+ } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
3007
+ onChange?: ((values: number[]) => void) | undefined;
3008
+ name?: undefined;
3009
+ value?: number[] | undefined;
3010
+ defaultValue?: undefined;
3011
+ } & RefAttributes<HTMLDivElement>))>;
2955
3012
 
2956
3013
  export { SliderProps }
2957
3014
 
@@ -3278,6 +3335,8 @@ export { useFocusTrap }
3278
3335
 
3279
3336
  export { useForkRef }
3280
3337
 
3338
+ export { useForm }
3339
+
3281
3340
  export { useIsomorphicLayoutEffect }
3282
3341
 
3283
3342
  export { usePopupBaseContext }
package/components/DatePicker/DatePicker.d.ts CHANGED
@@ -35,8 +35,15 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
35
35
  }> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerdVariationProps & {
36
36
  defaultFirstDate?: Date | undefined;
37
37
  defaultSecondDate?: Date | undefined;
38
+ name?: string | undefined;
38
39
  onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateInfo | undefined) => void) | undefined;
39
40
  onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateInfo | undefined) => void) | undefined;
41
+ onChange?: ((event: {
42
+ target: {
43
+ value?: string | undefined;
44
+ name?: string | undefined;
45
+ };
46
+ }) => void) | undefined;
40
47
  } & {
41
48
  label?: string | undefined;
42
49
  view?: string | undefined;
package/components/Slider/Slider.d.ts CHANGED
@@ -17,4 +17,50 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
17
17
  disabled: {
18
18
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
19
  };
20
- }> & ((import("@salutejs/plasma-new-hope/styled-components").SingleSliderProps & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps & import("react").RefAttributes<HTMLDivElement>))>;
20
+ }> & ((import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
21
+ onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
22
+ name: string;
23
+ value?: undefined;
24
+ defaultValue?: number | undefined;
25
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
26
+ onChangeCommitted?: ((value: number) => void) | undefined;
27
+ ariaLabel?: string | undefined;
28
+ showCurrentValue?: boolean | undefined;
29
+ showRangeValues?: boolean | undefined;
30
+ hideMinValueDiff?: number | undefined;
31
+ hideMaxValueDiff?: number | undefined;
32
+ rangeValuesPlacement?: "outer" | "inner" | undefined;
33
+ labelPlacement?: "outer" | "inner" | undefined;
34
+ multipleStepSize?: number | undefined;
35
+ view?: string | undefined;
36
+ size?: "m" | "s" | "l" | undefined;
37
+ type?: "single" | undefined;
38
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
39
+ onChange?: ((value: number) => void) | undefined;
40
+ value: number;
41
+ name?: undefined;
42
+ defaultValue?: undefined;
43
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
44
+ onChangeCommitted?: ((value: number) => void) | undefined;
45
+ ariaLabel?: string | undefined;
46
+ showCurrentValue?: boolean | undefined;
47
+ showRangeValues?: boolean | undefined;
48
+ hideMinValueDiff?: number | undefined;
49
+ hideMaxValueDiff?: number | undefined;
50
+ rangeValuesPlacement?: "outer" | "inner" | undefined;
51
+ labelPlacement?: "outer" | "inner" | undefined;
52
+ multipleStepSize?: number | undefined;
53
+ view?: string | undefined;
54
+ size?: "m" | "s" | "l" | undefined;
55
+ type?: "single" | undefined;
56
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "value"> & {
57
+ onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeString) => void) | undefined;
58
+ name?: string | undefined;
59
+ value?: undefined;
60
+ defaultValue?: number[] | undefined;
61
+ } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "value"> & {
62
+ onChange?: ((values: number[]) => void) | undefined;
63
+ name?: undefined;
64
+ value?: number[] | undefined;
65
+ defaultValue?: undefined;
66
+ } & import("react").RefAttributes<HTMLDivElement>))>;
package/es/hooks/index.js CHANGED
@@ -1,2 +1,3 @@
1
1
  export { useForkRef, useIsomorphicLayoutEffect, useDebouncedFunction } from '@salutejs/plasma-core';
2
- export { useFocusTrap } from '@salutejs/plasma-hope';
2
+ export { useFocusTrap } from '@salutejs/plasma-hope';
3
+ export { useForm } from '@salutejs/plasma-new-hope/styled-components';
package/hooks/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { useForkRef, useIsomorphicLayoutEffect, useDebouncedFunction } from '@salutejs/plasma-core';
2
2
  export { useFocusTrap } from '@salutejs/plasma-hope';
3
+ export { useForm } from '@salutejs/plasma-new-hope/styled-components';
package/hooks/index.js CHANGED
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useForkRef", {
21
21
  return _plasmaCore.useForkRef;
22
22
  }
23
23
  });
24
+ Object.defineProperty(exports, "useForm", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _styledComponents.useForm;
28
+ }
29
+ });
24
30
  Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
25
31
  enumerable: true,
26
32
  get: function get() {
@@ -28,4 +34,5 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
28
34
  }
29
35
  });
30
36
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
31
- var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
37
+ var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
38
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.408.0-canary.1462.11103957005.0",
3
+ "version": "1.409.0-canary.1421.11106899244.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -20,8 +20,8 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.180.0",
23
- "@salutejs/plasma-hope": "1.313.0-canary.1462.11103957005.0",
24
- "@salutejs/plasma-new-hope": "0.155.0-dev.0",
23
+ "@salutejs/plasma-hope": "1.312.0",
24
+ "@salutejs/plasma-new-hope": "0.157.0-canary.1421.11106899244.0",
25
25
  "@salutejs/plasma-themes": "0.18.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.42.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.52.0",
@@ -50,7 +50,7 @@
50
50
  "@rollup/plugin-node-resolve": "15.2.3",
51
51
  "@salutejs/plasma-colors": "0.13.0",
52
52
  "@salutejs/plasma-cy-utils": "0.111.0",
53
- "@salutejs/plasma-icons": "1.206.0-canary.1462.11103957005.0",
53
+ "@salutejs/plasma-icons": "1.205.0",
54
54
  "@salutejs/plasma-sb-utils": "0.178.0",
55
55
  "@storybook/addon-docs": "7.6.17",
56
56
  "@storybook/addon-essentials": "7.6.17",
@@ -112,5 +112,5 @@
112
112
  "Fanil Zubairov"
113
113
  ],
114
114
  "sideEffects": false,
115
- "gitHead": "61377ea28101c9279fd6ccdf25732c92f2c4fa47"
115
+ "gitHead": "089d8d717879be5cd771549fef226af6c8c5443e"
116
116
  }
package/temp/plasma-web.api.md CHANGED
@@ -138,6 +138,8 @@ import { FC } from 'react';
138
138
  import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
139
139
  import { FocusProps } from '@salutejs/plasma-core';
140
140
  import { formatCurrency } from '@salutejs/plasma-core';
141
+ import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
142
+ import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
141
143
  import { ForwardRefExoticComponent } from 'react';
142
144
  import { FunctionComponent } from 'react';
143
145
  import { gridBreakpoints } from '@salutejs/plasma-hope';
@@ -245,10 +247,11 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
245
247
  import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
246
248
  import { ShiftProps } from '@salutejs/plasma-core';
247
249
  import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
248
- import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
249
250
  import { SkeletonGradientProps } from '@salutejs/plasma-core';
250
251
  import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
251
252
  import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
253
+ import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
254
+ import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
252
255
  import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
253
256
  import { SmartPaginationDots } from '@salutejs/plasma-hope';
254
257
  import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
@@ -307,6 +310,7 @@ import { UploadVisualProps } from '@salutejs/plasma-hope';
307
310
  import { useDebouncedFunction } from '@salutejs/plasma-core';
308
311
  import { useFocusTrap } from '@salutejs/plasma-hope';
309
312
  import { useForkRef } from '@salutejs/plasma-core';
313
+ import { useForm } from '@salutejs/plasma-new-hope/styled-components';
310
314
  import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
311
315
  import { usePopupContext as usePopupBaseContext } from '@salutejs/plasma-new-hope/styled-components';
312
316
  import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
@@ -1584,8 +1588,15 @@ true: PolymorphicClassName;
1584
1588
  }> & DatePickerdVariationProps & {
1585
1589
  defaultFirstDate?: Date | undefined;
1586
1590
  defaultSecondDate?: Date | undefined;
1591
+ name?: string | undefined;
1587
1592
  onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
1588
1593
  onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
1594
+ onChange?: ((event: {
1595
+ target: {
1596
+ value?: string | undefined;
1597
+ name?: string | undefined;
1598
+ };
1599
+ }) => void) | undefined;
1589
1600
  } & {
1590
1601
  label?: string | undefined;
1591
1602
  view?: string | undefined;
@@ -2951,7 +2962,53 @@ s: PolymorphicClassName;
2951
2962
  disabled: {
2952
2963
  true: PolymorphicClassName;
2953
2964
  };
2954
- }> & ((SingleSliderProps & RefAttributes<HTMLDivElement>) | (DoubleSliderProps & RefAttributes<HTMLDivElement>))>;
2965
+ }> & ((SliderBaseProps & SliderInternalProps & {
2966
+ onChange?: ((event: FormTypeNumber) => void) | undefined;
2967
+ name: string;
2968
+ value?: undefined;
2969
+ defaultValue?: number | undefined;
2970
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
2971
+ onChangeCommitted?: ((value: number) => void) | undefined;
2972
+ ariaLabel?: string | undefined;
2973
+ showCurrentValue?: boolean | undefined;
2974
+ showRangeValues?: boolean | undefined;
2975
+ hideMinValueDiff?: number | undefined;
2976
+ hideMaxValueDiff?: number | undefined;
2977
+ rangeValuesPlacement?: "outer" | "inner" | undefined;
2978
+ labelPlacement?: "outer" | "inner" | undefined;
2979
+ multipleStepSize?: number | undefined;
2980
+ view?: string | undefined;
2981
+ size?: "m" | "s" | "l" | undefined;
2982
+ type?: "single" | undefined;
2983
+ } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
2984
+ onChange?: ((value: number) => void) | undefined;
2985
+ value: number;
2986
+ name?: undefined;
2987
+ defaultValue?: undefined;
2988
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
2989
+ onChangeCommitted?: ((value: number) => void) | undefined;
2990
+ ariaLabel?: string | undefined;
2991
+ showCurrentValue?: boolean | undefined;
2992
+ showRangeValues?: boolean | undefined;
2993
+ hideMinValueDiff?: number | undefined;
2994
+ hideMaxValueDiff?: number | undefined;
2995
+ rangeValuesPlacement?: "outer" | "inner" | undefined;
2996
+ labelPlacement?: "outer" | "inner" | undefined;
2997
+ multipleStepSize?: number | undefined;
2998
+ view?: string | undefined;
2999
+ size?: "m" | "s" | "l" | undefined;
3000
+ type?: "single" | undefined;
3001
+ } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
3002
+ onChange?: ((event: FormTypeString) => void) | undefined;
3003
+ name?: string | undefined;
3004
+ value?: undefined;
3005
+ defaultValue?: number[] | undefined;
3006
+ } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
3007
+ onChange?: ((values: number[]) => void) | undefined;
3008
+ name?: undefined;
3009
+ value?: number[] | undefined;
3010
+ defaultValue?: undefined;
3011
+ } & RefAttributes<HTMLDivElement>))>;
2955
3012
 
2956
3013
  export { SliderProps }
2957
3014
 
@@ -3278,6 +3335,8 @@ export { useFocusTrap }
3278
3335
 
3279
3336
  export { useForkRef }
3280
3337
 
3338
+ export { useForm }
3339
+
3281
3340
  export { useIsomorphicLayoutEffect }
3282
3341
 
3283
3342
  export { usePopupBaseContext }