npm - @skbkontur/react-ui - Versions diffs - 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc - Mend

@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2587) hide show

package/internal/DateSelect/DateSelect/DateSelect.js CHANGED Viewed

@@ -5,7 +5,8 @@ var _dec, _class, _class2, _temp;
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isNonNullable } from "../../../lib/utils";
+import { globalObject, isBrowser } from '@skbkontur/global-object';
+import { getRandomID, isNonNullable } from "../../../lib/utils";
 import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import { DatePickerLocaleHelper } from "../../../components/DatePicker/locale";
 import { locale } from "../../../lib/locale/decorators";
@@ -18,7 +19,12 @@ import { isMobile } from "../../../lib/client";
 import { cx } from "../../../lib/theming/Emotion";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../DateSelect.styles";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ArrowCollapseCVOpenIcon16Regular } from "../../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular";
+import { ArrowCUpIcon16Regular } from "../../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular";
+import { ArrowCDownIcon16Regular } from "../../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { globalClasses, styles } from "../DateSelect.styles";
 var itemHeight = 24;
 var visibleYearsCount = 11;
 var itemsToMoveCount = -5;
@@ -40,9 +46,10 @@ var calculatePos = function calculatePos(pos, minPos, maxPos) {
 export var DateSelectDataTids = {
   caption: 'DateSelect__caption',
-  menuItem: 'DateSelect__menuItem'
+  menuItem: 'DateSelect__menuItem',
+  menu: 'DateSelect__menu'
 };
-export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(DateSelect, _React$PureComponent);
   function DateSelect() {
@@ -66,8 +73,6 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     };
     _this.root = null;
     _this.itemsContainer = null;
-    _this.longClickTimer = 0;
-    _this.setPositionRepeatTimer = 0;
     _this.yearStep = 3;
     _this.touchStartY = null;
@@ -98,6 +103,8 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       });
     };
+    _this.menuId = DateSelectDataTids.menu + getRandomID();
     _this.refRoot = function (element) {
       _this.root = element;
     };
@@ -110,14 +117,14 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       }
       if (_this.timeout) {
-        clearTimeout(_this.timeout);
+        globalObject.clearTimeout(_this.timeout);
       }
-      _this.timeout = setTimeout(function () {
+      _this.timeout = globalObject.setTimeout(function () {
         return _this.setState({
           nodeTop: getDOMRect(root).top
         });
-      });
+      }, 0);
     };
     _this.refItemsContainer = function (element) {
@@ -149,8 +156,8 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     _this.handleLongClickUp = function (event) {
       event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {
+      _this.longClickTimer = globalObject.setTimeout(function () {
+        _this.setPositionRepeatTimer = globalObject.setInterval(function () {
           return _this.setPosition(_this.state.pos - itemHeight);
         }, 100);
       }, 200);
@@ -158,16 +165,16 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     _this.handleLongClickDown = function (event) {
       event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {
+      _this.longClickTimer = globalObject.setTimeout(function () {
+        _this.setPositionRepeatTimer = globalObject.setInterval(function () {
           return _this.setPosition(_this.state.pos + itemHeight);
         }, 100);
       }, 200);
     };
     _this.handleLongClickStop = function () {
-      clearTimeout(_this.longClickTimer);
-      clearTimeout(_this.setPositionRepeatTimer);
+      globalObject.clearTimeout(_this.longClickTimer);
+      globalObject.clearTimeout(_this.setPositionRepeatTimer);
     };
     _this.getAnchor = function () {
@@ -175,7 +182,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     };
     _this.handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
+      if (!isInstanceOf(event, globalObject.WheelEvent)) {
         return;
       }
@@ -195,7 +202,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     };
     _this.handleTouchStart = function (event) {
-      if (!(event instanceof TouchEvent)) {
+      if (!isInstanceOf(event, globalObject.TouchEvent)) {
         return;
       }
@@ -203,12 +210,12 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     };
     _this.handleTouchMove = function (event) {
-      if (!(event instanceof TouchEvent)) {
+      if (!isInstanceOf(event, globalObject.TouchEvent) || !isBrowser(globalObject)) {
         return;
       }
       var clientY = event.changedTouches[0].clientY;
-      var pixelRatio = window.devicePixelRatio;
+      var pixelRatio = globalObject.devicePixelRatio;
       var deltaY = ((_this.touchStartY || 0) - clientY) / pixelRatio;
       var pos = _this.state.pos + deltaY + deltaY / itemHeight;
       _this.touchStartY = clientY;
@@ -264,7 +271,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
   _proto.componentDidMount = function componentDidMount() {
     this.listener = LayoutEvents.addListener(this.setNodeTop);
     this.setNodeTop();
-    window.addEventListener('keydown', this.handleKey);
+    globalObject.addEventListener == null ? void 0 : globalObject.addEventListener('keydown', this.handleKey);
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
@@ -273,18 +280,18 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     }
     if (this.timeout) {
-      clearTimeout(this.timeout);
+      globalObject.clearTimeout(this.timeout);
     }
     if (this.longClickTimer) {
-      clearTimeout(this.longClickTimer);
+      globalObject.clearTimeout(this.longClickTimer);
     }
     if (this.setPositionRepeatTimer) {
-      clearTimeout(this.setPositionRepeatTimer);
+      globalObject.clearTimeout(this.setPositionRepeatTimer);
     }
-    window.removeEventListener('keydown', this.handleKey);
+    globalObject.removeEventListener == null ? void 0 : globalObject.removeEventListener('keydown', this.handleKey);
   }
   /**
   * @public
@@ -303,24 +310,57 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
   _proto.renderMain = function renderMain() {
     var _cx, _cx2;
+    if (isTheme2022(this.theme)) {
+      return this.renderMain2022();
+    }
     var disabled = this.props.disabled;
     var width = this.getProps().width;
+    var isInteractiveElement = !disabled;
+    var Tag = isInteractiveElement ? 'button' : 'span';
     var rootProps = {
       className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.disabled()] = Boolean(disabled), _cx)),
       style: {
         width: width
       },
-      ref: this.refRoot
+      ref: this.refRoot,
+      onClick: this.open,
+      'aria-expanded': isInteractiveElement ? this.state.opened : undefined,
+      'aria-controls': !disabled ? this.menuId : undefined,
+      'aria-label': isInteractiveElement ? this.locale.selectChosenAriaLabel + " " + (this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel) + " " + this.getItem(0) : undefined
     };
-    return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Tag, rootProps, /*#__PURE__*/React.createElement("div", {
       "data-tid": DateSelectDataTids.caption,
-      className: styles.caption(),
-      onClick: this.open
+      className: styles.caption()
     }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
       className: cx((_cx2 = {}, _cx2[styles.arrow(this.theme)] = true, _cx2[styles.arrowDisabled()] = Boolean(disabled), _cx2))
     }, /*#__PURE__*/React.createElement(ArrowTriangleUpDownIcon, {
       size: 12
-    }))), this.state.opened && this.renderMenu());
+    }))), this.state.opened && this.renderMenu(this.menuId));
+  };
+  _proto.renderMain2022 = function renderMain2022() {
+    var disabled = this.props.disabled;
+    var width = this.getProps().width;
+    var isInteractiveElement = !disabled;
+    var Tag = isInteractiveElement ? 'button' : 'span';
+    var rootProps = {
+      className: cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),
+      style: {
+        width: width
+      },
+      ref: this.refRoot,
+      onClick: this.open,
+      'aria-expanded': isInteractiveElement ? this.state.opened : undefined,
+      'aria-label': isInteractiveElement ? this.locale.selectChosenAriaLabel + " " + (this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel) + " " + this.getItem(0) : undefined
+    };
+    return /*#__PURE__*/React.createElement(Tag, rootProps, /*#__PURE__*/React.createElement("div", {
+      "data-tid": DateSelectDataTids.caption,
+      className: styles.caption()
+    }, this.getItem(0)), isInteractiveElement && /*#__PURE__*/React.createElement(ArrowCollapseCVOpenIcon16Regular, {
+      className: cx(globalClasses.arrow),
+      color: "#ADADAD"
+    }), this.state.opened && this.renderMenu(this.menuId));
   };
   _proto.disableItems = function disableItems(index) {
@@ -339,7 +379,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     }
   };
