@skbkontur/react-ui 0.0.0-2dd5039746 → 0.0.0-308773c7f8

package/components/DatePicker/Picker/Picker.js

@@ -1,27 +1,25 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 
 var _dec, _class, _class2, _temp;
 
 import React from 'react';
-import shallowEqual from 'shallowequal';
-import { InternalDate } from "../../../lib/date/InternalDate";
+import warning from 'warning';
+import { InternalDateTransformer } from "../../../lib/date/InternalDateTransformer";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { cx } from "../../../lib/theming/Emotion";
 import { InternalDateGetter } from "../../../lib/date/InternalDateGetter";
-import { Calendar, isGreater, isLess } from "../../../internal/Calendar";
+import { InternalDate } from "../../../lib/date/InternalDate";
 import { locale } from "../../../lib/locale/decorators";
+import { Calendar } from "../../Calendar";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { styles } from "../Picker.styles";
-import { DatePickerLocaleHelper } from "../locale";
+import { getTodayDate } from "../../Calendar/CalendarUtils";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { Button } from "../../Button";
+import { ArrowAUpIcon16Light } from "../../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light";
+import { styles } from "../DatePicker.styles";
 import { DatePickerDataTids } from "../DatePicker";
-
-var getTodayCalendarDate = function getTodayCalendarDate() {
-  var d = new Date();
-  return {
-    date: d.getDate(),
-    month: d.getMonth(),
-    year: d.getFullYear()
-  };
-};
-
+import { DatePickerLocaleHelper } from "../locale";
 export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Picker, _React$Component);
 
@@ -31,20 +29,32 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
     _this = _React$Component.call(this, props) || this;
     _this.calendar = null;
 
