@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/cjs/internal/DataTids/DataTids.js

@@ -0,0 +1,50 @@
+"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");
+
+var _DataTids2 = require("./DataTids.styles");
+var _componentsDataTids = require("./componentsDataTids");var
+
+
+
+
+
+DataTids = exports.DataTids = /*#__PURE__*/function (_React$Component) {function DataTids() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+    state = {
+      selectedValue: 'все'
+    };_this.
+
+    components = Object.keys(_componentsDataTids.componentsDataTids);_this.
+
+    items = ['все'].concat(_this.components);_this.
+
+    setValue = function (value) {
+      _this.setState({ selectedValue: value });
+    };return _this;}(0, _inheritsLoose2.default)(DataTids, _React$Component);var _proto = DataTids.prototype;_proto.
+
+  render = function render() {var _this2 = this;
+    return /*#__PURE__*/(
+      _react.default.createElement("div", null, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442:", /*#__PURE__*/
+
+      _react.default.createElement(_Select.Select, { items: this.items, value: this.state.selectedValue, onValueChange: this.setValue, search: true }),
+      Object.entries(_componentsDataTids.componentsDataTids).map(function (_ref, index) {var componentName = _ref[0],dataTids = _ref[1];
+        if (componentName === _this2.state.selectedValue || _this2.state.selectedValue === 'все') {
+          return /*#__PURE__*/(
+            _react.default.createElement("div", { key: index, className: _DataTids2.styles.wrapper() }, /*#__PURE__*/
+            _react.default.createElement("div", { className: _DataTids2.styles.componentName() }, componentName),
+            Object.values(dataTids).map(function (value, i) {
+              return /*#__PURE__*/(
+                _react.default.createElement("div", { key: i, className: _DataTids2.styles.row() }, /*#__PURE__*/
+                _react.default.createElement("div", { className: _DataTids2.styles.leftCell() }, componentName + "DataTids." + value[0]), /*#__PURE__*/
+                _react.default.createElement("div", { className: _DataTids2.styles.rightCell() }, "'" + value[1] + "'")
+                ));
+
+            })
+            ));
+
+        }
+        return null;
+      })
+      ));
+
+  };return DataTids;}(_react.default.Component);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_DataTids2","_componentsDataTids","DataTids","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selectedValue","components","Object","keys","componentsDataTids","items","setValue","value","setState","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","Select","onValueChange","search","entries","map","_ref","index","componentName","dataTids","key","className","styles","wrapper","values","i","row","leftCell","rightCell","React","Component"],"sources":["DataTids.tsx"],"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"],"mappings":"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","ignoreList":[]}

package/cjs/internal/DataTids/DataTids.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const styles: {
+    wrapper(): string;
+    componentName(): string;
+    row(): string;
+    leftCell(): string;
+    rightCell(): string;
+};

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

@@ -0,0 +1,42 @@
+"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 = exports.styles = (0, _Emotion.memoizeStyle)({
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    "])));
+
+
+
+
+  },
+  componentName: function componentName() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    "])));
+
+
+
+
+  },
+  row: function row() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    "])));
+
+
+
+
+  },
+
+  leftCell: function leftCell() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    "])));
+
+
+
+
+
+
+  },
+  rightCell: function rightCell() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    "])));
+
+
+
+
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","componentName","row","leftCell","rightCell"],"sources":["DataTids.styles.ts"],"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"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDE,GAAG,WAAAA,IAAA,EAAG;IACJ,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDG,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/DataTids/componentsDataTids.d.ts

@@ -0,0 +1,5 @@
+export declare const componentsDataTids: {
+    [key: string]: {
+        [key: string]: string;
+    };
+};

package/cjs/internal/DataTids/componentsDataTids.js

@@ -0,0 +1,15 @@
+"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)) {
+    return componentName;
+  }
+  return null;
+});
+
+var componentsDataTids = exports.componentsDataTids = tids.reduce(function (accum, currTid) {var _extends2;
+  return (0, _extends3.default)({},
+  accum, (_extends2 = {}, _extends2[
+  currTid.replace('DataTids', '')] = Object.entries(Components[currTid]), _extends2));
+
+}, {});

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