-  _proto.renderMenu = function renderMenu() {
+  _proto.renderMenu = function renderMenu(id) {
     var _this3 = this,
         _cx3;
@@ -366,7 +406,8 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
         onMouseDown: preventDefault,
         onClick: _this3.handleItemClick(i)
       };
-      items.push( /*#__PURE__*/React.createElement("div", _extends({
+      items.push( /*#__PURE__*/React.createElement("button", _extends({
+        "aria-label": "\u0412\u044B\u0431\u0440\u0430\u0442\u044C " + (_this3.getProps().type === 'year' ? 'год' : 'месяц') + " " + _this3.getItem(i),
         "data-tid": DateSelectDataTids.menuItem,
         "data-prop-disabled": disableItems,
         key: i,
@@ -405,11 +446,19 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       dropdownOffset -= nodeTop + top - overflowOffsetDelta;
     }
+    var iconUp = isTheme2022(this.theme) ? /*#__PURE__*/React.createElement(ArrowCUpIcon16Regular, {
+      color: "#ADADAD"
+    }) : /*#__PURE__*/React.createElement(ArrowChevronUpIcon, null);
+    var iconDown = isTheme2022(this.theme) ? /*#__PURE__*/React.createElement(ArrowCDownIcon16Regular, {
+      color: "#ADADAD"
+    }) : /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null);
     return /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close,
       onFocusOutside: this.close,
       active: true
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownContainer, {
+    }, /*#__PURE__*/React.createElement(DropdownContainer, {
+      "data-tid": DateSelectDataTids.menu,
+      id: id,
       getParent: this.getAnchor,
       offsetY: dropdownOffset,
       offsetX: -10
@@ -424,7 +473,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickUp,
       onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronUpIcon, null))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("span", null, iconUp)), /*#__PURE__*/React.createElement("div", {
       className: styles.itemsHolder(),
       style: {
         height: height
@@ -440,14 +489,16 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickDown,
       onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null)))))));
+    }, /*#__PURE__*/React.createElement("span", null, iconDown)))));
   };
   _proto.getItem = function getItem(index) {
     var value = this.props.value + index;
     if (this.getProps().type === 'month') {
-      return this.locale.months[value];
+      var _this$locale$months;
+      return (_this$locale$months = this.locale.months) == null ? void 0 : _this$locale$months[value];
     }
     return value;

package/internal/DateSelect/DateSelect/DateSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleUpDownIcon","ArrowChevronDownIcon","ArrowChevronUpIcon","isMobile","cx","getDOMRect","createPropsGetter","styles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","value","onValueChange","handleKey","e","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","theme","renderMain","width","rootProps","className","Boolean","style","ref","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menu","menuUp","itemsHolder","menuDown","type","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n disabled?: boolean \| null;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport interface DateSelectState {\n botCapped: boolean;\n current: Nullable<number>;\n height: number;\n opened: boolean;\n pos: number;\n top: number;\n topCapped: boolean;\n nodeTop: number;\n}\n\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n if (maxPos <= pos) {\n return maxPos;\n }\n\n if (minPos >= pos) {\n return minPos;\n }\n\n return pos;\n};\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' \| 'width'>>;\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n\n public static propTypes = {\n disabled: PropTypes.bool,\n\n type: PropTypes.string,\n\n value: PropTypes.number.isRequired,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n onValueChange: PropTypes.func,\n\n minValue: PropTypes.number,\n\n maxValue: PropTypes.number,\n };\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n public state = {\n botCapped: false,\n current: 0,\n height: 0,\n opened: false,\n pos: 0,\n top: 0,\n topCapped: false,\n nodeTop: Infinity,\n };\n\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private root: HTMLElement \| null = null;\n private itemsContainer: HTMLElement \| null = null;\n private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n private timeout: NodeJS.Timeout \| undefined;\n private longClickTimer = 0;\n private setPositionRepeatTimer = 0;\n private yearStep = 3;\n private touchStartY: Nullable<number> = null;\n\n public componentDidUpdate() {\n this.setNodeTop();\n }\n\n public componentDidMount() {\n this.listener = LayoutEvents.addListener(this.setNodeTop);\n this.setNodeTop();\n window.addEventListener('keydown', this.handleKey);\n }\n\n public componentWillUnmount() {\n if (this.listener) {\n this.listener.remove();\n }\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n if (this.longClickTimer) {\n clearTimeout(this.longClickTimer);\n }\n if (this.setPositionRepeatTimer) {\n clearTimeout(this.setPositionRepeatTimer);\n }\n window.removeEventListener('keydown', this.handleKey);\n }\n\n /*\n @public\n /\n public open = () => {\n if (this.props.disabled) {\n return;\n }\n\n if (this.state.opened) {\n return;\n }\n\n this.setPosition(0);\n this.setState({\n opened: true,\n current: 0,\n });\n };\n\n /\n @public\n /\n public close = () => {\n if (!this.state.opened) {\n return;\n }\n\n this.setState({ opened: false });\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 { disabled } = this.props;\n const width = this.getProps().width;\n const rootProps = {\n className: cx({\n [styles.root(this.theme)]: true,\n [styles.disabled()]: Boolean(disabled),\n }),\n style: { width },\n ref: this.refRoot,\n };\n return (\n <span {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()} onClick={this.open}>\n {this.getItem(0)}\n <div\n className={cx({\n [styles.arrow(this.theme)]: true,\n [styles.arrowDisabled()]: Boolean(disabled),\n })}\n >\n <ArrowTriangleUpDownIcon size={12} />\n </div>\n </div>\n {this.state.opened && this.renderMenu()}\n </span>\n );\n }\n\n private refRoot = (element: HTMLElement \| null) => {\n this.root = element;\n };\n\n private setNodeTop = () => {\n const root = this.root;\n if (!root) {\n return;\n }\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n this.timeout = setTimeout(() =>\n this.setState({\n nodeTop: getDOMRect(root).top,\n }),\n );\n };\n\n private disableItems(index: number) {\n const value = this.props.value + index;\n if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n return value > this.props.maxValue \|\| value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.minValue)) {\n return value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.maxValue)) {\n return value > this.props.maxValue;\n }\n }\n\n private renderMenu(): React.ReactNode {\n const { top, height, nodeTop } = this.state;\n\n let shift = this.state.pos % itemHeight;\n if (shift < 0) {\n shift += itemHeight;\n }\n\n const from = (this.state.pos - shift + top) / itemHeight;\n const to = from + Math.ceil((height + shift) / itemHeight);\n const items = [];\n\n for (let i = from; i < to; ++i) {\n const disableItems = this.disableItems(i) \|\| false;\n const className = cx({\n [styles.menuItem(this.theme)]: true,\n [styles.menuItemSelected(this.theme)]: i === 0,\n [styles.menuItemActive(this.theme)]: i === this.state.current,\n [styles.menuItemDisabled(this.theme)]: disableItems,\n });\n const clickHandler = {\n onMouseDown: preventDefault,\n onClick: this.handleItemClick(i),\n };\n items.push(\n <div\n data-tid={DateSelectDataTids.menuItem}\n data-prop-disabled={disableItems}\n key={i}\n className={className}\n onMouseEnter={() => this.setState({ current: i })}\n onMouseLeave={() => this.setState({ current: null })}\n {...clickHandler}\n >\n {this.getItem(i)}\n </div>,\n );\n }\n const style: {\n left?: number \| string;\n right?: number \| string;\n top: number;\n width?: number \| string;\n } = {\n top: top - 5,\n left: 0,\n right: 0,\n };\n\n const shiftStyle: React.CSSProperties = {\n position: 'relative',\n top: -shift,\n };\n\n const holderClass = cx({\n [styles.menuHolder(this.theme)]: true,\n [styles.isTopCapped()]: this.state.topCapped,\n [styles.isBotCapped()]: this.state.botCapped,\n });\n\n let dropdownOffset = -itemHeight;\n if (nodeTop < -top) {\n const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n }\n\n return (\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n <div>\n <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\n <div className={holderClass} style={style}>\n {!this.state.topCapped && (\n <div\n className={cx(styles.menu(this.theme), styles.menuUp())}\n onClick={this.handleUp}\n onMouseDown={this.handleLongClickUp}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickUp}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>\n <ArrowChevronUpIcon />\n </span>\n </div>\n )}\n <div className={styles.itemsHolder()} style={{ height }}>\n <div ref={this.refItemsContainer} style={shiftStyle}>\n {items}\n </div>\n </div>\n {!this.state.botCapped && (\n <div\n className={cx(styles.menu(this.theme), styles.menuDown())}\n onClick={this.handleDown}\n onMouseDown={this.handleLongClickDown}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickDown}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>\n <ArrowChevronDownIcon />\n </span>\n </div>\n )}\n </div>\n </DropdownContainer>\n </div>\n </RenderLayer>\n );\n }\n\n private refItemsContainer = (element: HTMLElement \| null) => {\n if (!this.itemsContainer && element) {\n element.addEventListener('wheel', this.handleWheel, { passive: false });\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n }\n\n if (isMobile) {\n if (!this.itemsContainer && element) {\n element.addEventListener('touchstart', this.handleTouchStart);\n element.addEventListener('touchmove', this.handleTouchMove);\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n }\n }\n\n this.itemsContainer = element;\n };\n\n private handleLongClickUp = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = window.setTimeout(() => {\n this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickDown = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = window.setTimeout(() => {\n this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickStop = () => {\n clearTimeout(this.longClickTimer);\n clearTimeout(this.setPositionRepeatTimer);\n };\n\n private getAnchor = () => this.root;\n\n private handleWheel = (event: Event) => {\n if (!(event instanceof WheelEvent)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n\n let deltaY = event.deltaY;\n if (event.deltaMode === 1) {\n deltaY = itemHeight;\n } else if (event.deltaMode === 2) {\n deltaY = itemHeight 4;\n }\n const pos = this.state.pos + deltaY;\n this.setPosition(pos);\n };\n\n private handleTouchStart = (event: Event) => {\n if (!(event instanceof TouchEvent)) {\n return;\n }\n\n this.touchStartY = event.targetTouches[0].clientY;\n };\n\n private handleTouchMove = (event: Event) => {\n if (!(event instanceof TouchEvent)) {\n return;\n }\n\n const { clientY } = event.changedTouches[0];\n const pixelRatio = window.devicePixelRatio;\n\n const deltaY = ((this.touchStartY \|\| 0) - clientY) / pixelRatio;\n const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n this.touchStartY = clientY;\n\n this.setPosition(pos);\n };\n\n private handleItemClick = (shift: number) => {\n return () => {\n const value = this.props.value + shift;\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n this.setState({ opened: false });\n };\n };\n\n private handleKey = (e: KeyboardEvent) => {\n if (this.state.opened && isKeyEscape(e)) {\n e.preventDefault();\n this.close();\n e.stopPropagation();\n }\n };\n\n private handleUp = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos - itemHeight * this.yearStep);\n };\n\n private handleDown = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos + itemHeight * this.yearStep);\n };\n\n private getItem(index: number) {\n const value = this.props.value + index;\n if (this.getProps().type === 'month') {\n return this.locale.months[value];\n }\n return value;\n }\n\n private setPosition(pos: number) {\n let top = itemsToMoveCount * itemHeight;\n let height = visibleYearsCount * itemHeight;\n if (this.getProps().type === 'month') {\n top = -this.props.value * itemHeight;\n height = monthsCount * itemHeight;\n }\n\n const minPos = this.getMinPos() - top;\n const maxPos = this.getMaxPos() - top - height + itemHeight;\n\n const calculatedPos = calculatePos(pos, minPos, maxPos);\n const topCapped = calculatedPos <= minPos;\n const botCapped = calculatedPos >= maxPos;\n\n this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n }\n\n private getMinPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return -this.props.value * itemHeight;\n } else if (type === 'year') {\n return ((this.props.minValue \|\| defaultMinYear) - this.props.value) * itemHeight;\n }\n return -Infinity; // Be defensive.\n }\n\n private getMaxPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return (visibleYearsCount - this.props.value) * itemHeight;\n } else if (type === 'year') {\n return ((this.props.maxValue \|\| defaultMaxYear) - this.props.value) * itemHeight;\n }\n return Infinity; // Be defensive.\n }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n e.preventDefault();\n}\n"]}
1	+ {"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","globalObject","isBrowser","getRandomID","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleUpDownIcon","ArrowChevronDownIcon","ArrowChevronUpIcon","isMobile","cx","getDOMRect","createPropsGetter","isTheme2022","ArrowCollapseCVOpenIcon16Regular","ArrowCUpIcon16Regular","ArrowCDownIcon16Regular","isInstanceOf","globalClasses","styles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","menu","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","menuId","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","longClickTimer","setPositionRepeatTimer","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","value","onValueChange","handleKey","e","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","theme","renderMain","renderMain2022","width","isInteractiveElement","Tag","rootProps","className","Boolean","style","ref","onClick","undefined","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","arrow","arrowDisabled","renderMenu","root2022","disableItems","index","maxValue","minValue","id","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","iconUp","iconDown","menuUp","itemsHolder","menuDown","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"iKAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAmD,0BAAnD;;AAEA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,iBAA3C;AACA,SAASC,WAAT,QAA4B,uCAA5B;AACA,SAA2BC,sBAA3B,QAAyD,oCAAzD;AACA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,SAASC,iBAAT,QAAkC,sBAAlC;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,uBAAT,EAAkCC,oBAAlC,EAAwDC,kBAAxD,QAAkF,eAAlF;AACA,SAASC,QAAT,QAAyB,kBAAzB;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,gCAAT,QAAiD,uEAAjD;AACA,SAASC,qBAAT,QAAsC,iDAAtC;AACA,SAASC,uBAAT,QAAwC,qDAAxC;AACA,SAASC,YAAT,QAA6B,wBAA7B;;AAEA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,qBAAtC;;AAEA,IAAMC,UAAU,GAAG,EAAnB;AACA,IAAMC,iBAAiB,GAAG,EAA1B;AACA,IAAMC,gBAAgB,GAAG,CAAC,CAA1B;AACA,IAAMC,WAAW,GAAG,EAApB;AACA,IAAMC,cAAc,GAAG,IAAvB;AACA,IAAMC,cAAc,GAAG,IAAvB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAcC,MAAd,EAA8BC,MAA9B,EAAiD;AACpE,MAAIA,MAAM,IAAIF,GAAd,EAAmB;AACjB,WAAOE,MAAP;AACD;;AAED,MAAID,MAAM,IAAID,GAAd,EAAmB;AACjB,WAAOC,MAAP;AACD;;AAED,SAAOD,GAAP;AACD,CAVD;;AAYA,OAAO,IAAMG,kBAAkB,GAAG;AAChCC,EAAAA,OAAO,EAAE,qBADuB;AAEhCC,EAAAA,QAAQ,EAAE,sBAFsB;AAGhCC,EAAAA,IAAI,EAAE,kBAH0B,EAA3B;;;;;;AASP,WAAaC,UAAb,WADCjC,MAAM,CAAC,UAAD,EAAaD,sBAAb,CACP;;;;;;;;;;;;;;;;;;;;;;;;AAwBUmC,IAAAA,QAxBV,GAwBqBvB,iBAAiB,CAACsB,UAAU,CAACE,YAAZ,CAxBtC;;AA0BSC,IAAAA,KA1BT,GA0BiB;AACbC,MAAAA,SAAS,EAAE,KADE;AAEbC,MAAAA,OAAO,EAAE,CAFI;AAGbC,MAAAA,MAAM,EAAE,CAHK;AAIbC,MAAAA,MAAM,EAAE,KAJK;AAKbd,MAAAA,GAAG,EAAE,CALQ;AAMbe,MAAAA,GAAG,EAAE,CANQ;AAObC,MAAAA,SAAS,EAAE,KAPE;AAQbC,MAAAA,OAAO,EAAEC,QARI,EA1BjB;;;;;AAuCUC,IAAAA,IAvCV,GAuCqC,IAvCrC;AAwCUC,IAAAA,cAxCV,GAwC+C,IAxC/C;;;;;AA6CUC,IAAAA,QA7CV,GA6CqB,CA7CrB;AA8CUC,IAAAA,WA9CV,GA8C0C,IA9C1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ESC,IAAAA,IA7ET,GA6EgB,YAAM;AAClB,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB;AACD;;AAED,UAAI,MAAKf,KAAL,CAAWI,MAAf,EAAuB;AACrB;AACD;;AAED,YAAKY,WAAL,CAAiB,CAAjB;AACA,YAAKC,QAAL,CAAc;AACZb,QAAAA,MAAM,EAAE,IADI;AAEZF,QAAAA,OAAO,EAAE,CAFG,EAAd;;AAID,KA3FH;;;;;AAgGSgB,IAAAA,KAhGT,GAgGiB,YAAM;AACnB,UAAI,CAAC,MAAKlB,KAAL,CAAWI,MAAhB,EAAwB;AACtB;AACD;;AAED,YAAKa,QAAL,CAAc,EAAEb,MAAM,EAAE,KAAV,EAAd;AACD,KAtGH;;;;;;;;;;;;;AAmHUe,IAAAA,MAnHV,GAmHmB1B,kBAAkB,CAACG,IAAnB,GAA0BpC,WAAW,EAnHxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgMU4D,IAAAA,OAhMV,GAgMoB,UAACC,OAAD,EAAiC;AACjD,YAAKZ,IAAL,GAAYY,OAAZ;AACD,KAlMH;;AAoMUC,IAAAA,UApMV,GAoMuB,YAAM;AACzB,UAAMb,IAAI,GAAG,MAAKA,IAAlB;AACA,UAAI,CAACA,IAAL,EAAW;AACT;AACD;AACD,UAAI,MAAKc,OAAT,EAAkB;AAChBjE,QAAAA,YAAY,CAACkE,YAAb,CAA0B,MAAKD,OAA/B;AACD;AACD,YAAKA,OAAL,GAAejE,YAAY,CAACmE,UAAb;AACb;AACE,gBAAKR,QAAL,CAAc;AACZV,YAAAA,OAAO,EAAEjC,UAAU,CAACmC,IAAD,CAAV,CAAiBJ,GADd,EAAd,CADF,GADa;;AAKb,OALa,CAAf;;AAOD,KAnNH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyVUqB,IAAAA,iBAzVV,GAyV8B,UAACL,OAAD,EAAiC;AAC3D,UAAI,CAAC,MAAKX,cAAN,IAAwBW,OAA5B,EAAqC;AACnCA,QAAAA,OAAO,CAACM,gBAAR,CAAyB,OAAzB,EAAkC,MAAKC,WAAvC,EAAoD,EAAEC,OAAO,EAAE,KAAX,EAApD;AACD;AACD,UAAI,MAAKnB,cAAL,IAAuB,CAACW,OAA5B,EAAqC;AACnC,cAAKX,cAAL,CAAoBoB,mBAApB,CAAwC,OAAxC,EAAiD,MAAKF,WAAtD;AACD;;AAED,UAAIxD,QAAJ,EAAc;AACZ,YAAI,CAAC,MAAKsC,cAAN,IAAwBW,OAA5B,EAAqC;AACnCA,UAAAA,OAAO,CAACM,gBAAR,CAAyB,YAAzB,EAAuC,MAAKI,gBAA5C;AACAV,UAAAA,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,MAAKK,eAA3C;AACD;AACD,YAAI,MAAKtB,cAAL,IAAuB,CAACW,OAA5B,EAAqC;AACnC,gBAAKX,cAAL,CAAoBoB,mBAApB,CAAwC,YAAxC,EAAsD,MAAKC,gBAA3D;AACA,gBAAKrB,cAAL,CAAoBoB,mBAApB,CAAwC,WAAxC,EAAqD,MAAKE,eAA1D;AACD;AACF;;AAED,YAAKtB,cAAL,GAAsBW,OAAtB;AACD,KA7WH;;AA+WUY,IAAAA,iBA/WV,GA+W8B,UAACC,KAAD,EAAgD;AAC1EA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAKC,cAAL,GAAsB9E,YAAY,CAACmE,UAAb,CAAwB,YAAM;AAClD,cAAKY,sBAAL,GAA8B/E,YAAY,CAACgF,WAAb,CAAyB,oBAAM,MAAKtB,WAAL,CAAiB,MAAKhB,KAAL,CAAWV,GAAX,GAAiBP,UAAlC,CAAN,EAAzB,EAA8E,GAA9E,CAA9B;AACD,OAFqB,EAEnB,GAFmB,CAAtB;AAGD,KApXH;;AAsXUwD,IAAAA,mBAtXV,GAsXgC,UAACL,KAAD,EAAgD;AAC5EA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAKC,cAAL,GAAsB9E,YAAY,CAACmE,UAAb,CAAwB,YAAM;AAClD,cAAKY,sBAAL,GAA8B/E,YAAY,CAACgF,WAAb,CAAyB,oBAAM,MAAKtB,WAAL,CAAiB,MAAKhB,KAAL,CAAWV,GAAX,GAAiBP,UAAlC,CAAN,EAAzB,EAA8E,GAA9E,CAA9B;AACD,OAFqB,EAEnB,GAFmB,CAAtB;AAGD,KA3XH;;AA6XUyD,IAAAA,mBA7XV,GA6XgC,YAAM;AAClClF,MAAAA,YAAY,CAACkE,YAAb,CAA0B,MAAKY,cAA/B;AACA9E,MAAAA,YAAY,CAACkE,YAAb,CAA0B,MAAKa,sBAA/B;AACD,KAhYH;;AAkYUI,IAAAA,SAlYV,GAkYsB,oBAAM,MAAKhC,IAAX,EAlYtB;;AAoYUmB,IAAAA,WApYV,GAoYwB,UAACM,KAAD,EAAkB;AACtC,UAAI,CAACtD,YAAY,CAACsD,KAAD,EAAQ5E,YAAY,CAACoF,UAArB,CAAjB,EAAmD;AACjD;AACD;AACDR,MAAAA,KAAK,CAACC,cAAN;AACAD,MAAAA,KAAK,CAACS,eAAN;;AAEA,UAAIC,MAAM,GAAGV,KAAK,CAACU,MAAnB;AACA,UAAIV,KAAK,CAACW,SAAN,KAAoB,CAAxB,EAA2B;AACzBD,QAAAA,MAAM,IAAI7D,UAAV;AACD,OAFD,MAEO,IAAImD,KAAK,CAACW,SAAN,KAAoB,CAAxB,EAA2B;AAChCD,QAAAA,MAAM,IAAI7D,UAAU,GAAG,CAAvB;AACD;AACD,UAAMO,GAAG,GAAG,MAAKU,KAAL,CAAWV,GAAX,GAAiBsD,MAA7B;AACA,YAAK5B,WAAL,CAAiB1B,GAAjB;AACD,KAnZH;;AAqZUyC,IAAAA,gBArZV,GAqZ6B,UAACG,KAAD,EAAkB;AAC3C,UAAI,CAACtD,YAAY,CAACsD,KAAD,EAAQ5E,YAAY,CAACwF,UAArB,CAAjB,EAAmD;AACjD;AACD;;AAED,YAAKlC,WAAL,GAAmBsB,KAAK,CAACa,aAAN,CAAoB,CAApB,EAAuBC,OAA1C;AACD,KA3ZH;;AA6ZUhB,IAAAA,eA7ZV,GA6Z4B,UAACE,KAAD,EAAkB;AAC1C,UAAI,CAACtD,YAAY,CAACsD,KAAD,EAAQ5E,YAAY,CAACwF,UAArB,CAAb,IAAiD,CAACvF,SAAS,CAACD,YAAD,CAA/D,EAA+E;AAC7E;AACD;;AAED,UAAQ0F,OAAR,GAAoBd,KAAK,CAACe,cAAN,CAAqB,CAArB,CAApB,CAAQD,OAAR;AACA,UAAME,UAAU,GAAG5F,YAAY,CAAC6F,gBAAhC;;AAEA,UAAMP,MAAM,GAAG,CAAC,CAAC,MAAKhC,WAAL,IAAoB,CAArB,IAA0BoC,OAA3B,IAAsCE,UAArD;AACA,UAAM5D,GAAG,GAAG,MAAKU,KAAL,CAAWV,GAAX,GAAiBsD,MAAjB,GAA0BA,MAAM,GAAG7D,UAA/C;;AAEA,YAAK6B,WAAL,GAAmBoC,OAAnB;;AAEA,YAAKhC,WAAL,CAAiB1B,GAAjB;AACD,KA3aH;;AA6aU8D,IAAAA,eA7aV,GA6a4B,UAACC,KAAD,EAAmB;AAC3C,aAAO,YAAM;AACX,YAAMC,KAAK,GAAG,MAAKxC,KAAL,CAAWwC,KAAX,GAAmBD,KAAjC;AACA,YAAI,MAAKvC,KAAL,CAAWyC,aAAf,EAA8B;AAC5B,gBAAKzC,KAAL,CAAWyC,aAAX,CAAyBD,KAAzB;AACD;AACD,cAAKrC,QAAL,CAAc,EAAEb,MAAM,EAAE,KAAV,EAAd;AACD,OAND;AAOD,KArbH;;AAubUoD,IAAAA,SAvbV,GAubsB,UAACC,CAAD,EAAsB;AACxC,UAAI,MAAKzD,KAAL,CAAWI,MAAX,IAAqB1C,WAAW,CAAC+F,CAAD,CAApC,EAAyC;AACvCA,QAAAA,CAAC,CAACtB,cAAF;AACA,cAAKjB,KAAL;AACAuC,QAAAA,CAAC,CAACd,eAAF;AACD;AACF,KA7bH;;AA+bUe,IAAAA,QA/bV,GA+bqB,UAACxB,KAAD,EAA6B;AAC9CA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAKnB,WAAL,CAAiB,MAAKhB,KAAL,CAAWV,GAAX,GAAiBP,UAAU,GAAG,MAAK4B,QAApD;AACD,KAlcH;;AAocUgD,IAAAA,UApcV,GAocuB,UAACzB,KAAD,EAA6B;AAChDA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAKnB,WAAL,CAAiB,MAAKhB,KAAL,CAAWV,GAAX,GAAiBP,UAAU,GAAG,MAAK4B,QAApD;AACD,KAvcH,wDAgDSiD,kBAhDT,GAgDE,8BAA4B,CAC1B,KAAKtC,UAAL,GACD,CAlDH,QAoDSuC,iBApDT,GAoDE,6BAA2B,CACzB,KAAKC,QAAL,GAAgB/F,YAAY,CAACgG,WAAb,CAAyB,KAAKzC,UAA9B,CAAhB,CACA,KAAKA,UAAL,GACAhE,YAAY,CAACqE,gBAAb,oBAAArE,YAAY,CAACqE,gBAAb,CAAgC,SAAhC,EAA2C,KAAK6B,SAAhD,EACD,CAxDH,QA0DSQ,oBA1DT,GA0DE,gCAA8B,CAC5B,IAAI,KAAKF,QAAT,EAAmB,CACjB,KAAKA,QAAL,CAAcG,MAAd,GACD,CACD,IAAI,KAAK1C,OAAT,EAAkB,CAChBjE,YAAY,CAACkE,YAAb,CAA0B,KAAKD,OAA/B,EACD,CACD,IAAI,KAAKa,cAAT,EAAyB,CACvB9E,YAAY,CAACkE,YAAb,CAA0B,KAAKY,cAA/B,EACD,CACD,IAAI,KAAKC,sBAAT,EAAiC,CAC/B/E,YAAY,CAACkE,YAAb,CAA0B,KAAKa,sBAA/B,EACD,CACD/E,YAAY,CAACwE,mBAAb,oBAAAxE,YAAY,CAACwE,mBAAb,CAAmC,SAAnC,EAA8C,KAAK0B,SAAnD,EACD,CAxEH,CA0EE;AACF;AACA,KA5EA,QAwGSU,MAxGT,GAwGE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAjHH,QAqHUA,UArHV,GAqHE,sBAAqB,eACnB,IAAI5F,WAAW,CAAC,KAAK2F,KAAN,CAAf,EAA6B,CAC3B,OAAO,KAAKE,cAAL,EAAP,CACD,CAED,IAAQtD,QAAR,GAAqB,KAAKD,KAA1B,CAAQC,QAAR,CACA,IAAMuD,KAAK,GAAG,KAAKxE,QAAL,GAAgBwE,KAA9B,CACA,IAAMC,oBAAoB,GAAG,CAACxD,QAA9B,CACA,IAAMyD,GAAG,GAAGD,oBAAoB,GAAG,QAAH,GAAc,MAA9C,CACA,IAAME,SAAS,GAAG,EAChBC,SAAS,EAAErG,EAAE,gBACVS,MAAM,CAAC2B,IAAP,CAAY,KAAK0D,KAAjB,CADU,IACgB,IADhB,MAEVrF,MAAM,CAACiC,QAAP,EAFU,IAEU4D,OAAO,CAAC5D,QAAD,CAFjB,OADG,EAKhB6D,KAAK,EAAE,EAAEN,KAAK,EAALA,KAAF,EALS,EAMhBO,GAAG,EAAE,KAAKzD,OANM,EAOhB0D,OAAO,EAAE,KAAKjE,IAPE,EAQhB,iBAAiB0D,oBAAoB,GAAG,KAAKvE,KAAL,CAAWI,MAAd,GAAuB2E,SAR5C,EAShB,iBAAiB,CAAChE,QAAD,GAAY,KAAKI,MAAjB,GAA0B4D,SAT3B,EAUhB,cAAcR,oBAAoB,GAC3B,KAAK3G,MAAL,CAAYoH,qBADe,UAE5B,KAAKlF,QAAL,GAAgBmF,IAAhB,KAAyB,MAAzB,GAAkC,KAAKrH,MAAL,CAAYsH,mBAA9C,GAAoE,KAAKtH,MAAL,CAAYuH,oBAFpD,UAG1B,KAAKC,OAAL,CAAa,CAAb,CAH0B,GAI9BL,SAdY,EAAlB,CAiBA,oBACE,oBAAC,GAAD,EAASN,SAAT,eACE,6BAAK,YAAUhF,kBAAkB,CAACC,OAAlC,EAA2C,SAAS,EAAEZ,MAAM,CAACY,OAAP,EAAtD,IACG,KAAK0F,OAAL,CAAa,CAAb,CADH,eAEE,6BACE,SAAS,EAAE/G,EAAE,kBACVS,MAAM,CAACuG,KAAP,CAAa,KAAKlB,KAAlB,CADU,IACiB,IADjB,OAEVrF,MAAM,CAACwG,aAAP,EAFU,IAEeX,OAAO,CAAC5D,QAAD,CAFtB,QADf,iBAME,oBAAC,uBAAD,IAAyB,IAAI,EAAE,EAA/B,GANF,CAFF,CADF,EAYG,KAAKf,KAAL,CAAWI,MAAX,IAAqB,KAAKmF,UAAL,CAAgB,KAAKpE,MAArB,CAZxB,CADF,CAgBD,CA/JH,QAiKUkD,cAjKV,GAiKE,0BAAyB,CACvB,IAAQtD,QAAR,GAAqB,KAAKD,KAA1B,CAAQC,QAAR,CACA,IAAMuD,KAAK,GAAG,KAAKxE,QAAL,GAAgBwE,KAA9B,CACA,IAAMC,oBAAoB,GAAG,CAACxD,QAA9B,CACA,IAAMyD,GAAG,GAAGD,oBAAoB,GAAG,QAAH,GAAc,MAA9C,CACA,IAAME,SAAS,GAAG,EAChBC,SAAS,EAAErG,EAAE,CAACS,MAAM,CAAC2B,IAAP,CAAY,KAAK0D,KAAjB,CAAD,EAA0BrF,MAAM,CAAC0G,QAAP,EAA1B,EAA6CzE,QAAQ,IAAIjC,MAAM,CAACiC,QAAP,EAAzD,CADG,EAEhB6D,KAAK,EAAE,EAAEN,KAAK,EAALA,KAAF,EAFS,EAGhBO,GAAG,EAAE,KAAKzD,OAHM,EAIhB0D,OAAO,EAAE,KAAKjE,IAJE,EAKhB,iBAAiB0D,oBAAoB,GAAG,KAAKvE,KAAL,CAAWI,MAAd,GAAuB2E,SAL5C,EAMhB,cAAcR,oBAAoB,GAC3B,KAAK3G,MAAL,CAAYoH,qBADe,UAE5B,KAAKlF,QAAL,GAAgBmF,IAAhB,KAAyB,MAAzB,GAAkC,KAAKrH,MAAL,CAAYsH,mBAA9C,GAAoE,KAAKtH,MAAL,CAAYuH,oBAFpD,UAG1B,KAAKC,OAAL,CAAa,CAAb,CAH0B,GAI9BL,SAVY,EAAlB,CAaA,oBACE,oBAAC,GAAD,EAASN,SAAT,eACE,6BAAK,YAAUhF,kBAAkB,CAACC,OAAlC,EAA2C,SAAS,EAAEZ,MAAM,CAACY,OAAP,EAAtD,IACG,KAAK0F,OAAL,CAAa,CAAb,CADH,CADF,EAIGb,oBAAoB,iBACnB,oBAAC,gCAAD,IAAkC,SAAS,EAAElG,EAAE,CAACQ,aAAa,CAACwG,KAAf,CAA/C,EAAsE,KAAK,EAAC,SAA5E,GALJ,EAOG,KAAKrF,KAAL,CAAWI,MAAX,IAAqB,KAAKmF,UAAL,CAAgB,KAAKpE,MAArB,CAPxB,CADF,CAWD,CA9LH,QAqNUsE,YArNV,GAqNE,sBAAqBC,KAArB,EAAoC,CAClC,IAAMpC,KAAK,GAAG,KAAKxC,KAAL,CAAWwC,KAAX,GAAmBoC,KAAjC,CACA,IAAIjI,aAAa,CAAC,KAAKqD,KAAL,CAAW6E,QAAZ,CAAb,IAAsClI,aAAa,CAAC,KAAKqD,KAAL,CAAW8E,QAAZ,CAAvD,EAA8E,CAC5E,OAAOtC,KAAK,GAAG,KAAKxC,KAAL,CAAW6E,QAAnB,IAA+BrC,KAAK,GAAG,KAAKxC,KAAL,CAAW8E,QAAzD,CACD,CAED,IAAInI,aAAa,CAAC,KAAKqD,KAAL,CAAW8E,QAAZ,CAAjB,EAAwC,CACtC,OAAOtC,KAAK,GAAG,KAAKxC,KAAL,CAAW8E,QAA1B,CACD,CAED,IAAInI,aAAa,CAAC,KAAKqD,KAAL,CAAW6E,QAAZ,CAAjB,EAAwC,CACtC,OAAOrC,KAAK,GAAG,KAAKxC,KAAL,CAAW6E,QAA1B,CACD,CACF,CAlOH,QAoOUJ,UApOV,GAoOE,oBAAmBM,EAAnB,EAAiD,wBAC/C,kBAAiC,KAAK7F,KAAtC,CAAQK,GAAR,eAAQA,GAAR,CAAaF,MAAb,eAAaA,MAAb,CAAqBI,OAArB,eAAqBA,OAArB,CAEA,IAAI8C,KAAK,GAAG,KAAKrD,KAAL,CAAWV,GAAX,GAAiBP,UAA7B,CACA,IAAIsE,KAAK,GAAG,CAAZ,EAAe,CACbA,KAAK,IAAItE,UAAT,CACD,CAED,IAAM+G,IAAI,GAAG,CAAC,KAAK9F,KAAL,CAAWV,GAAX,GAAiB+D,KAAjB,GAAyBhD,GAA1B,IAAiCtB,UAA9C,CACA,IAAMgH,EAAE,GAAGD,IAAI,GAAGE,IAAI,CAACC,IAAL,CAAU,CAAC9F,MAAM,GAAGkD,KAAV,IAAmBtE,UAA7B,CAAlB,CACA,IAAMmH,KAAK,GAAG,EAAd,CAV+C,2BAYtCC,CAZsC,YAa7C,IAAMV,YAAY,GAAG,MAAI,CAACA,YAAL,CAAkBU,CAAlB,KAAwB,KAA7C,CACA,IAAMzB,SAAS,GAAGrG,EAAE,kBACjBS,MAAM,CAACa,QAAP,CAAgB,MAAI,CAACwE,KAArB,CADiB,IACa,IADb,OAEjBrF,MAAM,CAACsH,gBAAP,CAAwB,MAAI,CAACjC,KAA7B,CAFiB,IAEqBgC,CAAC,KAAK,CAF3B,OAGjBrH,MAAM,CAACuH,cAAP,CAAsB,MAAI,CAAClC,KAA3B,CAHiB,IAGmBgC,CAAC,KAAK,MAAI,CAACnG,KAAL,CAAWE,OAHpC,OAIjBpB,MAAM,CAACwH,gBAAP,CAAwB,MAAI,CAACnC,KAA7B,CAJiB,IAIqBsB,YAJrB,QAApB,CAMA,IAAMc,YAAY,GAAG,EACnBC,WAAW,EAAErE,cADM,EAEnB2C,OAAO,EAAE,MAAI,CAAC1B,eAAL,CAAqB+C,CAArB,CAFU,EAArB,CAIAD,KAAK,CAACO,IAAN,eACE,yCACE,+DAAuB,MAAI,CAAC3G,QAAL,GAAgBmF,IAAhB,KAAyB,MAAzB,GAAkC,KAAlC,GAA0C,OAAjE,UAA4E,MAAI,CAACG,OAAL,CAAae,CAAb,CAD9E,EAEE,YAAU1G,kBAAkB,CAACE,QAF/B,EAGE,sBAAoB8F,YAHtB,EAIE,GAAG,EAAEU,CAJP,EAKE,SAAS,EAAEzB,SALb,EAME,YAAY,EAAE,gCAAM,MAAI,CAACzD,QAAL,CAAc,EAAEf,OAAO,EAAEiG,CAAX,EAAd,CAAN,EANhB,EAOE,YAAY,EAAE,gCAAM,MAAI,CAAClF,QAAL,CAAc,EAAEf,OAAO,EAAE,IAAX,EAAd,CAAN,EAPhB,IAQMqG,YARN,GAUG,MAAI,CAACnB,OAAL,CAAae,CAAb,CAVH,CADF,EAxB6C,EAY/C,KAAK,IAAIA,CAAC,GAAGL,IAAb,EAAmBK,CAAC,GAAGJ,EAAvB,EAA2B,EAAEI,CAA7B,EAAgC,OAAvBA,CAAuB,EA0B/B,CACD,IAAMvB,KAKL,GAAG,EACFvE,GAAG,EAAEA,GAAG,GAAG,CADT,EAEFqG,IAAI,EAAE,CAFJ,EAGFC,KAAK,EAAE,CAHL,EALJ,CAWA,IAAMC,UAA+B,GAAG,EACtCC,QAAQ,EAAE,UAD4B,EAEtCxG,GAAG,EAAE,CAACgD,KAFgC,EAAxC,CAKA,IAAMyD,WAAW,GAAGzI,EAAE,kBACnBS,MAAM,CAACiI,UAAP,CAAkB,KAAK5C,KAAvB,CADmB,IACa,IADb,OAEnBrF,MAAM,CAACkI,WAAP,EAFmB,IAEI,KAAKhH,KAAL,CAAWM,SAFf,OAGnBxB,MAAM,CAACmI,WAAP,EAHmB,IAGI,KAAKjH,KAAL,CAAWC,SAHf,QAAtB,CAMA,IAAIiH,cAAc,GAAG,CAACnI,UAAtB,CACA,IAAIwB,OAAO,GAAG,CAACF,GAAf,EAAoB,CAClB,IAAM8G,mBAAmB,GAAG,KAAKnH,KAAL,CAAWM,SAAX,GAAuB,CAAvB,GAA2B,EAAvD,CACA4G,cAAc,IAAI3G,OAAO,GAAGF,GAAV,GAAgB8G,mBAAlC,CACD,CAED,IAAMC,MAAM,GAAG5I,WAAW,CAAC,KAAK2F,KAAN,CAAX,gBAA0B,oBAAC,qBAAD,IAAuB,KAAK,EAAC,SAA7B,GAA1B,gBAAsE,oBAAC,kBAAD,OAArF,CACA,IAAMkD,QAAQ,GAAG7I,WAAW,CAAC,KAAK2F,KAAN,CAAX,gBAA0B,oBAAC,uBAAD,IAAyB,KAAK,EAAC,SAA/B,GAA1B,gBAAwE,oBAAC,oBAAD,OAAzF,CAEA,oBACE,oBAAC,WAAD,IAAa,cAAc,EAAE,KAAKjD,KAAlC,EAAyC,cAAc,EAAE,KAAKA,KAA9D,EAAqE,MAAM,MAA3E,iBACE,oBAAC,iBAAD,IACE,YAAUzB,kBAAkB,CAACG,IAD/B,EAEE,EAAE,EAAEiG,EAFN,EAGE,SAAS,EAAE,KAAKpD,SAHlB,EAIE,OAAO,EAAEyE,cAJX,EAKE,OAAO,EAAE,CAAC,EALZ,iBAOE,6BAAK,SAAS,EAAEJ,WAAhB,EAA6B,KAAK,EAAElC,KAApC,IACG,CAAC,KAAK5E,KAAL,CAAWM,SAAZ,iBACC,6BACE,SAAS,EAAEjC,EAAE,CAACS,MAAM,CAACc,IAAP,CAAY,KAAKuE,KAAjB,CAAD,EAA0BrF,MAAM,CAACwI,MAAP,EAA1B,CADf,EAEE,OAAO,EAAE,KAAK5D,QAFhB,EAGE,WAAW,EAAE,KAAKzB,iBAHpB,EAIE,SAAS,EAAE,KAAKO,mBAJlB,EAKE,YAAY,EAAE,KAAKA,mBALrB,EAME,YAAY,EAAE,KAAKP,iBANrB,EAOE,UAAU,EAAE,KAAKO,mBAPnB,iBASE,kCAAO4E,MAAP,CATF,CAFJ,eAcE,6BAAK,SAAS,EAAEtI,MAAM,CAACyI,WAAP,EAAhB,EAAsC,KAAK,EAAE,EAAEpH,MAAM,EAANA,MAAF,EAA7C,iBACE,6BAAK,GAAG,EAAE,KAAKuB,iBAAf,EAAkC,KAAK,EAAEkF,UAAzC,IACGV,KADH,CADF,CAdF,EAmBG,CAAC,KAAKlG,KAAL,CAAWC,SAAZ,iBACC,6BACE,SAAS,EAAE5B,EAAE,CAACS,MAAM,CAACc,IAAP,CAAY,KAAKuE,KAAjB,CAAD,EAA0BrF,MAAM,CAAC0I,QAAP,EAA1B,CADf,EAEE,OAAO,EAAE,KAAK7D,UAFhB,EAGE,WAAW,EAAE,KAAKpB,mBAHpB,EAIE,SAAS,EAAE,KAAKC,mBAJlB,EAKE,YAAY,EAAE,KAAKA,mBALrB,EAME,YAAY,EAAE,KAAKD,mBANrB,EAOE,UAAU,EAAE,KAAKC,mBAPnB,iBASE,kCAAO6E,QAAP,CATF,CApBJ,CAPF,CADF,CADF,CA6CD,CAvVH,QAycUjC,OAzcV,GAycE,iBAAgBM,KAAhB,EAA+B;AAC7B,QAAMpC,KAAK,GAAG,KAAKxC,KAAL,CAAWwC,KAAX,GAAmBoC,KAAjC;AACA,QAAI,KAAK5F,QAAL,GAAgBmF,IAAhB,KAAyB,OAA7B,EAAsC;AACpC,oCAAO,KAAKrH,MAAL,CAAY6J,MAAnB,qBAAO,oBAAqBnE,KAArB,CAAP;AACD;AACD,WAAOA,KAAP;AACD,GA/cH;;AAidUtC,EAAAA,WAjdV,GAidE,qBAAoB1B,GAApB,EAAiC;AAC/B,QAAIe,GAAG,GAAGpB,gBAAgB,GAAGF,UAA7B;AACA,QAAIoB,MAAM,GAAGnB,iBAAiB,GAAGD,UAAjC;AACA,QAAI,KAAKe,QAAL,GAAgBmF,IAAhB,KAAyB,OAA7B,EAAsC;AACpC5E,MAAAA,GAAG,GAAG,CAAC,KAAKS,KAAL,CAAWwC,KAAZ,GAAoBvE,UAA1B;AACAoB,MAAAA,MAAM,GAAGjB,WAAW,GAAGH,UAAvB;AACD;;AAED,QAAMQ,MAAM,GAAG,KAAKmI,SAAL,KAAmBrH,GAAlC;AACA,QAAMb,MAAM,GAAG,KAAKmI,SAAL,KAAmBtH,GAAnB,GAAyBF,MAAzB,GAAkCpB,UAAjD;;AAEA,QAAM6I,aAAa,GAAGvI,YAAY,CAACC,GAAD,EAAMC,MAAN,EAAcC,MAAd,CAAlC;AACA,QAAMc,SAAS,GAAGsH,aAAa,IAAIrI,MAAnC;AACA,QAAMU,SAAS,GAAG2H,aAAa,IAAIpI,MAAnC;;AAEA,SAAKyB,QAAL,CAAc,EAAE3B,GAAG,EAAEsI,aAAP,EAAsBvH,GAAG,EAAHA,GAAtB,EAA2BF,MAAM,EAANA,MAA3B,EAAmCG,SAAS,EAATA,SAAnC,EAA8CL,SAAS,EAATA,SAA9C,EAAd;AACD,GAjeH;;AAmeUyH,EAAAA,SAneV,GAmeE,qBAAoB;AAClB,QAAMzC,IAAI,GAAG,KAAKnF,QAAL,GAAgBmF,IAA7B;AACA,QAAIA,IAAI,KAAK,OAAb,EAAsB;AACpB,aAAO,CAAC,KAAKnE,KAAL,CAAWwC,KAAZ,GAAoBvE,UAA3B;AACD,KAFD,MAEO,IAAIkG,IAAI,KAAK,MAAb,EAAqB;AAC1B,aAAO,CAAC,CAAC,KAAKnE,KAAL,CAAW8E,QAAX,IAAuBzG,cAAxB,IAA0C,KAAK2B,KAAL,CAAWwC,KAAtD,IAA+DvE,UAAtE;AACD;AACD,WAAO,CAACyB,QAAR,CAPkB,CAOA;AACnB,GA3eH;;AA6eUmH,EAAAA,SA7eV,GA6eE,qBAAoB;AAClB,QAAM1C,IAAI,GAAG,KAAKnF,QAAL,GAAgBmF,IAA7B;AACA,QAAIA,IAAI,KAAK,OAAb,EAAsB;AACpB,aAAO,CAACjG,iBAAiB,GAAG,KAAK8B,KAAL,CAAWwC,KAAhC,IAAyCvE,UAAhD;AACD,KAFD,MAEO,IAAIkG,IAAI,KAAK,MAAb,EAAqB;AAC1B,aAAO,CAAC,CAAC,KAAKnE,KAAL,CAAW6E,QAAX,IAAuBvG,cAAxB,IAA0C,KAAK0B,KAAL,CAAWwC,KAAtD,IAA+DvE,UAAtE;AACD;AACD,WAAOyB,QAAP,CAPkB,CAOD;AAClB,GArfH,qBAAgCpD,KAAK,CAACyK,aAAtC,WACgBC,mBADhB,GACsC,YADtC,UAGgBC,SAHhB,GAG4B,EACxBhH,QAAQ,EAAE1D,SAAS,CAAC2K,IADI,EAGxB/C,IAAI,EAAE5H,SAAS,CAAC4K,MAHQ,EAKxB3E,KAAK,EAAEjG,SAAS,CAAC6K,MAAV,CAAiBC,UALA,EAOxB7D,KAAK,EAAEjH,SAAS,CAAC+K,SAAV,CAAoB,CAAC/K,SAAS,CAAC6K,MAAX,EAAmB7K,SAAS,CAAC4K,MAA7B,CAApB,CAPiB,EASxB1E,aAAa,EAAElG,SAAS,CAACgL,IATD,EAWxBzC,QAAQ,EAAEvI,SAAS,CAAC6K,MAXI,EAaxBvC,QAAQ,EAAEtI,SAAS,CAAC6K,MAbI,EAH5B,UAmBgBnI,YAnBhB,GAmB6C,EACzCkF,IAAI,EAAE,MADmC,EAEzCX,KAAK,EAAE,MAFkC,EAnB7C;;;AAwfA,SAASnC,cAAT,CAAwBsB,CAAxB,EAAiD;AAC/CA,EAAAA,CAAC,CAACtB,cAAF;AACD","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser, SafeTimer } from '@skbkontur/global-object';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport { ArrowCUpIcon16Regular } from '../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular';\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n disabled?: boolean \| null;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport interface DateSelectState {\n botCapped: boolean;\n current: Nullable<number>;\n height: number;\n opened: boolean;\n pos: number;\n top: number;\n topCapped: boolean;\n nodeTop: number;\n}\n\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n if (maxPos <= pos) {\n return maxPos;\n }\n\n if (minPos >= pos) {\n return minPos;\n }\n\n return pos;\n};\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' \| 'width'>>;\n\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n\n public static propTypes = {\n disabled: PropTypes.bool,\n\n type: PropTypes.string,\n\n value: PropTypes.number.isRequired,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n onValueChange: PropTypes.func,\n\n minValue: PropTypes.number,\n\n maxValue: PropTypes.number,\n };\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n public state = {\n botCapped: false,\n current: 0,\n height: 0,\n opened: false,\n pos: 0,\n top: 0,\n topCapped: false,\n nodeTop: Infinity,\n };\n\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private root: HTMLElement \| null = null;\n private itemsContainer: HTMLElement \| null = null;\n private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n private timeout: SafeTimer;\n private longClickTimer: SafeTimer;\n private setPositionRepeatTimer: SafeTimer;\n private yearStep = 3;\n private touchStartY: Nullable<number> = null;\n\n public componentDidUpdate() {\n this.setNodeTop();\n }\n\n public componentDidMount() {\n this.listener = LayoutEvents.addListener(this.setNodeTop);\n this.setNodeTop();\n globalObject.addEventListener?.('keydown', this.handleKey);\n }\n\n public componentWillUnmount() {\n if (this.listener) {\n this.listener.remove();\n }\n if (this.timeout) {\n globalObject.clearTimeout(this.timeout);\n }\n if (this.longClickTimer) {\n globalObject.clearTimeout(this.longClickTimer);\n }\n if (this.setPositionRepeatTimer) {\n globalObject.clearTimeout(this.setPositionRepeatTimer);\n }\n globalObject.removeEventListener?.('keydown', this.handleKey);\n }\n\n /*\n @public\n /\n public open = () => {\n if (this.props.disabled) {\n return;\n }\n\n if (this.state.opened) {\n return;\n }\n\n this.setPosition(0);\n this.setState({\n opened: true,\n current: 0,\n });\n };\n\n /\n @public\n /\n public close = () => {\n if (!this.state.opened) {\n return;\n }\n\n this.setState({ opened: false });\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 menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderMain() {\n if (isTheme2022(this.theme)) {\n return this.renderMain2022();\n }\n\n const { disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const rootProps = {\n className: cx({\n [styles.root(this.theme)]: true,\n [styles.disabled()]: Boolean(disabled),\n }),\n style: { width },\n ref: this.refRoot,\n onClick: this.open,\n 'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(0)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(0)}\n <div\n className={cx({\n [styles.arrow(this.theme)]: true,\n [styles.arrowDisabled()]: Boolean(disabled),\n })}\n >\n <ArrowTriangleUpDownIcon size={12} />\n </div>\n </div>\n {this.state.opened && this.renderMenu(this.menuId)}\n </Tag>\n );\n }\n\n private renderMain2022() {\n const { disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const rootProps = {\n className: cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),\n style: { width },\n ref: this.refRoot,\n onClick: this.open,\n 'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(0)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(0)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n {this.state.opened && this.renderMenu(this.menuId)}\n </Tag>\n );\n }\n\n private refRoot = (element: HTMLElement \| null) => {\n this.root = element;\n };\n\n private setNodeTop = () => {\n const root = this.root;\n if (!root) {\n return;\n }\n if (this.timeout) {\n globalObject.clearTimeout(this.timeout);\n }\n this.timeout = globalObject.setTimeout(\n () =>\n this.setState({\n nodeTop: getDOMRect(root).top,\n }),\n 0,\n );\n };\n\n private disableItems(index: number) {\n const value = this.props.value + index;\n if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n return value > this.props.maxValue \|\| value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.minValue)) {\n return value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.maxValue)) {\n return value > this.props.maxValue;\n }\n }\n\n private renderMenu(id?: string): React.ReactNode {\n const { top, height, nodeTop } = this.state;\n\n let shift = this.state.pos % itemHeight;\n if (shift < 0) {\n shift += itemHeight;\n }\n\n const from = (this.state.pos - shift + top) / itemHeight;\n const to = from + Math.ceil((height + shift) / itemHeight);\n const items = [];\n\n for (let i = from; i < to; ++i) {\n const disableItems = this.disableItems(i) \|\| false;\n const className = cx({\n [styles.menuItem(this.theme)]: true,\n [styles.menuItemSelected(this.theme)]: i === 0,\n [styles.menuItemActive(this.theme)]: i === this.state.current,\n [styles.menuItemDisabled(this.theme)]: disableItems,\n });\n const clickHandler = {\n onMouseDown: preventDefault,\n onClick: this.handleItemClick(i),\n };\n items.push(\n <button\n aria-label={`Выбрать ${this.getProps().type === 'year' ? 'год' : 'месяц'} ${this.getItem(i)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-prop-disabled={disableItems}\n key={i}\n className={className}\n onMouseEnter={() => this.setState({ current: i })}\n onMouseLeave={() => this.setState({ current: null })}\n {...clickHandler}\n >\n {this.getItem(i)}\n </button>,\n );\n }\n const style: {\n left?: number \| string;\n right?: number \| string;\n top: number;\n width?: number \| string;\n } = {\n top: top - 5,\n left: 0,\n right: 0,\n };\n\n const shiftStyle: React.CSSProperties = {\n position: 'relative',\n top: -shift,\n };\n\n const holderClass = cx({\n [styles.menuHolder(this.theme)]: true,\n [styles.isTopCapped()]: this.state.topCapped,\n [styles.isBotCapped()]: this.state.botCapped,\n });\n\n let dropdownOffset = -itemHeight;\n if (nodeTop < -top) {\n const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n }\n\n const iconUp = isTheme2022(this.theme) ? <ArrowCUpIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronUpIcon />;\n const iconDown = isTheme2022(this.theme) ? <ArrowCDownIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronDownIcon />;\n\n return (\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n <DropdownContainer\n data-tid={DateSelectDataTids.menu}\n id={id}\n getParent={this.getAnchor}\n offsetY={dropdownOffset}\n offsetX={-10}\n >\n <div className={holderClass} style={style}>\n {!this.state.topCapped && (\n <div\n className={cx(styles.menu(this.theme), styles.menuUp())}\n onClick={this.handleUp}\n onMouseDown={this.handleLongClickUp}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickUp}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>{iconUp}</span>\n </div>\n )}\n <div className={styles.itemsHolder()} style={{ height }}>\n <div ref={this.refItemsContainer} style={shiftStyle}>\n {items}\n </div>\n </div>\n {!this.state.botCapped && (\n <div\n className={cx(styles.menu(this.theme), styles.menuDown())}\n onClick={this.handleDown}\n onMouseDown={this.handleLongClickDown}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickDown}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>{iconDown}</span>\n </div>\n )}\n </div>\n </DropdownContainer>\n </RenderLayer>\n );\n }\n\n private refItemsContainer = (element: HTMLElement \| null) => {\n if (!this.itemsContainer && element) {\n element.addEventListener('wheel', this.handleWheel, { passive: false });\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n }\n\n if (isMobile) {\n if (!this.itemsContainer && element) {\n element.addEventListener('touchstart', this.handleTouchStart);\n element.addEventListener('touchmove', this.handleTouchMove);\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n }\n }\n\n this.itemsContainer = element;\n };\n\n private handleLongClickUp = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = globalObject.setTimeout(() => {\n this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickDown = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = globalObject.setTimeout(() => {\n this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickStop = () => {\n globalObject.clearTimeout(this.longClickTimer);\n globalObject.clearTimeout(this.setPositionRepeatTimer);\n };\n\n private getAnchor = () => this.root;\n\n private handleWheel = (event: Event) => {\n if (!isInstanceOf(event, globalObject.WheelEvent)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n\n let deltaY = event.deltaY;\n if (event.deltaMode === 1) {\n deltaY = itemHeight;\n } else if (event.deltaMode === 2) {\n deltaY = itemHeight 4;\n }\n const pos = this.state.pos + deltaY;\n this.setPosition(pos);\n };\n\n private handleTouchStart = (event: Event) => {\n if (!isInstanceOf(event, globalObject.TouchEvent)) {\n return;\n }\n\n this.touchStartY = event.targetTouches[0].clientY;\n };\n\n private handleTouchMove = (event: Event) => {\n if (!isInstanceOf(event, globalObject.TouchEvent) \|\| !isBrowser(globalObject)) {\n return;\n }\n\n const { clientY } = event.changedTouches[0];\n const pixelRatio = globalObject.devicePixelRatio;\n\n const deltaY = ((this.touchStartY \|\| 0) - clientY) / pixelRatio;\n const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n this.touchStartY = clientY;\n\n this.setPosition(pos);\n };\n\n private handleItemClick = (shift: number) => {\n return () => {\n const value = this.props.value + shift;\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n this.setState({ opened: false });\n };\n };\n\n private handleKey = (e: KeyboardEvent) => {\n if (this.state.opened && isKeyEscape(e)) {\n e.preventDefault();\n this.close();\n e.stopPropagation();\n }\n };\n\n private handleUp = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos - itemHeight * this.yearStep);\n };\n\n private handleDown = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos + itemHeight * this.yearStep);\n };\n\n private getItem(index: number) {\n const value = this.props.value + index;\n if (this.getProps().type === 'month') {\n return this.locale.months?.[value];\n }\n return value;\n }\n\n private setPosition(pos: number) {\n let top = itemsToMoveCount * itemHeight;\n let height = visibleYearsCount * itemHeight;\n if (this.getProps().type === 'month') {\n top = -this.props.value * itemHeight;\n height = monthsCount * itemHeight;\n }\n\n const minPos = this.getMinPos() - top;\n const maxPos = this.getMaxPos() - top - height + itemHeight;\n\n const calculatedPos = calculatePos(pos, minPos, maxPos);\n const topCapped = calculatedPos <= minPos;\n const botCapped = calculatedPos >= maxPos;\n\n this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n }\n\n private getMinPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return -this.props.value * itemHeight;\n } else if (type === 'year') {\n return ((this.props.minValue \|\| defaultMinYear) - this.props.value) * itemHeight;\n }\n return -Infinity; // Be defensive.\n }\n\n private getMaxPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return (visibleYearsCount - this.props.value) * itemHeight;\n } else if (type === 'year') {\n return ((this.props.maxValue \|\| defaultMaxYear) - this.props.value) * itemHeight;\n }\n return Infinity; // Be defensive.\n }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n e.preventDefault();\n}\n"]}

package/internal/DateSelect/DateSelect.d.ts CHANGED Viewed

@@ -23,6 +23,7 @@ export interface DateSelectState {
 export declare const DateSelectDataTids: {
     readonly caption: "DateSelect__caption";
     readonly menuItem: "DateSelect__menuItem";
+    readonly menu: "DateSelect__menu";
 };
 declare type DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;
 export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
@@ -70,7 +71,9 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
      */
     close: () => void;
     render(): JSX.Element;
+    private menuId;
     private renderMain;
+    private renderMain2022;
     private refRoot;
     private setNodeTop;
     private disableItems;

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js CHANGED Viewed

@@ -1,55 +1,61 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+export var globalClasses = prefix('select')({
+  arrow: 'arrow'
+});
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font: inherit;\n      font-size: ", ";\n      padding: 0px;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n      border: none;\n      line-height: ", ";\n      background-color: transparent;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n\n      & .", " {\n        transition: fill ", " ", ";\n      }\n\n      &:hover .", " {\n        fill: ", " !important;\n      }\n    "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor, globalClasses.arrow, t.transitionDuration, t.transitionTimingFunction, globalClasses.arrow, t.dateSelectTextColorDefault);
+  },
+  root2022: function root2022() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      justify-content: space-between;\n    "])));
   },
   disabled: function disabled() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
   },
   caption: function caption() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   },
   arrow: function arrow(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      float: right;\n      line-height: ", ";\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "])), t.dateSelectTextColorDisabled, t.dateSelectLineHeight);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      float: right;\n      line-height: ", ";\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "])), t.dateSelectTextColorDisabled, t.dateSelectLineHeight);
   },
   arrowDisabled: function arrowDisabled() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 0;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      opacity: 0;\n    "])));
   },
   menuHolder: function menuHolder(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: ", ";\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "])), t.dateSelectMenuBg, t.dateSelectPopupBoxShadow, t.dateSelectTextColorDefault, t.dateSelectFontSize);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: ", ";\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "])), t.dateSelectMenuBg, t.dateSelectPopupBoxShadow, t.dateSelectTextColorDefault, t.dateSelectFontSize);
   },
   isTopCapped: function isTopCapped() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
   },
   isBotCapped: function isBotCapped() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 5px;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 5px;\n    "])));
   },
   itemsHolder: function itemsHolder() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: relative;\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: relative;\n    "])));
   },
   menuItem: function menuItem(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    "])), t.dateSelectTextColorDefault);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      padding: 0;\n      padding-left: 10px;\n      width: 100%;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n      border: none;\n      font: inherit;\n      line-height: 24px;\n      background-color: transparent;\n    "])), t.dateSelectTextColorDefault);
   },
   menuItemSelected: function menuItemSelected(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
   },
   menuItemActive: function menuItemActive(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
   },
   menuItemDisabled: function menuItemDisabled(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])), t.dateSelectMenuItemBgDisabled, t.dateSelectTextColorDisabled);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])), t.dateSelectMenuItemBgDisabled, t.dateSelectTextColorDisabled);
   },
   menu: function menu(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.dateSelectMenuBg, t.dateSelectTextColorDefault, t.dateSelectMenuItemBgActive, t.dateSelectTextColorInvert);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.dateSelectMenuBg, t.dateSelectTextColorDefault, t.dateSelectMenuItemBgActive, t.dateSelectTextColorInvert);
   },
   menuUp: function menuUp() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
   },
   menuDown: function menuDown() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
   }
 });

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DateSelect.styles.ts"],"names":["css","memoizeStyle","styles","root","t","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","~~disabled~~","~~caption~~","~~arrow~~","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"~~yYAAA~~,SAASA,GAAT,EAAcC,YAAd,~~QAAkC~~,~~2BAAlC~~;;;AAGA,OAAO,IAAMC,~~MAAM~~,GAAGD,YAAY,CAAC;~~AACjCE~~,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,~~WAAOJ~~,GAAP;~~AACWI~~,IAAAA,CAAC,CAACC,0BADb~~;;;AAIeD~~,IAAAA,CAAC,CAACE,~~kBAJjB;AAKiBF~~,IAAAA,CAAC,CAACG,~~oBALnB;;;;;;;;AAaaH~~,IAAAA,CAAC,CAACI,~~mBAbf~~;;;~~AAgBD~~,~~GAlBgC~~;;~~AAoBjCC~~,EAAAA,~~QApBiC~~,~~sBAoBtB~~;AACT,~~WAAOT~~,GAAP;;;;AAID,~~GAzBgC~~;;~~AA2BjCU~~,EAAAA,~~OA3BiC~~,~~qBA2BvB~~;AACR,~~WAAOV~~,GAAP;;;AAGD,~~GA/BgC~~;;~~AAiCjCW~~,EAAAA,~~KAjCiC~~,~~iBAiC3BP~~,~~CAjC2B~~,~~EAiCjB~~;AACd,~~WAAOJ~~,GAAP;~~AACWI~~,IAAAA,CAAC,~~CAACQ~~,2BADb;;~~AAGiBR~~,IAAAA,CAAC,CAACG,oBAHnB;;;;;;;;AAWD,~~GA7CgC~~;~~AA8CjCM~~,EAAAA,~~aA9CiC~~,~~2BA8CjB~~;AACd,~~WAAOb~~,GAAP;;;AAGD,~~GAlDgC~~;;~~AAoDjCc~~,EAAAA,~~UApDiC~~,~~sBAoDtBV~~,~~CApDsB~~,~~EAoDZ~~;AACnB,~~WAAOJ~~,GAAP;~~AACgBI~~,IAAAA,CAAC,~~CAACW~~,gBADlB;~~AAEgBX~~,IAAAA,CAAC,~~CAACY~~,wBAFlB;;~~AAIWZ~~,IAAAA,CAAC,CAACC,0BAJb;AAKeD,IAAAA,CAAC,CAACE,kBALjB;;;;;;AAWD,~~GAhEgC~~;;~~AAkEjCW~~,EAAAA,~~WAlEiC~~,~~yBAkEnB~~;AACZ,~~WAAOjB~~,GAAP;;;;AAID,~~GAvEgC~~;;~~AAyEjCkB~~,EAAAA,~~WAzEiC~~,~~yBAyEnB~~;AACZ,~~WAAOlB~~,GAAP;;;AAGD,~~GA7EgC~~;;~~AA+EjCmB~~,EAAAA,~~WA/EiC~~,~~yBA+EnB~~;AACZ,~~WAAOnB~~,GAAP;;;;AAID,~~GApFgC~~;;~~AAsFjCoB~~,EAAAA,~~QAtFiC~~,~~oBAsFxBhB~~,~~CAtFwB~~,~~EAsFd~~;AACjB,~~WAAOJ~~,GAAP~~;AACWI~~,IAAAA,CAAC,CAACC,~~0BADb;;;;;;;;;AAUD~~,~~GAjGgC~~;;~~AAmGjCgB~~,EAAAA,~~gBAnGiC~~,~~4BAmGhBjB~~,~~CAnGgB~~,~~EAmGN~~;AACzB,~~WAAOJ~~,GAAP;~~AACgBI~~,IAAAA,CAAC,~~CAACkB~~,4BADlB;~~AAEWlB~~,IAAAA,CAAC,~~CAACmB~~,8BAFb;;AAID,~~GAxGgC~~;;~~AA0GjCC~~,EAAAA,~~cA1GiC~~,~~0BA0GlBpB~~,~~CA1GkB~~,~~EA0GR~~;AACvB,~~WAAOJ~~,GAAP;~~AACgBI~~,IAAAA,CAAC,~~CAACqB~~,0BADlB;~~AAEWrB~~,IAAAA,CAAC,~~CAACsB~~,4BAFb;;AAID,~~GA/GgC~~;;~~AAiHjCC~~,EAAAA,~~gBAjHiC~~,~~4BAiHhBvB~~,~~CAjHgB~~,~~EAiHN~~;AACzB,~~WAAOJ~~,GAAP;~~AACgBI~~,IAAAA,CAAC,~~CAACwB~~,4BADlB;~~AAEWxB~~,IAAAA,CAAC,~~CAACQ~~,2BAFb;;;AAKD,~~GAvHgC~~;;~~AAyHjCiB~~,EAAAA,~~IAzHiC~~,~~gBAyH5BzB~~,~~CAzH4B~~,~~EAyHlB~~;AACb,~~WAAOJ~~,GAAP;;;;;;;;;~~AASgBI~~,IAAAA,CAAC,~~CAACW~~,gBATlB;~~AAUWX~~,IAAAA,CAAC,CAACC,0BAVb;;;AAakBD,IAAAA,CAAC,~~CAACqB~~,0BAbpB;~~AAcarB~~,IAAAA,CAAC,~~CAAC0B~~,yBAdf;;;AAiBD,~~GA3IgC~~;;~~AA6IjCC~~,EAAAA,~~MA7IiC~~,~~oBA6IxB~~;AACP,~~WAAO/B~~,GAAP;;;;;;AAMD,~~GApJgC~~;;~~AAsJjCgC~~,EAAAA,~~QAtJiC~~,~~sBAsJtB~~;AACT,~~WAAOhC~~,GAAP;;;;;;AAMD,~~GA7JgC~~,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font~~-size~~: ~~${t.dateSelectFontSize}~~;\n ~~line~~-~~height~~: ${t.~~dateSelectLineHeight~~};\n ~~outline~~: 0;\n padding-right: 2px;\n position: relative;\n text-align: left;\n touch-action: none;\n\n &:hover {\n color: ${t.dateSelectLinkColor};\n }\n `;\n },\n\n disabled() {\n return css`\n color: inherit !important; // override root:hover style\n cursor: default;\n `;\n },\n\n caption() {\n return css`\n position: relative;\n `;\n },\n\n arrow(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDisabled};\n float: right;\n line-height: ${t.dateSelectLineHeight};\n opacity: 1;\n position: absolute;\n right: 4px;\n top: 0;\n transform: scaleX(0.7);\n transition: opacity 0.2s ease-out;\n `;\n },\n arrowDisabled() {\n return css`\n opacity: 0;\n `;\n },\n\n menuHolder(t: Theme) {\n return css`\n background: ${t.dateSelectMenuBg};\n box-shadow: ${t.dateSelectPopupBoxShadow};\n box-sizing: content-box;\n color: ${t.dateSelectTextColorDefault};\n font-size: ${t.dateSelectFontSize};\n margin-top: -11px;\n overflow: hidden;\n position: absolute;\n z-index: 1000;\n `;\n },\n\n isTopCapped() {\n return css`\n margin-top: 0;\n padding-top: 5px;\n `;\n },\n\n isBotCapped() {\n return css`\n padding-bottom: 5px;\n `;\n },\n\n itemsHolder() {\n return css`\n overflow: hidden;\n position: relative;\n `;\n },\n\n menuItem(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n height: 24px;\n ~~line-height~~: ~~24px~~;\n padding-left: 10px;\n user-select: none;\n white-space: nowrap;\n touch-action: none;\n `;\n },\n\n menuItemSelected(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgSelected};\n color: ${t.dateSelectMenuItemFontSelected};\n `;\n },\n\n menuItemActive(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectMenuItemFontActive};\n `;\n },\n\n menuItemDisabled(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgDisabled};\n color: ${t.dateSelectTextColorDisabled};\n pointer-events: none;\n `;\n },\n\n menu(t: Theme) {\n return css`\n box-sizing: border-box;\n cursor: pointer;\n height: 16px;\n line-height: 0;\n padding-left: 18px;\n text-align: left;\n user-select: none;\n\n background: ${t.dateSelectMenuBg};\n color: ${t.dateSelectTextColorDefault};\n\n &:hover {\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectTextColorInvert};\n }\n `;\n },\n\n menuUp() {\n return css`\n span {\n position: relative;\n top: -0.5px;\n }\n `;\n },\n\n menuDown() {\n return css`\n span {\n position: relative;\n top: -1px;\n }\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["DateSelect.styles.ts"],"names":["css","memoizeStyle","prefix","globalClasses","arrow","styles","root","t","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","root2022","disabled","caption","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"4ZAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,QAAD,CAAN,CAAiB;AAC5CE,EAAAA,KAAK,EAAE,OADqC,EAAjB,CAAtB;;;AAIP,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;AACjCK,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOP,GAAP;AACWO,IAAAA,CAAC,CAACC,0BADb;;;;AAKeD,IAAAA,CAAC,CAACE,kBALjB;;;;;;;AAYiBF,IAAAA,CAAC,CAACG,oBAZnB;;;;;AAiBaH,IAAAA,CAAC,CAACI,mBAjBf;;;AAoBOR,IAAAA,aAAa,CAACC,KApBrB;AAqBuBG,IAAAA,CAAC,CAACK,kBArBzB,EAqB+CL,CAAC,CAACM,wBArBjD;;;AAwBaV,IAAAA,aAAa,CAACC,KAxB3B;AAyBYG,IAAAA,CAAC,CAACC,0BAzBd;;;AA4BD,GA9BgC;;AAgCjCM,EAAAA,QAhCiC,sBAgCtB;AACT,WAAOd,GAAP;;;;AAID,GArCgC;;AAuCjCe,EAAAA,QAvCiC,sBAuCtB;AACT,WAAOf,GAAP;;;;AAID,GA5CgC;;AA8CjCgB,EAAAA,OA9CiC,qBA8CvB;AACR,WAAOhB,GAAP;;;AAGD,GAlDgC;;AAoDjCI,EAAAA,KApDiC,iBAoD3BG,CApD2B,EAoDjB;AACd,WAAOP,GAAP;AACWO,IAAAA,CAAC,CAACU,2BADb;;AAGiBV,IAAAA,CAAC,CAACG,oBAHnB;;;;;;;;AAWD,GAhEgC;AAiEjCQ,EAAAA,aAjEiC,2BAiEjB;AACd,WAAOlB,GAAP;;;AAGD,GArEgC;;AAuEjCmB,EAAAA,UAvEiC,sBAuEtBZ,CAvEsB,EAuEZ;AACnB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAACa,gBADlB;AAEgBb,IAAAA,CAAC,CAACc,wBAFlB;;AAIWd,IAAAA,CAAC,CAACC,0BAJb;AAKeD,IAAAA,CAAC,CAACE,kBALjB;;;;;;AAWD,GAnFgC;;AAqFjCa,EAAAA,WArFiC,yBAqFnB;AACZ,WAAOtB,GAAP;;;;AAID,GA1FgC;;AA4FjCuB,EAAAA,WA5FiC,yBA4FnB;AACZ,WAAOvB,GAAP;;;AAGD,GAhGgC;;AAkGjCwB,EAAAA,WAlGiC,yBAkGnB;AACZ,WAAOxB,GAAP;;;;AAID,GAvGgC;;AAyGjCyB,EAAAA,QAzGiC,oBAyGxBlB,CAzGwB,EAyGd;AACjB,WAAOP,GAAP;;AAEWO,IAAAA,CAAC,CAACC,0BAFb;;;;;;;;;;;;;;AAgBD,GA1HgC;;AA4HjCkB,EAAAA,gBA5HiC,4BA4HhBnB,CA5HgB,EA4HN;AACzB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAACoB,4BADlB;AAEWpB,IAAAA,CAAC,CAACqB,8BAFb;;AAID,GAjIgC;;AAmIjCC,EAAAA,cAnIiC,0BAmIlBtB,CAnIkB,EAmIR;AACvB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAACuB,0BADlB;AAEWvB,IAAAA,CAAC,CAACwB,4BAFb;;AAID,GAxIgC;;AA0IjCC,EAAAA,gBA1IiC,4BA0IhBzB,CA1IgB,EA0IN;AACzB,WAAOP,GAAP;AACgBO,IAAAA,CAAC,CAAC0B,4BADlB;AAEW1B,IAAAA,CAAC,CAACU,2BAFb;;;AAKD,GAhJgC;;AAkJjCiB,EAAAA,IAlJiC,gBAkJ5B3B,CAlJ4B,EAkJlB;AACb,WAAOP,GAAP;;;;;;;;;AASgBO,IAAAA,CAAC,CAACa,gBATlB;AAUWb,IAAAA,CAAC,CAACC,0BAVb;;;AAakBD,IAAAA,CAAC,CAACuB,0BAbpB;AAcavB,IAAAA,CAAC,CAAC4B,yBAdf;;;AAiBD,GApKgC;;AAsKjCC,EAAAA,MAtKiC,oBAsKxB;AACP,WAAOpC,GAAP;;;;;;AAMD,GA7KgC;;AA+KjCqC,EAAAA,QA/KiC,sBA+KtB;AACT,WAAOrC,GAAP;;;;;;AAMD,GAtLgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n arrow: 'arrow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font: inherit;\n font-size: ${t.dateSelectFontSize};\n padding: 0px;\n padding-right: 2px;\n position: relative;\n text-align: left;\n touch-action: none;\n border: none;\n line-height: ${t.dateSelectLineHeight};\n background-color: transparent;\n box-sizing: content-box;\n\n &:hover {\n color: ${t.dateSelectLinkColor};\n }\n\n & .${globalClasses.arrow} {\n transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n }\n\n &:hover .${globalClasses.arrow} {\n fill: ${t.dateSelectTextColorDefault} !important;\n }\n `;\n },\n\n root2022() {\n return css`\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n\n disabled() {\n return css`\n color: inherit !important; // override root:hover style\n cursor: default;\n `;\n },\n\n caption() {\n return css`\n position: relative;\n `;\n },\n\n arrow(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDisabled};\n float: right;\n line-height: ${t.dateSelectLineHeight};\n opacity: 1;\n position: absolute;\n right: 4px;\n top: 0;\n transform: scaleX(0.7);\n transition: opacity 0.2s ease-out;\n `;\n },\n arrowDisabled() {\n return css`\n opacity: 0;\n `;\n },\n\n menuHolder(t: Theme) {\n return css`\n background: ${t.dateSelectMenuBg};\n box-shadow: ${t.dateSelectPopupBoxShadow};\n box-sizing: content-box;\n color: ${t.dateSelectTextColorDefault};\n font-size: ${t.dateSelectFontSize};\n margin-top: -11px;\n overflow: hidden;\n position: absolute;\n z-index: 1000;\n `;\n },\n\n isTopCapped() {\n return css`\n margin-top: 0;\n padding-top: 5px;\n `;\n },\n\n isBotCapped() {\n return css`\n padding-bottom: 5px;\n `;\n },\n\n itemsHolder() {\n return css`\n overflow: hidden;\n position: relative;\n `;\n },\n\n menuItem(t: Theme) {\n return css`\n display: flex;\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n height: 24px;\n padding: 0;\n padding-left: 10px;\n width: 100%;\n user-select: none;\n white-space: nowrap;\n touch-action: none;\n border: none;\n font: inherit;\n line-height: 24px;\n background-color: transparent;\n `;\n },\n\n menuItemSelected(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgSelected};\n color: ${t.dateSelectMenuItemFontSelected};\n `;\n },\n\n menuItemActive(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectMenuItemFontActive};\n `;\n },\n\n menuItemDisabled(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgDisabled};\n color: ${t.dateSelectTextColorDisabled};\n pointer-events: none;\n `;\n },\n\n menu(t: Theme) {\n return css`\n box-sizing: border-box;\n cursor: pointer;\n height: 16px;\n line-height: 0;\n padding-left: 18px;\n text-align: left;\n user-select: none;\n\n background: ${t.dateSelectMenuBg};\n color: ${t.dateSelectTextColorDefault};\n\n &:hover {\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectTextColorInvert};\n }\n `;\n },\n\n menuUp() {\n return css`\n span {\n position: relative;\n top: -0.5px;\n }\n `;\n },\n\n menuDown() {\n return css`\n span {\n position: relative;\n top: -1px;\n }\n `;\n },\n});\n"]}