-    _this.scrollToMonth = function (month, year) {
-      if (_this.calendar) {
-        _this.calendar.scrollToMonth(month, year);
+    _this.isHoliday = function (day, isWeekend) {
+      var dateShape = new InternalDate().parseValue(day).getComponentsLikeNumber();
+      return !!(_this.props.isHoliday != null && _this.props.isHoliday(_extends({}, dateShape, {
+        isWeekend: isWeekend
+      })));
+    };
+
+    _this.onValueChange = function (date) {
+      var dateShape = new InternalDate().parseValue(date).getComponentsLikeNumber();
+      return _this.props.onPick(dateShape);
+    };
+
+    _this.getDateFromShape = function (dateShape) {
+      if (!dateShape) {
+        return undefined;
       }
+
+      return InternalDateTransformer.dateToInternalString(dateShape);
     };
 
     _this.handleSelectToday = function (today) {
       return function () {
         if (_this.props.onSelect) {
-          var todayInNativeFormat = today.toNativeFormat();
+          var todayInNativeFormat = new InternalDate().parseValue(today).toNativeFormat();
 
-          if (todayInNativeFormat) {
-            _this.props.onSelect(todayInNativeFormat);
-          }
+          _this.props.onSelect(todayInNativeFormat);
         }
 
         if (_this.calendar) {
@@ -57,57 +67,34 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
       };
     };
 
-    _this.getInitialDate = function (today) {
-      if (_this.props.value) {
-        return _this.props.value;
-      }
-
-      if (_this.props.minDate && isLess(today, _this.props.minDate)) {
-        return _this.props.minDate;
-      }
-
-      if (_this.props.maxDate && isGreater(today, _this.props.maxDate)) {
-        return _this.props.maxDate;
-      }
-
-      return today;
-    };
-
-    var _today = getTodayCalendarDate();
-
     _this.state = {
-      date: _this.getInitialDate(_today),
-      today: _today
+      today: getTodayDate()
     };
+    warning(false, "<Picker /> has been deprecated. It will be removed in the next major version of the library. If you wish to have a similar component make use of public component <Calendar />.");
     return _this;
   }
 
   var _proto = Picker.prototype;
 
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var value = this.props.value;
-
-    if (value && !shallowEqual(value, prevProps.value)) {
-      this.scrollToMonth(value.month, value.year);
-    }
-  };
-
   _proto.render = function render() {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
-      return _this2.renderMain();
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          calendarBottomSeparatorBorder: 'none'
+        }, theme)
+      }, _this2.renderMain());
     });
   };
 
   _proto.renderMain = function renderMain() {
     var _this3 = this;
 
-    var date = this.state.date;
     return /*#__PURE__*/React.createElement("div", {
       "data-tid": DatePickerDataTids.pickerRoot,
-      className: styles.root(this.theme),
+      className: styles.calendarWrapper(this.theme),
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       }
@@ -115,33 +102,47 @@ export var Picker = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_
       ref: function ref(c) {
         return _this3.calendar = c;
       },
-      value: this.props.value,
-      initialMonth: date.month,
-      initialYear: date.year,
-      onSelect: this.props.onPick,
-      minDate: this.props.minDate,
-      maxDate: this.props.maxDate,
-      isHoliday: this.props.isHoliday
+      maxDate: this.getDateFromShape(this.props.maxDate),
+      minDate: this.getDateFromShape(this.props.minDate),
+      onValueChange: this.onValueChange,
+      isHoliday: this.isHoliday,
+      value: this.getDateFromShape(this.props.value)
     }), this.props.enableTodayLink && this.renderTodayLink(), ' ');
   };
 
   _proto.renderTodayLink = function renderTodayLink() {
+    var _cx;
+
     var _this$locale = this.locale,
         order = _this$locale.order,
         separator = _this$locale.separator;
     var today = new InternalDate({
       order: order,
       separator: separator
-    }).setComponents(InternalDateGetter.getTodayComponents());
+    }).setComponents(InternalDateGetter.getTodayComponents()).toString({
+      withPad: true,
+      withSeparator: true
+    });
+
+    if (isTheme2022(this.theme)) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          margin: 8
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        "data-tid": DatePickerDataTids.pickerTodayWrapper,
+        width: "100%",
+        onClick: this.handleSelectToday(today),
+        icon: /*#__PURE__*/React.createElement(ArrowAUpIcon16Light, null)
+      }, this.locale.today));
+    }
+
     return /*#__PURE__*/React.createElement("button", {
       "data-tid": DatePickerDataTids.pickerTodayWrapper,
-      className: styles.todayWrapper(this.theme),
+      className: cx((_cx = {}, _cx[styles.todayLinkWrapper(this.theme)] = true, _cx)),
       onClick: this.handleSelectToday(today),
       tabIndex: -1
-    }, this.locale.today + " " + today.toString({
-      withPad: true,
-      withSeparator: true
-    }));
+    }, this.locale.today + " " + today);
   };
 
   return Picker;

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

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["React","shallowEqual","InternalDate","InternalDateGetter","Calendar","isGreater","isLess","locale","ThemeContext","styles","DatePickerLocaleHelper","DatePickerDataTids","getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","props","calendar","scrollToMonth","handleSelectToday","today","onSelect","todayInNativeFormat","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","theme","renderMain","pickerRoot","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","order","separator","setComponents","getTodayComponents","pickerTodayWrapper","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';\nimport { DatePickerDataTids } from './DatePicker';\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\n        data-tid={DatePickerDataTids.pickerRoot}\n        className={styles.root(this.theme)}\n        onMouseDown={(e) => e.preventDefault()}\n      >\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={DatePickerDataTids.pickerTodayWrapper}\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      const todayInNativeFormat = today.toNativeFormat();\n      if (todayInNativeFormat) {\n        this.props.onSelect(todayInNativeFormat);\n      }\n    }\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"]}
+{"version":3,"sources":["Picker.tsx"],"names":["React","warning","InternalDateTransformer","ThemeFactory","cx","InternalDateGetter","InternalDate","locale","Calendar","ThemeContext","getTodayDate","isTheme2022","Button","ArrowAUpIcon16Light","styles","DatePickerDataTids","DatePickerLocaleHelper","Picker","props","calendar","isHoliday","day","isWeekend","dateShape","parseValue","getComponentsLikeNumber","onValueChange","date","onPick","getDateFromShape","undefined","dateToInternalString","handleSelectToday","today","onSelect","todayInNativeFormat","toNativeFormat","state","month","year","scrollToMonth","render","theme","create","calendarBottomSeparatorBorder","renderMain","pickerRoot","calendarWrapper","e","preventDefault","c","maxDate","minDate","value","enableTodayLink","renderTodayLink","order","separator","setComponents","getTodayComponents","toString","withPad","withSeparator","margin","pickerTodayWrapper","todayLinkWrapper","Component","__KONTUR_REACT_UI__"],"mappings":"iKAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAEA,SAASC,uBAAT,QAAwC,wCAAxC;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,kBAAT,QAAmC,mCAAnC;AACA,SAASC,YAAT,QAA6B,6BAA7B;AACA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,QAAT,QAAyB,aAAzB;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,2BAA7B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,mBAAT,QAAoC,uDAApC;;AAEA,SAASC,MAAT,QAAuB,qBAAvB;AACA,SAASC,kBAAT,QAAmC,cAAnC;AACA,SAA2BC,sBAA3B,QAAyD,UAAzD;;;;;;;;;;;;;;;;;AAiBA,WAAaC,MAAb,WADCV,MAAM,CAAC,YAAD,EAAeS,sBAAf,CACP;;;;;;;AAOE,kBAAYE,KAAZ,EAAgC;AAC9B,wCAAMA,KAAN,UAD8B,MAHxBC,QAGwB,GAHI,IAGJ;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BxBC,IAAAA,SA3BwB,GA2BZ,UAACC,GAAD,EAAcC,SAAd,EAAqC;AACvD,UAAMC,SAAS,GAAG,IAAIjB,YAAJ,GAAmBkB,UAAnB,CAA8BH,GAA9B,EAAmCI,uBAAnC,EAAlB;;AAEA,aAAO,CAAC,EAAC,MAAKP,KAAL,CAAWE,SAAZ,YAAC,MAAKF,KAAL,CAAWE,SAAX,cAA4BG,SAA5B,IAAuCD,SAAS,EAATA,SAAvC,IAAD,CAAR;AACD,KA/B+B;;AAiCxBI,IAAAA,aAjCwB,GAiCR,UAACC,IAAD,EAAkB;AACxC,UAAMJ,SAAS,GAAG,IAAIjB,YAAJ,GAAmBkB,UAAnB,CAA8BG,IAA9B,EAAoCF,uBAApC,EAAlB;;AAEA,aAAO,MAAKP,KAAL,CAAWU,MAAX,CAAkBL,SAAlB,CAAP;AACD,KArC+B;;;;;;;;;;;;;;;;;;;;;;AA2DxBM,IAAAA,gBA3DwB,GA2DL,UAACN,SAAD,EAAqD;AAC9E,UAAI,CAACA,SAAL,EAAgB;AACd,eAAOO,SAAP;AACD;;AAED,aAAO5B,uBAAuB,CAAC6B,oBAAxB,CAA6CR,SAA7C,CAAP;AACD,KAjE+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGxBS,IAAAA,iBAtGwB,GAsGJ,UAACC,KAAD,UAAmB,YAAM;AACnD,YAAI,MAAKf,KAAL,CAAWgB,QAAf,EAAyB;AACvB,cAAMC,mBAAmB,GAAG,IAAI7B,YAAJ,GAAmBkB,UAAnB,CAA8BS,KAA9B,EAAqCG,cAArC,EAA5B;AACA,gBAAKlB,KAAL,CAAWgB,QAAX,CAAoBC,mBAApB;AACD;;AAED,YAAI,MAAKhB,QAAT,EAAmB;AACjB,kCAAwB,MAAKkB,KAAL,CAAWJ,KAAnC,CAAQK,KAAR,qBAAQA,KAAR,CAAeC,IAAf,qBAAeA,IAAf;AACA,gBAAKpB,QAAL,CAAcqB,aAAd,CAA4BF,KAA5B,EAAmCC,IAAnC;AACD;AACF,OAV2B,EAtGI,CAE9B,MAAKF,KAAL,GAAa,EACXJ,KAAK,EAAEvB,YAAY,EADR,EAAb,CAGAT,OAAO,CACL,KADK,oLAAP,CAL8B,aAS/B,CAhBH,qCAkBSwC,MAlBT,GAkBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CAEA,oBACE,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAEvC,YAAY,CAACwC,MAAb,CAAoB,EAAEC,6BAA6B,EAAE,MAAjC,EAApB,EAA+DF,KAA/D,CAA9B,IACG,MAAI,CAACG,UAAL,EADH,CADF,CAKD,CATH,CADF,CAaD,CAhCH,QA8CUA,UA9CV,GA8CE,sBAAqB,mBACnB,oBACE,6BACE,YAAU9B,kBAAkB,CAAC+B,UAD/B,EAEE,SAAS,EAAEhC,MAAM,CAACiC,eAAP,CAAuB,KAAKL,KAA5B,CAFb,EAGE,WAAW,EAAE,qBAACM,CAAD,UAAOA,CAAC,CAACC,cAAF,EAAP,EAHf,iBAKE,oBAAC,QAAD,IACE,GAAG,EAAE,aAACC,CAAD,UAAQ,MAAI,CAAC/B,QAAL,GAAgB+B,CAAxB,EADP,EAEE,OAAO,EAAE,KAAKrB,gBAAL,CAAsB,KAAKX,KAAL,CAAWiC,OAAjC,CAFX,EAGE,OAAO,EAAE,KAAKtB,gBAAL,CAAsB,KAAKX,KAAL,CAAWkC,OAAjC,CAHX,EAIE,aAAa,EAAE,KAAK1B,aAJtB,EAKE,SAAS,EAAE,KAAKN,SALlB,EAME,KAAK,EAAE,KAAKS,gBAAL,CAAsB,KAAKX,KAAL,CAAWmC,KAAjC,CANT,GALF,EAaG,KAAKnC,KAAL,CAAWoC,eAAX,IAA8B,KAAKC,eAAL,EAbjC,EAayD,GAbzD,CADF,CAiBD,CAhEH,QA0EUA,eA1EV,GA0EE,2BAA0B,SACxB,mBAA6B,KAAKhD,MAAlC,CAAQiD,KAAR,gBAAQA,KAAR,CAAeC,SAAf,gBAAeA,SAAf,CACA,IAAMxB,KAAK,GAAG,IAAI3B,YAAJ,CAAiB,EAAEkD,KAAK,EAALA,KAAF,EAASC,SAAS,EAATA,SAAT,EAAjB,EACXC,aADW,CACGrD,kBAAkB,CAACsD,kBAAnB,EADH,EAEXC,QAFW,CAEF,EAAEC,OAAO,EAAE,IAAX,EAAiBC,aAAa,EAAE,IAAhC,EAFE,CAAd,CAIA,IAAInD,WAAW,CAAC,KAAK+B,KAAN,CAAf,EAA6B,CAC3B,oBACE,6BAAK,KAAK,EAAE,EAAEqB,MAAM,EAAE,CAAV,EAAZ,iBACE,oBAAC,MAAD,IACE,YAAUhD,kBAAkB,CAACiD,kBAD/B,EAEE,KAAK,EAAC,MAFR,EAGE,OAAO,EAAE,KAAKhC,iBAAL,CAAuBC,KAAvB,CAHX,EAIE,IAAI,eAAE,oBAAC,mBAAD,OAJR,IAMG,KAAK1B,MAAL,CAAY0B,KANf,CADF,CADF,CAYD,CAED,oBACE,gCACE,YAAUlB,kBAAkB,CAACiD,kBAD/B,EAEE,SAAS,EAAE5D,EAAE,gBACVU,MAAM,CAACmD,gBAAP,CAAwB,KAAKvB,KAA7B,CADU,IAC4B,IAD5B,OAFf,EAKE,OAAO,EAAE,KAAKV,iBAAL,CAAuBC,KAAvB,CALX,EAME,QAAQ,EAAE,CAAC,CANb,IAQM,KAAK1B,MAAL,CAAY0B,KARlB,SAQ2BA,KAR3B,CADF,CAYD,CA3GH,iBAA4BjC,KAAK,CAACkE,SAAlC,WACgBC,mBADhB,GACsC,QADtC","sourcesContent":["import React from 'react';\nimport warning from 'warning';\n\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { locale } from '../../lib/locale/decorators';\nimport { Calendar } from '../Calendar';\nimport { CalendarDateShape } from '../Calendar/CalendarDateShape';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { getTodayDate } from '../Calendar/CalendarUtils';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Button } from '../Button';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\n\nimport { styles } from './DatePicker.styles';\nimport { DatePickerDataTids } from './DatePicker';\nimport { DatePickerLocale, DatePickerLocaleHelper } from './locale';\n\ninterface PickerProps {\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 PickerState {\n  today: CalendarDateShape;\n}\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class Picker extends React.Component<PickerProps, PickerState> {\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: PickerProps) {\n    super(props);\n    this.state = {\n      today: getTodayDate(),\n    };\n    warning(\n      false,\n      `<Picker /> has been deprecated. It will be removed in the next major version of the library. If you wish to have a similar component make use of public component <Calendar />.`,\n    );\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n\n          return (\n            <ThemeContext.Provider value={ThemeFactory.create({ calendarBottomSeparatorBorder: 'none' }, theme)}>\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private isHoliday = (day: string, isWeekend: boolean) => {\n    const dateShape = new InternalDate().parseValue(day).getComponentsLikeNumber();\n\n    return !!this.props.isHoliday?.({ ...dateShape, isWeekend });\n  };\n\n  private onValueChange = (date: string) => {\n    const dateShape = new InternalDate().parseValue(date).getComponentsLikeNumber();\n\n    return this.props.onPick(dateShape);\n  };\n\n  private renderMain() {\n    return (\n      <div\n        data-tid={DatePickerDataTids.pickerRoot}\n        className={styles.calendarWrapper(this.theme)}\n        onMouseDown={(e) => e.preventDefault()}\n      >\n        <Calendar\n          ref={(c) => (this.calendar = c)}\n          maxDate={this.getDateFromShape(this.props.maxDate)}\n          minDate={this.getDateFromShape(this.props.minDate)}\n          onValueChange={this.onValueChange}\n          isHoliday={this.isHoliday}\n          value={this.getDateFromShape(this.props.value)}\n        />\n        {this.props.enableTodayLink && this.renderTodayLink()}{' '}\n      </div>\n    );\n  }\n\n  private getDateFromShape = (dateShape: CalendarDateShape | undefined | null) => {\n    if (!dateShape) {\n      return undefined;\n    }\n\n    return InternalDateTransformer.dateToInternalString(dateShape);\n  };\n\n  private renderTodayLink() {\n    const { order, separator } = this.locale;\n    const today = new InternalDate({ order, separator })\n      .setComponents(InternalDateGetter.getTodayComponents())\n      .toString({ withPad: true, withSeparator: true });\n\n    if (isTheme2022(this.theme)) {\n      return (\n        <div style={{ margin: 8 }}>\n          <Button\n            data-tid={DatePickerDataTids.pickerTodayWrapper}\n            width=\"100%\"\n            onClick={this.handleSelectToday(today)}\n            icon={<ArrowAUpIcon16Light />}\n          >\n            {this.locale.today}\n          </Button>\n        </div>\n      );\n    }\n\n    return (\n      <button\n        data-tid={DatePickerDataTids.pickerTodayWrapper}\n        className={cx({\n          [styles.todayLinkWrapper(this.theme)]: true,\n        })}\n        onClick={this.handleSelectToday(today)}\n        tabIndex={-1}\n      >\n        {`${this.locale.today} ${today}`}\n      </button>\n    );\n  }\n\n  private handleSelectToday = (today: string) => () => {\n    if (this.props.onSelect) {\n      const todayInNativeFormat = new InternalDate().parseValue(today).toNativeFormat() as CalendarDateShape;\n      this.props.onSelect(todayInNativeFormat);\n    }\n\n    if (this.calendar) {\n      const { month, year } = this.state.today;\n      this.calendar.scrollToMonth(month, year);\n    }\n  };\n}\n"]}

