@snack-uikit/fields 0.37.0 → 0.38.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/CHANGELOG.md +11 -0
  2. package/README.md +1 -0
  3. package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts +1 -1
  4. package/dist/cjs/components/FieldSelect/FieldSelectSingle.d.ts +1 -1
  5. package/dist/cjs/components/FieldSelect/types.d.ts +1 -1
  6. package/dist/cjs/components/FieldSelect/utils/extractListProps.d.ts +1 -1
  7. package/dist/cjs/components/FieldSelect/utils/extractListProps.js +3 -1
  8. package/dist/esm/components/FieldSelect/FieldSelectMultiple.d.ts +1 -1
  9. package/dist/esm/components/FieldSelect/FieldSelectSingle.d.ts +1 -1
  10. package/dist/esm/components/FieldSelect/types.d.ts +1 -1
  11. package/dist/esm/components/FieldSelect/utils/extractListProps.d.ts +1 -1
  12. package/dist/esm/components/FieldSelect/utils/extractListProps.js +2 -1
  13. package/package.json +2 -2
  14. package/src/components/FieldSelect/types.ts +1 -0
  15. 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.38.0 (2025-02-03)
7
+
8
+
9
+ ### Features
10
+
11
+ * **PDS-1586:** Add prop 'virtualized' to FieldSelect ([2ba4801](https://github.com/cloud-ru-tech/snack-uikit/commit/2ba48013ec0d950859e3aa767612747d7a314dcd))
12
+
13
+
14
+
15
+
16
+
6
17
  # 0.37.0 (2025-01-28)
7
18
 
8
19
 
package/README.md CHANGED
@@ -361,6 +361,7 @@ FieldStepper в основном предназначен для работы с
361
361
  | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
362
362
  | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
363
363
  | errorDataState | `EmptyStateProps` | - | Экран при ошибке запроса |
364
+ | virtualized | `boolean` | - | Включить виртуализацию на компоненты списка. Рекомендуется если у вас от 1к элементов списка |
364
365
  | searchable | `boolean` | - | |
365
366
  | autocomplete | `boolean` | - | |
366
367
  | addOptionByEnter | `boolean` | - | |
package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts CHANGED
@@ -28,4 +28,4 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
28
28
  resetSearchOnOptionSelection?: boolean;
29
29
  onOpenChange?(open: boolean): void;
30
30
  selectedOptionFormatter?: SelectedOptionFormatter;
31
- } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton" | "onCopyButtonClick"> & import("react").RefAttributes<HTMLInputElement>>;
31
+ } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "virtualized">, "showCopyButton" | "onCopyButtonClick"> & import("react").RefAttributes<HTMLInputElement>>;
package/dist/cjs/components/FieldSelect/FieldSelectSingle.d.ts CHANGED
@@ -26,4 +26,4 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
26
26
  resetSearchOnOptionSelection?: boolean;
27
27
  onOpenChange?(open: boolean): void;
28
28
  selectedOptionFormatter?: SelectedOptionFormatter;
29
- } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
29
+ } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "virtualized">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
package/dist/cjs/components/FieldSelect/types.d.ts CHANGED
@@ -72,7 +72,7 @@ type FiledSelectCommonProps = WithSupportProps<{
72
72
  resetSearchOnOptionSelection?: boolean;
73
73
  onOpenChange?(open: boolean): void;
74
74
  selectedOptionFormatter?: SelectedOptionFormatter;
75
- }> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem'>;
75
+ }> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem' | 'virtualized'>;
76
76
  export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & Omit<FiledSelectCommonProps, 'resetSearchOnOptionSelection'>;
77
77
  export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
78
78
  removeByBackspace?: boolean;
package/dist/cjs/components/FieldSelect/utils/extractListProps.d.ts CHANGED
@@ -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, scrollToSelectedItem, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
3
+ export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, virtualized, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
package/dist/cjs/components/FieldSelect/utils/extractListProps.js CHANGED
@@ -14,7 +14,8 @@ function extractListProps(_ref) {
14
14
  loading,
15
15
  footer,
16
16
  widthStrategy,
17
- scrollToSelectedItem
17
+ scrollToSelectedItem,
18
+ virtualized
18
19
  } = _ref;
