@foxford/ui 2.42.0 → 2.43.0

package/dts/index.d.ts

@@ -5847,12 +5847,13 @@ interface ChipProps extends ResponsiveSizeProps<Size, SizeValue>, ResponsiveMarg
  */
 declare const Chip: React.ForwardRefExoticComponent<ChipProps>;
 
+declare type MenuComponentSize = 'l' | 'm' | 's' | 'fluid';
 declare type MenuComponentPalette = {
     backgroundColor: CSSColor;
     borderColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface MenuComponentProps extends ResponsiveSizeProps<Size, SizeValue>, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+interface MenuComponentProps extends ResponsiveSizeProps<MenuComponentSize>, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
     /** Custom colors */
     palette?: Partial<Record<keyof MenuComponentPalette, Color>>;
     /** Appearance variant */
@@ -5865,8 +5866,6 @@ interface MenuComponentProps extends ResponsiveSizeProps<Size, SizeValue>, Omit<
     autoFocus?: unknown;
     /** Disable autoFocus behavior (usage discourage, unless you manage focus by yourself) */
     disableAutoFocus?: boolean;
-    /** Root max-height */
-    maxHeight?: string | number;
     /** Callback to call on unmount (can be used to restore focus on trigger component) */
     onUnmount?: () => void;
     /** Render menu view (Menu.List, Menu.Container, or custom component) */
@@ -5893,7 +5892,7 @@ interface MenuComponentProps extends ResponsiveSizeProps<Size, SizeValue>, Omit<
  */
 declare const MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps>;
 
-interface MenuListProps extends ResponsiveSizeProps<Size, SizeValue>, React.ComponentPropsWithRef<'ul'> {
+interface MenuListProps extends ResponsiveSizeProps<string>, React.ComponentPropsWithRef<'ul'> {
     /** Menu items (React elements receive "size" props) */
     children: React.ReactNode;
     /** Space between list items */
@@ -5956,7 +5955,7 @@ interface MenuDividerProps extends React.ComponentPropsWithRef<'div'> {
  */
 declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps>;
 
-interface MenuProps extends ResponsiveSizeProps<Size, SizeValue>, React.RefAttributes<HTMLDivElement> {
+interface MenuProps extends ResponsiveSizeProps<MenuComponentSize>, React.RefAttributes<HTMLDivElement> {
     /** Open automatically */
     autoOpen?: boolean;
     /** It will be called on state change */
@@ -5997,8 +5996,6 @@ interface MenuProps extends ResponsiveSizeProps<Size, SizeValue>, React.RefAttri
     showCloseButton?: boolean;
     /** Props for close button */
     closeButtonProps?: IconButtonProps;
-    /** Menu component max-height */
-    maxHeight?: string | number;
 }
 
 /**
@@ -7830,6 +7827,7 @@ declare const FuseSearchKeys: {
     readonly tags: "tags";
 };
 
+declare type DropdownSize = 'l' | 'm' | 's';
 declare type DropdownStatus = 'success' | 'error';
 declare type DropdownOption = {
     /** Уникальный идентификатор (при сабмите используется в паре с name) */
@@ -7841,11 +7839,19 @@ declare type DropdownOption = {
     /** Ассоциативные теги (учитывается в текстовом поиске) */
     [FuseSearchKeys.tags]?: string[];
 };
-interface DropdownProps extends ResponsiveSizeProps<Size, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+interface DropdownMenuProps extends MenuComponentProps {
+    expanseDirectionLeft?: boolean;
+}
+interface DropdownProps extends ResponsiveSizeProps<DropdownSize>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+    /** Атрибут autofocus для текстового инпута */
+    autoFocus?: boolean;
     /** Закрывать выпадающее меню при скролле */
     closeMenuOnScroll?: boolean;
     /** Адаптировать цветовую схему для контрастного фона */
     contrast?: boolean;
+    /** Выбранная текущая опция или опции.
+     *  Значение отличное от undefined включает контролируемый режим выбора опций */
+    selectedOption?: DropdownOption | null | DropdownOption[];
     /** Выбранная по умолчанию опция или опции */
     defaultSelectedOption?: DropdownOption | DropdownOption[];
     /** Интерактивность отключена */
@@ -7873,7 +7879,7 @@ interface DropdownProps extends ResponsiveSizeProps<Size, SizeValue>, Responsive
     /** Максимальная длина строки текстового ввода */
     maxLength?: number;
     /** Пропсы выпадающего меню для конфигурации размеров */
-    menuProps?: Pick<MenuComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'maxHeight'>;
+    menuProps?: Pick<DropdownMenuProps, 'size' | 'sizeXL' | 'sizeL' | 'sizeM' | 'sizeS' | 'sizeXS' | 'sizeXXS' | 'sizes' | 'expanseDirectionLeft'>;
     /** Включить мод множественного выбора (по умолчанию false) */
     multiple?: boolean;
     /** Значение для атрибута name инпутов, которые хранят value выбранных опций */
@@ -7884,7 +7890,7 @@ interface DropdownProps extends ResponsiveSizeProps<Size, SizeValue>, Responsive
     onOpenMenu?: () => void;
     /** Колбек, который будет вызван при выборе опции.
      *  Получает аргументом текущую выбранную опцию, опции или null */
-    onSelectOption?: (selectedOptions: DropdownOption | null | DropdownOption[]) => void;
+    onSelectOption?: (selectedOption: DropdownOption | null | DropdownOption[]) => void;
     /** Доступные для выбора опции */
     options: DropdownOption[];
     /** Отображать специальный контрол для массового выбора опций, если включен мод множественного выбора (по умолчанию true) */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.42.0",
+  "version": "2.43.0",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"