@@ -0,0 +1 @@
+{"version":3,"names":["Components","_interopRequireWildcard","require","tids","Object","keys","filter","componentName","match","componentsDataTids","exports","reduce","accum","currTid","_extends2","_extends3","default","replace","entries"],"sources":["componentsDataTids.ts"],"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    [currTid.replace('DataTids', '')]: Object.entries(Components[currTid as keyof typeof Components]),\n  };\n}, {});\n"],"mappings":"yVAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAMC,IAAI,GAAGC,MAAM,CAACC,IAAI,CAACL,UAAU,CAAC,CAACM,MAAM,CAAC,UAACC,aAAa,EAAK;EAC7D,IAAIA,aAAa,CAACC,KAAK,CAAC,WAAW,CAAC,EAAE;IACpC,OAAOD,aAAa;EACtB;EACA,OAAO,IAAI;AACb,CAAC,CAAC;;AAEK,IAAME,kBAAgE,GAAAC,OAAA,CAAAD,kBAAA,GAAGN,IAAI,CAACQ,MAAM,CAAC,UAACC,KAAK,EAAEC,OAAO,EAAK,KAAAC,SAAA;EAC9G,WAAAC,SAAA,CAAAC,OAAA;EACKJ,KAAK,GAAAE,SAAA,OAAAA,SAAA;EACPD,OAAO,CAACI,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,IAAGb,MAAM,CAACc,OAAO,CAAClB,UAAU,CAACa,OAAO,CAA4B,CAAC,EAAAC,SAAA;;AAErG,CAAC,EAAE,CAAC,CAAC,CAAC","ignoreList":[]}

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