package/components/DatePicker/Picker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CalendarDateShape } from '../../internal/Calendar';
 import { Nullable } from '../../typings/utility-types';
-interface Props {
+import { CalendarDateShape } from '../Calendar/CalendarDateShape';
+interface PickerProps {
     maxDate?: CalendarDateShape;
     minDate?: CalendarDateShape;
     value: Nullable<CalendarDateShape>;
@@ -12,22 +12,21 @@ interface Props {
         isWeekend: boolean;
     }) => boolean;
 }
-interface State {
-    date: CalendarDateShape;
+interface PickerState {
     today: CalendarDateShape;
 }
-export declare class Picker extends React.Component<Props, State> {
+export declare class Picker extends React.Component<PickerProps, PickerState> {
     static __KONTUR_REACT_UI__: string;
     private theme;
     private calendar;
     private readonly locale;
-    constructor(props: Props);
-    componentDidUpdate(prevProps: Props): void;
+    constructor(props: PickerProps);
     render(): JSX.Element;
+    private isHoliday;
+    private onValueChange;
     private renderMain;
-    private scrollToMonth;
+    private getDateFromShape;
     private renderTodayLink;
     private handleSelectToday;
-    private getInitialDate;
 }
 export {};

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

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { internalDateLocale } from "../../../../../lib/date/localeSets";
 import { LangCodes } from "../../../../../lib/locale";
+import { componentsLocales as CalendarLocales } from "../../../../Calendar/locale/locales/en";
+import { componentsLocales as DateSelectLocales } from "../../../../../internal/DateSelect/locale/locales/en";
 export var componentsLocales = _extends({
   today: 'Today',
-  months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
-}, internalDateLocale[LangCodes.en_GB]);
+  todayAriaLabel: "Go to today's date"
+}, CalendarLocales, DateSelectLocales, internalDateLocale[LangCodes.en_GB]);

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';\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"]}
+{"version":3,"sources":["en.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","CalendarLocales","DateSelectLocales","today","todayAriaLabel","en_GB"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;AAEA,SAASC,iBAAiB,IAAIC,eAA9B,QAAqD,qCAArD;AACA,SAASD,iBAAiB,IAAIE,iBAA9B,QAAuD,mDAAvD;;AAEA,OAAO,IAAMF,iBAAmC;AAC9CG,EAAAA,KAAK,EAAE,OADuC;AAE9CC,EAAAA,cAAc,EAAE,oBAF8B;AAG3CH,eAH2C;AAI3CC,iBAJ2C;AAK3CJ,kBAAkB,CAACC,SAAS,CAACM,KAAX,CALyB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\nimport { LangCodes } from '../../../../lib/locale';\nimport { DatePickerLocale } from '../types';\nimport { componentsLocales as CalendarLocales } from '../../../Calendar/locale/locales/en';\nimport { componentsLocales as DateSelectLocales } from '../../../../internal/DateSelect/locale/locales/en';\n\nexport const componentsLocales: DatePickerLocale = {\n  today: 'Today',\n  todayAriaLabel: \"Go to today's date\",\n  ...CalendarLocales,\n  ...DateSelectLocales,\n  ...internalDateLocale[LangCodes.en_GB],\n};\n"]}

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

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { internalDateLocale } from "../../../../../lib/date/localeSets";
 import { LangCodes } from "../../../../../lib/locale";
+import { componentsLocales as CalendarLocales } from "../../../../Calendar/locale/locales/ru";
+import { componentsLocales as DateSelectLocales } from "../../../../../internal/DateSelect/locale/locales/ru";
 export var componentsLocales = _extends({
   today: 'Сегодня',
-  months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь']
-}, internalDateLocale[LangCodes.ru_RU]);
+  todayAriaLabel: 'Перейти к сегодняшней дате'
+}, CalendarLocales, DateSelectLocales, internalDateLocale[LangCodes.ru_RU]);

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';\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"]}
+{"version":3,"sources":["ru.ts"],"names":["internalDateLocale","LangCodes","componentsLocales","CalendarLocales","DateSelectLocales","today","todayAriaLabel","ru_RU"],"mappings":"0DAAA,SAASA,kBAAT,QAAmC,iCAAnC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;AAEA,SAASC,iBAAiB,IAAIC,eAA9B,QAAqD,qCAArD;AACA,SAASD,iBAAiB,IAAIE,iBAA9B,QAAuD,mDAAvD;;AAEA,OAAO,IAAMF,iBAAmC;AAC9CG,EAAAA,KAAK,EAAE,SADuC;AAE9CC,EAAAA,cAAc,EAAE,4BAF8B;AAG3CH,eAH2C;AAI3CC,iBAJ2C;AAK3CJ,kBAAkB,CAACC,SAAS,CAACM,KAAX,CALyB,CAAzC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets';\nimport { LangCodes } from '../../../../lib/locale';\nimport { DatePickerLocale } from '../types';\nimport { componentsLocales as CalendarLocales } from '../../../Calendar/locale/locales/ru';\nimport { componentsLocales as DateSelectLocales } from '../../../../internal/DateSelect/locale/locales/ru';\n\nexport const componentsLocales: DatePickerLocale = {\n  today: 'Сегодня',\n  todayAriaLabel: 'Перейти к сегодняшней дате',\n  ...CalendarLocales,\n  ...DateSelectLocales,\n  ...internalDateLocale[LangCodes.ru_RU],\n};\n"]}

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

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

