@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-151f385a39

package/components/DatePicker/Picker/Picker.js

@@ -9,7 +9,7 @@ import { InternalDateGetter } from "../../../lib/date/InternalDateGetter";
 import { Calendar, isGreater, isLess } from "../../../internal/Calendar";
 import { locale } from "../../../lib/locale/decorators";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../Picker.styles";
+import { styles } from "../Picker.styles";
 import { DatePickerLocaleHelper } from "../locale";
 
 var getTodayCalendarDate = function getTodayCalendarDate() {
@@ -28,9 +28,7 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
     var _this;
 
     _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
     _this.calendar = null;
-    _this.locale = void 0;
 
     _this.scrollToMonth = function (month, year) {
       if (_this.calendar) {
@@ -103,7 +101,7 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
 
     var date = this.state.date;
     return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.root(this.theme),
+      className: styles.root(this.theme),
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       }
@@ -118,7 +116,7 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
       minDate: this.props.minDate,
       maxDate: this.props.maxDate,
       isHoliday: this.props.isHoliday
-    }), this.props.enableTodayLink && this.renderTodayLink());
+    }), this.props.enableTodayLink && this.renderTodayLink(), ' ');
   };
 
   _proto.renderTodayLink = function renderTodayLink() {
@@ -131,7 +129,7 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
     }).setComponents(InternalDateGetter.getTodayComponents());
     return /*#__PURE__*/React.createElement("button", {
       "data-tid": "Picker__todayWrapper",
-      className: jsStyles.todayWrapper(this.theme),
+      className: styles.todayWrapper(this.theme),
       onClick: this.handleSelectToday(today),
       tabIndex: -1
     }, this.locale.today + " " + today.toString({

package/components/DatePicker/Picker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["React","shallowEqual","InternalDate","InternalDateGetter","Calendar","isGreater","isLess","locale","ThemeContext","jsStyles","DatePickerLocaleHelper","getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","props","theme","calendar","scrollToMonth","handleSelectToday","today","onSelect","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","renderMain","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","order","separator","setComponents","getTodayComponents","todayWrapper","toString","withPad","withSeparator","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport shallowEqual from 'shallowequal';\r\n\r\nimport { InternalDate } from '../../lib/date/InternalDate';\r\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\r\nimport { Calendar, CalendarDateShape, isGreater, isLess } from '../../internal/Calendar';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nimport { jsStyles } from './Picker.styles';\r\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\r\n\r\ninterface Props {\r\n  maxDate?: CalendarDateShape;\r\n  minDate?: CalendarDateShape;\r\n  value: Nullable<CalendarDateShape>;\r\n  onPick: (date: CalendarDateShape) => void;\r\n  onSelect?: (date: CalendarDateShape) => void;\r\n  enableTodayLink?: boolean;\r\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\r\n}\r\n\r\ninterface State {\r\n  date: CalendarDateShape;\r\n  today: CalendarDateShape;\r\n}\r\n\r\nconst getTodayCalendarDate = () => {\r\n  const d = new Date();\r\n  return {\r\n    date: d.getDate(),\r\n    month: d.getMonth(),\r\n    year: d.getFullYear(),\r\n  };\r\n};\r\n\r\n@locale('DatePicker', DatePickerLocaleHelper)\r\nexport class Picker extends React.Component<Props, State> {\r\n  public static __KONTUR_REACT_UI__ = 'Picker';\r\n\r\n  private theme!: Theme;\r\n  private calendar: Calendar | null = null;\r\n  private readonly locale!: DatePickerLocale;\r\n\r\n  constructor(props: Props) {\r\n    super(props);\r\n    const today = getTodayCalendarDate();\r\n    this.state = {\r\n      date: this.getInitialDate(today),\r\n      today,\r\n    };\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: Props) {\r\n    const { value } = this.props;\r\n    if (value && !shallowEqual(value, prevProps.value)) {\r\n      this.scrollToMonth(value.month, value.year);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { date } = this.state;\r\n    return (\r\n      <div className={jsStyles.root(this.theme)} onMouseDown={e => e.preventDefault()}>\r\n        <Calendar\r\n          ref={c => (this.calendar = c)}\r\n          value={this.props.value}\r\n          initialMonth={date.month}\r\n          initialYear={date.year}\r\n          onSelect={this.props.onPick}\r\n          minDate={this.props.minDate}\r\n          maxDate={this.props.maxDate}\r\n          isHoliday={this.props.isHoliday}\r\n        />\r\n        {this.props.enableTodayLink && this.renderTodayLink()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private scrollToMonth = (month: number, year: number) => {\r\n    if (this.calendar) {\r\n      this.calendar.scrollToMonth(month, year);\r\n    }\r\n  };\r\n\r\n  private renderTodayLink() {\r\n    const { order, separator } = this.locale;\r\n    const today = new InternalDate({ order, separator }).setComponents(InternalDateGetter.getTodayComponents());\r\n    return (\r\n      <button\r\n        data-tid=\"Picker__todayWrapper\"\r\n        className={jsStyles.todayWrapper(this.theme)}\r\n        onClick={this.handleSelectToday(today)}\r\n        tabIndex={-1}\r\n      >\r\n        {`${this.locale.today} ${today.toString({ withPad: true, withSeparator: true })}`}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  private handleSelectToday = (today: InternalDate) => () => {\r\n    if (this.props.onSelect) {\r\n      this.props.onSelect(today.toNativeFormat()!);\r\n    }\r\n    if (this.calendar) {\r\n      const { month, year } = this.state.today;\r\n      this.calendar.scrollToMonth(month, year);\r\n    }\r\n  };\r\n\r\n  private getInitialDate = (today: CalendarDateShape) => {\r\n    if (this.props.value) {\r\n      return this.props.value;\r\n    }\r\n\r\n    if (this.props.minDate && isLess(today, this.props.minDate)) {\r\n      return this.props.minDate;\r\n    }\r\n\r\n    if (this.props.maxDate && isGreater(today, this.props.maxDate)) {\r\n      return this.props.maxDate;\r\n    }\r\n\r\n    return today;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Picker.tsx"],"names":["React","shallowEqual","InternalDate","InternalDateGetter","Calendar","isGreater","isLess","locale","ThemeContext","styles","DatePickerLocaleHelper","getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","props","calendar","scrollToMonth","handleSelectToday","today","onSelect","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","theme","renderMain","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","order","separator","setComponents","getTodayComponents","todayWrapper","toString","withPad","withSeparator","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { Calendar, CalendarDateShape, isGreater, isLess } from '../../internal/Calendar';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Picker.styles';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\n\ninterface Props {\n  maxDate?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  value: Nullable<CalendarDateShape>;\n  onPick: (date: CalendarDateShape) => void;\n  onSelect?: (date: CalendarDateShape) => void;\n  enableTodayLink?: boolean;\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\n}\n\ninterface State {\n  date: CalendarDateShape;\n  today: CalendarDateShape;\n}\n\nconst getTodayCalendarDate = () => {\n  const d = new Date();\n  return {\n    date: d.getDate(),\n    month: d.getMonth(),\n    year: d.getFullYear(),\n  };\n};\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class Picker extends React.Component<Props, State> {\n  public static __KONTUR_REACT_UI__ = 'Picker';\n\n  private theme!: Theme;\n  private calendar: Calendar | null = null;\n  private readonly locale!: DatePickerLocale;\n\n  constructor(props: Props) {\n    super(props);\n    const today = getTodayCalendarDate();\n    this.state = {\n      date: this.getInitialDate(today),\n      today,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Props) {\n    const { value } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      this.scrollToMonth(value.month, value.year);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { date } = this.state;\n\n    return (\n      <div className={styles.root(this.theme)} onMouseDown={(e) => e.preventDefault()}>\n        <Calendar\n          ref={(c) => (this.calendar = c)}\n          value={this.props.value}\n          initialMonth={date.month}\n          initialYear={date.year}\n          onSelect={this.props.onPick}\n          minDate={this.props.minDate}\n          maxDate={this.props.maxDate}\n          isHoliday={this.props.isHoliday}\n        />\n        {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n      </div>\n    );\n  }\n\n  private scrollToMonth = (month: number, year: number) => {\n    if (this.calendar) {\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator }).setComponents(InternalDateGetter.getTodayComponents());\n    return (\n      <button\n        data-tid=\"Picker__todayWrapper\"\n        className={styles.todayWrapper(this.theme)}\n        onClick={this.handleSelectToday(today)}\n        tabIndex={-1}\n      >\n        {`${this.locale.today} ${today.toString({ withPad: true, withSeparator: true })}`}\n      </button>\n    );\n  }\n\n  private handleSelectToday = (today: InternalDate) => () => {\n    if (this.props.onSelect) {\n      this.props.onSelect(today.toNativeFormat()!);\n    }\n    if (this.calendar) {\n      const { month, year } = this.state.today;\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n\n  private getInitialDate = (today: CalendarDateShape) => {\n    if (this.props.value) {\n      return this.props.value;\n    }\n\n    if (this.props.minDate && isLess(today, this.props.minDate)) {\n      return this.props.minDate;\n    }\n\n    if (this.props.maxDate && isGreater(today, this.props.maxDate)) {\n      return this.props.maxDate;\n    }\n\n    return today;\n  };\n}\n"]}

package/components/DatePicker/Picker.styles/Picker.styles.js

@@ -3,12 +3,11 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n    "])), t.pickerBg, t.pickerShadow);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])), t.pickerBg, t.pickerShadow);
   },
   todayWrapper: function todayWrapper(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border: none;\n      border-top: ", ";\n      color: ", ";\n      display: block;\n      font-size: ", ";\n      padding-bottom: ", ";\n      padding-top: ", ";\n      line-height: ", ";\n      width: 100%;\n\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n\n      &:active {\n        color: ", ";\n      }\n    "])), t.pickerTodayWrapperBgColor, t.pickerTodayWrapperBorderTop, t.linkColor, t.pickerTodayWrapperFontSize, t.pickerTodayWrapperPaddingBottom, t.pickerTodayWrapperPaddingTop, t.pickerTodayWrapperLineHeight, t.pickerTodayWrapperHoverBgColor, t.linkActiveColor);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/components/DatePicker/Picker.styles/Picker.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Picker.styles.ts"],"names":["css","memoizeStyle","styles","root","t","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperFontSize","pickerTodayWrapperPaddingBottom","pickerTodayWrapperPaddingTop","pickerTodayWrapperLineHeight","pickerTodayWrapperHoverBgColor","linkActiveColor","jsStyles"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,QADlB;AAEgBD,IAAAA,CAAC,CAACE,YAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,YAXa,wBAWAH,CAXA,EAWU;AACrB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACI,yBADxB;;AAGgBJ,IAAAA,CAAC,CAACK,2BAHlB;AAIWL,IAAAA,CAAC,CAACM,SAJb;;AAMeN,IAAAA,CAAC,CAACO,0BANjB;AAOoBP,IAAAA,CAAC,CAACQ,+BAPtB;AAQiBR,IAAAA,CAAC,CAACS,4BARnB;AASiBT,IAAAA,CAAC,CAACU,4BATnB;;;;AAawBV,IAAAA,CAAC,CAACW,8BAb1B;;;;;AAkBaX,IAAAA,CAAC,CAACY,eAlBf;;;AAqBD,GAjCY,EAAf;;;AAoCA,OAAO,IAAMC,QAAQ,GAAGhB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.pickerBg};\r\n      box-shadow: ${t.pickerShadow};\r\n      display: inline-block;\r\n      font-size: 0;\r\n      z-index: 1000;\r\n    `;\r\n  },\r\n\r\n  todayWrapper(t: Theme) {\r\n    return css`\r\n      background-color: ${t.pickerTodayWrapperBgColor};\r\n      border: none;\r\n      border-top: ${t.pickerTodayWrapperBorderTop};\r\n      color: ${t.linkColor};\r\n      display: block;\r\n      font-size: ${t.pickerTodayWrapperFontSize};\r\n      padding-bottom: ${t.pickerTodayWrapperPaddingBottom};\r\n      padding-top: ${t.pickerTodayWrapperPaddingTop};\r\n      line-height: ${t.pickerTodayWrapperLineHeight};\r\n      width: 100%;\r\n\r\n      &:hover {\r\n        background-color: ${t.pickerTodayWrapperHoverBgColor};\r\n        cursor: pointer;\r\n      }\r\n\r\n      &:active {\r\n        color: ${t.linkActiveColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Picker.styles.ts"],"names":["css","memoizeStyle","styles","root","t","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperFontSize","pickerTodayWrapperPaddingBottom","pickerTodayWrapperPaddingTop","pickerTodayWrapperLineHeight","pickerTodayWrapperHoverBgColor","linkActiveColor"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,QADlB;AAEgBD,IAAAA,CAAC,CAACE,YAFlB;;;;;;AAQD,GAVgC;;AAYjCC,EAAAA,YAZiC,wBAYpBH,CAZoB,EAYV;AACrB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACI,yBADxB;;AAGgBJ,IAAAA,CAAC,CAACK,2BAHlB;AAIWL,IAAAA,CAAC,CAACM,SAJb;;AAMeN,IAAAA,CAAC,CAACO,0BANjB;AAOoBP,IAAAA,CAAC,CAACQ,+BAPtB;AAQiBR,IAAAA,CAAC,CAACS,4BARnB;AASiBT,IAAAA,CAAC,CAACU,4BATnB;;;;AAawBV,IAAAA,CAAC,CAACW,8BAb1B;;;;;AAkBaX,IAAAA,CAAC,CAACY,eAlBf;;;AAqBD,GAlCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.pickerBg};\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n\n  todayWrapper(t: Theme) {\n    return css`\n      background-color: ${t.pickerTodayWrapperBgColor};\n      border: none;\n      border-top: ${t.pickerTodayWrapperBorderTop};\n      color: ${t.linkColor};\n      display: block;\n      font-size: ${t.pickerTodayWrapperFontSize};\n      padding-bottom: ${t.pickerTodayWrapperPaddingBottom};\n      padding-top: ${t.pickerTodayWrapperPaddingTop};\n      line-height: ${t.pickerTodayWrapperLineHeight};\n      width: 100%;\n\n      &:hover {\n        background-color: ${t.pickerTodayWrapperHoverBgColor};\n        cursor: pointer;\n      }\n\n      &:active {\n        color: ${t.linkActiveColor};\n      }\n    `;\n  },\n});\n"]}

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

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

package/components/DatePicker/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './DatePicker';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './DatePicker';\n"]}

package/components/DatePicker/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","DatePickerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,sBAAsB,GAAG,IAAIJ,YAAJ,CAAmC;AACvEG,EAAAA,KAAK,EAALA,KADuE;AAEvED,EAAAA,KAAK,EAALA,KAFuE,EAAnC,CAA/B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { DatePickerLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const DatePickerLocaleHelper = new LocaleHelper<DatePickerLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","DatePickerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,sBAAsB,GAAG,IAAIJ,YAAJ,CAAmC;AACvEG,EAAAA,KAAK,EAALA,KADuE;AAEvED,EAAAA,KAAK,EAALA,KAFuE,EAAnC,CAA/B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { DatePickerLocale } from './types';\n\nexport * from './types';\n\nexport const DatePickerLocaleHelper = new LocaleHelper<DatePickerLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/DatePicker/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","today","months","en_GB"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;;AAGA,OAAO,IAAMC,iBAAmC;AAC9CC,EAAAA,KAAK,EAAE,OADuC;AAE9CC,EAAAA,MAAM,EAAE;AACN,WADM;AAEN,YAFM;AAGN,SAHM;AAIN,SAJM;AAKN,OALM;AAMN,QANM;AAON,QAPM;AAQN,UARM;AASN,aATM;AAUN,WAVM;AAWN,YAXM;AAYN,YAZM,CAFsC;;AAgB3CJ,kBAAkB,CAACC,SAAS,CAACI,KAAX,CAhByB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\r\nimport { LangCodes } from '../../../../lib/locale';\r\nimport { DatePickerLocale } from '../types';\r\n\r\nexport const componentsLocales: DatePickerLocale = {\r\n  today: 'Today',\r\n  months: [\r\n    'January',\r\n    'February',\r\n    'March',\r\n    'April',\r\n    'May',\r\n    'June',\r\n    'July',\r\n    'August',\r\n    'September',\r\n    'October',\r\n    'November',\r\n    'December',\r\n  ],\r\n  ...internalDateLocale[LangCodes.en_GB],\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","today","months","en_GB"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;;AAGA,OAAO,IAAMC,iBAAmC;AAC9CC,EAAAA,KAAK,EAAE,OADuC;AAE9CC,EAAAA,MAAM,EAAE;AACN,WADM;AAEN,YAFM;AAGN,SAHM;AAIN,SAJM;AAKN,OALM;AAMN,QANM;AAON,QAPM;AAQN,UARM;AASN,aATM;AAUN,WAVM;AAWN,YAXM;AAYN,YAZM,CAFsC;;AAgB3CJ,kBAAkB,CAACC,SAAS,CAACI,KAAX,CAhByB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\nimport { LangCodes } from '../../../../lib/locale';\nimport { DatePickerLocale } from '../types';\n\nexport const componentsLocales: DatePickerLocale = {\n  today: 'Today',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  ...internalDateLocale[LangCodes.en_GB],\n};\n"]}

package/components/DatePicker/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","today","months","ru_RU"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;;AAGA,OAAO,IAAMC,iBAAmC;AAC9CC,EAAAA,KAAK,EAAE,SADuC;AAE9CC,EAAAA,MAAM,EAAE;AACN,UADM;AAEN,WAFM;AAGN,QAHM;AAIN,UAJM;AAKN,OALM;AAMN,QANM;AAON,QAPM;AAQN,UARM;AASN,YATM;AAUN,WAVM;AAWN,UAXM;AAYN,WAZM,CAFsC;;AAgB3CJ,kBAAkB,CAACC,SAAS,CAACI,KAAX,CAhByB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\r\nimport { LangCodes } from '../../../../lib/locale';\r\nimport { DatePickerLocale } from '../types';\r\n\r\nexport const componentsLocales: DatePickerLocale = {\r\n  today: 'Сегодня',\r\n  months: [\r\n    'Январь',\r\n    'Февраль',\r\n    'Март',\r\n    'Апрель',\r\n    'Май',\r\n    'Июнь',\r\n    'Июль',\r\n    'Август',\r\n    'Сентябрь',\r\n    'Октябрь',\r\n    'Ноябрь',\r\n    'Декабрь',\r\n  ],\r\n  ...internalDateLocale[LangCodes.ru_RU],\r\n};\r\n"]}
+{"version":3,"sources":["ru.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","today","months","ru_RU"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;;AAGA,OAAO,IAAMC,iBAAmC;AAC9CC,EAAAA,KAAK,EAAE,SADuC;AAE9CC,EAAAA,MAAM,EAAE;AACN,UADM;AAEN,WAFM;AAGN,QAHM;AAIN,UAJM;AAKN,OALM;AAMN,QANM;AAON,QAPM;AAQN,UARM;AASN,YATM;AAUN,WAVM;AAWN,UAXM;AAYN,WAZM,CAFsC;;AAgB3CJ,kBAAkB,CAACC,SAAS,CAACI,KAAX,CAhByB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\nimport { LangCodes } from '../../../../lib/locale';\nimport { DatePickerLocale } from '../types';\n\nexport const componentsLocales: DatePickerLocale = {\n  today: 'Сегодня',\n  months: [\n    'Январь',\n    'Февраль',\n    'Март',\n    'Апрель',\n    'Май',\n    'Июнь',\n    'Июль',\n    'Август',\n    'Сентябрь',\n    'Октябрь',\n    'Ноябрь',\n    'Декабрь',\n  ],\n  ...internalDateLocale[LangCodes.ru_RU],\n};\n"]}

package/components/DatePicker/locale/types/types.js

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

package/components/Dropdown/Dropdown/Dropdown.js

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["caption", "icon"];
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { filterProps } from "../../../lib/filterProps";
@@ -9,6 +13,7 @@ import { MenuItem } from "../../MenuItem";
 import { MenuSeparator } from "../../MenuSeparator";
 import { Select } from "../../Select";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
 var PASS_PROPS = {
   _renderButton: true,
   error: true,
@@ -27,11 +32,12 @@ var PASS_PROPS = {
   onMouseLeave: true,
   onMouseOver: true
 };
-/**
- * Выпадающее меню.
- */
-
-export var Dropdown = /*#__PURE__*/function (_React$Component) {
+export
+/**
+* Выпадающее меню.
+*
+*/
+var Dropdown = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Dropdown, _React$Component);
 
   function Dropdown() {
@@ -42,12 +48,11 @@ export var Dropdown = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this._select = void 0;
 
     _this.renderMain = function (_ref) {
       var caption = _ref.caption,
           icon = _ref.icon,
-          props = _objectWithoutPropertiesLoose(_ref, ["caption", "icon"]);
+          props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
       var items = React.Children.map(_this.props.children, function (item) {
         return item;
@@ -72,10 +77,12 @@ export var Dropdown = /*#__PURE__*/function (_React$Component) {
   var _proto = Dropdown.prototype;
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), this.renderMain);
   };
-  /**
-  * @public
+  /**
+  * @public
   */
 
 
@@ -84,8 +91,8 @@ export var Dropdown = /*#__PURE__*/function (_React$Component) {
       this._select.open();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -96,34 +103,29 @@ export var Dropdown = /*#__PURE__*/function (_React$Component) {
   };
 
   return Dropdown;
-}(React.Component);
-Dropdown.__KONTUR_REACT_UI__ = 'Dropdown';
-Dropdown.Header = MenuHeader;
-Dropdown.MenuItem = MenuItem;
-Dropdown.Separator = MenuSeparator;
-Dropdown.propTypes = {
-  /**
-  * Подпись на кнопке.
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Dropdown', _class2.Header = MenuHeader, _class2.MenuItem = MenuItem, _class2.Separator = MenuSeparator, _class2.propTypes = {
+  /**
+  * Подпись на кнопке.
   */
   caption: PropTypes.node.isRequired,
 
-  /**
-  * Отключает использование портала
+  /**
+  * Отключает использование портала
   */
   disablePortal: PropTypes.bool,
 
-  /**
-  * Визуально отключает Dropdown
+  /**
+  * Визуально отключает Dropdown
   */
   disabled: PropTypes.bool,
 
-  /**
-  * Визуально показать наличие ошибки.
+  /**
+  * Визуально показать наличие ошибки.
   */
   error: PropTypes.bool,
 
-  /**
-  * Иконка слева от текста кнопки
+  /**
+  * Иконка слева от текста кнопки
   */
   icon: PropTypes.node,
   maxMenuHeight: PropTypes.number,
@@ -131,30 +133,30 @@ Dropdown.propTypes = {
   menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   size: PropTypes.oneOf(['small', 'medium', 'large']),
 
-  /**
-  * Смотри Button.
+  /**
+  * Смотри Button.
   */
   use: PropTypes.any,
 
-  /**
-  * Визуально показать наличие предупреждения.
+  /**
+  * Визуально показать наличие предупреждения.
   */
   warning: PropTypes.bool,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
-  /**
-  * Вызывается при закрытии меню.
+  /**
+  * Вызывается при закрытии меню.
   */
   onClose: PropTypes.func,
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func,
 
-  /**
-  * Вызывается при открытии меню.
+  /**
+  * Вызывается при открытии меню.
   */
   onOpen: PropTypes.func
-};
+}, _temp)) || _class;
 
 function renderValue(value) {
   return value;

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

@@ -1 +1 @@
-{"version":3,"sources":["Dropdown.tsx"],"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","Dropdown","_select","renderMain","caption","icon","props","items","Children","map","children","item","_refSelect","renderValue","element","render","open","close","Component","__KONTUR_REACT_UI__","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { filterProps } from '../../lib/filterProps';\r\nimport { MenuHeader } from '../MenuHeader';\r\nimport { MenuItem } from '../MenuItem';\r\nimport { MenuSeparator } from '../MenuSeparator';\r\nimport { Select } from '../Select';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ButtonSize, ButtonUse } from '../Button';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nconst PASS_PROPS = {\r\n  _renderButton: true,\r\n  error: true,\r\n  disabled: true,\r\n  disablePortal: true,\r\n  menuAlign: true,\r\n  menuWidth: true,\r\n  maxMenuHeight: true,\r\n  use: true,\r\n  size: true,\r\n  warning: true,\r\n  width: true,\r\n  onOpen: true,\r\n  onClose: true,\r\n  onMouseEnter: true,\r\n  onMouseLeave: true,\r\n  onMouseOver: true,\r\n};\r\n\r\nexport interface DropdownProps extends CommonProps {\r\n  /**\r\n   * Подпись на кнопке.\r\n   */\r\n  caption: React.ReactNode;\r\n  /**\r\n   * Иконка слева от текста кнопки\r\n   */\r\n  icon?: React.ReactElement<any>;\r\n  width?: React.CSSProperties['width'];\r\n\r\n  /** @ignore */\r\n  _renderButton?: (params: any) => JSX.Element;\r\n\r\n  /**\r\n   * Отключает использование портала\r\n   */\r\n  disablePortal?: boolean;\r\n\r\n  /**\r\n   * Визуально отключает Dropdown\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Визуально показать наличие ошибки.\r\n   */\r\n  error?: boolean;\r\n  /**\r\n   * Визуально показать наличие предупреждения.\r\n   */\r\n  warning?: boolean;\r\n  maxMenuHeight?: number;\r\n  menuAlign?: 'left' | 'right';\r\n  menuWidth?: number | string;\r\n  size?: ButtonSize;\r\n\r\n  /**\r\n   * Смотри Button.\r\n   */\r\n  use?: ButtonUse;\r\n\r\n  /**\r\n   * Вызывается при закрытии меню.\r\n   */\r\n  onClose?: () => void;\r\n  /**\r\n   * Вызывается при открытии меню.\r\n   */\r\n  onOpen?: () => void;\r\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\r\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\r\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\r\n}\r\n\r\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\r\n\r\n/**\r\n * Выпадающее меню.\r\n */\r\nexport class Dropdown extends React.Component<DropdownProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\r\n\r\n  public static Header = MenuHeader;\r\n  public static MenuItem = MenuItem;\r\n  public static Separator = MenuSeparator;\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Подпись на кнопке.\r\n     */\r\n    caption: PropTypes.node.isRequired,\r\n\r\n    /**\r\n     * Отключает использование портала\r\n     */\r\n    disablePortal: PropTypes.bool,\r\n\r\n    /**\r\n     * Визуально отключает Dropdown\r\n     */\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Визуально показать наличие ошибки.\r\n     */\r\n    error: PropTypes.bool,\r\n\r\n    /**\r\n     * Иконка слева от текста кнопки\r\n     */\r\n    icon: PropTypes.node,\r\n\r\n    maxMenuHeight: PropTypes.number,\r\n\r\n    menuAlign: PropTypes.oneOf(['left', 'right']),\r\n\r\n    menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\r\n\r\n    /**\r\n     * Смотри Button.\r\n     */\r\n    use: PropTypes.any,\r\n\r\n    /**\r\n     * Визуально показать наличие предупреждения.\r\n     */\r\n    warning: PropTypes.bool,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    /**\r\n     * Вызывается при закрытии меню.\r\n     */\r\n    onClose: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n\r\n    /**\r\n     * Вызывается при открытии меню.\r\n     */\r\n    onOpen: PropTypes.func,\r\n  };\r\n\r\n  private _select: Nullable<DropdownSelectType>;\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  public renderMain = ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => {\r\n    const items = React.Children.map(this.props.children, item => item) || [];\r\n\r\n    return (\r\n      <Select<React.ReactNode, React.ReactNode>\r\n        ref={this._refSelect}\r\n        {...filterProps(props, PASS_PROPS)}\r\n        value={caption}\r\n        items={items}\r\n        _icon={icon}\r\n        renderValue={renderValue}\r\n      />\r\n    );\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open() {\r\n    if (this._select) {\r\n      this._select.open();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close() {\r\n    if (this._select) {\r\n      this._select.close();\r\n    }\r\n  }\r\n\r\n  private _refSelect = (element: DropdownSelectType): void => {\r\n    this._select = element;\r\n  };\r\n}\r\n\r\nfunction renderValue(value: any) {\r\n  return value;\r\n}\r\n"]}
+{"version":3,"sources":["Dropdown.tsx"],"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","Dropdown","renderMain","caption","icon","props","items","Children","map","children","item","_refSelect","renderValue","element","_select","render","setRootNode","open","close","Component","__KONTUR_REACT_UI__","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"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","sourcesContent":["import React 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 { ButtonSize, ButtonUse } from '../Button';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\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};\n\nexport interface DropdownProps extends 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  menuAlign?: 'left' | 'right';\n  menuWidth?: number | string;\n  size?: ButtonSize;\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\n/**\n * Выпадающее меню.\n *\n */\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n  public static __KONTUR_REACT_UI__ = '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\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => {\n    const items = React.Children.map(this.props.children, (item) => item) || [];\n\n    return (\n      <Select<React.ReactNode, React.ReactNode>\n        ref={this._refSelect}\n        {...filterProps(props, PASS_PROPS)}\n        value={caption}\n        items={items}\n        _icon={icon}\n        renderValue={renderValue}\n      />\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"]}

package/components/Dropdown/Dropdown.d.ts

@@ -26,11 +26,11 @@ export interface DropdownProps extends CommonProps {
      */
     disabled?: boolean;
     /**
-     * Визуально показать наличие ошибки.
+     * Состояние валидации при ошибке.
      */
     error?: boolean;
     /**
-     * Визуально показать наличие предупреждения.
+     * Состояние валидации при предупреждении.
      */
     warning?: boolean;
     maxMenuHeight?: number;
@@ -55,6 +55,7 @@ export interface DropdownProps extends CommonProps {
 }
 /**
  * Выпадающее меню.
+ *
  */
 export declare class Dropdown extends React.Component<DropdownProps> {
     static __KONTUR_REACT_UI__: string;
@@ -108,6 +109,7 @@ export declare class Dropdown extends React.Component<DropdownProps> {
         onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     };
     private _select;
+    private setRootNode;
     render(): JSX.Element;
     renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
     /**

package/components/Dropdown/Dropdown.md

@@ -1,12 +1,11 @@
-```jsx harmony
-import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<Dropdown caption="Click">
-  <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
-  <MenuSeparator />
-  <MenuHeader>Here goes the header</MenuHeader>
-  <MenuItem onClick={() => alert('Pow')} comment="With comment.">
-    Pow
-  </MenuItem>
-</Dropdown>;
-```
+```jsx harmony
+import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
+<Dropdown caption="Click">
+  <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+  <MenuSeparator />
+  <MenuHeader>Here goes the header</MenuHeader>
+  <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+    Pow
+  </MenuItem>
+</Dropdown>;
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Dropdown';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Dropdown';\n"]}

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js

@@ -1,15 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { PopupMenu } from "../../../internal/PopupMenu";
 import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-/**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
- */
-
-export var DropdownMenu = /*#__PURE__*/function (_React$Component) {
+import { rootNode } from "../../../lib/rootNode";
+export
+/**
+* Меню, раскрывающееся по клику на переданный в `caption` элемент
+*/
+var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DropdownMenu, _React$Component);
 
   function DropdownMenu(props) {
@@ -34,20 +39,6 @@ export var DropdownMenu = /*#__PURE__*/function (_React$Component) {
       return _this.popupMenu = ref;
     };
 
-    _this.handleChangeMenuState = function (menuVisible) {
-      if (menuVisible && _this.props.onOpen) {
-        _this.props.onOpen();
-
-        return;
-      }
-
-      if (!menuVisible && _this.props.onClose) {
-        _this.props.onClose();
-
-        return;
-      }
-    };
-
     if (!props.caption && !isProductionEnv) {
       throw new Error('Prop "caption" is required!!!');
     }
@@ -74,25 +65,26 @@ export var DropdownMenu = /*#__PURE__*/function (_React$Component) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(PopupMenu, {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(PopupMenu, {
       ref: this.refPopupMenu,
       caption: this.props.caption,
       menuMaxHeight: this.props.menuMaxHeight,
       menuWidth: this.props.menuWidth,
-      onChangeMenuState: this.handleChangeMenuState,
       popupHasPin: false,
       positions: this.props.positions,
       disableAnimations: this.props.disableAnimations,
       header: this.props.header,
       footer: this.props.footer,
-      width: this.props.width
+      width: this.props.width,
+      onClose: this.props.onClose,
+      onOpen: this.props.onOpen
     }, this.props.children));
   };
 
   return DropdownMenu;
-}(React.Component);
-DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu';
-DropdownMenu.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DropdownMenu', _class2.defaultProps = {
   disableAnimations: isTestEnv,
   positions: ['bottom left', 'bottom right', 'top left', 'top right']
-};
+}, _temp)) || _class;

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DropdownMenu.tsx"],"names":["React","ThemeContext","ThemeFactory","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","DropdownMenu","props","popupMenu","open","close","refPopupMenu","ref","handleChangeMenuState","menuVisible","onOpen","onClose","caption","Error","render","theme","create","popupMargin","renderMain","menuMaxHeight","menuWidth","positions","disableAnimations","header","footer","width","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,SAAT,QAA0C,0BAA1C;AACA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;AAEA,SAASC,aAAT,QAA2C,8BAA3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;AACA,WAAaC,YAAb;;;;;;;;;;AAUE,wBAAYC,KAAZ,EAAsC;AACpC,wCAAMA,KAAN,UADoC,MAF9BC,SAE8B,GAFG,IAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsD/BC,IAAAA,IAtD+B,GAsDxB,YAAY;AACxB,UAAI,MAAKD,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeC,IAAf;AACD;AACF,KA1DqC;;AA4D/BC,IAAAA,KA5D+B,GA4DvB,YAAY;AACzB,UAAI,MAAKF,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeE,KAAf;AACD;AACF,KAhEqC;;AAkE9BC,IAAAA,YAlE8B,GAkEf,UAACC,GAAD,UAA+B,MAAKJ,SAAL,GAAiBI,GAAhD,EAlEe;;AAoE9BC,IAAAA,qBApE8B,GAoEN,UAACC,WAAD,EAA0B;AACxD,UAAIA,WAAW,IAAI,MAAKP,KAAL,CAAWQ,MAA9B,EAAsC;AACpC,cAAKR,KAAL,CAAWQ,MAAX;AACA;AACD;;AAED,UAAI,CAACD,WAAD,IAAgB,MAAKP,KAAL,CAAWS,OAA/B,EAAwC;AACtC,cAAKT,KAAL,CAAWS,OAAX;AACA;AACD;AACF,KA9EqC,CAGpC,IAAI,CAACT,KAAK,CAACU,OAAP,IAAkB,CAACd,eAAvB,EAAwC,CACtC,MAAM,IAAIe,KAAJ,CAAU,+BAAV,CAAN,CACD,CALmC,aAMrC,CAhBH,2CAkBSC,MAlBT,GAkBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAC,KAAK,EAAI,CACR,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAEnB,YAAY,CAACoB,MAAb,CACL,EACEC,WAAW,EAAE,KADf,EADK,EAILF,KAJK,CADT,IAQG,MAAI,CAACG,UAAL,EARH,CADF,CAYD,CAdH,CADF,CAkBD,CArCH,QAuCSA,UAvCT,GAuCE,sBAAoB,CAClB,IAAI,CAAC,KAAKhB,KAAL,CAAWU,OAAhB,EAAyB,CACvB,OAAO,IAAP,CACD,CACD,oBACE,oBAAC,aAAD,EAAmB,KAAKV,KAAxB,eACE,oBAAC,SAAD,IACE,GAAG,EAAE,KAAKI,YADZ,EAEE,OAAO,EAAE,KAAKJ,KAAL,CAAWU,OAFtB,EAGE,aAAa,EAAE,KAAKV,KAAL,CAAWiB,aAH5B,EAIE,SAAS,EAAE,KAAKjB,KAAL,CAAWkB,SAJxB,EAKE,iBAAiB,EAAE,KAAKZ,qBAL1B,EAME,WAAW,EAAE,KANf,EAOE,SAAS,EAAE,KAAKN,KAAL,CAAWmB,SAPxB,EAQE,iBAAiB,EAAE,KAAKnB,KAAL,CAAWoB,iBARhC,EASE,MAAM,EAAE,KAAKpB,KAAL,CAAWqB,MATrB,EAUE,MAAM,EAAE,KAAKrB,KAAL,CAAWsB,MAVrB,EAWE,KAAK,EAAE,KAAKtB,KAAL,CAAWuB,KAXpB,IAaG,KAAKvB,KAAL,CAAWwB,QAbd,CADF,CADF,CAmBD,CA9DH,uBAAkChC,KAAK,CAACiC,SAAxC,EAAa1B,Y,CACG2B,mB,GAAsB,c,CADzB3B,Y,CAGG4B,Y,GAAe,EAC3BP,iBAAiB,EAAEvB,SADQ,EAE3BsB,SAAS,EAAE,CAAC,aAAD,EAAgB,cAAhB,EAAgC,UAAhC,EAA4C,WAA5C,CAFgB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\r\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\r\nimport { PopupPosition } from '../../internal/Popup';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nexport interface DropdownMenuProps extends CommonProps {\r\n  /** Максимальная высота меню */\r\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\r\n  /** Ширина меню */\r\n  menuWidth?: React.CSSProperties['width'];\r\n  /** Ширина caption */\r\n  width?: React.CSSProperties['width'];\r\n\r\n  /**\r\n   * Элемент или функция возвращающая элемент,\r\n   * если передана, используется вместо ```caption```,\r\n   * в таком случае управлять открытием и закрытием меню\r\n   * придется в этой функции\r\n   */\r\n  caption: PopupMenuProps['caption'];\r\n\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  /**\r\n   * Массив разрешенных положений меню относительно caption'а.\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions?: PopupPosition[];\r\n\r\n  onOpen?: () => void;\r\n  onClose?: () => void;\r\n\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\n/**\r\n * Меню, раскрывающееся по клику на переданный в ```caption``` элемент\r\n */\r\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\r\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\r\n\r\n  public static defaultProps = {\r\n    disableAnimations: isTestEnv,\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n  };\r\n\r\n  private popupMenu: Nullable<PopupMenu> = null;\r\n\r\n  constructor(props: DropdownMenuProps) {\r\n    super(props);\r\n\r\n    if (!props.caption && !isProductionEnv) {\r\n      throw new Error('Prop \"caption\" is required!!!');\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupMargin: '0px',\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderMain() {\r\n    if (!this.props.caption) {\r\n      return null;\r\n    }\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <PopupMenu\r\n          ref={this.refPopupMenu}\r\n          caption={this.props.caption}\r\n          menuMaxHeight={this.props.menuMaxHeight}\r\n          menuWidth={this.props.menuWidth}\r\n          onChangeMenuState={this.handleChangeMenuState}\r\n          popupHasPin={false}\r\n          positions={this.props.positions}\r\n          disableAnimations={this.props.disableAnimations}\r\n          header={this.props.header}\r\n          footer={this.props.footer}\r\n          width={this.props.width}\r\n        >\r\n          {this.props.children}\r\n        </PopupMenu>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  public open = (): void => {\r\n    if (this.popupMenu) {\r\n      this.popupMenu.open();\r\n    }\r\n  };\r\n\r\n  public close = (): void => {\r\n    if (this.popupMenu) {\r\n      this.popupMenu.close();\r\n    }\r\n  };\r\n\r\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\r\n\r\n  private handleChangeMenuState = (menuVisible: boolean) => {\r\n    if (menuVisible && this.props.onOpen) {\r\n      this.props.onOpen();\r\n      return;\r\n    }\r\n\r\n    if (!menuVisible && this.props.onClose) {\r\n      this.props.onClose();\r\n      return;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["DropdownMenu.tsx"],"names":["React","ThemeContext","ThemeFactory","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","DropdownMenu","props","popupMenu","open","close","refPopupMenu","ref","caption","Error","render","theme","create","popupMargin","renderMain","setRootNode","menuMaxHeight","menuWidth","positions","disableAnimations","header","footer","width","onClose","onOpen","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,SAAT,QAA0C,0BAA1C;AACA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;AAEA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,OAJA;AACA;AACA,GAEA,IAAaC,YAAb,GADCD,QACD;;;;;;;;;AAWE,wBAAYE,KAAZ,EAAsC;AACpC,wCAAMA,KAAN,UADoC,MAH9BC,SAG8B,GAHG,IAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuD/BC,IAAAA,IAvD+B,GAuDxB,YAAY;AACxB,UAAI,MAAKD,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeC,IAAf;AACD;AACF,KA3DqC;;AA6D/BC,IAAAA,KA7D+B,GA6DvB,YAAY;AACzB,UAAI,MAAKF,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeE,KAAf;AACD;AACF,KAjEqC;;AAmE9BC,IAAAA,YAnE8B,GAmEf,UAACC,GAAD,UAA+B,MAAKJ,SAAL,GAAiBI,GAAhD,EAnEe,CAGpC,IAAI,CAACL,KAAK,CAACM,OAAP,IAAkB,CAACX,eAAvB,EAAwC,CACtC,MAAM,IAAIY,KAAJ,CAAU,+BAAV,CAAN,CACD,CALmC,aAMrC,CAjBH,2CAmBSC,MAnBT,GAmBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAEhB,YAAY,CAACiB,MAAb,CACL,EACEC,WAAW,EAAE,KADf,EADK,EAILF,KAJK,CADT,IAQG,MAAI,CAACG,UAAL,EARH,CADF,CAYD,CAdH,CADF,CAkBD,CAtCH,QAwCSA,UAxCT,GAwCE,sBAAoB,CAClB,IAAI,CAAC,KAAKZ,KAAL,CAAWM,OAAhB,EAAyB,CACvB,OAAO,IAAP,CACD,CACD,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKO,WAAjC,IAAkD,KAAKb,KAAvD,gBACE,oBAAC,SAAD,IACE,GAAG,EAAE,KAAKI,YADZ,EAEE,OAAO,EAAE,KAAKJ,KAAL,CAAWM,OAFtB,EAGE,aAAa,EAAE,KAAKN,KAAL,CAAWc,aAH5B,EAIE,SAAS,EAAE,KAAKd,KAAL,CAAWe,SAJxB,EAKE,WAAW,EAAE,KALf,EAME,SAAS,EAAE,KAAKf,KAAL,CAAWgB,SANxB,EAOE,iBAAiB,EAAE,KAAKhB,KAAL,CAAWiB,iBAPhC,EAQE,MAAM,EAAE,KAAKjB,KAAL,CAAWkB,MARrB,EASE,MAAM,EAAE,KAAKlB,KAAL,CAAWmB,MATrB,EAUE,KAAK,EAAE,KAAKnB,KAAL,CAAWoB,KAVpB,EAWE,OAAO,EAAE,KAAKpB,KAAL,CAAWqB,OAXtB,EAYE,MAAM,EAAE,KAAKrB,KAAL,CAAWsB,MAZrB,IAcG,KAAKtB,KAAL,CAAWuB,QAdd,CADF,CADF,CAoBD,CAhEH,uBAAkChC,KAAK,CAACiC,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAGgBC,YAHhB,GAG+B,EAC3BT,iBAAiB,EAAErB,SADQ,EAE3BoB,SAAS,EAAE,CAAC,aAAD,EAAgB,cAAhB,EAAgC,UAAhC,EAA4C,WAA5C,CAFgB,EAH/B","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n}\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n\n  public static defaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: '0px',\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          popupHasPin={false}\n          positions={this.props.positions}\n          disableAnimations={this.props.disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n          onClose={this.props.onClose}\n          onOpen={this.props.onOpen}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"]}