@skbkontur/react-ui 5.0.12-MobilePicker-fix.0 → 5.0.12-fix-imask.2

package/components/DatePicker/DatePicker.md

@@ -223,6 +223,7 @@ import { DateOrder, DateSeparator, Gapped, LocaleContext, Select, LangCodes } fr
 
 class DatePickerFormatting extends React.Component {
   constructor() {
+    super();
     this.state = {
       order: DateOrder.YMD,
       separator: 'Dot',
@@ -289,11 +290,10 @@ const renderDay = (props) => {
   if (isEven) {
     return <CalendarDay {...props} style={{ background: '#e9f8e3' }} />
   }
-  
+
   return <CalendarDay {...props} />
 };
 
-
 <DatePicker value={value} onValueChange={setValue} renderDay={renderDay} />;
 ```
 

package/components/DatePicker/DatePicker.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    calendarWrapper(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    calendarWrapper(t: Theme): string;
+};

package/components/DatePicker/DatePickerHelpers.d.ts

@@ -1,2 +1,2 @@
-import { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
-export declare function formatDate({ date, month, year }: CalendarDateShape): string;
+import { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
+export declare function formatDate({ date, month, year }: CalendarDateShape): string;

package/components/DatePicker/MobilePicker/MobilePicker.js

@@ -6,6 +6,7 @@ import { MobilePopup } from "../../../internal/MobilePopup";
 import { DateInput } from "../../DateInput";
 import { Button } from "../../Button";
 import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
+import { useEffectWithoutInitCall } from "../../../hooks/useEffectWithoutInitCall";
 import { DatePickerLocaleHelper } from "../locale";
 import { styles } from "../MobilePicker.styles";
 import { getMobilePickerTheme } from "../getMobilePickerTheme";
@@ -41,6 +42,13 @@ export var MobilePicker = function MobilePicker(props) {
       calendarRef.current.scrollToMonth(month, year);
     }
   };
+  useEffectWithoutInitCall(function () {
+    if (props.value && calendarRef.current) {
+      var _month = getMonthInHumanFormat(+props.value.substring(3, 5));
+      var _year = +props.value.substring(6);
+      calendarRef.current.scrollToMonth(_month, _year);
+    }
+  }, [props.value]);
   return /*#__PURE__*/(
     React.createElement(ThemeContext.Provider, {
       value: theme

package/components/DatePicker/MobilePicker/MobilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","useRef","useState","Calendar","getMonthInHumanFormat","getTodayDate","ThemeContext","MobilePopup","DateInput","Button","useLocaleForControl","DatePickerLocaleHelper","styles","getMobilePickerTheme","MobilePickerDataTids","input","today","MobilePicker","props","locale","theme","calendarRef","inputRef","_useState","_useState$","monthNative","month","year","onValueChange","date","onCloseRequest","setTimeout","_inputRef$current","current","focus","onTodayClick","scrollToMonth","createElement","Provider","value","opened","headerChildComponent","width","withIcon","ref","minDate","maxDate","size","warning","error","footerChildComponent","enableTodayLink","onClick","className","calendarRoot","isHoliday","renderDay","onMonthChange"],"sources":["MobilePicker.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { DateInput } from '../DateInput';\nimport { Button } from '../Button';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\n\nimport { DatePickerProps } from './DatePicker';\nimport { DatePickerLocaleHelper } from './locale';\nimport { styles } from './MobilePicker.styles';\nimport { getMobilePickerTheme } from './getMobilePickerTheme';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const calendarRef = useRef<Calendar>(null);\n  const inputRef = useRef<DateInput>(null);\n\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onValueChange = (date: string) => {\n    props.onValueChange?.(date);\n    props.onCloseRequest?.();\n  };\n\n  useLayoutEffect(() => {\n    // fix DateInput flushSync warning in React 18\n    setTimeout(() => {\n      inputRef.current?.focus();\n    });\n  }, []);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAE5E,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,qBAAqB,EAAEC,YAAY,QAAQ,2BAA2B;AAC/E,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,QAAQ,sCAAsC;;;AAG1E,SAASC,sBAAsB,QAAQ,UAAU;AACjD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,oBAAoB,QAAQ,wBAAwB;;AAE7D,OAAO,IAAMC,oBAAoB,GAAG;EAClCC,KAAK,EAAE,qBAAqB;EAC5BC,KAAK,EAAE;AACT,CAAU;;;;;;;;;;;;;;;;;;;AAmBV,OAAO,IAAMC,YAAyC,GAAG,SAA5CA,YAAyCA,CAAIC,KAAK,EAAK;EAClE,IAAMC,MAAM,GAAGT,mBAAmB,CAAC,YAAY,EAAEC,sBAAsB,CAAC;EACxE,IAAMS,KAAK,GAAGP,oBAAoB,CAACd,UAAU,CAACO,YAAY,CAAC,CAAC;;EAE5D,IAAMe,WAAW,GAAGpB,MAAM,CAAW,IAAI,CAAC;EAC1C,IAAMqB,QAAQ,GAAGrB,MAAM,CAAY,IAAI,CAAC;;EAExC,IAAAsB,SAAA,GAAuCrB,QAAQ,CAAC,oBAAMG,YAAY,CAAC,CAAC,GAAC,CAAAmB,UAAA,GAAAD,SAAA,IAArDE,WAAW,GAAAD,UAAA,CAAlBE,KAAK,CAAeC,IAAI,GAAAH,UAAA,CAAJG,IAAI;EACjC,IAAMD,KAAK,GAAGtB,qBAAqB,CAACqB,WAAW,CAAC;;EAEhD,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAY,EAAK;IACtCX,KAAK,CAACU,aAAa,YAAnBV,KAAK,CAACU,aAAa,CAAGC,IAAI,CAAC;IAC3BX,KAAK,CAACY,cAAc,YAApBZ,KAAK,CAACY,cAAc,CAAG,CAAC;EAC1B,CAAC;;EAED9B,eAAe,CAAC,YAAM;IACpB;IACA+B,UAAU,CAAC,YAAM,KAAAC,iBAAA;MACf,CAAAA,iBAAA,GAAAV,QAAQ,CAACW,OAAO,aAAhBD,iBAAA,CAAkBE,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACzB,IAAId,WAAW,CAACY,OAAO,EAAE;MACvBZ,WAAW,CAACY,OAAO,CAACG,aAAa,CAACV,KAAK,EAAEC,IAAI,CAAC;IAChD;EACF,CAAC;;EAED;IACE7B,KAAA,CAAAuC,aAAA,CAAC/B,YAAY,CAACgC,QAAQ,IAACC,KAAK,EAAEnB,KAAM;IAClCtB,KAAA,CAAAuC,aAAA,CAAC9B,WAAW;MACViC,MAAM;MACNC,oBAAoB;MAClB3C,KAAA,CAAAuC,aAAA,CAAC7B,SAAS;QACR+B,KAAK,EAAErB,KAAK,CAACqB,KAAK,IAAI,EAAG;QACzBG,KAAK,EAAC,MAAM;QACZC,QAAQ;QACRC,GAAG,EAAEtB,QAAS;QACduB,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;QACvBC,OAAO,EAAE5B,KAAK,CAAC4B,OAAQ;QACvBlB,aAAa,EAAEV,KAAK,CAACU,aAAc;QACnCmB,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAE9B,KAAK,CAAC8B,OAAQ;QACvBC,KAAK,EAAE/B,KAAK,CAAC+B,KAAM;QACnB,YAAUnC,oBAAoB,CAACC,KAAM;MACtC,CACF;;MACDmC,oBAAoB;MAClBhC,KAAK,CAACiC,eAAe;MACnBrD,KAAA,CAAAuC,aAAA,CAAC5B,MAAM,IAACsC,IAAI,EAAC,QAAQ,EAACK,OAAO,EAAEjB,YAAa,EAAC,YAAUrB,oBAAoB,CAACE,KAAM;MAC/EG,MAAM,CAACH;MACF,CAEX;;;MACDc,cAAc,EAAEZ,KAAK,CAACY,cAAe;;IAErChC,KAAA,CAAAuC,aAAA,CAAClC,QAAQ;MACPyC,GAAG,EAAEvB,WAAY;MACjBkB,KAAK,EAAErB,KAAK,CAACqB,KAAM;MACnBc,SAAS,EAAEzC,MAAM,CAAC0C,YAAY,CAAC,CAAE;MACjCT,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;MACvBC,OAAO,EAAE5B,KAAK,CAAC4B,OAAQ;MACvBlB,aAAa,EAAEA,aAAc;MAC7B2B,SAAS,EAAErC,KAAK,CAACqC,SAAU;MAC3BC,SAAS,EAAEtC,KAAK,CAACsC,SAAU;MAC3BC,aAAa,EAAEvC,KAAK,CAACuC,aAAc;IACpC;IACU;IACQ,CAAC;;AAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","useRef","useState","Calendar","getMonthInHumanFormat","getTodayDate","ThemeContext","MobilePopup","DateInput","Button","useLocaleForControl","useEffectWithoutInitCall","DatePickerLocaleHelper","styles","getMobilePickerTheme","MobilePickerDataTids","input","today","MobilePicker","props","locale","theme","calendarRef","inputRef","_useState","_useState$","monthNative","month","year","onValueChange","date","onCloseRequest","setTimeout","_inputRef$current","current","focus","onTodayClick","scrollToMonth","value","substring","createElement","Provider","opened","headerChildComponent","width","withIcon","ref","minDate","maxDate","size","warning","error","footerChildComponent","enableTodayLink","onClick","className","calendarRoot","isHoliday","renderDay","onMonthChange"],"sources":["MobilePicker.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { DateInput } from '../DateInput';\nimport { Button } from '../Button';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { DatePickerProps } from './DatePicker';\nimport { DatePickerLocaleHelper } from './locale';\nimport { styles } from './MobilePicker.styles';\nimport { getMobilePickerTheme } from './getMobilePickerTheme';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const calendarRef = useRef<Calendar>(null);\n  const inputRef = useRef<DateInput>(null);\n\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onValueChange = (date: string) => {\n    props.onValueChange?.(date);\n    props.onCloseRequest?.();\n  };\n\n  useLayoutEffect(() => {\n    // fix DateInput flushSync warning in React 18\n    setTimeout(() => {\n      inputRef.current?.focus();\n    });\n  }, []);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  useEffectWithoutInitCall(() => {\n    if (props.value && calendarRef.current) {\n      const month = getMonthInHumanFormat(+props.value.substring(3, 5));\n      const year = +props.value.substring(6);\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  }, [props.value]);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/DatePicker/MobilePicker.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { DatePickerProps } from './DatePicker';
-export declare const MobilePickerDataTids: {
-    readonly input: "MobilePicker__input";
-    readonly today: "MobilePicker__today";
-};
-export interface MobilePickerProps extends Pick<DatePickerProps, 'error' | 'warning' | 'value' | 'minDate' | 'maxDate' | 'onValueChange' | 'isHoliday' | 'enableTodayLink' | 'renderDay' | 'onMonthChange'> {
-    onCloseRequest?: () => void;
-}
-export declare const MobilePicker: React.FC<MobilePickerProps>;
+import React from 'react';
+import { DatePickerProps } from './DatePicker';
+export declare const MobilePickerDataTids: {
+    readonly input: "MobilePicker__input";
+    readonly today: "MobilePicker__today";
+};
+export interface MobilePickerProps extends Pick<DatePickerProps, 'error' | 'warning' | 'value' | 'minDate' | 'maxDate' | 'onValueChange' | 'isHoliday' | 'enableTodayLink' | 'renderDay' | 'onMonthChange'> {
+    onCloseRequest?: () => void;
+}
+export declare const MobilePicker: React.FC<MobilePickerProps>;

package/components/DatePicker/MobilePicker.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
-    calendarRoot(): string;
-};
+export declare const styles: {
+    calendarRoot(): string;
+};

package/components/DatePicker/__creevey__/DatePicker.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};

package/components/DatePicker/__docs__/DatePicker.mdx

@@ -0,0 +1,28 @@
+import * as DatePickerStories from './DatePicker.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={DatePickerStories} />
+
+# DatePicker
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/calendar/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18389)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/DatePicker/getMobilePickerTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getMobilePickerTheme: (theme: Theme) => Theme;
+import { Theme } from '../../lib/theming/Theme';
+export declare const getMobilePickerTheme: (theme: Theme) => Theme;

package/components/DatePicker/index.d.ts

@@ -1 +1 @@
-export * from './DatePicker';
+export * from './DatePicker';

package/components/DatePicker/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { DatePickerLocale } from './types';
-export * from './types';
-export declare const DatePickerLocaleHelper: LocaleHelper<DatePickerLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { DatePickerLocale } from './types';
+export * from './types';
+export declare const DatePickerLocaleHelper: LocaleHelper<DatePickerLocale>;

package/components/DatePicker/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerLocale } from '../types';
-export declare const componentsLocales: DatePickerLocale;
+import { DatePickerLocale } from '../types';
+export declare const componentsLocales: DatePickerLocale;

package/components/DatePicker/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerLocale } from '../types';
-export declare const componentsLocales: DatePickerLocale;
+import { DatePickerLocale } from '../types';
+export declare const componentsLocales: DatePickerLocale;

package/components/DatePicker/locale/types.d.ts

@@ -1,7 +1,7 @@
-import { DateSelectLocale } from '../../../internal/DateSelect/locale';
-import { InternalDateLocaleSet } from '../../../lib/date/types';
-import { CalendarLocale } from '../../Calendar/locale/types';
-export interface DatePickerLocale extends DateSelectLocale, CalendarLocale, InternalDateLocaleSet {
-    today: string;
-    todayAriaLabel: string;
-}
+import { DateSelectLocale } from '../../../internal/DateSelect/locale';
+import { InternalDateLocaleSet } from '../../../lib/date/types';
+import { CalendarLocale } from '../../Calendar/locale/types';
+export interface DatePickerLocale extends DateSelectLocale, CalendarLocale, InternalDateLocaleSet {
+    today: string;
+    todayAriaLabel: string;
+}

package/components/Dropdown/Dropdown/Dropdown.js

@@ -32,6 +32,7 @@ var PASS_PROPS = {
   onMouseLeave: true,
   onMouseOver: true,
   menuPos: true,
+  corners: true,
   id: true,
   'aria-describedby': true,
   'aria-label': true
@@ -41,8 +42,14 @@ export var DropdownDataTids = {
 };
 
 /**
- * Выпадающее меню.
+ * Выпадающее меню `Dropdown`. Содержит несколько команд, объединенных по смыслу.
  *
+ * Используйте кнопку-меню:
+ * * когда не хватает места для нескольких кнопок.
+ * * когда названия действий очень длинные.
+ * * когда действия редко используются или объединены по смыслу.
+ *
+ * Не используйте `Dropdown` для выбора значения из набора вариантов. В таком случае воспользуйтесь компонентом Select.
  */
 export var Dropdown = rootNode(_class = (_Dropdown = /*#__PURE__*/function (_React$Component) {
   function Dropdown() {

package/components/Dropdown/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","ThemeContext","getDropdownTheme","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","id","DropdownDataTids","root","Dropdown","_class","_Dropdown","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","caption","icon","rest","_objectWithoutPropertiesLoose","_excluded","items","Children","map","children","item","createElement","_extends","rootNodeRef","setRootNode","ref","_refSelect","value","_icon","renderValue","element","_select","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","open","close","Component","__KONTUR_REACT_UI__","displayName","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func"],"sources":["Dropdown.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport { Nullable } from '../../typings/utility-types';\nimport { ButtonUse } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { getDropdownTheme } from './getDropdownTheme';\n\nconst PASS_PROPS = {\n  _renderButton: true,\n  error: true,\n  disabled: true,\n  disablePortal: true,\n  menuAlign: true,\n  menuWidth: true,\n  maxMenuHeight: true,\n  use: true,\n  size: true,\n  warning: true,\n  width: true,\n  onOpen: true,\n  onClose: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n  menuPos: true,\n  id: true,\n  'aria-describedby': true,\n  'aria-label': true,\n};\n\nexport interface DropdownProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /**\n   * Подпись на кнопке.\n   */\n  caption: React.ReactNode;\n  /**\n   * Иконка слева от текста кнопки\n   */\n  icon?: React.ReactElement<any>;\n  width?: React.CSSProperties['width'];\n\n  /** @ignore */\n  _renderButton?: (params: any) => JSX.Element;\n\n  /**\n   * Отключает использование портала\n   */\n  disablePortal?: boolean;\n\n  /**\n   * Визуально отключает Dropdown\n   */\n  disabled?: boolean;\n\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  maxMenuHeight?: number;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  menuWidth?: number | string;\n  size?: SizeProp;\n\n  /**\n   * Смотри Button.\n   */\n  use?: ButtonUse;\n\n  /**\n   * Вызывается при закрытии меню.\n   */\n  onClose?: () => void;\n  /**\n   * Вызывается при открытии меню.\n   */\n  onOpen?: () => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\nexport const DropdownDataTids = {\n  root: 'Dropdown__root',\n} as const;\n\n/**\n * Выпадающее меню.\n *\n */\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\n  public static displayName = 'Dropdown';\n\n  public static Header = MenuHeader;\n  public static MenuItem = MenuItem;\n  public static Separator = MenuSeparator;\n\n  public static propTypes = {\n    /**\n     * Подпись на кнопке.\n     */\n    caption: PropTypes.node.isRequired,\n\n    /**\n     * Отключает использование портала\n     */\n    disablePortal: PropTypes.bool,\n\n    /**\n     * Визуально отключает Dropdown\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Визуально показать наличие ошибки.\n     */\n    error: PropTypes.bool,\n\n    /**\n     * Иконка слева от текста кнопки\n     */\n    icon: PropTypes.node,\n\n    maxMenuHeight: PropTypes.number,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n    /**\n     * Смотри Button.\n     */\n    use: PropTypes.any,\n\n    /**\n     * Визуально показать наличие предупреждения.\n     */\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Вызывается при закрытии меню.\n     */\n    onClose: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    /**\n     * Вызывается при открытии меню.\n     */\n    onOpen: PropTypes.func,\n  };\n\n  private _select: Nullable<DropdownSelectType>;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getDropdownTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = () => {\n    const { caption, icon, ...rest } = this.props;\n    const items = React.Children.map(this.props.children, (item) => item) || [];\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...rest}>\n        <Select<React.ReactNode, React.ReactNode>\n          data-tid={DropdownDataTids.root}\n          ref={this._refSelect}\n          {...filterProps(rest, PASS_PROPS)}\n          value={caption}\n          items={items}\n          _icon={icon}\n          renderValue={renderValue}\n        />\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public open() {\n    if (this._select) {\n      this._select.open();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    if (this._select) {\n      this._select.close();\n    }\n  }\n\n  private _refSelect = (element: DropdownSelectType): void => {\n    this._select = element;\n  };\n}\n\nfunction renderValue(value: any) {\n  return value;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","ThemeContext","getDropdownTheme","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","corners","id","DropdownDataTids","root","Dropdown","_class","_Dropdown","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","caption","icon","rest","_objectWithoutPropertiesLoose","_excluded","items","Children","map","children","item","createElement","_extends","rootNodeRef","setRootNode","ref","_refSelect","value","_icon","renderValue","element","_select","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","open","close","Component","__KONTUR_REACT_UI__","displayName","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func"],"sources":["Dropdown.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport { Nullable } from '../../typings/utility-types';\nimport { ButtonUse } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { getDropdownTheme } from './getDropdownTheme';\n\nconst PASS_PROPS = {\n  _renderButton: true,\n  error: true,\n  disabled: true,\n  disablePortal: true,\n  menuAlign: true,\n  menuWidth: true,\n  maxMenuHeight: true,\n  use: true,\n  size: true,\n  warning: true,\n  width: true,\n  onOpen: true,\n  onClose: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n  menuPos: true,\n  corners: true,\n  id: true,\n  'aria-describedby': true,\n  'aria-label': true,\n};\n\nexport interface DropdownProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Задает подпись на кнопке. */\n  caption: React.ReactNode;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement<any>;\n\n  /** Задает ширину выпадающего меню. */\n  width?: React.CSSProperties['width'];\n\n  /** @ignore */\n  _renderButton?: (params: any) => JSX.Element;\n\n  /** Отключает использование портала. */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным.*/\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает длину меню. */\n  menuWidth?: number | string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задаёт стиль кнопки. */\n  use?: ButtonUse;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Задает функцию, которая вызывается при закрытии меню. */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при открытии меню. */\n  onOpen?: () => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\nexport const DropdownDataTids = {\n  root: 'Dropdown__root',\n} as const;\n\n/**\n * Выпадающее меню `Dropdown`. Содержит несколько команд, объединенных по смыслу.\n *\n * Используйте кнопку-меню:\n * * когда не хватает места для нескольких кнопок.\n * * когда названия действий очень длинные.\n * * когда действия редко используются или объединены по смыслу.\n *\n * Не используйте `Dropdown` для выбора значения из набора вариантов. В таком случае воспользуйтесь компонентом Select.\n */\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\n  public static displayName = 'Dropdown';\n\n  public static Header = MenuHeader;\n  public static MenuItem = MenuItem;\n  public static Separator = MenuSeparator;\n\n  public static propTypes = {\n    /**\n     * Подпись на кнопке.\n     */\n    caption: PropTypes.node.isRequired,\n\n    /**\n     * Отключает использование портала\n     */\n    disablePortal: PropTypes.bool,\n\n    /**\n     * Визуально отключает Dropdown\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Визуально показать наличие ошибки.\n     */\n    error: PropTypes.bool,\n\n    /**\n     * Иконка слева от текста кнопки\n     */\n    icon: PropTypes.node,\n\n    maxMenuHeight: PropTypes.number,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n    /**\n     * Смотри Button.\n     */\n    use: PropTypes.any,\n\n    /**\n     * Визуально показать наличие предупреждения.\n     */\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Вызывается при закрытии меню.\n     */\n    onClose: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    /**\n     * Вызывается при открытии меню.\n     */\n    onOpen: PropTypes.func,\n  };\n\n  private _select: Nullable<DropdownSelectType>;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getDropdownTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = () => {\n    const { caption, icon, ...rest } = this.props;\n    const items = React.Children.map(this.props.children, (item) => item) || [];\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...rest}>\n        <Select<React.ReactNode, React.ReactNode>\n          data-tid={DropdownDataTids.root}\n          ref={this._refSelect}\n          {...filterProps(rest, PASS_PROPS)}\n          value={caption}\n          items={items}\n          _icon={icon}\n          renderValue={renderValue}\n        />\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public open() {\n    if (this._select) {\n      this._select.open();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    if (this._select) {\n      this._select.close();\n    }\n  }\n\n  private _refSelect = (element: DropdownSelectType): void => {\n    this._select = element;\n  };\n}\n\nfunction renderValue(value: any) {\n  return value;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Dropdown/Dropdown.d.ts

@@ -1,134 +1,131 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { MenuHeader } from '../MenuHeader';
-import { MenuItem } from '../MenuItem';
-import { MenuSeparator } from '../MenuSeparator';
-import { ButtonUse } from '../Button';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
-    /**
-     * Подпись на кнопке.
-     */
-    caption: React.ReactNode;
-    /**
-     * Иконка слева от текста кнопки
-     */
-    icon?: React.ReactElement<any>;
-    width?: React.CSSProperties['width'];
-    /** @ignore */
-    _renderButton?: (params: any) => JSX.Element;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    /**
-     * Визуально отключает Dropdown
-     */
-    disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    maxMenuHeight?: number;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-    menuAlign?: 'left' | 'right';
-    menuWidth?: number | string;
-    size?: SizeProp;
-    /**
-     * Смотри Button.
-     */
-    use?: ButtonUse;
-    /**
-     * Вызывается при закрытии меню.
-     */
-    onClose?: () => void;
-    /**
-     * Вызывается при открытии меню.
-     */
-    onOpen?: () => void;
-    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-}
-export declare const DropdownDataTids: {
-    readonly root: "Dropdown__root";
-};
-/**
- * Выпадающее меню.
- *
- */
-export declare class Dropdown extends React.Component<DropdownProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static Header: typeof MenuHeader;
-    static MenuItem: typeof MenuItem;
-    static Separator: typeof MenuSeparator;
-    static propTypes: {
-        /**
-         * Подпись на кнопке.
-         */
-        caption: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально отключает Dropdown
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально показать наличие ошибки.
-         */
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Иконка слева от текста кнопки
-         */
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        menuAlign: PropTypes.Requireable<string>;
-        menuWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Смотри Button.
-         */
-        use: PropTypes.Requireable<any>;
-        /**
-         * Визуально показать наличие предупреждения.
-         */
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        /**
-         * Вызывается при закрытии меню.
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Вызывается при открытии меню.
-         */
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private _select;
-    private setRootNode;
-    private theme;
-    render(): React.JSX.Element;
-    renderMain: () => React.JSX.Element;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    private _refSelect;
-}
+import React, { AriaAttributes, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { MenuHeader } from '../MenuHeader';
+import { MenuItem } from '../MenuItem';
+import { MenuSeparator } from '../MenuSeparator';
+import { ButtonUse } from '../Button';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Задает подпись на кнопке. */
+    caption: React.ReactNode;
+    /** Добавляет иконку слева от текста кнопки. */
+    icon?: React.ReactElement<any>;
+    /** Задает ширину выпадающего меню. */
+    width?: React.CSSProperties['width'];
+    /** @ignore */
+    _renderButton?: (params: any) => JSX.Element;
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Делает компонент недоступным.*/
+    disabled?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает максимальную высоту меню. */
+    maxMenuHeight?: number;
+    /** Задает текущую позицию выпадающего окна вручную.
+     */
+    menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает длину меню. */
+    menuWidth?: number | string;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Задаёт стиль кнопки. */
+    use?: ButtonUse;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Задает функцию, которая вызывается при закрытии меню. */
+    onClose?: () => void;
+    /** Задает функцию, которая вызывается при открытии меню. */
+    onOpen?: () => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const DropdownDataTids: {
+    readonly root: "Dropdown__root";
+};
+/**
+ * Выпадающее меню `Dropdown`. Содержит несколько команд, объединенных по смыслу.
+ *
+ * Используйте кнопку-меню:
+ * * когда не хватает места для нескольких кнопок.
+ * * когда названия действий очень длинные.
+ * * когда действия редко используются или объединены по смыслу.
+ *
+ * Не используйте `Dropdown` для выбора значения из набора вариантов. В таком случае воспользуйтесь компонентом Select.
+ */
+export declare class Dropdown extends React.Component<DropdownProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static Header: typeof MenuHeader;
+    static MenuItem: typeof MenuItem;
+    static Separator: typeof MenuSeparator;
+    static propTypes: {
+        /**
+         * Подпись на кнопке.
+         */
+        caption: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Отключает использование портала
+         */
+        disablePortal: PropTypes.Requireable<boolean>;
+        /**
+         * Визуально отключает Dropdown
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Визуально показать наличие ошибки.
+         */
+        error: PropTypes.Requireable<boolean>;
+        /**
+         * Иконка слева от текста кнопки
+         */
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        maxMenuHeight: PropTypes.Requireable<number>;
+        menuAlign: PropTypes.Requireable<string>;
+        menuWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        size: PropTypes.Requireable<string>;
+        /**
+         * Смотри Button.
+         */
+        use: PropTypes.Requireable<any>;
+        /**
+         * Визуально показать наличие предупреждения.
+         */
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        /**
+         * Вызывается при закрытии меню.
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Вызывается при открытии меню.
+         */
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private _select;
+    private setRootNode;
+    private theme;
+    render(): React.JSX.Element;
+    renderMain: () => React.JSX.Element;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    private _refSelect;
+}

package/components/Dropdown/Dropdown.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
 <Dropdown caption="Click">
@@ -10,7 +11,7 @@ import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-
 </Dropdown>;
 ```
 
-У Dropdown есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped, MenuItem, MenuSeparator, MenuHeader } from '@skbkontur/react-ui';

package/components/Dropdown/__creevey__/Dropdown.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};