package/components/Dropdown/Dropdown/Dropdown.js

@@ -15,7 +15,7 @@ import { Select } from "../../Select";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { getDropdownTheme } from "../getDropdownTheme";
 var PASS_PROPS = {
   _renderButton: true,
   error: true,
@@ -64,11 +64,7 @@ export var Dropdown = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       var items = React.Children.map(_this.props.children, function (item) {
         return item;
       }) || [];
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: ThemeFactory.create({
-          selectDefaultBg: _this.theme.btnDefaultBg
-        }, _this.theme)
-      }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
         rootNodeRef: _this.setRootNode
       }, _this.props), /*#__PURE__*/React.createElement(Select, _extends({
         "data-tid": DropdownDataTids.root,
@@ -77,8 +73,9 @@ export var Dropdown = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         value: caption,
         items: items,
         _icon: icon,
-        renderValue: renderValue
-      }))));
+        renderValue: renderValue,
+        "aria-label": _this.props['aria-label']
+      })));
     };
 
     _this._refSelect = function (element) {
@@ -94,7 +91,7 @@ export var Dropdown = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
+      _this2.theme = getDropdownTheme(theme);
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
         value: _this2.theme
       }, _this2.renderMain(_this2.props));

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

@@ -1 +1 @@
-{"version":3,"sources":["Dropdown.tsx"],"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","ThemeContext","ThemeFactory","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","DropdownDataTids","root","Dropdown","renderMain","caption","icon","props","items","Children","map","children","item","create","selectDefaultBg","theme","btnDefaultBg","setRootNode","_refSelect","renderValue","element","_select","render","open","close","Component","__KONTUR_REACT_UI__","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"mSAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,WAAT,QAA4B,uBAA5B;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,MAAT,QAAuB,WAAvB;;;AAGA,SAASC,aAAT,QAAmE,8BAAnE;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,IAAMC,UAAU,GAAG;AACjBC,EAAAA,aAAa,EAAE,IADE;AAEjBC,EAAAA,KAAK,EAAE,IAFU;AAGjBC,EAAAA,QAAQ,EAAE,IAHO;AAIjBC,EAAAA,aAAa,EAAE,IAJE;AAKjBC,EAAAA,SAAS,EAAE,IALM;AAMjBC,EAAAA,SAAS,EAAE,IANM;AAOjBC,EAAAA,aAAa,EAAE,IAPE;AAQjBC,EAAAA,GAAG,EAAE,IARY;AASjBC,EAAAA,IAAI,EAAE,IATW;AAUjBC,EAAAA,OAAO,EAAE,IAVQ;AAWjBC,EAAAA,KAAK,EAAE,IAXU;AAYjBC,EAAAA,MAAM,EAAE,IAZS;AAajBC,EAAAA,OAAO,EAAE,IAbQ;AAcjBC,EAAAA,YAAY,EAAE,IAdG;AAejBC,EAAAA,YAAY,EAAE,IAfG;AAgBjBC,EAAAA,WAAW,EAAE,IAhBI;AAiBjBC,EAAAA,OAAO,EAAE,IAjBQ;AAkBjB,sBAAoB,IAlBH,EAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,OAAO,IAAMC,gBAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,gBADwB,EAAzB;;;AAIP;AACA;AACA;AACA;;AAEA,WAAaC,QAAb,GADCvB,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFSwB,IAAAA,UArFT,GAqFsB,gBAAwE,KAArEC,OAAqE,QAArEA,OAAqE,CAA5DC,IAA4D,QAA5DA,IAA4D,CAAnDC,KAAmD;AAC1F,UAAMC,KAAK,GAAGpC,KAAK,CAACqC,QAAN,CAAeC,GAAf,CAAmB,MAAKH,KAAL,CAAWI,QAA9B,EAAwC,UAACC,IAAD,UAAUA,IAAV,EAAxC,KAA2D,EAAzE;;AAEA;AACE,4BAAC,YAAD,CAAc,QAAd;AACE,UAAA,KAAK,EAAE9B,YAAY,CAAC+B,MAAb;AACL;AACEC,YAAAA,eAAe,EAAE,MAAKC,KAAL,CAAWC,YAD9B,EADK;;AAIL,gBAAKD,KAJA,CADT;;;AAQE,4BAAC,aAAD,aAAe,WAAW,EAAE,MAAKE,WAAjC,IAAkD,MAAKV,KAAvD;AACE,4BAAC,MAAD;AACE,sBAAUN,gBAAgB,CAACC,IAD7B;AAEE,UAAA,GAAG,EAAE,MAAKgB,UAFZ;AAGM5C,QAAAA,WAAW,CAACiC,KAAD,EAAQxB,UAAR,CAHjB;AAIE,UAAA,KAAK,EAAEsB,OAJT;AAKE,UAAA,KAAK,EAAEG,KALT;AAME,UAAA,KAAK,EAAEF,IANT;AAOE,UAAA,WAAW,EAAEa,WAPf,IADF,CARF,CADF;;;;;AAsBD,KA9GH;;;;;;;;;;;;;;;;;;;;AAkIUD,IAAAA,UAlIV,GAkIuB,UAACE,OAAD,EAAuC;AAC1D,YAAKC,OAAL,GAAeD,OAAf;AACD,KApIH,sDA0ESE,MA1ET,GA0EE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACP,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,MAAI,CAACA,KAAnC,IAA2C,MAAI,CAACX,UAAL,CAAgB,MAAI,CAACG,KAArB,CAA3C,CAAP,CACD,CAJH,CADF,CAQD,CAnFH,EAgHE;AACF;AACA,KAlHA,OAmHSgB,IAnHT,GAmHE,gBAAc,CACZ,IAAI,KAAKF,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaE,IAAb,GACD,CACF,CAvHH,CAyHE;AACF;AACA,KA3HA,QA4HSC,KA5HT,GA4HE,iBAAe,CACb,IAAI,KAAKH,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaG,KAAb,GACD,CACF,CAhIH,mBAA8BpD,KAAK,CAACqD,SAApC,WACgBC,mBADhB,GACsC,UADtC,UAGgBC,MAHhB,GAGyBpD,UAHzB,UAIgBC,QAJhB,GAI2BA,QAJ3B,UAKgBoD,SALhB,GAK4BnD,aAL5B,UAOgBoD,SAPhB,GAO4B,EACxB;AACJ;AACA,KACIxB,OAAO,EAAEhC,SAAS,CAACyD,IAAV,CAAeC,UAJA,EAMxB;AACJ;AACA,KACI5C,aAAa,EAAEd,SAAS,CAAC2D,IATD,EAWxB;AACJ;AACA,KACI9C,QAAQ,EAAEb,SAAS,CAAC2D,IAdI,EAgBxB;AACJ;AACA,KACI/C,KAAK,EAAEZ,SAAS,CAAC2D,IAnBO,EAqBxB;AACJ;AACA,KACI1B,IAAI,EAAEjC,SAAS,CAACyD,IAxBQ,EA0BxBxC,aAAa,EAAEjB,SAAS,CAAC4D,MA1BD,EA4BxB7C,SAAS,EAAEf,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CA5Ba,EA8BxB7C,SAAS,EAAEhB,SAAS,CAAC8D,SAAV,CAAoB,CAAC9D,SAAS,CAAC4D,MAAX,EAAmB5D,SAAS,CAAC+D,MAA7B,CAApB,CA9Ba,EAgCxB5C,IAAI,EAAEnB,SAAS,CAAC6D,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,CAAhB,CAhCkB,EAkCxB;AACJ;AACA,KACI3C,GAAG,EAAElB,SAAS,CAACgE,GArCS,EAuCxB;AACJ;AACA,KACI5C,OAAO,EAAEpB,SAAS,CAAC2D,IA1CK,EA4CxBtC,KAAK,EAAErB,SAAS,CAAC8D,SAAV,CAAoB,CAAC9D,SAAS,CAAC4D,MAAX,EAAmB5D,SAAS,CAAC+D,MAA7B,CAApB,CA5CiB,EA8CxB;AACJ;AACA,KACIxC,OAAO,EAAEvB,SAAS,CAACiE,IAjDK,EAmDxBzC,YAAY,EAAExB,SAAS,CAACiE,IAnDA,EAqDxBxC,YAAY,EAAEzB,SAAS,CAACiE,IArDA,EAuDxBvC,WAAW,EAAE1B,SAAS,CAACiE,IAvDC,EAyDxB;AACJ;AACA,KACI3C,MAAM,EAAEtB,SAAS,CAACiE,IA5DM,EAP5B,oBAuIA,SAASnB,WAAT,CAAqBoB,KAArB,EAAiC,CAC/B,OAAOA,KAAP,CACD","sourcesContent":["import React, { AriaAttributes } 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';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\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  'aria-describedby': true,\n};\n\nexport interface DropdownProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {\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  /**\n   * Атрибут для указания id элемента(-ов), описывающих его\n   */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\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\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 = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain(this.props)}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\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      <ThemeContext.Provider\n        value={ThemeFactory.create(\n          {\n            selectDefaultBg: this.theme.btnDefaultBg,\n          },\n          this.theme,\n        )}\n      >\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <Select<React.ReactNode, React.ReactNode>\n            data-tid={DropdownDataTids.root}\n            ref={this._refSelect}\n            {...filterProps(props, PASS_PROPS)}\n            value={caption}\n            items={items}\n            _icon={icon}\n            renderValue={renderValue}\n          />\n        </CommonWrapper>\n      </ThemeContext.Provider>\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"]}
+{"version":3,"sources":["Dropdown.tsx"],"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","DropdownDataTids","root","Dropdown","renderMain","caption","icon","props","items","Children","map","children","item","setRootNode","_refSelect","renderValue","element","_select","render","theme","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, { AriaAttributes } 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';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\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  'aria-describedby': true,\n};\n\nexport interface DropdownProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    CommonProps,\n    Pick<DropdownContainerProps, 'menuPos'> {\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\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\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(this.props)}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\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      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Select<React.ReactNode, React.ReactNode>\n          data-tid={DropdownDataTids.root}\n          ref={this._refSelect}\n          {...filterProps(props, PASS_PROPS)}\n          value={caption}\n          items={items}\n          _icon={icon}\n          renderValue={renderValue}\n          aria-label={this.props['aria-label']}\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"]}

