@snack-uikit/fields 0.18.1 → 0.18.2-preview-fd684783.0

package/README.md

@@ -339,20 +339,21 @@ const [isOpen, setIsOpen] = useState(false);
 | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
 | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
-| footer | `ReactNode` | - |  |
+| footer | `ReactNode` | - | Footer списка айтемов |
+| widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | - | Управление шириной выпадающего списка |
 | search | `SearchState` | - |  |
 | autocomplete | `boolean` | - |  |
 | addOptionByEnter | `boolean` | - |  |
 | open | `boolean` | - |  |
 | onOpenChange | `(open: boolean) => void` | - |  |
 | selectedOptionFormatter | `SelectedOptionFormatter` | - |  |
+| pinTop | `ItemProps[]` | - | Элементы списка, закрепленные сверху |
+| pinBottom | `ItemProps[]` | - | Элементы списка, закрепленные снизу |
+| dataFiltered | `boolean` | - |  |
 | dataError | `boolean` | - |  |
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
 | errorDataState | `EmptyStateProps` | - | Экран при ошибке запроса |
-| pinTop | `ItemProps[]` | - | Элементы списка, закрепленные сверху |
-| pinBottom | `ItemProps[]` | - | Элементы списка, закрепленные снизу |
-| dataFiltered | `boolean` | - |  |
 | selection | "single" \| "multiple" | - |  |
 | ref | `Ref<HTMLInputElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
 | key | `Key` | - |  |

package/dist/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -15,10 +15,11 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     readonly?: boolean | undefined;
     prefixIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     footer?: import("react").ReactNode;
+    widthStrategy?: import("@snack-uikit/popover-private/dist/types").PopoverWidthStrategy | undefined;
     search?: import("./types").SearchState | undefined;
     autocomplete?: boolean | undefined;
     addOptionByEnter?: boolean | undefined;
     open?: boolean | undefined;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter | undefined;
-} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "pinTop" | "pinBottom" | "dataFiltered">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("@snack-uikit/list").DroplistProps, "pinTop" | "pinBottom" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectSingle.d.ts

@@ -13,10 +13,11 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
     readonly?: boolean | undefined;
     prefixIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     footer?: import("react").ReactNode;
+    widthStrategy?: import("@snack-uikit/popover-private/dist/types").PopoverWidthStrategy | undefined;
     search?: import("./types").SearchState | undefined;
     autocomplete?: boolean | undefined;
     addOptionByEnter?: boolean | undefined;
     open?: boolean | undefined;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter | undefined;
-} & Pick<import("@snack-uikit/list").ListProps, "dataError" | "noDataState" | "noResultsState" | "errorDataState" | "pinTop" | "pinBottom" | "dataFiltered"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("@snack-uikit/list").DroplistProps, "pinTop" | "pinBottom" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
-import { AccordionItemProps, BaseItemProps, GroupItemProps, ListProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
+import { AccordionItemProps, BaseItemProps, DroplistProps, GroupItemProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
 import { TagProps } from '@snack-uikit/tag';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { FieldDecoratorProps } from '../FieldDecorator';
@@ -51,14 +51,21 @@ type FiledSelectCommonProps = WithSupportProps<{
     readonly?: boolean;
     /** Иконка-префикс для поля */
     prefixIcon?: ReactElement;
-    footer?: ListProps['footer'];
+    /**
+     * Footer списка айтемов
+     */
+    footer?: DroplistProps['footer'];
+    /**
+     * Управление шириной выпадающего списка
+     */
+    widthStrategy?: DroplistProps['widthStrategy'];
     search?: SearchState;
     autocomplete?: boolean;
     addOptionByEnter?: boolean;
     open?: boolean;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
-}> & Pick<ListProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'>;
+}> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'>;
 export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & FiledSelectCommonProps;
 export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
     removeByBackspace?: boolean;

package/dist/components/FieldSelect/utils/extractListProps.d.ts

@@ -1,3 +1,3 @@
 import { DroplistProps } from '@snack-uikit/list';
 import { FieldSelectProps } from '../types';
-export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, pinTop, pinBottom, dataFiltered, loading, }: Partial<FieldSelectProps>): Partial<DroplistProps>;
+export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, pinTop, pinBottom, dataFiltered, loading, footer, widthStrategy, }: Partial<FieldSelectProps>): Partial<DroplistProps>;

package/dist/components/FieldSelect/utils/extractListProps.js

@@ -1,4 +1,4 @@
-export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, pinTop, pinBottom, dataFiltered, loading, }) {
+export function extractListProps({ dataError, noDataState, noResultsState, errorDataState, pinTop, pinBottom, dataFiltered, loading, footer, widthStrategy, }) {
     return {
         dataError,
         noDataState,
@@ -8,6 +8,8 @@ export function extractListProps({ dataError, noDataState, noResultsState, error
         pinBottom,
         dataFiltered,
         loading,
+        footer,
+        widthStrategy,
         trigger: 'clickAndFocusVisible',
         placement: 'bottom',
         'data-test-id': 'field-select__list',

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.18.1",
+  "version": "0.18.2-preview-fd684783.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -56,5 +56,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "63be73d205cb53117bc9214f44a6812fe8ceebe8"
+  "gitHead": "e1fa00b42e32a4546c355f543dc3691fec6ad3c0"
 }

package/src/components/FieldSelect/types.ts

@@ -4,8 +4,8 @@ import { InputPrivateProps } from '@snack-uikit/input-private';
 import {
   AccordionItemProps,
   BaseItemProps,
+  DroplistProps,
   GroupItemProps,
-  ListProps,
   NextListItemProps,
   SelectionMultipleState,
   SelectionSingleState,
@@ -81,8 +81,14 @@ type FiledSelectCommonProps = WithSupportProps<{
 
   /** Иконка-префикс для поля */
   prefixIcon?: ReactElement;
-
-  footer?: ListProps['footer'];
+  /**
+   * Footer списка айтемов
+   */
+  footer?: DroplistProps['footer'];
+  /**
+   * Управление шириной выпадающего списка
+   */
+  widthStrategy?: DroplistProps['widthStrategy'];
 
   search?: SearchState;
 
@@ -97,7 +103,7 @@ type FiledSelectCommonProps = WithSupportProps<{
   selectedOptionFormatter?: SelectedOptionFormatter;
 }> &
   Pick<
-    ListProps,
+    DroplistProps,
     'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'pinTop' | 'pinBottom' | 'dataFiltered'
   >;
 

package/src/components/FieldSelect/utils/extractListProps.ts

@@ -11,6 +11,8 @@ export function extractListProps({
   pinBottom,
   dataFiltered,
   loading,
+  footer,
+  widthStrategy,
 }: Partial<FieldSelectProps>): Partial<DroplistProps> {
   return {
     dataError,
@@ -21,6 +23,8 @@ export function extractListProps({
     pinBottom,
     dataFiltered,
     loading,
+    footer,
+    widthStrategy,
     trigger: 'clickAndFocusVisible',
     placement: 'bottom',
     'data-test-id': 'field-select__list',