@@ -20,8 +20,6 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps> {
     static defaultProps: DefaultProps;
     private getProps;
     private get isYearType();
-    private cx;
-    private styles;
     private theme;
     private readonly locale;
     private readonly selectRef;

package/cjs/internal/DateSelect/DateSelect.js

@@ -1,7 +1,5 @@
 "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 _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireWildcard(require("react"));
 
-
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _decorator = require("../../components/ResponsiveLayout/decorator");
 var _utils = require("../../lib/utils");
 
@@ -9,6 +7,7 @@ var _locale = require("../../components/DatePicker/locale");
 var _decorators = require("../../lib/locale/decorators");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _Select = require("../../components/Select");
@@ -77,8 +76,6 @@ DateSelect = exports.DateSelect = (_dec = (0, _decorators.locale)('Calendar', _l
 
 
 
-
-
     selectRef = /*#__PURE__*/(0, _react.createRef)();_this.
 
 
@@ -91,15 +88,6 @@ DateSelect = exports.DateSelect = (_dec = (0, _decorators.locale)('Calendar', _l
 
 
 
-
-
-
-
-
-
-
-
-
 
     menuId = DateSelectDataTids.menu + (0, _utils.getRandomID)();_this.
 
@@ -109,7 +97,7 @@ DateSelect = exports.DateSelect = (_dec = (0, _decorators.locale)('Calendar', _l
       var isInteractiveElement = !disabled;
       var Tag = isInteractiveElement ? 'button' : 'span';
       var rootProps = {
-        className: _this.cx(_this.styles.root(_this.theme), disabled && _this.styles.disabled()),
+        className: (0, _Emotion.cx)(_DateSelect2.styles.root(_this.theme), disabled && _DateSelect2.styles.disabled()),
         style: { width: width },
         onClick: disabled ? undefined : params.onClick,
         'aria-expanded': isInteractiveElement ? params.opened : undefined,
@@ -123,11 +111,11 @@ DateSelect = exports.DateSelect = (_dec = (0, _decorators.locale)('Calendar', _l
 
       return /*#__PURE__*/(
         _react.default.createElement(Tag, rootProps, /*#__PURE__*/
-        _react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _this.styles.caption() },
+        _react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _DateSelect2.styles.caption() },
         _this.getItem(value)
         ),
         isInteractiveElement && /*#__PURE__*/
-        _react.default.createElement(_ArrowCollapseCVOpenIcon16Regular.ArrowCollapseCVOpenIcon16Regular, { className: _this.cx(_DateSelect2.globalClasses.arrow), color: "#ADADAD" })
+        _react.default.createElement(_ArrowCollapseCVOpenIcon16Regular.ArrowCollapseCVOpenIcon16Regular, { className: (0, _Emotion.cx)(_DateSelect2.globalClasses.arrow), color: "#ADADAD" })
 
         ));
 
@@ -211,4 +199,4 @@ DateSelect = exports.DateSelect = (_dec = (0, _decorators.locale)('Calendar', _l
       }
 
       return (_this$locale$months = _this.locale.months) == null ? void 0 : _this$locale$months[value];
-    };return _this;}(0, _inheritsLoose2.default)(DateSelect, _React$PureComponent);var _proto = DateSelect.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.cx = emotion.cx;_this2.styles = (0, _DateSelect2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.close = function close() {var _this$selectRef$curre;(_this$selectRef$curre = this.selectRef.current) == null || _this$selectRef$curre.close();};_proto.renderMain = function renderMain() {var _this$getProps2 = this.getProps(),value = _this$getProps2.value,disabled = _this$getProps2.disabled,onValueChange = _this$getProps2.onValueChange;var theme = { btnBorderRadiusSmall: this.theme.menuItemBorderRadius };return /*#__PURE__*/_react.default.createElement(_Select.Select, { use: "text", value: value, ref: this.selectRef, theme: theme, disabled: disabled, _renderButton: this.renderButton, menuPos: "middle", positions: DATE_SELECT_POSITIONS, renderValue: this.getItem, items: this.getItems(), menuOffset: parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall), onValueChange: onValueChange, "aria-label": this.locale.selectChosenAriaLabel + " " + (this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel) + " " + this.getItem(value) });};_proto.isOptionDisabled = function isOptionDisabled(option) {var _this$getProps3 = this.getProps(),minValue = _this$getProps3.minValue,maxValue = _this$getProps3.maxValue;if ((0, _utils.isNonNullable)(maxValue) && (0, _utils.isNonNullable)(minValue)) {return option > maxValue || option < minValue;}if ((0, _utils.isNonNullable)(minValue)) {return option < minValue;}if ((0, _utils.isNonNullable)(maxValue)) {return option > maxValue;}};return (0, _createClass2.default)(DateSelect, [{ key: "isYearType", get: function get() {return this.getProps().type === 'year';} }]);}(_react.default.PureComponent), _DateSelect.__KONTUR_REACT_UI__ = 'DateSelect', _DateSelect.displayName = 'DateSelect', _DateSelect.defaultProps = { type: 'year', width: 'auto' }, _DateSelect)) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(DateSelect, _React$PureComponent);var _proto = DateSelect.prototype;_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.close = function close() {var _this$selectRef$curre;(_this$selectRef$curre = this.selectRef.current) == null || _this$selectRef$curre.close();};_proto.renderMain = function renderMain() {var _this$getProps2 = this.getProps(),value = _this$getProps2.value,disabled = _this$getProps2.disabled,onValueChange = _this$getProps2.onValueChange;var theme = { btnBorderRadiusSmall: this.theme.menuItemBorderRadius };return /*#__PURE__*/_react.default.createElement(_Select.Select, { use: "text", value: value, ref: this.selectRef, theme: theme, disabled: disabled, _renderButton: this.renderButton, menuPos: "middle", positions: DATE_SELECT_POSITIONS, renderValue: this.getItem, items: this.getItems(), menuOffset: parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall), onValueChange: onValueChange, "aria-label": this.locale.selectChosenAriaLabel + " " + (this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel) + " " + this.getItem(value) });};_proto.isOptionDisabled = function isOptionDisabled(option) {var _this$getProps3 = this.getProps(),minValue = _this$getProps3.minValue,maxValue = _this$getProps3.maxValue;if ((0, _utils.isNonNullable)(maxValue) && (0, _utils.isNonNullable)(minValue)) {return option > maxValue || option < minValue;}if ((0, _utils.isNonNullable)(minValue)) {return option < minValue;}if ((0, _utils.isNonNullable)(maxValue)) {return option > maxValue;}};return (0, _createClass2.default)(DateSelect, [{ key: "isYearType", get: function get() {return this.getProps().type === 'year';} }]);}(_react.default.PureComponent), _DateSelect.__KONTUR_REACT_UI__ = 'DateSelect', _DateSelect.displayName = 'DateSelect', _DateSelect.defaultProps = { type: 'year', width: 'auto' }, _DateSelect)) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_RenderEnvironmentContext","_decorator","_utils","_locale","_decorators","_ThemeContext","_createPropsGetter","_Select","_MenuItem","_ArrowCollapseCVOpenIcon16Regular","_DateSelect2","_dec","_class","_DateSelect","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","exports","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","locale","DatePickerLocaleHelper","responsiveLayout","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","selectRef","createRef","menuId","getRandomID","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","cx","styles","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","default","createElement","ArrowCollapseCVOpenIcon16Regular","globalClasses","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","MenuItem","scrollIntoView","state","key","_this$locale$months","_inheritsLoose2","_proto","prototype","render","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","Select","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","isNonNullable","_createClass2","get","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, getStyles } from './DateSelect.styles';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\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 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\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\n\n  private renderButton = (params: ButtonParams) => {\n    const { value, disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const rootProps = {\n      className: this.cx(this.styles.root(this.theme), disabled && this.styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.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(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={this.styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={this.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close() {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-prop-disabled={isOptionDisabled}\n          key={option}\n        >\n          {this.getItem(option)}\n        </MenuItem>\n      );\n    });\n  };\n\n  private getItem = (value: number) => {\n    if (this.isYearType) {\n      return value;\n    }\n\n    return this.locale.months?.[value];\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_decorator","_utils","_locale","_decorators","_ThemeContext","_Emotion","_createPropsGetter","_Select","_MenuItem","_ArrowCollapseCVOpenIcon16Regular","_DateSelect2","_dec","_class","_DateSelect","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","exports","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","locale","DatePickerLocaleHelper","responsiveLayout","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","selectRef","createRef","menuId","getRandomID","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","cx","styles","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","default","createElement","ArrowCollapseCVOpenIcon16Regular","globalClasses","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","MenuItem","scrollIntoView","state","key","_this$locale$months","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","Select","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","isNonNullable","_createClass2","get","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\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 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\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\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 renderButton = (params: ButtonParams) => {\n    const { value, 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), disabled && styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.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(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close() {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-prop-disabled={isOptionDisabled}\n          key={option}\n        >\n          {this.getItem(option)}\n        </MenuItem>\n      );\n    });\n  };\n\n  private getItem = (value: number) => {\n    if (this.isYearType) {\n      return value;\n    }\n\n    return this.locale.months?.[value];\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     arrow: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     disabled(): string;
     caption(): string;

package/cjs/internal/DateSelect/DateSelect.styles.js

@@ -1,56 +1,53 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
 
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('select')({
   arrow: 'arrow'
 });
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: space-between;\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,
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: space-between;\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.dateSelectFontSize,
 
 
 
 
 
 
-        t.dateSelectLineHeight,
+    t.dateSelectLineHeight,
 
 
 
 
-        t.dateSelectLinkColor,
+    t.dateSelectLinkColor,
 
 
-        globalClasses.arrow,
-        t.transitionDuration, t.transitionTimingFunction,
+    globalClasses.arrow,
+    t.transitionDuration, t.transitionTimingFunction,
 
 
-        globalClasses.arrow,
-        t.dateSelectTextColorDefault);
+    globalClasses.arrow,
+    t.dateSelectTextColorDefault);
 
 
-      },
+  },
 
-      disabled: function disabled() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      "])));
+  disabled: function disabled() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
 
 
 
-      },
+  },
 
