@snack-uikit/fields 0.32.5 → 0.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/README.md +1 -0
- package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts +1 -1
- package/dist/cjs/components/FieldSelect/FieldSelectSingle.d.ts +1 -1
- package/dist/cjs/components/FieldSelect/types.d.ts +1 -1
- package/dist/cjs/components/FieldSelect/utils/extractListProps.d.ts +1 -1
- package/dist/cjs/components/FieldSelect/utils/extractListProps.js +3 -1
- package/dist/esm/components/FieldSelect/FieldSelectMultiple.d.ts +1 -1
- package/dist/esm/components/FieldSelect/FieldSelectSingle.d.ts +1 -1
- package/dist/esm/components/FieldSelect/types.d.ts +1 -1
- package/dist/esm/components/FieldSelect/utils/extractListProps.d.ts +1 -1
- package/dist/esm/components/FieldSelect/utils/extractListProps.js +2 -1
- package/package.json +4 -4
- package/src/components/FieldSelect/types.ts +7 -1
- package/src/components/FieldSelect/utils/extractListProps.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 0.33.0 (2024-11-14)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **FF-5827:** add scrollToSelectedItem prop ([bb57f81](https://github.com/cloud-ru-tech/snack-uikit/commit/bb57f81b3bd1c46f10c4de17a9284b47feb3e4b4))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.32.5 (2024-11-14)
|
|
7
18
|
|
|
8
19
|
|
package/README.md
CHANGED
|
@@ -350,6 +350,7 @@ FieldStepper в основном предназначен для работы с
|
|
|
350
350
|
| pinBottom | `OptionProps[]` | - | |
|
|
351
351
|
| footer | `ReactNode` | - | |
|
|
352
352
|
| search | `SearchState` | - | |
|
|
353
|
+
| scrollToSelectedItem | `boolean` | - | Флаг, отвещающий за прокручивание до выбранного элемента |
|
|
353
354
|
| untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
|
|
354
355
|
| dataFiltered | `boolean` | - | |
|
|
355
356
|
| dataError | `boolean` | - | |
|
|
@@ -27,4 +27,4 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
|
|
|
27
27
|
resetSearchOnOptionSelection?: boolean;
|
|
28
28
|
onOpenChange?(open: boolean): void;
|
|
29
29
|
selectedOptionFormatter?: SelectedOptionFormatter;
|
|
30
|
-
} & Pick<import("@snack-uikit/list").DroplistProps, "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
30
|
+
} & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -25,4 +25,4 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
|
|
|
25
25
|
resetSearchOnOptionSelection?: boolean;
|
|
26
26
|
onOpenChange?(open: boolean): void;
|
|
27
27
|
selectedOptionFormatter?: SelectedOptionFormatter;
|
|
28
|
-
} & Pick<import("@snack-uikit/list").DroplistProps, "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
28
|
+
} & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -70,7 +70,7 @@ type FiledSelectCommonProps = WithSupportProps<{
|
|
|
70
70
|
resetSearchOnOptionSelection?: boolean;
|
|
71
71
|
onOpenChange?(open: boolean): void;
|
|
72
72
|
selectedOptionFormatter?: SelectedOptionFormatter;
|
|
73
|
-
}> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars'>;
|
|
73
|
+
}> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem'>;
|
|
74
74
|
export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & Omit<FiledSelectCommonProps, 'resetSearchOnOptionSelection'>;
|
|
75
75
|
export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
|
|
76
76
|
removeByBackspace?: boolean;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DroplistProps } from '@snack-uikit/list';
|
|
2
2
|
import { FieldSelectProps } from '../types';
|
|
3
|
-
export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
|
|
3
|
+
export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
|
|
@@ -13,7 +13,8 @@ function extractListProps(_ref) {
|
|
|
13
13
|
dataFiltered,
|
|
14
14
|
loading,
|
|
15
15
|
footer,
|
|
16
|
-
widthStrategy
|
|
16
|
+
widthStrategy,
|
|
17
|
+
scrollToSelectedItem
|
|
17
18
|
} = _ref;
|
|
18
19
|
return {
|
|
19
20
|
dataError,
|
|
@@ -24,6 +25,7 @@ function extractListProps(_ref) {
|
|
|
24
25
|
loading,
|
|
25
26
|
footer,
|
|
26
27
|
widthStrategy,
|
|
28
|
+
scrollToSelectedItem,
|
|
27
29
|
trigger: 'clickAndFocusVisible',
|
|
28
30
|
placement: 'bottom',
|
|
29
31
|
'data-test-id': 'field-select__list',
|
|
@@ -27,4 +27,4 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
|
|
|
27
27
|
resetSearchOnOptionSelection?: boolean;
|
|
28
28
|
onOpenChange?(open: boolean): void;
|
|
29
29
|
selectedOptionFormatter?: SelectedOptionFormatter;
|
|
30
|
-
} & Pick<import("@snack-uikit/list").DroplistProps, "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
30
|
+
} & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -25,4 +25,4 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
|
|
|
25
25
|
resetSearchOnOptionSelection?: boolean;
|
|
26
26
|
onOpenChange?(open: boolean): void;
|
|
27
27
|
selectedOptionFormatter?: SelectedOptionFormatter;
|
|
28
|
-
} & Pick<import("@snack-uikit/list").DroplistProps, "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
28
|
+
} & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -70,7 +70,7 @@ type FiledSelectCommonProps = WithSupportProps<{
|
|
|
70
70
|
resetSearchOnOptionSelection?: boolean;
|
|
71
71
|
onOpenChange?(open: boolean): void;
|
|
72
72
|
selectedOptionFormatter?: SelectedOptionFormatter;
|
|
73
|
-
}> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars'>;
|
|
73
|
+
}> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem'>;
|
|
74
74
|
export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & Omit<FiledSelectCommonProps, 'resetSearchOnOptionSelection'>;
|
|
75
75
|
export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
|
|
76
76
|
removeByBackspace?: boolean;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DroplistProps } from '@snack-uikit/list';
|
|
2
2
|
import { FieldSelectProps } from '../types';
|
|
3
|
-
export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
|
|
3
|
+
export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, }) {
|
|
1
|
+
export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, }) {
|
|
2
2
|
return {
|
|
3
3
|
dataError,
|
|
4
4
|
noDataState,
|
|
@@ -8,6 +8,7 @@ export function extractListProps({ dataError, noDataState, noResultsState, error
|
|
|
8
8
|
loading,
|
|
9
9
|
footer,
|
|
10
10
|
widthStrategy,
|
|
11
|
+
scrollToSelectedItem,
|
|
11
12
|
trigger: 'clickAndFocusVisible',
|
|
12
13
|
placement: 'bottom',
|
|
13
14
|
'data-test-id': 'field-select__list',
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Fields",
|
|
7
|
-
"version": "0.
|
|
7
|
+
"version": "0.33.0",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -37,13 +37,13 @@
|
|
|
37
37
|
"scripts": {},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@snack-uikit/button": "0.19.3",
|
|
40
|
-
"@snack-uikit/calendar": "0.11.
|
|
40
|
+
"@snack-uikit/calendar": "0.11.6",
|
|
41
41
|
"@snack-uikit/color-picker": "0.3.3",
|
|
42
42
|
"@snack-uikit/divider": "3.2.1",
|
|
43
43
|
"@snack-uikit/dropdown": "0.4.1",
|
|
44
44
|
"@snack-uikit/icons": "0.24.0",
|
|
45
45
|
"@snack-uikit/input-private": "4.2.2",
|
|
46
|
-
"@snack-uikit/list": "0.21.
|
|
46
|
+
"@snack-uikit/list": "0.21.6",
|
|
47
47
|
"@snack-uikit/scroll": "0.9.1",
|
|
48
48
|
"@snack-uikit/skeleton": "0.5.1",
|
|
49
49
|
"@snack-uikit/slider": "0.3.2",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"peerDependencies": {
|
|
66
66
|
"@snack-uikit/locale": "*"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "b126dc1e89fc5fc99b0e1c5f16d8dbefc370161c"
|
|
69
69
|
}
|
|
@@ -136,7 +136,13 @@ type FiledSelectCommonProps = WithSupportProps<{
|
|
|
136
136
|
}> &
|
|
137
137
|
Pick<
|
|
138
138
|
DroplistProps,
|
|
139
|
-
|
|
139
|
+
| 'dataError'
|
|
140
|
+
| 'noDataState'
|
|
141
|
+
| 'noResultsState'
|
|
142
|
+
| 'errorDataState'
|
|
143
|
+
| 'dataFiltered'
|
|
144
|
+
| 'untouchableScrollbars'
|
|
145
|
+
| 'scrollToSelectedItem'
|
|
140
146
|
>;
|
|
141
147
|
|
|
142
148
|
export type FieldSelectSingleProps = FieldSelectPrivateProps &
|
|
@@ -11,6 +11,7 @@ export function extractListProps({
|
|
|
11
11
|
loading,
|
|
12
12
|
footer,
|
|
13
13
|
widthStrategy,
|
|
14
|
+
scrollToSelectedItem,
|
|
14
15
|
}: Partial<FieldSelectProps>): Partial<DroplistProps> {
|
|
15
16
|
return {
|
|
16
17
|
dataError,
|
|
@@ -21,6 +22,7 @@ export function extractListProps({
|
|
|
21
22
|
loading,
|
|
22
23
|
footer,
|
|
23
24
|
widthStrategy,
|
|
25
|
+
scrollToSelectedItem,
|
|
24
26
|
trigger: 'clickAndFocusVisible',
|
|
25
27
|
placement: 'bottom',
|
|
26
28
|
'data-test-id': 'field-select__list',
|