19
20
  return {
20
21
  dataError,
@@ -29,6 +30,7 @@ function extractListProps(_ref) {
29
30
  trigger: 'clickAndFocusVisible',
30
31
  placement: 'bottom',
31
32
  'data-test-id': 'field-select__list',
33
+ virtualized,
32
34
  scroll: true,
33
35
  marker: true
34
36
  };
package/dist/esm/components/FieldSelect/FieldSelectMultiple.d.ts CHANGED
@@ -28,4 +28,4 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
28
28
  resetSearchOnOptionSelection?: boolean;
29
29
  onOpenChange?(open: boolean): void;
30
30
  selectedOptionFormatter?: SelectedOptionFormatter;
31
- } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton" | "onCopyButtonClick"> & import("react").RefAttributes<HTMLInputElement>>;
31
+ } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "virtualized">, "showCopyButton" | "onCopyButtonClick"> & import("react").RefAttributes<HTMLInputElement>>;
package/dist/esm/components/FieldSelect/FieldSelectSingle.d.ts CHANGED
@@ -26,4 +26,4 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
26
26
  resetSearchOnOptionSelection?: boolean;
27
27
  onOpenChange?(open: boolean): void;
28
28
  selectedOptionFormatter?: SelectedOptionFormatter;
29
- } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
29
+ } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "virtualized">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;
package/dist/esm/components/FieldSelect/types.d.ts CHANGED
@@ -72,7 +72,7 @@ type FiledSelectCommonProps = WithSupportProps<{
72
72
  resetSearchOnOptionSelection?: boolean;
73
73
  onOpenChange?(open: boolean): void;
74
74
  selectedOptionFormatter?: SelectedOptionFormatter;
75
- }> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem'>;
75
+ }> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem' | 'virtualized'>;
76
76
  export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & Omit<FiledSelectCommonProps, 'resetSearchOnOptionSelection'>;
77
77
  export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
78
78
  removeByBackspace?: boolean;
package/dist/esm/components/FieldSelect/utils/extractListProps.d.ts CHANGED
@@ -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, scrollToSelectedItem, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
3
+ export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, virtualized, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
package/dist/esm/components/FieldSelect/utils/extractListProps.js CHANGED
@@ -1,4 +1,4 @@
1
- export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, }) {
1
+ export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, scrollToSelectedItem, virtualized, }) {
2
2
  return {
3
3
  dataError,
4
4
  noDataState,
@@ -12,6 +12,7 @@ export function extractListProps({ dataError, noDataState, noResultsState, error
12
12
  trigger: 'clickAndFocusVisible',
13
13
  placement: 'bottom',
14
14
  'data-test-id': 'field-select__list',
15
+ virtualized,
15
16
  scroll: true,
16
17
  marker: true,
17
18
  };
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Fields",
7
- "version": "0.37.0",
7
+ "version": "0.38.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -65,5 +65,5 @@
65
65
  "peerDependencies": {
66
66
  "@snack-uikit/locale": "*"
67
67
  },
68
- "gitHead": "10340c301b3d023b25aa390d871bb3b1cd0ae2f9"
68
+ "gitHead": "d6fbcacba86cede1ebcddf7b07da5e09a51c286c"
69
69
  }
package/src/components/FieldSelect/types.ts CHANGED
@@ -145,6 +145,7 @@ type FiledSelectCommonProps = WithSupportProps<{
145
145
  | 'dataFiltered'
146
146
  | 'untouchableScrollbars'
147
147
  | 'scrollToSelectedItem'
148
+ | 'virtualized'
148
149
  >;
149
150
 
150
151
  export type FieldSelectSingleProps = FieldSelectPrivateProps &
package/src/components/FieldSelect/utils/extractListProps.ts CHANGED
@@ -12,6 +12,7 @@ export function extractListProps({
12
12
  footer,
13
13
  widthStrategy,
14
14
  scrollToSelectedItem,
15
+ virtualized,
15
16
  }: Partial<FieldSelectProps>): Partial<DroplistProps> {
16
17
  return {
17
18
  dataError,
@@ -26,6 +27,7 @@ export function extractListProps({
26
27
  trigger: 'clickAndFocusVisible',
27
28
  placement: 'bottom',
28
29
  'data-test-id': 'field-select__list',
30
+ virtualized,
29
31
  scroll: true,
30
32
  marker: true,
31
33
  };