package/components/Dropdown/Dropdown.d.ts

@@ -6,7 +6,7 @@ import { MenuSeparator } from '../MenuSeparator';
 import { ButtonSize, ButtonUse } from '../Button';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
 import { DropdownContainerProps } from '../../internal/DropdownContainer';
-export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
+export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
     /**
      * Подпись на кнопке.
      */
@@ -53,10 +53,6 @@ export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps,
     onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
 export declare const DropdownDataTids: {
     readonly root: "Dropdown__root";

package/components/Dropdown/getDropdownTheme/getDropdownTheme.js

@@ -0,0 +1,33 @@
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+export var getDropdownTheme = function getDropdownTheme(theme) {
+  return ThemeFactory.create({
+    selectDefaultBg: theme.btnDefaultBg,
+    selectMenuOffsetY: theme.dropdownMenuOffsetY,
+    selectBorderColorHover: theme.dropdownMenuHoverBorderColor,
+    selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,
+    selectBorderWidth: theme.btnBorderWidth,
+    selectOutlineWidth: theme.btnOutlineWidth,
+    selectLineHeightSmall: theme.btnLineHeightSmall,
+    selectFontSizeSmall: theme.btnFontSizeSmall,
+    selectPaddingXSmall: isTheme2022(theme) ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,
+    selectPaddingYSmall: theme.btnPaddingYSmall,
+    selectIconSizeSmall: theme.btnIconSizeSmall,
+    selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,
+    selectLineHeightMedium: theme.btnLineHeightMedium,
+    selectFontSizeMedium: theme.btnFontSizeMedium,
+    selectPaddingXMedium: isTheme2022(theme) ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,
+    selectPaddingYMedium: theme.btnPaddingYMedium,
+    selectIconSizeMedium: theme.btnIconSizeMedium,
+    selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,
+    selectLineHeightLarge: theme.btnLineHeightLarge,
+    selectFontSizeLarge: theme.btnFontSizeLarge,
+    selectPaddingXLarge: isTheme2022(theme) ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,
+    selectPaddingYLarge: theme.btnPaddingYLarge,
+    selectIconSizeLarge: theme.btnIconSizeLarge,
+    selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,
+    selectBgDisabled: theme.btnDisabledBg,
+    selectBorderColorDisabled: theme.btnDisabledBorderColor,
+    selectTextColorDisabled: theme.btnDisabledTextColor
+  }, theme);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getDropdownTheme.ts"],"names":["ThemeFactory","isTheme2022","getDropdownTheme","theme","create","selectDefaultBg","btnDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY","selectBorderColorHover","dropdownMenuHoverBorderColor","selectBorderColorTransition","dropdownMenuBorderColorTransition","selectBorderWidth","btnBorderWidth","selectOutlineWidth","btnOutlineWidth","selectLineHeightSmall","btnLineHeightSmall","selectFontSizeSmall","btnFontSizeSmall","selectPaddingXSmall","btnPaddingXSmall","selectPaddingYSmall","btnPaddingYSmall","selectIconSizeSmall","btnIconSizeSmall","selectBorderRadiusSmall","dropdownButtonBorderRadiusSmall","selectLineHeightMedium","btnLineHeightMedium","selectFontSizeMedium","btnFontSizeMedium","selectPaddingXMedium","btnPaddingXMedium","selectPaddingYMedium","btnPaddingYMedium","selectIconSizeMedium","btnIconSizeMedium","selectBorderRadiusMedium","dropdownButtonBorderRadiusMedium","selectLineHeightLarge","btnLineHeightLarge","selectFontSizeLarge","btnFontSizeLarge","selectPaddingXLarge","btnPaddingXLarge","selectPaddingYLarge","btnPaddingYLarge","selectIconSizeLarge","btnIconSizeLarge","selectBorderRadiusLarge","dropdownButtonBorderRadiusLarge","selectBgDisabled","btnDisabledBg","selectBorderColorDisabled","btnDisabledBorderColor","selectTextColorDisabled","btnDisabledTextColor"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,WAAT,QAA4B,gCAA5B;;AAEA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyB;AACvD,SAAOH,YAAY,CAACI,MAAb;AACL;AACEC,IAAAA,eAAe,EAAEF,KAAK,CAACG,YADzB;AAEEC,IAAAA,iBAAiB,EAAEJ,KAAK,CAACK,mBAF3B;AAGEC,IAAAA,sBAAsB,EAAEN,KAAK,CAACO,4BAHhC;AAIEC,IAAAA,2BAA2B,EAAER,KAAK,CAACS,iCAJrC;;AAMEC,IAAAA,iBAAiB,EAAEV,KAAK,CAACW,cAN3B;AAOEC,IAAAA,kBAAkB,EAAEZ,KAAK,CAACa,eAP5B;;AASEC,IAAAA,qBAAqB,EAAEd,KAAK,CAACe,kBAT/B;AAUEC,IAAAA,mBAAmB,EAAEhB,KAAK,CAACiB,gBAV7B;AAWEC,IAAAA,mBAAmB,EAAEpB,WAAW,CAACE,KAAD,CAAX,GAAqBA,KAAK,CAACmB,gBAA3B,GAA8CnB,KAAK,CAACkB,mBAX3E;AAYEE,IAAAA,mBAAmB,EAAEpB,KAAK,CAACqB,gBAZ7B;AAaEC,IAAAA,mBAAmB,EAAEtB,KAAK,CAACuB,gBAb7B;AAcEC,IAAAA,uBAAuB,EAAExB,KAAK,CAACyB,+BAdjC;;AAgBEC,IAAAA,sBAAsB,EAAE1B,KAAK,CAAC2B,mBAhBhC;AAiBEC,IAAAA,oBAAoB,EAAE5B,KAAK,CAAC6B,iBAjB9B;AAkBEC,IAAAA,oBAAoB,EAAEhC,WAAW,CAACE,KAAD,CAAX,GAAqBA,KAAK,CAAC+B,iBAA3B,GAA+C/B,KAAK,CAAC8B,oBAlB7E;AAmBEE,IAAAA,oBAAoB,EAAEhC,KAAK,CAACiC,iBAnB9B;AAoBEC,IAAAA,oBAAoB,EAAElC,KAAK,CAACmC,iBApB9B;AAqBEC,IAAAA,wBAAwB,EAAEpC,KAAK,CAACqC,gCArBlC;;AAuBEC,IAAAA,qBAAqB,EAAEtC,KAAK,CAACuC,kBAvB/B;AAwBEC,IAAAA,mBAAmB,EAAExC,KAAK,CAACyC,gBAxB7B;AAyBEC,IAAAA,mBAAmB,EAAE5C,WAAW,CAACE,KAAD,CAAX,GAAqBA,KAAK,CAAC2C,gBAA3B,GAA8C3C,KAAK,CAAC0C,mBAzB3E;AA0BEE,IAAAA,mBAAmB,EAAE5C,KAAK,CAAC6C,gBA1B7B;AA2BEC,IAAAA,mBAAmB,EAAE9C,KAAK,CAAC+C,gBA3B7B;AA4BEC,IAAAA,uBAAuB,EAAEhD,KAAK,CAACiD,+BA5BjC;;AA8BEC,IAAAA,gBAAgB,EAAElD,KAAK,CAACmD,aA9B1B;AA+BEC,IAAAA,yBAAyB,EAAEpD,KAAK,CAACqD,sBA/BnC;AAgCEC,IAAAA,uBAAuB,EAAEtD,KAAK,CAACuD,oBAhCjC,EADK;;AAmCLvD,EAAAA,KAnCK,CAAP;;AAqCD,CAtCM","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.btnDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.btnBorderWidth,\n      selectOutlineWidth: theme.btnOutlineWidth,\n\n      selectLineHeightSmall: theme.btnLineHeightSmall,\n      selectFontSizeSmall: theme.btnFontSizeSmall,\n      selectPaddingXSmall: isTheme2022(theme) ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n      selectPaddingYSmall: theme.btnPaddingYSmall,\n      selectIconSizeSmall: theme.btnIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.btnLineHeightMedium,\n      selectFontSizeMedium: theme.btnFontSizeMedium,\n      selectPaddingXMedium: isTheme2022(theme) ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n      selectPaddingYMedium: theme.btnPaddingYMedium,\n      selectIconSizeMedium: theme.btnIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.btnLineHeightLarge,\n      selectFontSizeLarge: theme.btnFontSizeLarge,\n      selectPaddingXLarge: isTheme2022(theme) ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n      selectPaddingYLarge: theme.btnPaddingYLarge,\n      selectIconSizeLarge: theme.btnIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.btnDisabledBg,\n      selectBorderColorDisabled: theme.btnDisabledBorderColor,\n      selectTextColorDisabled: theme.btnDisabledTextColor,\n    },\n    theme,\n  );\n};\n"]}

