@skbkontur/react-ui 0.0.0-2d05d1e54b → 0.0.0-2dd5039746

package/cjs/components/DatePicker/DatePicker.styles.js

@@ -1,12 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      touch-action: none;\n      line-height: normal;\n    "])));
 
 
 
-  } };
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.styles.ts"],"names":["styles","root","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;AAID,GANY,EAAf;;;AASO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["DatePicker.styles.ts"],"names":["styles","root","css"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;;AAMD,GARgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      touch-action: none;\n      line-height: normal;\n    `;\n  },\n});\n"]}

package/cjs/components/DatePicker/DatePickerHelpers.js

@@ -1,6 +1,6 @@
 "use strict";exports.__esModule = true;exports.formatDate = formatDate;
 
-function formatDate(_ref) {var date = _ref.date,month = _ref.month,year = _ref.year;var _map =
-  [date, month + 1, year].map(function (x) {return x.toString();}),d = _map[0],m = _map[1],y = _map[2];
+function formatDate(_ref) {var date = _ref.date,month = _ref.month,year = _ref.year;
+  var _map = [date, month + 1, year].map(function (x) {return x.toString();}),d = _map[0],m = _map[1],y = _map[2];
   return d.padStart(2, '0') + "." + m.padStart(2, '0') + "." + y.padStart(4, '0');
 }

package/cjs/components/DatePicker/DatePickerHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePickerHelpers.tsx"],"names":["formatDate","date","month","year","map","x","toString","d","m","y","padStart"],"mappings":";;AAEO,SAASA,UAAT,OAAsE,KAAhDC,IAAgD,QAAhDA,IAAgD,CAA1CC,KAA0C,QAA1CA,KAA0C,CAAnCC,IAAmC,QAAnCA,IAAmC;AACzD,GAACF,IAAD,EAAOC,KAAK,GAAG,CAAf,EAAkBC,IAAlB,EAAwBC,GAAxB,CAA4B,UAAAC,CAAC,UAAIA,CAAC,CAACC,QAAF,EAAJ,EAA7B,CADyD,CACpEC,CADoE,WACjEC,CADiE,WAC9DC,CAD8D;AAE3E,SAAUF,CAAC,CAACG,QAAF,CAAW,CAAX,EAAc,GAAd,CAAV,SAAgCF,CAAC,CAACE,QAAF,CAAW,CAAX,EAAc,GAAd,CAAhC,SAAsDD,CAAC,CAACC,QAAF,CAAW,CAAX,EAAc,GAAd,CAAtD;AACD","sourcesContent":["import { CalendarDateShape } from '../../internal/Calendar';\r\n\r\nexport function formatDate({ date, month, year }: CalendarDateShape): string {\r\n  const [d, m, y] = [date, month + 1, year].map(x => x.toString());\r\n  return `${d.padStart(2, '0')}.${m.padStart(2, '0')}.${y.padStart(4, '0')}`;\r\n}\r\n"]}
+{"version":3,"sources":["DatePickerHelpers.tsx"],"names":["formatDate","date","month","year","map","x","toString","d","m","y","padStart"],"mappings":";;AAEO,SAASA,UAAT,OAAsE,KAAhDC,IAAgD,QAAhDA,IAAgD,CAA1CC,KAA0C,QAA1CA,KAA0C,CAAnCC,IAAmC,QAAnCA,IAAmC;AAC3E,aAAkB,CAACF,IAAD,EAAOC,KAAK,GAAG,CAAf,EAAkBC,IAAlB,EAAwBC,GAAxB,CAA4B,UAACC,CAAD,UAAOA,CAAC,CAACC,QAAF,EAAP,EAA5B,CAAlB,CAAOC,CAAP,WAAUC,CAAV,WAAaC,CAAb;AACA,SAAUF,CAAC,CAACG,QAAF,CAAW,CAAX,EAAc,GAAd,CAAV,SAAgCF,CAAC,CAACE,QAAF,CAAW,CAAX,EAAc,GAAd,CAAhC,SAAsDD,CAAC,CAACC,QAAF,CAAW,CAAX,EAAc,GAAd,CAAtD;AACD","sourcesContent":["import { CalendarDateShape } from '../../internal/Calendar';\n\nexport function formatDate({ date, month, year }: CalendarDateShape): string {\n  const [d, m, y] = [date, month + 1, year].map((x) => x.toString());\n  return `${d.padStart(2, '0')}.${m.padStart(2, '0')}.${y.padStart(4, '0')}`;\n}\n"]}

package/cjs/components/DatePicker/Picker.js

@@ -10,7 +10,8 @@ var _decorators = require("../../lib/locale/decorators");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Picker = require("./Picker.styles");
-var _locale = require("./locale");var _dec, _class, _class2, _temp;
+var _locale = require("./locale");
+var _DatePicker = require("./DatePicker");var _dec, _class, _class2, _temp;
 
 
 
@@ -45,7 +46,12 @@ Picker = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleH
 
 
   function Picker(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.calendar = null;_this.locale = void 0;_this.
+    _this = _React$Component.call(this, props) || this;_this.calendar = null;_this.
+
+
+
+
+
 
 
 
@@ -113,10 +119,14 @@ Picker = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleH
 
     handleSelectToday = function (today) {return function () {
         if (_this.props.onSelect) {
-          _this.props.onSelect(today.toNativeFormat());
+          var todayInNativeFormat = today.toNativeFormat();
+          if (todayInNativeFormat) {
+            _this.props.onSelect(todayInNativeFormat);
+          }
         }
-        if (_this.calendar) {var _this$state$today =
-          _this.state.today,month = _this$state$today.month,year = _this$state$today.year;
+
+        if (_this.calendar) {
+          var _this$state$today = _this.state.today,month = _this$state$today.month,year = _this$state$today.year;
           _this.calendar.scrollToMonth(month, year);
         }
       };};_this.
@@ -135,4 +145,4 @@ Picker = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleH
       }
 
       return today;
-    };var _today = getTodayCalendarDate();_this.state = { date: _this.getInitialDate(_today), today: _today };return _this;}var _proto = Picker.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var value = this.props.value;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {this.scrollToMonth(value.month, value.year);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var date = this.state.date;return /*#__PURE__*/_react.default.createElement("div", { className: _Picker.jsStyles.root(this.theme), onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/_react.default.createElement(_Calendar.Calendar, { 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 }), this.props.enableTodayLink && this.renderTodayLink());};_proto.renderTodayLink = function renderTodayLink() {var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents());return /*#__PURE__*/_react.default.createElement("button", { "data-tid": "Picker__todayWrapper", className: _Picker.jsStyles.todayWrapper(this.theme), onClick: this.handleSelectToday(today), tabIndex: -1 }, this.locale.today + " " + today.toString({ withPad: true, withSeparator: true }));};return Picker;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Picker', _temp)) || _class);exports.Picker = Picker;
+    };var _today = getTodayCalendarDate();_this.state = { date: _this.getInitialDate(_today), today: _today };return _this;}var _proto = Picker.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var value = this.props.value;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {this.scrollToMonth(value.month, value.year);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var date = this.state.date;return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _DatePicker.DatePickerDataTids.pickerRoot, className: _Picker.styles.root(this.theme), onMouseDown: function onMouseDown(e) {return e.preventDefault();} }, /*#__PURE__*/_react.default.createElement(_Calendar.Calendar, { 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 }), this.props.enableTodayLink && this.renderTodayLink(), ' ');};_proto.renderTodayLink = function renderTodayLink() {var _this$locale = this.locale,order = _this$locale.order,separator = _this$locale.separator;var today = new _InternalDate.InternalDate({ order: order, separator: separator }).setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents());return /*#__PURE__*/_react.default.createElement("button", { "data-tid": _DatePicker.DatePickerDataTids.pickerTodayWrapper, className: _Picker.styles.todayWrapper(this.theme), onClick: this.handleSelectToday(today), tabIndex: -1 }, this.locale.today + " " + today.toString({ withPad: true, withSeparator: true }));};return Picker;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Picker', _temp)) || _class);exports.Picker = Picker;

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

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","DatePickerLocaleHelper","props","theme","calendar","locale","scrollToMonth","handleSelectToday","today","onSelect","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","renderMain","jsStyles","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","order","separator","InternalDate","setComponents","InternalDateGetter","getTodayComponents","todayWrapper","toString","withPad","withSeparator","React","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":["getTodayCalendarDate","d","Date","date","getDate","month","getMonth","year","getFullYear","Picker","DatePickerLocaleHelper","props","calendar","scrollToMonth","handleSelectToday","today","onSelect","todayInNativeFormat","toNativeFormat","state","getInitialDate","value","minDate","maxDate","componentDidUpdate","prevProps","render","theme","renderMain","DatePickerDataTids","pickerRoot","styles","root","e","preventDefault","c","onPick","isHoliday","enableTodayLink","renderTodayLink","locale","order","separator","InternalDate","setComponents","InternalDateGetter","getTodayComponents","pickerTodayWrapper","todayWrapper","toString","withPad","withSeparator","React","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"]}

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

@@ -1,4 +1,5 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    todayWrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    todayWrapper(t: Theme): string;
 };

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

@@ -1,27 +1,29 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border: none;\n      border-top: ", ";\n      color: ", ";\n      display: block;\n      font-size: 14px;\n      padding-bottom: 8px;\n      padding-top: 7px;\n      width: 100%;\n\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n\n      &:active {\n        color: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
 
 
@@ -33,7 +35,4 @@ var styles = {
     t.linkActiveColor);
 
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Picker.styles.ts"],"names":["styles","root","t","css","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperHoverBgColor","linkActiveColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,QADlB;AAEgBF,IAAAA,CAAC,CAACG,YAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,YAXa,wBAWAJ,CAXA,EAWU;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACK,yBADxB;;AAGgBL,IAAAA,CAAC,CAACM,2BAHlB;AAIWN,IAAAA,CAAC,CAACO,SAJb;;;;;;;;AAYwBP,IAAAA,CAAC,CAACQ,8BAZ1B;;;;;AAiBaR,IAAAA,CAAC,CAACS,eAjBf;;;AAoBD,GAhCY,EAAf;;;AAmCO,IAAMC,QAAQ,GAAG,2BAAaZ,MAAb,CAAjB,C","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: 14px;\r\n      padding-bottom: 8px;\r\n      padding-top: 7px;\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":["styles","root","t","css","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperFontSize","pickerTodayWrapperPaddingBottom","pickerTodayWrapperPaddingTop","pickerTodayWrapperLineHeight","pickerTodayWrapperHoverBgColor","linkActiveColor"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,QADlB;AAEgBF,IAAAA,CAAC,CAACG,YAFlB;;;;;;AAQD,GAVgC;;AAYjCC,EAAAA,YAZiC,wBAYpBJ,CAZoB,EAYV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACK,yBADxB;;AAGgBL,IAAAA,CAAC,CAACM,2BAHlB;AAIWN,IAAAA,CAAC,CAACO,SAJb;;AAMeP,IAAAA,CAAC,CAACQ,0BANjB;AAOoBR,IAAAA,CAAC,CAACS,+BAPtB;AAQiBT,IAAAA,CAAC,CAACU,4BARnB;AASiBV,IAAAA,CAAC,CAACW,4BATnB;;;;AAawBX,IAAAA,CAAC,CAACY,8BAb1B;;;;;AAkBaZ,IAAAA,CAAC,CAACa,eAlBf;;;AAqBD,GAlCgC,EAAb,CAAf,C","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/cjs/components/DatePicker/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["DatePickerLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"mIAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,sBAAsB,GAAG,IAAIC,0BAAJ,CAAmC;AACvEC,EAAAA,KAAK,EAALA,qBADuE;AAEvEC,EAAAA,KAAK,EAALA,qBAFuE,EAAnC,CAA/B,C","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":["DatePickerLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"mIAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,sBAAsB,GAAG,IAAIC,0BAAJ,CAAmC;AACvEC,EAAAA,KAAK,EAALA,qBADuE;AAEvEC,EAAAA,KAAK,EAALA,qBAFuE,EAAnC,CAA/B,C","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/cjs/components/DatePicker/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","today","months","internalDateLocale","LangCodes","en_GB"],"mappings":"iPAAA;AACA;;;AAGO,IAAMA,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;;AAgB3CC,+BAAmBC,kBAAUC,KAA7B,CAhB2C,CAAzC,C","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":["componentsLocales","today","months","internalDateLocale","LangCodes","en_GB"],"mappings":"iPAAA;AACA;;;AAGO,IAAMA,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;;AAgB3CC,+BAAmBC,kBAAUC,KAA7B,CAhB2C,CAAzC,C","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/cjs/components/DatePicker/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","today","months","internalDateLocale","LangCodes","ru_RU"],"mappings":"iPAAA;AACA;;;AAGO,IAAMA,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;;AAgB3CC,+BAAmBC,kBAAUC,KAA7B,CAhB2C,CAAzC,C","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":["componentsLocales","today","months","internalDateLocale","LangCodes","ru_RU"],"mappings":"iPAAA;AACA;;;AAGO,IAAMA,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;;AAgB3CC,+BAAmBC,kBAAUC,KAA7B,CAhB2C,CAAzC,C","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/cjs/components/DatePicker/locale/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

package/cjs/components/Dropdown/Dropdown.d.ts

@@ -1,11 +1,12 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { MenuHeader } from '../MenuHeader';
 import { MenuItem } from '../MenuItem';
 import { MenuSeparator } from '../MenuSeparator';
 import { ButtonSize, ButtonUse } from '../Button';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownProps extends CommonProps {
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
+export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
     /**
      * Подпись на кнопке.
      */
@@ -26,11 +27,11 @@ export interface DropdownProps extends CommonProps {
      */
     disabled?: boolean;
     /**
-     * Визуально показать наличие ошибки.
+     * Состояние валидации при ошибке.
      */
     error?: boolean;
     /**
-     * Визуально показать наличие предупреждения.
+     * Состояние валидации при предупреждении.
      */
     warning?: boolean;
     maxMenuHeight?: number;
@@ -52,9 +53,17 @@ export interface DropdownProps extends CommonProps {
     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";
+};
 /**
  * Выпадающее меню.
+ *
  */
 export declare class Dropdown extends React.Component<DropdownProps> {
     static __KONTUR_REACT_UI__: string;
@@ -108,8 +117,10 @@ export declare class Dropdown extends React.Component<DropdownProps> {
         onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     };
     private _select;
+    private setRootNode;
+    private theme;
     render(): JSX.Element;
-    renderMain: ({ caption, icon, ...props }: Pick<Pick<DropdownProps, "caption" | "use" | "disabled" | "size" | "width" | "onMouseEnter" | "onMouseLeave" | "onMouseOver" | "icon" | "error" | "warning" | "disablePortal" | "menuAlign" | "menuWidth" | "maxMenuHeight" | "_renderButton" | "onClose" | "onOpen">, "caption" | "use" | "disabled" | "size" | "width" | "onMouseEnter" | "onMouseLeave" | "onMouseOver" | "icon" | "error" | "warning" | "disablePortal" | "menuAlign" | "menuWidth" | "maxMenuHeight" | "_renderButton" | "onClose" | "onOpen">) => JSX.Element;
+    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
     /**
      * @public
      */

package/cjs/components/Dropdown/Dropdown.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Dropdown = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DropdownDataTids = exports.Dropdown = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _filterProps = require("../../lib/filterProps");
@@ -9,6 +9,11 @@ var _Select = require("../Select");
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _rootNode = require("../../lib/rootNode");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");var _excluded = ["caption", "icon"];var _class, _class2, _temp;
+
 
 var PASS_PROPS = {
   _renderButton: true,
@@ -26,7 +31,20 @@ var PASS_PROPS = {
   onClose: true,
   onMouseEnter: true,
   onMouseLeave: true,
-  onMouseOver: true };
+  onMouseOver: true,
+  menuPos: true,
+  'aria-describedby': true };
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -80,16 +98,19 @@ var PASS_PROPS = {
 
 
 
+var DropdownDataTids = {
+  root: 'Dropdown__root' };
 
 
+/**
+ * Выпадающее меню.
+ *
+ */exports.DropdownDataTids = DropdownDataTids;var
 
+Dropdown = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Dropdown, _React$Component);function Dropdown() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
-/**
- * Выпадающее меню.
- */var
-Dropdown = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Dropdown, _React$Component);function Dropdown() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -159,23 +180,41 @@ Dropdown = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
 
-    _select = void 0;_this.
 
 
 
 
 
-    renderMain = function (_ref) {var caption = _ref.caption,icon = _ref.icon,props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["caption", "icon"]);
-      var items = _react.default.Children.map(_this.props.children, function (item) {return item;});
+
+
+
+
+
+
+
+    renderMain = function (_ref) {var caption = _ref.caption,icon = _ref.icon,props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+      var items = _react.default.Children.map(_this.props.children, function (item) {return item;}) || [];
 
       return /*#__PURE__*/(
+        _react.default.createElement(_ThemeContext.ThemeContext.Provider, {
+          value: _ThemeFactory.ThemeFactory.create(
+          {
+            selectDefaultBg: _this.theme.btnDefaultBg },
+
+          _this.theme) }, /*#__PURE__*/
+
+
+        _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this.setRootNode }, _this.props), /*#__PURE__*/
         _react.default.createElement(_Select.Select, (0, _extends2.default)({
+          "data-tid": DropdownDataTids.root,
           ref: _this._refSelect },
         (0, _filterProps.filterProps)(props, PASS_PROPS), {
           value: caption,
           items: items,
           _icon: icon,
-          renderValue: renderValue })));
+          renderValue: renderValue })))));
+
+
 
 
     };_this.
@@ -200,26 +239,26 @@ Dropdown = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
     _refSelect = function (element) {
       _this._select = element;
-    };return _this;}var _proto = Dropdown.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);}; /**
-   * @public
-   */_proto.open = function open() {if (this._select) {this._select.open();}} /**
-   * @public
-   */;_proto.close = function close() {if (this._select) {this._select.close();}};return Dropdown;}(_react.default.Component);exports.Dropdown = Dropdown;Dropdown.__KONTUR_REACT_UI__ = 'Dropdown';Dropdown.Header = _MenuHeader.MenuHeader;Dropdown.MenuItem = _MenuItem.MenuItem;Dropdown.Separator = _MenuSeparator.MenuSeparator;Dropdown.propTypes = { /**
-   * Подпись на кнопке.
-   */caption: _propTypes.default.node.isRequired, /**
-   * Отключает использование портала
-   */disablePortal: _propTypes.default.bool, /**
-   * Визуально отключает Dropdown
-   */disabled: _propTypes.default.bool, /**
-   * Визуально показать наличие ошибки.
-   */error: _propTypes.default.bool, /**
-   * Иконка слева от текста кнопки
-   */icon: _propTypes.default.node, maxMenuHeight: _propTypes.default.number, menuAlign: _propTypes.default.oneOf(['left', 'right']), menuWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), size: _propTypes.default.oneOf(['small', 'medium', 'large']), /**
-   * Смотри Button.
-   */use: _propTypes.default.any, /**
-   * Визуально показать наличие предупреждения.
-   */warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
-   * Вызывается при закрытии меню.
-   */onClose: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, /**
-   * Вызывается при открытии меню.
-   */onOpen: _propTypes.default.func };function renderValue(value) {return value;}
+    };return _this;}var _proto = Dropdown.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain(_this2.props));});}; /**
+   * @public
+   */_proto.open = function open() {if (this._select) {this._select.open();}} /**
+   * @public
+   */;_proto.close = function close() {if (this._select) {this._select.close();}};return Dropdown;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Dropdown', _class2.Header = _MenuHeader.MenuHeader, _class2.MenuItem = _MenuItem.MenuItem, _class2.Separator = _MenuSeparator.MenuSeparator, _class2.propTypes = { /**
+   * Подпись на кнопке.
+   */caption: _propTypes.default.node.isRequired, /**
+   * Отключает использование портала
+   */disablePortal: _propTypes.default.bool, /**
+   * Визуально отключает Dropdown
+   */disabled: _propTypes.default.bool, /**
+   * Визуально показать наличие ошибки.
+   */error: _propTypes.default.bool, /**
+   * Иконка слева от текста кнопки
+   */icon: _propTypes.default.node, maxMenuHeight: _propTypes.default.number, menuAlign: _propTypes.default.oneOf(['left', 'right']), menuWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), size: _propTypes.default.oneOf(['small', 'medium', 'large']), /**
+   * Смотри Button.
+   */use: _propTypes.default.any, /**
+   * Визуально показать наличие предупреждения.
+   */warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
+   * Вызывается при закрытии меню.
+   */onClose: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, /**
+   * Вызывается при открытии меню.
+   */onOpen: _propTypes.default.func }, _temp)) || _class;exports.Dropdown = Dropdown;function renderValue(value) {return value;}

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

@@ -1 +1 @@
-{"version":3,"sources":["Dropdown.tsx"],"names":["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","React","Children","map","children","item","_refSelect","renderValue","element","render","open","close","Component","__KONTUR_REACT_UI__","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","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":["PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","DropdownDataTids","root","Dropdown","rootNode","renderMain","caption","icon","props","items","React","Children","map","children","item","ThemeFactory","create","selectDefaultBg","theme","btnDefaultBg","setRootNode","_refSelect","renderValue","element","_select","render","open","close","Component","__KONTUR_REACT_UI__","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","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 { 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"]}

package/cjs/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/cjs/components/Dropdown/index.js.map

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