@skbkontur/react-ui 0.0.0-1b188ff0e7 → 0.0.0-1da9bba033

package/cjs/internal/DataTids/DataTids.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DataTids = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DataTids = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _Select = require("../../components/Select");
 

package/cjs/internal/DataTids/DataTids.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DataTids.tsx"],"names":["DataTids","state","selectedValue","components","Object","keys","componentsDataTids","items","setValue","value","setState","render","entries","map","index","componentName","dataTids","styles","wrapper","values","i","row","leftCell","rightCell","React","Component"],"mappings":"oPAAA;;AAEA;;AAEA;AACA,0D;;;;;;AAMaA,Q;AACJC,IAAAA,K,GAAuB;AAC5BC,MAAAA,aAAa,EAAE,KADa,E;;;AAItBC,IAAAA,U,GAAaC,MAAM,CAACC,IAAP,CAAYC,sCAAZ,C;;AAEbC,IAAAA,K,IAAS,K,SAAU,MAAKJ,U;;AAExBK,IAAAA,Q,GAAW,UAACC,KAAD,EAAmB;AACpC,YAAKC,QAAL,CAAc,EAAER,aAAa,EAAEO,KAAjB,EAAd;AACD,K;;AAEME,EAAAA,M,GAAP,kBAAgB;AACd;AACE;;AAEE,mCAAC,cAAD,IAAgB,KAAK,EAAE,KAAKJ,KAA5B,EAAmC,KAAK,EAAE,KAAKN,KAAL,CAAWC,aAArD,EAAoE,aAAa,EAAE,KAAKM,QAAxF,EAAkG,MAAM,MAAxG,GAFF;AAGGJ,MAAAA,MAAM,CAACQ,OAAP,CAAeN,sCAAf,EAAmCO,GAAnC,CAAuC,gBAA4BC,KAA5B,EAAsC,KAApCC,aAAoC,WAArBC,QAAqB;AAC5E,YAAID,aAAa,KAAK,MAAI,CAACd,KAAL,CAAWC,aAA7B,IAA8C,MAAI,CAACD,KAAL,CAAWC,aAAX,KAA6B,KAA/E,EAAsF;AACpF;AACE,kDAAK,GAAG,EAAEY,KAAV,EAAiB,SAAS,EAAEG,iBAAOC,OAAP,EAA5B;AACE,kDAAK,SAAS,EAAED,iBAAOF,aAAP,EAAhB,IAAyCA,aAAzC,CADF;AAEGX,YAAAA,MAAM,CAACe,MAAP,CAAcH,QAAd,EAAwBH,GAAxB,CAA4B,UAACJ,KAAD,EAAQW,CAAR,EAAc;AACzC;AACE,sDAAK,GAAG,EAAEA,CAAV,EAAa,SAAS,EAAEH,iBAAOI,GAAP,EAAxB;AACE,sDAAK,SAAS,EAAEJ,iBAAOK,QAAP,EAAhB,IAAuCP,aAAvC,iBAAgEN,KAAK,CAAC,CAAD,CAArE,CADF;AAEE,sDAAK,SAAS,EAAEQ,iBAAOM,SAAP,EAAhB,UAAyCd,KAAK,CAAC,CAAD,CAA9C,OAFF,CADF;;;AAMD,aAPA,CAFH,CADF;;;AAaD;AACD,eAAO,IAAP;AACD,OAjBA,CAHH,CADF;;;AAwBD,G,mBAtC2Be,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Select } from '../../components/Select';\n\nimport { styles } from './DataTids.styles';\nimport { componentsDataTids } from './componentsDataTids';\n\ninterface DataTidsState {\n  selectedValue: string;\n}\n\nexport class DataTids extends React.Component {\n  public state: DataTidsState = {\n    selectedValue: 'все',\n  };\n\n  private components = Object.keys(componentsDataTids);\n\n  private items = ['все', ...this.components];\n\n  private setValue = (value: string) => {\n    this.setState({ selectedValue: value });\n  };\n\n  public render() {\n    return (\n      <div>\n        Выбрать компонент:\n        <Select<string> items={this.items} value={this.state.selectedValue} onValueChange={this.setValue} search />\n        {Object.entries(componentsDataTids).map(([componentName, dataTids], index) => {\n          if (componentName === this.state.selectedValue || this.state.selectedValue === 'все') {\n            return (\n              <div key={index} className={styles.wrapper()}>\n                <div className={styles.componentName()}>{componentName}</div>\n                {Object.values(dataTids).map((value, i) => {\n                  return (\n                    <div key={i} className={styles.row()}>\n                      <div className={styles.leftCell()}>{`${componentName}DataTids.${value[0]}`}</div>\n                      <div className={styles.rightCell()}>{`'${value[1]}'`}</div>\n                    </div>\n                  );\n                })}\n              </div>\n            );\n          }\n          return null;\n        })}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["DataTids.tsx"],"names":["DataTids","state","selectedValue","components","Object","keys","componentsDataTids","items","setValue","value","setState","render","entries","map","index","componentName","dataTids","styles","wrapper","values","i","row","leftCell","rightCell","React","Component"],"mappings":"4PAAA;;AAEA;;AAEA;AACA,0D;;;;;;AAMaA,Q;AACJC,IAAAA,K,GAAuB;AAC5BC,MAAAA,aAAa,EAAE,KADa,E;;;AAItBC,IAAAA,U,GAAaC,MAAM,CAACC,IAAP,CAAYC,sCAAZ,C;;AAEbC,IAAAA,K,IAAS,K,SAAU,MAAKJ,U;;AAExBK,IAAAA,Q,GAAW,UAACC,KAAD,EAAmB;AACpC,YAAKC,QAAL,CAAc,EAAER,aAAa,EAAEO,KAAjB,EAAd;AACD,K;;AAEME,EAAAA,M,GAAP,kBAAgB;AACd;AACE;;AAEE,mCAAC,cAAD,IAAgB,KAAK,EAAE,KAAKJ,KAA5B,EAAmC,KAAK,EAAE,KAAKN,KAAL,CAAWC,aAArD,EAAoE,aAAa,EAAE,KAAKM,QAAxF,EAAkG,MAAM,MAAxG,GAFF;AAGGJ,MAAAA,MAAM,CAACQ,OAAP,CAAeN,sCAAf,EAAmCO,GAAnC,CAAuC,gBAA4BC,KAA5B,EAAsC,KAApCC,aAAoC,WAArBC,QAAqB;AAC5E,YAAID,aAAa,KAAK,MAAI,CAACd,KAAL,CAAWC,aAA7B,IAA8C,MAAI,CAACD,KAAL,CAAWC,aAAX,KAA6B,KAA/E,EAAsF;AACpF;AACE,kDAAK,GAAG,EAAEY,KAAV,EAAiB,SAAS,EAAEG,iBAAOC,OAAP,EAA5B;AACE,kDAAK,SAAS,EAAED,iBAAOF,aAAP,EAAhB,IAAyCA,aAAzC,CADF;AAEGX,YAAAA,MAAM,CAACe,MAAP,CAAcH,QAAd,EAAwBH,GAAxB,CAA4B,UAACJ,KAAD,EAAQW,CAAR,EAAc;AACzC;AACE,sDAAK,GAAG,EAAEA,CAAV,EAAa,SAAS,EAAEH,iBAAOI,GAAP,EAAxB;AACE,sDAAK,SAAS,EAAEJ,iBAAOK,QAAP,EAAhB,IAAuCP,aAAvC,iBAAgEN,KAAK,CAAC,CAAD,CAArE,CADF;AAEE,sDAAK,SAAS,EAAEQ,iBAAOM,SAAP,EAAhB,UAAyCd,KAAK,CAAC,CAAD,CAA9C,OAFF,CADF;;;AAMD,aAPA,CAFH,CADF;;;AAaD;AACD,eAAO,IAAP;AACD,OAjBA,CAHH,CADF;;;AAwBD,G,mBAtC2Be,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Select } from '../../components/Select';\n\nimport { styles } from './DataTids.styles';\nimport { componentsDataTids } from './componentsDataTids';\n\ninterface DataTidsState {\n  selectedValue: string;\n}\n\nexport class DataTids extends React.Component {\n  public state: DataTidsState = {\n    selectedValue: 'все',\n  };\n\n  private components = Object.keys(componentsDataTids);\n\n  private items = ['все', ...this.components];\n\n  private setValue = (value: string) => {\n    this.setState({ selectedValue: value });\n  };\n\n  public render() {\n    return (\n      <div>\n        Выбрать компонент:\n        <Select<string> items={this.items} value={this.state.selectedValue} onValueChange={this.setValue} search />\n        {Object.entries(componentsDataTids).map(([componentName, dataTids], index) => {\n          if (componentName === this.state.selectedValue || this.state.selectedValue === 'все') {\n            return (\n              <div key={index} className={styles.wrapper()}>\n                <div className={styles.componentName()}>{componentName}</div>\n                {Object.values(dataTids).map((value, i) => {\n                  return (\n                    <div key={i} className={styles.row()}>\n                      <div className={styles.leftCell()}>{`${componentName}DataTids.${value[0]}`}</div>\n                      <div className={styles.rightCell()}>{`'${value[1]}'`}</div>\n                    </div>\n                  );\n                })}\n              </div>\n            );\n          }\n          return null;\n        })}\n      </div>\n    );\n  }\n}\n"]}

package/cjs/internal/DataTids/DataTids.styles.js

@@ -1,4 +1,4 @@
-"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, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {

package/cjs/internal/DataTids/DataTids.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DataTids.styles.ts"],"names":["styles","wrapper","css","componentName","row","leftCell","rightCell"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,OADiC,qBACvB;AACR,eAAOC,YAAP;;;;;AAKD,GAPgC;AAQjCC,EAAAA,aARiC,2BAQjB;AACd,eAAOD,YAAP;;;;;AAKD,GAdgC;AAejCE,EAAAA,GAfiC,iBAe3B;AACJ,eAAOF,YAAP;;;;;AAKD,GArBgC;;AAuBjCG,EAAAA,QAvBiC,sBAuBtB;AACT,eAAOH,YAAP;;;;;;;AAOD,GA/BgC;AAgCjCI,EAAAA,SAhCiC,uBAgCrB;AACV,eAAOJ,YAAP;;;;;AAKD,GAtCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["DataTids.styles.ts"],"names":["styles","wrapper","css","componentName","row","leftCell","rightCell"],"mappings":"oRAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,OADiC,qBACvB;AACR,eAAOC,YAAP;;;;;AAKD,GAPgC;AAQjCC,EAAAA,aARiC,2BAQjB;AACd,eAAOD,YAAP;;;;;AAKD,GAdgC;AAejCE,EAAAA,GAfiC,iBAe3B;AACJ,eAAOF,YAAP;;;;;AAKD,GArBgC;;AAuBjCG,EAAAA,QAvBiC,sBAuBtB;AACT,eAAOH,YAAP;;;;;;;AAOD,GA/BgC;AAgCjCI,EAAAA,SAhCiC,uBAgCrB;AACV,eAAOJ,YAAP;;;;;AAKD,GAtCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"]}

package/cjs/internal/DataTids/componentsDataTids.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.componentsDataTids = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var Components = _interopRequireWildcard(require("../../index"));function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.componentsDataTids = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var Components = _interopRequireWildcard(require("../../index"));
 
 var tids = Object.keys(Components).filter(function (componentName) {
   if (componentName.match(/datatids/i)) {

package/cjs/internal/DataTids/componentsDataTids.js.map

@@ -1 +1 @@
-{"version":3,"sources":["componentsDataTids.ts"],"names":["tids","Object","keys","Components","filter","componentName","match","componentsDataTids","reduce","accum","currTid","replace","entries"],"mappings":"kPAAA,iE;;AAEA,IAAMA,IAAI,GAAGC,MAAM,CAACC,IAAP,CAAYC,UAAZ,EAAwBC,MAAxB,CAA+B,UAACC,aAAD,EAAmB;AAC7D,MAAIA,aAAa,CAACC,KAAd,CAAoB,WAApB,CAAJ,EAAsC;AACpC,WAAOD,aAAP;AACD;AACD,SAAO,IAAP;AACD,CALY,CAAb;;AAOO,IAAME,kBAAgE,GAAGP,IAAI,CAACQ,MAAL,CAAY,UAACC,KAAD,EAAQC,OAAR,EAAoB;AAC9G;AACKD,EAAAA,KADL;;AAGGC,EAAAA,OAAO,CAACC,OAAR,CAAgB,UAAhB,EAA4B,EAA5B,CAHH,IAGqCV,MAAM,CAACW,OAAP,CAAeT,UAAU,CAACO,OAAD,CAAzB,CAHrC;;AAKD,CAN+E,EAM7E,EAN6E,CAAzE,C","sourcesContent":["import * as Components from '../../index';\n\nconst tids = Object.keys(Components).filter((componentName) => {\n  if (componentName.match(/datatids/i)) {\n    return componentName;\n  }\n  return null;\n});\n\nexport const componentsDataTids: { [key: string]: { [key: string]: string } } = tids.reduce((accum, currTid) => {\n  return {\n    ...accum,\n    // eslint-disable-next-line import/namespace\n    [currTid.replace('DataTids', '')]: Object.entries(Components[currTid as keyof typeof Components]),\n  };\n}, {});\n"]}
+{"version":3,"sources":["componentsDataTids.ts"],"names":["tids","Object","keys","Components","filter","componentName","match","componentsDataTids","reduce","accum","currTid","replace","entries"],"mappings":"yVAAA;;AAEA,IAAMA,IAAI,GAAGC,MAAM,CAACC,IAAP,CAAYC,UAAZ,EAAwBC,MAAxB,CAA+B,UAACC,aAAD,EAAmB;AAC7D,MAAIA,aAAa,CAACC,KAAd,CAAoB,WAApB,CAAJ,EAAsC;AACpC,WAAOD,aAAP;AACD;AACD,SAAO,IAAP;AACD,CALY,CAAb;;AAOO,IAAME,kBAAgE,GAAGP,IAAI,CAACQ,MAAL,CAAY,UAACC,KAAD,EAAQC,OAAR,EAAoB;AAC9G;AACKD,EAAAA,KADL;;AAGGC,EAAAA,OAAO,CAACC,OAAR,CAAgB,UAAhB,EAA4B,EAA5B,CAHH,IAGqCV,MAAM,CAACW,OAAP,CAAeT,UAAU,CAACO,OAAD,CAAzB,CAHrC;;AAKD,CAN+E,EAM7E,EAN6E,CAAzE,C","sourcesContent":["import * as Components from '../../index';\n\nconst tids = Object.keys(Components).filter((componentName) => {\n  if (componentName.match(/datatids/i)) {\n    return componentName;\n  }\n  return null;\n});\n\nexport const componentsDataTids: { [key: string]: { [key: string]: string } } = tids.reduce((accum, currTid) => {\n  return {\n    ...accum,\n    // eslint-disable-next-line import/namespace\n    [currTid.replace('DataTids', '')]: Object.entries(Components[currTid as keyof typeof Components]),\n  };\n}, {});\n"]}

package/cjs/internal/DateSelect/DateSelect.d.ts

@@ -23,10 +23,12 @@ 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> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
@@ -58,6 +60,7 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
     private setPositionRepeatTimer;
     private yearStep;
     private touchStartY;
+    private isMobileLayout;
     componentDidUpdate(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -70,12 +73,14 @@ 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;
     private renderMenu;
+    private renderMobileMenu;
     private refItemsContainer;
     private handleLongClickUp;
     private handleLongClickDown;

package/cjs/internal/DateSelect/DateSelect.js

@@ -1,6 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DateSelectDataTids = exports.DateSelect = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.DateSelectDataTids = exports.DateSelect = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _globalObject = require("@skbkontur/global-object");
 
+var _decorator = require("../../components/ResponsiveLayout/decorator");
+var _Calendar = require("../../components/Calendar/Calendar");
 var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _locale = require("../../components/DatePicker/locale");
@@ -20,13 +23,16 @@ var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _ArrowCollapseCVOpenIcon16Regular = require("../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular");
 var _ArrowCUpIcon16Regular = require("../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular");
 var _ArrowCDownIcon16Regular = require("../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular");
+var _isInstanceOf = require("../../lib/isInstanceOf");
 
-var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;
 
 var itemHeight = 24;
 var visibleYearsCount = 11;
 var itemsToMoveCount = -5;
 var monthsCount = 12;
+var defaultMinMonth = 0;
+var defaultMaxMonth = 11;
 var defaultMinYear = 1900;
 var defaultMaxYear = 2100;
 
@@ -65,13 +71,16 @@ var calculatePos = function calculatePos(pos, minPos, maxPos) {
 
 var DateSelectDataTids = {
   caption: 'DateSelect__caption',
-  menuItem: 'DateSelect__menuItem' };exports.DateSelectDataTids = DateSelectDataTids;var
+  menuItem: 'DateSelect__menuItem',
+  menu: 'DateSelect__menu' };exports.DateSelectDataTids = DateSelectDataTids;var
 
 
 
 
 
-DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DateSelect, _React$PureComponent);function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
+DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocaleHelper), (0, _decorator.responsiveLayout)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DateSelect, _React$PureComponent);function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
 
 
 
@@ -114,8 +123,8 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
     itemsContainer = null;_this.
 
 
-    longClickTimer = 0;_this.
-    setPositionRepeatTimer = 0;_this.
+
+
     yearStep = 3;_this.
     touchStartY = null;_this.
 
@@ -146,6 +155,7 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
 
 
 
+
 
 
     open = function () {
@@ -186,6 +196,34 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
 
 
 
+    menuId = DateSelectDataTids.menu + (0, _utils.getRandomID)();_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -250,12 +288,14 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
         return;
       }
       if (_this.timeout) {
-        clearTimeout(_this.timeout);
+        _globalObject.globalObject.clearTimeout(_this.timeout);
       }
-      _this.timeout = setTimeout(function () {return (
+      _this.timeout = _globalObject.globalObject.setTimeout(
+      function () {return (
           _this.setState({
-            nodeTop: (0, _getDOMRect.getDOMRect)(root).top }));});
+            nodeTop: (0, _getDOMRect.getDOMRect)(root).top }));},
 
+      0);
 
     };_this.
 