package/components/Dropdown/getDropdownTheme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Dropdown/getDropdownTheme.js",
+  "module": "getDropdownTheme",
+  "types": "../getDropdownTheme.d.ts",
+  "sideEffects": false
+}

package/components/Dropdown/getDropdownTheme.d.ts

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

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js

@@ -5,12 +5,12 @@ 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";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { getDropdownMenuTheme } from "../getDropdownMenuTheme";
 export
 /**
 * Меню, раскрывающееся по клику на переданный в `caption` элемент
@@ -55,9 +55,7 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: ThemeFactory.create({
-          popupMargin: '0px'
-        }, theme)
+        value: getDropdownMenuTheme(theme)
       }, _this2.renderMain());
     });
   };
@@ -74,10 +72,12 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement(PopupMenu, {
+      "aria-label": this.props['aria-label'],
       ref: this.refPopupMenu,
       caption: this.props.caption,
       menuMaxHeight: this.props.menuMaxHeight,
       menuWidth: this.props.menuWidth,
+      preventIconsOffset: this.props.preventIconsOffset,
       popupHasPin: false,
       positions: positions,
       disableAnimations: disableAnimations,
@@ -85,7 +85,8 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
       footer: this.props.footer,
       width: this.props.width,
       onClose: this.props.onClose,
-      onOpen: this.props.onOpen
+      onOpen: this.props.onOpen,
+      popupMenuId: this.props.popupMenuId
     }, this.props.children));
   };