-      caption: function caption() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n      "])));
+  caption: function caption() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
 
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","globalClasses","exports","prefix","arrow","getStyles","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","disabled","caption"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        color: ${t.dateSelectTextColorDefault};\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: space-between;\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    disabled() {\n      return emotion.css`\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      `;\n    },\n\n    caption() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG1D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,QAAQ,CAAC,CAAC;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOH,OAAO,CAACI,GAAG,CAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;QACPH,CAAC,CAACI,0BAA0B;;;;;QAKxBJ,CAAC,CAACK,kBAAkB;;;;;;;QAOlBL,CAAC,CAACM,oBAAoB;;;;;QAK1BN,CAAC,CAACO,mBAAmB;;;QAG3Bf,aAAa,CAACG,KAAK;QACHK,CAAC,CAACQ,kBAAkB,EAAIR,CAAC,CAACS,wBAAwB;;;QAG5DjB,aAAa,CAACG,KAAK;QACpBK,CAAC,CAACI,0BAA0B;;;MAG1C,CAAC;;MAEDM,QAAQ,WAAAA,SAAA,EAAG;QACT,OAAOb,OAAO,CAACI,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;;MAEDQ,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOd,OAAO,CAACI,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","globalClasses","exports","prefix","arrow","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","disabled","caption"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { 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-flex;\n      justify-content: space-between;\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  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"],"mappings":"4SAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAsE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG/D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,QAAQ,CAAC,CAAC;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,0BAA0B;;;;;IAKxBJ,CAAC,CAACK,kBAAkB;;;;;;;IAOlBL,CAAC,CAACM,oBAAoB;;;;;IAK1BN,CAAC,CAACO,mBAAmB;;;IAG3Bd,aAAa,CAACG,KAAK;IACHI,CAAC,CAACQ,kBAAkB,EAAIR,CAAC,CAACS,wBAAwB;;;IAG5DhB,aAAa,CAACG,KAAK;IACpBI,CAAC,CAACI,0BAA0B;;;EAG1C,CAAC;;EAEDM,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOT,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDQ,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOV,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js

@@ -1,13 +1,14 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.FileUploaderFileDataTids = exports.FileUploaderFile = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _globalObject = require("@skbkontur/global-object");
 
-var _RenderEnvironmentContext = require("../../../lib/theming/RenderEnvironmentContext");
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
 
 var _utils = require("../../../lib/utils");
 var _TextWidthHelper = require("../../TextWidthHelper/TextWidthHelper");
 var _stringUtils = require("../../../lib/stringUtils");
 var _FileUploaderControlContext = require("../FileUploaderControlContext");
+var _Emotion = require("../../../lib/theming/Emotion");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
 var _keyListener = require("../../../lib/events/keyListener");
 var _identifiers = require("../../../lib/events/keyboard/identifiers");
@@ -82,12 +83,7 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
     var fileNameElementRef = (0, _react.useRef)(null);
 
     var _useContext = (0, _react.useContext)(_FileUploaderControlContext.FileUploaderControlContext),removeFile = _useContext.removeFile,setIsMinLengthReached = _useContext.setIsMinLengthReached,isMinLengthReached = _useContext.isMinLengthReached;
-    var globalObject = (0, _RenderEnvironmentContext.useGlobal)();
-    var emotion = (0, _RenderEnvironmentContext.useEmotion)();
-    var cx = emotion.cx;
-    var jsStyles = (0, _FileUploaderFile.getJsStyles)(emotion);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-    var keyListener = new _keyListener.KeyListener(globalObject);
 
     var formattedSize = (0, _react.useMemo)(function () {return (0, _utils.formatBytes)(fileSize, 1);}, [fileSize]);
 
@@ -124,9 +120,9 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
     var isInvalid = error || !isValid;
 
     var sizeIconClass = (0, _useFileUploaderSize.useFileUploaderSize)(size, {
-      small: jsStyles.iconSmall(),
-      medium: jsStyles.iconMedium(),
-      large: jsStyles.iconLarge()
+      small: _FileUploaderFile.jsStyles.iconSmall(),
+      medium: _FileUploaderFile.jsStyles.iconMedium(),
+      large: _FileUploaderFile.jsStyles.iconLarge()
     });
 
     var renderTooltipContent = (0, _react.useCallback)(function () {
@@ -134,14 +130,14 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
     }, [isValid, error, message]);
 
     var sizeContentClass = (0, _useFileUploaderSize.useFileUploaderSize)(size, {
-      small: jsStyles.contentSmall(theme),
-      medium: jsStyles.contentMedium(theme),
-      large: jsStyles.contentLarge(theme)
+      small: _FileUploaderFile.jsStyles.contentSmall(theme),
+      medium: _FileUploaderFile.jsStyles.contentMedium(theme),
+      large: _FileUploaderFile.jsStyles.contentLarge(theme)
     });
 
-    var contentClassNames = cx(jsStyles.content(), (_cx = {}, _cx[
+    var contentClassNames = (0, _Emotion.cx)(_FileUploaderFile.jsStyles.content(), (_cx = {}, _cx[
     sizeContentClass] = true, _cx[
-    jsStyles.error(theme)] = isInvalid, _cx)
+    _FileUploaderFile.jsStyles.error(theme)] = isInvalid, _cx)
     );
 
     var handleMouseEnter = (0, _react.useCallback)(function () {
@@ -155,8 +151,8 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
     var handleFocus = (0, _react.useCallback)(function () {
       // focus event fires before keyDown eventlistener
       // so we should check tabPressed in async way
-      globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-        if (keyListener.isTabPressed) {
+      _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
+        if (_keyListener.keyListener.isTabPressed) {
           setFocusedByTab(true);
         }
       });
@@ -175,10 +171,10 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
       [removeUploadFile]
     );
 
-    var iconClassNames = cx(jsStyles.icon(theme), (_cx2 = {}, _cx2[
-    jsStyles.focusedIcon(theme)] = focusedByTab, _cx2[
+    var iconClassNames = (0, _Emotion.cx)(_FileUploaderFile.jsStyles.icon(theme), (_cx2 = {}, _cx2[
+    _FileUploaderFile.jsStyles.focusedIcon(theme)] = focusedByTab, _cx2[
     sizeIconClass] = true, _cx2[
-    jsStyles.iconMultiple()] = multiple, _cx2)
+    _FileUploaderFile.jsStyles.iconMultiple()] = multiple, _cx2)
     );
 
     var isTruncated = truncatedFileName !== name;
@@ -186,7 +182,7 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
     return /*#__PURE__*/(
       _react.default.createElement("div", {
         "data-tid": FileUploaderFileDataTids.file,
-        className: jsStyles.root(),
+        className: _FileUploaderFile.jsStyles.root(),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         ref: ref }, /*#__PURE__*/
@@ -195,12 +191,12 @@ var FileUploaderFile = exports.FileUploaderFile = (0, _forwardRefAndName.forward
       _react.default.createElement("div", { className: contentClassNames }, /*#__PURE__*/
       _react.default.createElement(_TextWidthHelper.TextWidthHelper, { ref: textHelperRef, text: name }), /*#__PURE__*/
       _react.default.createElement(_Hint.Hint, { maxWidth: '100%', text: isTruncated ? name : null }, /*#__PURE__*/
-      _react.default.createElement("span", { "data-tid": FileUploaderFileDataTids.fileName, ref: fileNameElementRef, className: jsStyles.name() },
+      _react.default.createElement("span", { "data-tid": FileUploaderFileDataTids.fileName, ref: fileNameElementRef, className: _FileUploaderFile.jsStyles.name() },
       truncatedFileName
       )
       ),
       !!showSize && formattedSize && /*#__PURE__*/
-      _react.default.createElement("span", { "data-tid": FileUploaderFileDataTids.fileSize, className: jsStyles.size() },
+      _react.default.createElement("span", { "data-tid": FileUploaderFileDataTids.fileSize, className: _FileUploaderFile.jsStyles.size() },
       formattedSize
       ), /*#__PURE__*/