@@ -365,6 +405,46 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -410,27 +490,27 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
 
     handleLongClickUp = function (event) {
       event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {return _this.setPosition(_this.state.pos - itemHeight);}, 100);
+      _this.longClickTimer = _globalObject.globalObject.setTimeout(function () {
+        _this.setPositionRepeatTimer = _globalObject.globalObject.setInterval(function () {return _this.setPosition(_this.state.pos - itemHeight);}, 100);
       }, 200);
     };_this.
 
     handleLongClickDown = function (event) {
       event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {return _this.setPosition(_this.state.pos + itemHeight);}, 100);
+      _this.longClickTimer = _globalObject.globalObject.setTimeout(function () {
+        _this.setPositionRepeatTimer = _globalObject.globalObject.setInterval(function () {return _this.setPosition(_this.state.pos + itemHeight);}, 100);
       }, 200);
     };_this.
 
     handleLongClickStop = function () {
-      clearTimeout(_this.longClickTimer);
-      clearTimeout(_this.setPositionRepeatTimer);
+      _globalObject.globalObject.clearTimeout(_this.longClickTimer);
+      _globalObject.globalObject.clearTimeout(_this.setPositionRepeatTimer);
     };_this.
 
     getAnchor = function () {return _this.root;};_this.
 
     handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
+      if (!(0, _isInstanceOf.isInstanceOf)(event, _globalObject.globalObject.WheelEvent)) {
         return;
       }
       event.preventDefault();
@@ -447,7 +527,7 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
     };_this.
 
     handleTouchStart = function (event) {
-      if (!(event instanceof TouchEvent)) {
+      if (!(0, _isInstanceOf.isInstanceOf)(event, _globalObject.globalObject.TouchEvent)) {
         return;
       }
 
@@ -455,12 +535,12 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
     };_this.
 
     handleTouchMove = function (event) {
-      if (!(event instanceof TouchEvent)) {
+      if (!(0, _isInstanceOf.isInstanceOf)(event, _globalObject.globalObject.TouchEvent) || !(0, _globalObject.isBrowser)(_globalObject.globalObject)) {
         return;
       }
 
       var clientY = event.changedTouches[0].clientY;
-      var pixelRatio = window.devicePixelRatio;
+      var pixelRatio = _globalObject.globalObject.devicePixelRatio;
 
       var deltaY = ((_this.touchStartY || 0) - clientY) / pixelRatio;
       var pos = _this.state.pos + deltaY + deltaY / itemHeight;
@@ -496,10 +576,10 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
     handleDown = function (event) {
       event.preventDefault();
       _this.setPosition(_this.state.pos + itemHeight * _this.yearStep);
-    };return _this;}var _proto = DateSelect.prototype;_proto.componentDidUpdate = function componentDidUpdate() {this.setNodeTop();};_proto.componentDidMount = function componentDidMount() {this.listener = LayoutEvents.addListener(this.setNodeTop);this.setNodeTop();window.addEventListener('keydown', this.handleKey);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.listener) {this.listener.remove();}if (this.timeout) {clearTimeout(this.timeout);}if (this.longClickTimer) {clearTimeout(this.longClickTimer);}if (this.setPositionRepeatTimer) {clearTimeout(this.setPositionRepeatTimer);}window.removeEventListener('keydown', this.handleKey);} /**
+    };return _this;}var _proto = DateSelect.prototype;_proto.componentDidUpdate = function componentDidUpdate() {this.setNodeTop();};_proto.componentDidMount = function componentDidMount() {this.listener = LayoutEvents.addListener(this.setNodeTop);this.setNodeTop();_globalObject.globalObject.addEventListener == null ? void 0 : _globalObject.globalObject.addEventListener('keydown', this.handleKey);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.listener) {this.listener.remove();}if (this.timeout) {_globalObject.globalObject.clearTimeout(this.timeout);}if (this.longClickTimer) {_globalObject.globalObject.clearTimeout(this.longClickTimer);}if (this.setPositionRepeatTimer) {_globalObject.globalObject.clearTimeout(this.setPositionRepeatTimer);}_globalObject.globalObject.removeEventListener == null ? void 0 : _globalObject.globalObject.removeEventListener('keydown', this.handleKey);} /**
    * @public
-   */;_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 _cx, _cx2;if ((0, _ThemeHelpers.isTheme2022)(this.theme)) {return this.renderMain2022();}var disabled = this.props.disabled;var width = this.getProps().width;var rootProps = { className: (0, _Emotion.cx)((_cx = {}, _cx[_DateSelect.styles.root(this.theme)] = true, _cx[_DateSelect.styles.disabled()] = Boolean(disabled), _cx)), style: { width: width }, ref: this.refRoot };return /*#__PURE__*/_react.default.createElement("span", rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _DateSelect.styles.caption(), onClick: this.open }, this.getItem(0), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateSelect.styles.arrow(this.theme)] = true, _cx2[_DateSelect.styles.arrowDisabled()] = Boolean(disabled), _cx2)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleUpDownIcon, { size: 12 }))), this.state.opened && this.renderMenu());};_proto.renderMain2022 = function renderMain2022() {var disabled = this.props.disabled;var width = this.getProps().width;var rootProps = { className: (0, _Emotion.cx)(_DateSelect.styles.root(this.theme), _DateSelect.styles.root2022(), disabled && _DateSelect.styles.disabled()), style: { width: width }, ref: this.refRoot, onClick: this.open };return /*#__PURE__*/_react.default.createElement("span", rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _DateSelect.styles.caption() }, this.getItem(0)), !disabled && /*#__PURE__*/_react.default.createElement(_ArrowCollapseCVOpenIcon16Regular.ArrowCollapseCVOpenIcon16Regular, { color: "#ADADAD" }), this.state.opened && this.renderMenu());};_proto.disableItems = function disableItems(index) {var value = this.props.value + index;if ((0, _utils.isNonNullable)(this.props.maxValue) && (0, _utils.isNonNullable)(this.props.minValue)) {return value > this.props.maxValue || value < this.props.minValue;}if ((0, _utils.isNonNullable)(this.props.minValue)) {return value < this.props.minValue;}if ((0, _utils.isNonNullable)(this.props.maxValue)) {return value > this.props.maxValue;}};_proto.renderMenu = function renderMenu() {var _this3 = this,_cx3;var _this$state = this.state,top = _this$state.top,height = _this$state.height,nodeTop = _this$state.nodeTop;var shift = this.state.pos % itemHeight;if (shift < 0) {shift += itemHeight;}var from = (this.state.pos - shift + top) / itemHeight;var to = from + Math.ceil((height + shift) / itemHeight);var items = [];var _loop = function _loop(i) {var _cx4;var disableItems = _this3.disableItems(i) || false;var className = (0, _Emotion.cx)((_cx4 = {}, _cx4[_DateSelect.styles.menuItem(_this3.theme)] = true, _cx4[_DateSelect.styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[_DateSelect.styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[_DateSelect.styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));var clickHandler = { onMouseDown: preventDefault, onClick: _this3.handleItemClick(i) };items.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": DateSelectDataTids.menuItem, "data-prop-disabled": disableItems, key: i, className: className, onMouseEnter: function onMouseEnter() {return _this3.setState({ current: i });}, onMouseLeave: function onMouseLeave() {return _this3.setState({ current: null });} }, clickHandler), _this3.getItem(i)));};for (var i = from; i < to; ++i) {_loop(i);}var style = { top: top - 5, left: 0, right: 0 };var shiftStyle = { position: 'relative', top: -shift };var holderClass = (0, _Emotion.cx)((_cx3 = {}, _cx3[_DateSelect.styles.menuHolder(this.theme)] = true, _cx3[_DateSelect.styles.isTopCapped()] = this.state.topCapped, _cx3[_DateSelect.styles.isBotCapped()] = this.state.botCapped, _cx3));var dropdownOffset = -itemHeight;if (nodeTop < -top) {var overflowOffsetDelta = this.state.topCapped ? 6 : 17;dropdownOffset -= nodeTop + top - overflowOffsetDelta;}var iconUp = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_ArrowCUpIcon16Regular.ArrowCUpIcon16Regular, { color: "#ADADAD" }) : /*#__PURE__*/_react.default.createElement(_px.ArrowChevronUpIcon, null);var iconDown = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon16Regular.ArrowCDownIcon16Regular, { color: "#ADADAD" }) : /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: true }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.getAnchor, offsetY: dropdownOffset, offsetX: -10 }, /*#__PURE__*/_react.default.createElement("div", { className: holderClass, style: style }, !this.state.topCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuUp()), onClick: this.handleUp, onMouseDown: this.handleLongClickUp, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickUp, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, iconUp)), /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.styles.itemsHolder(), style: { height: height } }, /*#__PURE__*/_react.default.createElement("div", { ref: this.refItemsContainer, style: shiftStyle }, items)), !this.state.botCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuDown()), onClick: this.handleDown, onMouseDown: this.handleLongClickDown, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickDown, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, iconDown))))));};_proto.getItem = function getItem(index) {
-    var value = this.props.value + index;
+   */;_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 _cx, _cx2;if ((0, _ThemeHelpers.isTheme2022)(this.theme)) {return this.renderMain2022();}var isMobile = this.isMobileLayout;var disabled = this.props.disabled;var width = this.getProps().width;var isInteractiveElement = !disabled;var Tag = isInteractiveElement ? 'button' : 'span';var rootProps = { className: (0, _Emotion.cx)((_cx = {}, _cx[_DateSelect.styles.root(this.theme)] = true, _cx[_DateSelect.styles.disabled()] = Boolean(disabled), _cx)), style: { width: width }, 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.default.createElement(Tag, rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _DateSelect.styles.caption() }, this.getItem(0), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateSelect.styles.arrow(this.theme)] = true, _cx2[_DateSelect.styles.arrowDisabled()] = Boolean(disabled), _cx2)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleUpDownIcon, { size: 12 }))), isMobile ? !disabled && this.renderMobileMenu(this.props, this.menuId) : this.state.opened && this.renderMenu(this.menuId));};_proto.renderMain2022 = function renderMain2022() {var isMobile = this.isMobileLayout;var disabled = this.props.disabled;var width = this.getProps().width;var isInteractiveElement = !disabled;var Tag = isInteractiveElement ? 'button' : 'span';var rootProps = { className: (0, _Emotion.cx)(_DateSelect.styles.root(this.theme), _DateSelect.styles.root2022(), disabled && _DateSelect.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.default.createElement(Tag, rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _DateSelect.styles.caption() }, this.getItem(0)), isInteractiveElement && /*#__PURE__*/_react.default.createElement(_ArrowCollapseCVOpenIcon16Regular.ArrowCollapseCVOpenIcon16Regular, { className: (0, _Emotion.cx)(_DateSelect.globalClasses.arrow), color: "#ADADAD" }), isMobile ? !disabled && this.renderMobileMenu(this.props, this.menuId) : this.state.opened && this.renderMenu(this.menuId));};_proto.disableItems = function disableItems(index) {var value = this.props.value + index;if ((0, _utils.isNonNullable)(this.props.maxValue) && (0, _utils.isNonNullable)(this.props.minValue)) {return value > this.props.maxValue || value < this.props.minValue;}if ((0, _utils.isNonNullable)(this.props.minValue)) {return value < this.props.minValue;}if ((0, _utils.isNonNullable)(this.props.maxValue)) {return value > this.props.maxValue;}};_proto.renderMenu = function renderMenu(id) {var _this3 = this,_cx3;var _this$state = this.state,top = _this$state.top,height = _this$state.height,nodeTop = _this$state.nodeTop;var shift = this.state.pos % itemHeight;if (shift < 0) {shift += itemHeight;}var from = (this.state.pos - shift + top) / itemHeight;var to = from + Math.ceil((height + shift) / itemHeight);var items = [];var _loop = function _loop(i) {var _cx4;var disableItems = _this3.disableItems(i) || false;var className = (0, _Emotion.cx)((_cx4 = {}, _cx4[_DateSelect.styles.menuItem(_this3.theme)] = true, _cx4[_DateSelect.styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[_DateSelect.styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[_DateSelect.styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));var clickHandler = { onMouseDown: preventDefault, onClick: _this3.handleItemClick(i) };items.push( /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({ "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, className: className, onMouseEnter: function onMouseEnter() {return _this3.setState({ current: i });}, onMouseLeave: function onMouseLeave() {return _this3.setState({ current: null });} }, clickHandler), _this3.getItem(i)));};for (var i = from; i < to; ++i) {_loop(i);}var style = { top: top - 5, left: 0, right: 0 };var shiftStyle = { position: 'relative', top: -shift };var holderClass = (0, _Emotion.cx)((_cx3 = {}, _cx3[_DateSelect.styles.menuHolder(this.theme)] = true, _cx3[_DateSelect.styles.isTopCapped()] = this.state.topCapped, _cx3[_DateSelect.styles.isBotCapped()] = this.state.botCapped, _cx3));var dropdownOffset = -itemHeight;if (nodeTop < -top) {var overflowOffsetDelta = this.state.topCapped ? 6 : 17;dropdownOffset -= nodeTop + top - overflowOffsetDelta;}var iconUp = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_ArrowCUpIcon16Regular.ArrowCUpIcon16Regular, { color: "#ADADAD" }) : /*#__PURE__*/_react.default.createElement(_px.ArrowChevronUpIcon, null);var iconDown = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon16Regular.ArrowCDownIcon16Regular, { color: "#ADADAD" }) : /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: true }, /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { "data-tid": DateSelectDataTids.menu, id: id, getParent: this.getAnchor, offsetY: dropdownOffset, offsetX: -10 }, /*#__PURE__*/_react.default.createElement("div", { className: holderClass, style: style }, !this.state.topCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuUp()), onClick: this.handleUp, onMouseDown: this.handleLongClickUp, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickUp, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, iconUp)), /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.styles.itemsHolder(), style: { height: height } }, /*#__PURE__*/_react.default.createElement("div", { ref: this.refItemsContainer, style: shiftStyle }, items)), !this.state.botCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuDown()), onClick: this.handleDown, onMouseDown: this.handleLongClickDown, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickDown, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, iconDown)))));};_proto.renderMobileMenu = function renderMobileMenu(_ref, id) {var _this4 = this;var value = _ref.value,minValue = _ref.minValue,maxValue = _ref.maxValue,onValueChange = _ref.onValueChange,type = _ref.type;var from = type === 'month' ? defaultMinMonth : minValue != null ? minValue : defaultMinYear;var to = type === 'month' ? defaultMaxMonth : maxValue != null ? maxValue : defaultMaxYear;var min = type === 'month' ? minValue != null ? minValue : defaultMinMonth : minValue != null ? minValue : defaultMinYear;var max = type === 'month' ? maxValue != null ? maxValue : defaultMaxMonth : maxValue != null ? maxValue : defaultMaxYear;var items = [];for (var item = from; item <= to; ++item) {items.push({ item: item, disabled: item < min || item > max });}return /*#__PURE__*/ (// eslint-disable-next-line jsx-a11y/no-onchange
+      _react.default.createElement("select", { id: id, "data-tid": type === 'month' ? _Calendar.CalendarDataTids.monthSelectMobile : _Calendar.CalendarDataTids.yearSelectMobile, className: _DateSelect.styles.nativeSelect(), value: value, onChange: function onChange(e) {onValueChange(parseInt(e.target.value));} }, items.map(function (_ref2) {var _this4$locale$months;var item = _ref2.item,disabled = _ref2.disabled;return /*#__PURE__*/_react.default.createElement("option", { key: item, value: item, disabled: disabled }, type === 'month' ? (_this4$locale$months = _this4.locale.months) == null ? void 0 : _this4$locale$months[item] : item);})));};_proto.getItem = function getItem(index) {var value = this.props.value + index;
     if (this.getProps().type === 'month') {var _this$locale$months;
       return (_this$locale$months = this.locale.months) == null ? void 0 : _this$locale$months[value];
     }
@@ -542,7 +622,7 @@ DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocal
       return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;
     }
     return Infinity; // Be defensive.
-  };return DateSelect;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _class2.defaultProps = { type: 'year', width: 'auto' }, _temp)) || _class);exports.DateSelect = DateSelect;
+  };return DateSelect;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.displayName = 'DateSelect', _class2.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _class2.defaultProps = { type: 'year', width: 'auto' }, _temp)) || _class) || _class);exports.DateSelect = DateSelect;
 
 
 function preventDefault(e) {

package/cjs/internal/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","DateSelect","DatePickerLocaleHelper","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","isMobile","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","LayoutEvents","addListener","componentWillUnmount","remove","render","theme","renderMain","renderMain2022","width","rootProps","className","styles","Boolean","style","ref","getItem","arrow","arrowDisabled","renderMenu","root2022","onClick","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","iconUp","iconDown","menu","menuUp","itemsHolder","menuDown","type","locale","months","getMinPos","getMaxPos","calculatedPos","React","PureComponent","__KONTUR_REACT_UI__","propTypes","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';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport { ArrowCUpIcon16Regular } from '../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular';\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\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('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: 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    if (isTheme2022(this.theme)) {\n      return this.renderMain2022();\n    }\n\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 renderMain2022() {\n    const { disabled } = this.props;\n    const width = this.getProps().width;\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    };\n\n    return (\n      <span {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(0)}\n        </div>\n        {!disabled && <ArrowCollapseCVOpenIcon16Regular color=\"#ADADAD\" />}\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    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        <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>{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        </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"]}
+{"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","menu","DateSelect","DatePickerLocaleHelper","responsiveLayout","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","globalObject","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","isMobile","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","LayoutEvents","addListener","componentWillUnmount","remove","render","theme","renderMain","renderMain2022","isMobileLayout","width","isInteractiveElement","Tag","rootProps","className","styles","Boolean","style","ref","onClick","undefined","locale","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","arrow","arrowDisabled","renderMobileMenu","renderMenu","root2022","globalClasses","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","min","max","item","CalendarDataTids","monthSelectMobile","yearSelectMobile","nativeSelect","parseInt","target","map","months","getMinPos","getMaxPos","calculatedPos","React","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser, SafeTimer } from '@skbkontur/global-object';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { CalendarDataTids } from '../../components/Calendar/Calendar';\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 defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\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@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = '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  private isMobileLayout!: boolean;\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    const isMobile = this.isMobileLayout;\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        {isMobile\n          ? !disabled && this.renderMobileMenu(this.props, this.menuId)\n          : this.state.opened && this.renderMenu(this.menuId)}\n      </Tag>\n    );\n  }\n\n  private renderMain2022() {\n    const isMobile = this.isMobileLayout;\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        {isMobile\n          ? !disabled && this.renderMobileMenu(this.props, this.menuId)\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 renderMobileMenu(\n    { value, minValue, maxValue, onValueChange, type }: DateSelectProps,\n    id?: string,\n  ): JSX.Element {\n    const from = type === 'month' ? defaultMinMonth : minValue ?? defaultMinYear;\n    const to = type === 'month' ? defaultMaxMonth : maxValue ?? defaultMaxYear;\n\n    const min = type === 'month' ? minValue ?? defaultMinMonth : minValue ?? defaultMinYear;\n    const max = type === 'month' ? maxValue ?? defaultMaxMonth : maxValue ?? defaultMaxYear;\n\n    const items: Array<{ item: number; disabled: boolean }> = [];\n    for (let item = from; item <= to; ++item) {\n      items.push({ item, disabled: item < min || item > max });\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-onchange\n      <select\n        id={id}\n        data-tid={type === 'month' ? CalendarDataTids.monthSelectMobile : CalendarDataTids.yearSelectMobile}\n        className={styles.nativeSelect()}\n        value={value}\n        onChange={(e) => {\n          onValueChange(parseInt(e.target.value));\n        }}\n      >\n        {items.map(({ item, disabled }) => (\n          <option key={item} value={item} disabled={disabled}>\n            {type === 'month' ? this.locale.months?.[item] : item}\n          </option>\n        ))}\n      </select>\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/cjs/internal/DateSelect/DateSelect.styles.d.ts

@@ -1,4 +1,7 @@
 import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrow: string;
+};
 export declare const styles: {
     root(t: Theme): string;
     root2022(): string;
@@ -17,4 +20,5 @@ export declare const styles: {
     menu(t: Theme): string;
     menuUp(): string;
     menuDown(): string;
+    nativeSelect(): string;
 };