@skbkontur/react-ui 0.0.0-957e78b437 → 0.0.0-959e646d91

package/internal/DataTids/DataTids/DataTids.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { Select } from "../../../components/Select";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../DataTids.styles";
+import { styles } from "../DataTids.styles";
 import { componentsDataTids } from "../componentsDataTids";
 export var DataTids = /*#__PURE__*/function (_React$Component) {
   function DataTids() {
@@ -28,47 +27,42 @@ export var DataTids = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
     return /*#__PURE__*/(
-      React.createElement(EmotionConsumer, null, function (emotion) {
-        var styles = getStyles(emotion);
-        return /*#__PURE__*/(
-          React.createElement("div", null, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442:", /*#__PURE__*/
+      React.createElement("div", null, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442:", /*#__PURE__*/
 
-          React.createElement(Select, {
-            items: _this2.items,
-            value: _this2.state.selectedValue,
-            onValueChange: _this2.setValue,
-            search: true
-          }), Object.entries(componentsDataTids).map(function (_ref, index) {
-            var componentName = _ref[0],
-              dataTids = _ref[1];
-            if (componentName === _this2.state.selectedValue || _this2.state.selectedValue === 'все') {
+      React.createElement(Select, {
+        items: this.items,
+        value: this.state.selectedValue,
+        onValueChange: this.setValue,
+        search: true
+      }), Object.entries(componentsDataTids).map(function (_ref, index) {
+        var componentName = _ref[0],
+          dataTids = _ref[1];
+        if (componentName === _this2.state.selectedValue || _this2.state.selectedValue === 'все') {
+          return /*#__PURE__*/(
+            React.createElement("div", {
+              key: index,
+              className: styles.wrapper()
+            }, /*#__PURE__*/
+            React.createElement("div", {
+              className: styles.componentName()
+            }, componentName), Object.values(dataTids).map(function (value, i) {
               return /*#__PURE__*/(
                 React.createElement("div", {
-                  key: index,
-                  className: styles.wrapper()
+                  key: i,
+                  className: styles.row()
                 }, /*#__PURE__*/
                 React.createElement("div", {
-                  className: styles.componentName()
-                }, componentName), Object.values(dataTids).map(function (value, i) {
-                  return /*#__PURE__*/(
-                    React.createElement("div", {
-                      key: i,
-                      className: styles.row()
-                    }, /*#__PURE__*/
-                    React.createElement("div", {
-                      className: styles.leftCell()
-                    }, componentName + "DataTids." + value[0]), /*#__PURE__*/
-                    React.createElement("div", {
-                      className: styles.rightCell()
-                    }, "'" + value[1] + "'"))
-                  );
-                }))
+                  className: styles.leftCell()
+                }, componentName + "DataTids." + value[0]), /*#__PURE__*/
+                React.createElement("div", {
+                  className: styles.rightCell()
+                }, "'" + value[1] + "'"))
               );
-            }
-            return null;
-          }))
-        );
-      })
+            }))
+          );
+        }
+        return null;
+      }))
     );
   };
   return DataTids;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Select","EmotionConsumer","getStyles","componentsDataTids","DataTids","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selectedValue","components","Object","keys","items","setValue","value","setState","_inheritsLoose","_proto","prototype","render","_this2","createElement","emotion","styles","onValueChange","search","entries","map","_ref","index","componentName","dataTids","key","className","wrapper","values","i","row","leftCell","rightCell","Component"],"sources":["DataTids.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Select } from '../../components/Select';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } 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      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div>\n              Выбрать компонент:\n              <Select<string>\n                items={this.items}\n                value={this.state.selectedValue}\n                onValueChange={this.setValue}\n                search\n              />\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      </EmotionConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Select","styles","componentsDataTids","DataTids","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selectedValue","components","Object","keys","items","setValue","value","setState","_inheritsLoose","_proto","prototype","render","_this2","createElement","onValueChange","search","entries","map","_ref","index","componentName","dataTids","key","className","wrapper","values","i","row","leftCell","rightCell","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/internal/DataTids/DataTids.styles/DataTids.styles.js

@@ -1,22 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        &:not(:first-child) {\n          margin-top: 20px;\n        }\n      "])));
-    },
-    componentName: function componentName() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        font-weight: 700;\n        font-size: 1.25em;\n        margin: 0 5px 5px;\n      "])));
-    },
-    row: function row() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        width: 100%;\n        font-size: 16px;\n      "])));
-    },
-    leftCell: function leftCell() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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 emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        padding: 5px;\n        border-bottom: 1px solid #dadada;\n        width: 70%;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    "])));
+  },
+  componentName: function componentName() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    "])));
+  },
+  row: function row() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    "])));
+  },
+  leftCell: function leftCell() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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 css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","wrapper","css","_templateObject","_taggedTemplateLiteralLoose","componentName","_templateObject2","row","_templateObject3","leftCell","_templateObject4","rightCell","_templateObject5"],"sources":["DataTids.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    wrapper() {\n      return emotion.css`\n        &:not(:first-child) {\n          margin-top: 20px;\n        }\n      `;\n    },\n    componentName() {\n      return emotion.css`\n        font-weight: 700;\n        font-size: 1.25em;\n        margin: 0 5px 5px;\n      `;\n    },\n    row() {\n      return emotion.css`\n        display: flex;\n        width: 100%;\n        font-size: 16px;\n      `;\n    },\n\n    leftCell() {\n      return emotion.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 emotion.css`\n        padding: 5px;\n        border-bottom: 1px solid #dadada;\n        width: 70%;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;MAKpB,CAAC;MACDC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;MAKpB,CAAC;MACDG,GAAG,WAAAA,IAAA,EAAG;QACJ,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;MAKpB,CAAC;;MAEDK,QAAQ,WAAAA,SAAA,EAAG;QACT,OAAOT,OAAO,CAACE,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;;MAOpB,CAAC;MACDO,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOX,OAAO,CAACE,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;MAKpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","componentName","_templateObject2","row","_templateObject3","leftCell","_templateObject4","rightCell","_templateObject5"],"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":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKZ,CAAC;EACDG,GAAG,WAAAA,IAAA,EAAG;IACJ,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;;EAOZ,CAAC;EACDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     wrapper(): string;
     componentName(): string;
     row(): string;

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -7,13 +7,13 @@ import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator
 import { getRandomID, isNonNullable } from "../../../lib/utils";
 import { DatePickerLocaleHelper } from "../../../components/DatePicker/locale";
 import { locale } from "../../../lib/locale/decorators";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Select } from "../../../components/Select";
 import { MenuItem } from "../../../components/MenuItem";
 import { ArrowCollapseCVOpenIcon16Regular } from "../../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles, globalClasses } from "../DateSelect.styles";
+import { globalClasses, styles } from "../DateSelect.styles";
 var defaultMinMonth = 0;
 var defaultMaxMonth = 11;
 var defaultMinYear = 1900;
@@ -47,9 +47,8 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), resp
       var width = _this.getProps().width;
       var isInteractiveElement = !disabled;
       var Tag = isInteractiveElement ? 'button' : 'span';
-      var styles = _this.styles;
       var rootProps = {
-        className: _this.emotion.cx(styles.root(_this.theme), disabled && styles.disabled()),
+        className: cx(styles.root(_this.theme), disabled && styles.disabled()),
         style: {
           width: width
         },
@@ -65,7 +64,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), resp
           className: styles.caption()
         }, _this.getItem(value)), isInteractiveElement && /*#__PURE__*/
         React.createElement(ArrowCollapseCVOpenIcon16Regular, {
-          className: _this.emotion.cx(globalClasses.arrow),
+          className: cx(globalClasses.arrow),
           color: "#ADADAD"
         }))
       );
@@ -107,13 +106,9 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), resp
   var _proto = DateSelect.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   _proto.close = function close() {

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

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","PropTypes","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","EmotionConsumer","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","ThemeContext","getStyles","globalClasses","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","styles","rootProps","className","emotion","cx","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","number","isRequired","oneOfType","func"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ButtonParams, Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } 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\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 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  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\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 styles = this.styles;\n    const rootProps = {\n      className: this.emotion.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={this.emotion.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        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","createRef","PropTypes","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","number","isRequired","oneOfType","func"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ButtonParams, Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\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\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 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  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        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/internal/DateSelect/DateSelect.d.ts

@@ -31,8 +31,6 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps> {
     private getProps;
     private get isYearType();
     private theme;
-    private emotion;
-    private styles;
     private readonly locale;
     private readonly selectRef;
     render(): React.JSX.Element;

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

@@ -1,19 +1,17 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3;
-import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('select')({
   arrow: 'arrow'
 });
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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.dateSelectLineHeight, t.dateSelectLinkColor, globalClasses.arrow, t.transitionDuration, t.transitionTimingFunction, globalClasses.arrow, t.dateSelectTextColorDefault);
-    },
-    disabled: function disabled() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      "])));
-    },
-    caption: function caption() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        position: relative;\n      "])));
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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.dateSelectLineHeight, t.dateSelectLinkColor, globalClasses.arrow, t.transitionDuration, t.transitionTimingFunction, globalClasses.arrow, t.dateSelectTextColorDefault);
+  },
+  disabled: function disabled() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+  },
+  caption: function caption() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","prefix","globalClasses","arrow","getStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","disabled","_templateObject2","caption","_templateObject3"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const 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,SAASA,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGhE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,QAAQ,CAAC,CAAC;EAC5CE,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCL,YAAY,CAAC;MACXM,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;QACPH,CAAC,CAACI,0BAA0B;;;;;QAKxBJ,CAAC,CAACK,kBAAkB;;;;;;;QAOlBL,CAAC,CAACM,oBAAoB;;;;;QAK1BN,CAAC,CAACO,mBAAmB;;;QAG3BZ,aAAa,CAACC,KAAK;QACHI,CAAC,CAACQ,kBAAkB,EAAIR,CAAC,CAACS,wBAAwB;;;QAG5Dd,aAAa,CAACC,KAAK;QACpBI,CAAC,CAACI,0BAA0B;;;MAG1C,CAAC;;MAEDM,QAAQ,WAAAA,SAAA,EAAG;QACT,OAAOZ,OAAO,CAACG,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;MAIpB,CAAC;;MAEDS,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOd,OAAO,CAACG,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","arrow","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","disabled","_templateObject2","caption","_templateObject3"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-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":"wJAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,QAAQ,CAAC,CAAC;EAC5CE,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;EACjCK,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,0BAA0B;;;;;IAKxBH,CAAC,CAACI,kBAAkB;;;;;;;IAOlBJ,CAAC,CAACK,oBAAoB;;;;;IAK1BL,CAAC,CAACM,mBAAmB;;;IAG3BV,aAAa,CAACC,KAAK;IACHG,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;IAG5DZ,aAAa,CAACC,KAAK;IACpBG,CAAC,CAACG,0BAA0B;;;EAG1C,CAAC;;EAEDM,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ,CAAC;;EAEDS,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { 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/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js

@@ -5,15 +5,15 @@ import { formatBytes } from "../../../../lib/utils";
 import { TextWidthHelper } from "../../../TextWidthHelper/TextWidthHelper";
 import { truncate } from "../../../../lib/stringUtils";
 import { FileUploaderControlContext } from "../../FileUploaderControlContext";
-import { EmotionContext } from "../../../../lib/theming/Emotion";
+import { cx } from "../../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { keyListener } from "../../../../lib/events/keyListener";
 import { isKeyEnter } from "../../../../lib/events/keyboard/identifiers";
 import { Hint } from "../../../../components/Hint";
 import { Tooltip } from "../../../../components/Tooltip";
 import { getDOMRect } from "../../../../lib/dom/getDOMRect";
 import { useFileUploaderSize } from "../../hooks/useFileUploaderSize";
-import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { getStyles } from "../FileUploaderFile.styles";
+import { jsStyles } from "../FileUploaderFile.styles";
 import { FileUploaderFileStatusIcon } from "../FileUploaderFileStatusIcon";
 var getTruncatedName = function getTruncatedName(fileNameWidth, fileNameElementWidth, name) {
   if (!fileNameWidth && !fileNameElementWidth) {
@@ -41,7 +41,7 @@ export var FileUploaderFileDataTids = {
   fileIcon: 'FileUploader__fileIcon'
 };
 export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (props, ref) {
-  var _emotion$cx, _emotion$cx2;
+  var _cx, _cx2;
   var file = props.file,
     showSize = props.showSize,
     error = props.error,
@@ -70,8 +70,6 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     setIsMinLengthReached = _useContext.setIsMinLengthReached,
     isMinLengthReached = _useContext.isMinLengthReached;
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
-  var styles = getStyles(emotion);
   var formattedSize = useMemo(function () {
     return formatBytes(fileSize, 1);
   }, [fileSize]);
@@ -99,19 +97,19 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     message = validationResult.message;
   var isInvalid = error || !isValid;
   var sizeIconClass = useFileUploaderSize(size, {
-    small: styles.iconSmall(),
-    medium: styles.iconMedium(),
-    large: styles.iconLarge()
+    small: jsStyles.iconSmall(),
+    medium: jsStyles.iconMedium(),
+    large: jsStyles.iconLarge()
   });
   var renderTooltipContent = useCallback(function () {
     return !isValid && !error && message ? message : null;
   }, [isValid, error, message]);
   var sizeContentClass = useFileUploaderSize(size, {
-    small: styles.contentSmall(theme),
-    medium: styles.contentMedium(theme),
-    large: styles.contentLarge(theme)
+    small: jsStyles.contentSmall(theme),
+    medium: jsStyles.contentMedium(theme),
+    large: jsStyles.contentLarge(theme)
   });
-  var contentClassNames = emotion.cx(styles.content(), (_emotion$cx = {}, _emotion$cx[sizeContentClass] = true, _emotion$cx[styles.error(theme)] = isInvalid, _emotion$cx));
+  var contentClassNames = cx(jsStyles.content(), (_cx = {}, _cx[sizeContentClass] = true, _cx[jsStyles.error(theme)] = isInvalid, _cx));
   var handleMouseEnter = useCallback(function () {
     setHovered(true);
   }, []);
@@ -135,12 +133,12 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
       removeUploadFile();
     }
   }, [removeUploadFile]);
-  var iconClassNames = emotion.cx(styles.icon(theme), (_emotion$cx2 = {}, _emotion$cx2[styles.focusedIcon(theme)] = focusedByTab, _emotion$cx2[sizeIconClass] = true, _emotion$cx2[styles.iconMultiple()] = multiple, _emotion$cx2));
+  var iconClassNames = cx(jsStyles.icon(theme), (_cx2 = {}, _cx2[jsStyles.focusedIcon(theme)] = focusedByTab, _cx2[sizeIconClass] = true, _cx2[jsStyles.iconMultiple()] = multiple, _cx2));
   var isTruncated = truncatedFileName !== name;
   return /*#__PURE__*/(
     React.createElement("div", {
       "data-tid": FileUploaderFileDataTids.file,
-      className: styles.root(),
+      className: jsStyles.root(),
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       ref: ref
@@ -165,11 +163,11 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
     React.createElement("span", {
       "data-tid": FileUploaderFileDataTids.fileName,
       ref: fileNameElementRef,
-      className: styles.name()
+      className: jsStyles.name()
     }, truncatedFileName)), !!showSize && formattedSize && /*#__PURE__*/
     React.createElement("span", {
       "data-tid": FileUploaderFileDataTids.fileSize,
-      className: styles.size()
+      className: jsStyles.size()
     }, formattedSize), /*#__PURE__*/
 
     React.createElement("div", {

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","forwardRefAndName","formatBytes","TextWidthHelper","truncate","FileUploaderControlContext","EmotionContext","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","ThemeContext","getStyles","FileUploaderFileStatusIcon","getTruncatedName","fileNameWidth","fileNameElementWidth","name","charWidth","Math","ceil","length","maxCharsCountInSpan","calcTruncatedName","textHelperRef","fileNameElementRef","_textHelperRef$curren","current","getTextWidth","width","MIN_CHARS_LENGTH","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","FileUploaderFile","props","ref","_emotion$cx","_emotion$cx2","showSize","error","multiple","size","onRemove","id","originalFile","status","validationResult","_useState","hovered","setHovered","_useState2","focusedByTab","setFocusedByTab","_useState3","truncatedFileName","setTruncatedFileName","_useContext","removeFile","setIsMinLengthReached","isMinLengthReached","theme","emotion","styles","formattedSize","_truncatedName$length","truncatedName","removeUploadFile","handleRemove","event","preventDefault","stopPropagation","isValid","message","isInvalid","sizeIconClass","small","iconSmall","medium","iconMedium","large","iconLarge","renderTooltipContent","sizeContentClass","contentSmall","contentMedium","contentLarge","contentClassNames","cx","content","handleMouseEnter","handleMouseLeave","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","focusedIcon","iconMultiple","isTruncated","createElement","className","root","onMouseEnter","onMouseLeave","pos","render","text","maxWidth","tabIndex","onClick","onFocus","onBlur","onKeyDown"],"sources":["FileUploaderFile.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { formatBytes } from '../../../lib/utils';\nimport { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper';\nimport { truncate } from '../../../lib/stringUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { EmotionContext } from '../../../lib/theming/Emotion';\nimport { keyListener } from '../../../lib/events/keyListener';\nimport { isKeyEnter } from '../../../lib/events/keyboard/identifiers';\nimport { Nullable } from '../../../typings/utility-types';\nimport { Hint } from '../../../components/Hint';\nimport { Tooltip } from '../../../components/Tooltip';\nimport { getDOMRect } from '../../../lib/dom/getDOMRect';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { getStyles } from './FileUploaderFile.styles';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon';\n\ninterface FileUploaderFileProps {\n  file: FileUploaderAttachedFile;\n  showSize?: boolean;\n  multiple?: boolean;\n  size: SizeProp;\n  /** Состояние ошибки контрола файла */\n  error?: boolean;\n  onRemove(id: string): void;\n}\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string) => {\n  if (!fileNameWidth && !fileNameElementWidth) {\n    return null;\n  }\n\n  if (fileNameWidth <= fileNameElementWidth) {\n    return name;\n  }\n\n  const charWidth = Math.ceil(fileNameWidth / name.length);\n  const maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);\n\n  return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n  textHelperRef: React.RefObject<TextWidthHelper>,\n  fileNameElementRef: React.RefObject<HTMLSpanElement>,\n  name: string,\n) => {\n  const fileNameWidth = textHelperRef.current?.getTextWidth() || 0;\n  const fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;\n\n  return getTruncatedName(fileNameWidth, fileNameElementWidth, name);\n};\n\nconst MIN_CHARS_LENGTH = 3;\n\nexport const FileUploaderFileDataTids = {\n  file: 'FileUploader__file',\n  fileTooltip: 'FileUploader__fileTooltip',\n  fileName: 'FileUploader__fileName',\n  fileSize: 'FileUploader__fileSize',\n  fileIcon: 'FileUploader__fileIcon',\n} as const;\n\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n  'FileUploaderFile',\n  (props, ref) => {\n    const { file, showSize, error, multiple, size, onRemove } = props;\n    const { id, originalFile, status, validationResult } = file;\n    const { name, size: fileSize } = originalFile;\n\n    const [hovered, setHovered] = useState<boolean>(false);\n    const [focusedByTab, setFocusedByTab] = useState(false);\n    const [truncatedFileName, setTruncatedFileName] = useState<Nullable<string>>(null);\n\n    const textHelperRef = useRef<TextWidthHelper>(null);\n    const fileNameElementRef = useRef<HTMLSpanElement>(null);\n\n    const { removeFile, setIsMinLengthReached, isMinLengthReached } = useContext(FileUploaderControlContext);\n    const theme = useContext(ThemeContext);\n    const emotion = useContext(EmotionContext);\n    const styles = getStyles(emotion);\n\n    const formattedSize = useMemo(() => formatBytes(fileSize, 1), [fileSize]);\n\n    useEffect(() => {\n      if (setIsMinLengthReached) {\n        const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n        setIsMinLengthReached((truncatedName?.length ?? 0) <= MIN_CHARS_LENGTH);\n      }\n    }, [name, isMinLengthReached]);\n\n    useEffect(() => {\n      const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n      setTruncatedFileName(truncatedName);\n    });\n\n    const removeUploadFile = useCallback(() => {\n      removeFile(id);\n      onRemove(id);\n    }, [removeFile, id, onRemove]);\n\n    const handleRemove = useCallback(\n      (event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        event.stopPropagation();\n        removeUploadFile();\n      },\n      [removeUploadFile],\n    );\n\n    const { isValid, message } = validationResult;\n\n    const isInvalid = error || !isValid;\n\n    const sizeIconClass = useFileUploaderSize(size, {\n      small: styles.iconSmall(),\n      medium: styles.iconMedium(),\n      large: styles.iconLarge(),\n    });\n\n    const renderTooltipContent = useCallback((): ReactNode => {\n      return !isValid && !error && message ? message : null;\n    }, [isValid, error, message]);\n\n    const sizeContentClass = useFileUploaderSize(size, {\n      small: styles.contentSmall(theme),\n      medium: styles.contentMedium(theme),\n      large: styles.contentLarge(theme),\n    });\n\n    const contentClassNames = emotion.cx(styles.content(), {\n      [sizeContentClass]: true,\n      [styles.error(theme)]: isInvalid,\n    });\n\n    const handleMouseEnter = useCallback(() => {\n      setHovered(true);\n    }, []);\n\n    const handleMouseLeave = useCallback(() => {\n      setHovered(false);\n    }, []);\n\n    const handleFocus = useCallback(() => {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          setFocusedByTab(true);\n        }\n      });\n    }, []);\n\n    const handleBlur = useCallback(() => {\n      setFocusedByTab(false);\n    }, []);\n\n    const handleIconKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLElement>) => {\n        if (isKeyEnter(e)) {\n          removeUploadFile();\n        }\n      },\n      [removeUploadFile],\n    );\n\n    const iconClassNames = emotion.cx(styles.icon(theme), {\n      [styles.focusedIcon(theme)]: focusedByTab,\n      [sizeIconClass]: true,\n      [styles.iconMultiple()]: multiple,\n    });\n\n    const isTruncated = truncatedFileName !== name;\n\n    return (\n      <div\n        data-tid={FileUploaderFileDataTids.file}\n        className={styles.root()}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        <Tooltip data-tid={FileUploaderFileDataTids.fileTooltip} pos=\"right middle\" render={renderTooltipContent}>\n          <div className={contentClassNames}>\n            <TextWidthHelper ref={textHelperRef} text={name} />\n            <Hint maxWidth={'100%'} text={isTruncated ? name : null}>\n              <span data-tid={FileUploaderFileDataTids.fileName} ref={fileNameElementRef} className={styles.name()}>\n                {truncatedFileName}\n              </span>\n            </Hint>\n            {!!showSize && formattedSize && (\n              <span data-tid={FileUploaderFileDataTids.fileSize} className={styles.size()}>\n                {formattedSize}\n              </span>\n            )}\n            <div\n              className={iconClassNames}\n              data-tid={FileUploaderFileDataTids.fileIcon}\n              tabIndex={0}\n              onClick={handleRemove}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleIconKeyDown}\n            >\n              <FileUploaderFileStatusIcon\n                status={status}\n                hovered={hovered}\n                focusedByTab={focusedByTab}\n                isInvalid={isInvalid}\n                size={size}\n              />\n            </div>\n          </div>\n        </Tooltip>\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAeC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvG,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,iBAAiB,QAAQ,gCAAgC;;AAElE,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,eAAe,QAAQ,uCAAuC;AACvE,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,UAAU,QAAQ,0CAA0C;;AAErE,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,mBAAmB,QAAQ,8BAA8B;;AAElE,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,0BAA0B,QAAQ,8BAA8B;;;;;;;;;;;;AAYzE,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,aAAqB,EAAEC,oBAA4B,EAAEC,IAAY,EAAK;EAC9F,IAAI,CAACF,aAAa,IAAI,CAACC,oBAAoB,EAAE;IAC3C,OAAO,IAAI;EACb;;EAEA,IAAID,aAAa,IAAIC,oBAAoB,EAAE;IACzC,OAAOC,IAAI;EACb;;EAEA,IAAMC,SAAS,GAAGC,IAAI,CAACC,IAAI,CAACL,aAAa,GAAGE,IAAI,CAACI,MAAM,CAAC;EACxD,IAAMC,mBAAmB,GAAGH,IAAI,CAACC,IAAI,CAACJ,oBAAoB,GAAGE,SAAS,CAAC;;EAEvE,OAAOhB,QAAQ,CAACe,IAAI,EAAEK,mBAAmB,CAAC;AAC5C,CAAC;;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AACrBC,aAA+C;AAC/CC,kBAAoD;AACpDR,IAAY;AACT,KAAAS,qBAAA;EACH,IAAMX,aAAa,GAAG,EAAAW,qBAAA,GAAAF,aAAa,CAACG,OAAO,qBAArBD,qBAAA,CAAuBE,YAAY,CAAC,CAAC,KAAI,CAAC;EAChE,IAAMZ,oBAAoB,GAAGP,UAAU,CAACgB,kBAAkB,CAACE,OAAO,CAAC,CAACE,KAAK;;EAEzE,OAAOf,gBAAgB,CAACC,aAAa,EAAEC,oBAAoB,EAAEC,IAAI,CAAC;AACpE,CAAC;;AAED,IAAMa,gBAAgB,GAAG,CAAC;;AAE1B,OAAO,IAAMC,wBAAwB,GAAG;EACtCC,IAAI,EAAE,oBAAoB;EAC1BC,WAAW,EAAE,2BAA2B;EACxCC,QAAQ,EAAE,wBAAwB;EAClCC,QAAQ,EAAE,wBAAwB;EAClCC,QAAQ,EAAE;AACZ,CAAU;;AAEV,OAAO,IAAMC,gBAAgB,GAAGtC,iBAAiB;EAC/C,kBAAkB;EAClB,UAACuC,KAAK,EAAEC,GAAG,EAAK,KAAAC,WAAA,EAAAC,YAAA;IACd,IAAQT,IAAI,GAAgDM,KAAK,CAAzDN,IAAI,CAAEU,QAAQ,GAAsCJ,KAAK,CAAnDI,QAAQ,CAAEC,KAAK,GAA+BL,KAAK,CAAzCK,KAAK,CAAEC,QAAQ,GAAqBN,KAAK,CAAlCM,QAAQ,CAAEC,IAAI,GAAeP,KAAK,CAAxBO,IAAI,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;IACvD,IAAQC,EAAE,GAA6Cf,IAAI,CAAnDe,EAAE,CAAEC,YAAY,GAA+BhB,IAAI,CAA/CgB,YAAY,CAAEC,MAAM,GAAuBjB,IAAI,CAAjCiB,MAAM,CAAEC,gBAAgB,GAAKlB,IAAI,CAAzBkB,gBAAgB;IAClD,IAAQjC,IAAI,GAAqB+B,YAAY,CAArC/B,IAAI,CAAQkB,QAAQ,GAAKa,YAAY,CAA/BH,IAAI;;IAElB,IAAAM,SAAA,GAA8BtD,QAAQ,CAAU,KAAK,CAAC,CAA/CuD,OAAO,GAAAD,SAAA,IAAEE,UAAU,GAAAF,SAAA;IAC1B,IAAAG,UAAA,GAAwCzD,QAAQ,CAAC,KAAK,CAAC,CAAhD0D,YAAY,GAAAD,UAAA,IAAEE,eAAe,GAAAF,UAAA;IACpC,IAAAG,UAAA,GAAkD5D,QAAQ,CAAmB,IAAI,CAAC,CAA3E6D,iBAAiB,GAAAD,UAAA,IAAEE,oBAAoB,GAAAF,UAAA;;IAE9C,IAAMjC,aAAa,GAAG5B,MAAM,CAAkB,IAAI,CAAC;IACnD,IAAM6B,kBAAkB,GAAG7B,MAAM,CAAkB,IAAI,CAAC;;IAExD,IAAAgE,WAAA,GAAkEnE,UAAU,CAACU,0BAA0B,CAAC,CAAhG0D,UAAU,GAAAD,WAAA,CAAVC,UAAU,CAAEC,qBAAqB,GAAAF,WAAA,CAArBE,qBAAqB,CAAEC,kBAAkB,GAAAH,WAAA,CAAlBG,kBAAkB;IAC7D,IAAMC,KAAK,GAAGvE,UAAU,CAACkB,YAAY,CAAC;IACtC,IAAMsD,OAAO,GAAGxE,UAAU,CAACW,cAAc,CAAC;IAC1C,IAAM8D,MAAM,GAAGtD,SAAS,CAACqD,OAAO,CAAC;;IAEjC,IAAME,aAAa,GAAGxE,OAAO,CAAC,oBAAMK,WAAW,CAACmC,QAAQ,EAAE,CAAC,CAAC,IAAE,CAACA,QAAQ,CAAC,CAAC;;IAEzEzC,SAAS,CAAC,YAAM;MACd,IAAIoE,qBAAqB,EAAE,KAAAM,qBAAA;QACzB,IAAMC,aAAa,GAAG9C,iBAAiB,CAACC,aAAa,EAAEC,kBAAkB,EAAER,IAAI,CAAC;;QAEhF6C,qBAAqB,CAAC,EAAAM,qBAAA,GAACC,aAAa,oBAAbA,aAAa,CAAEhD,MAAM,YAAA+C,qBAAA,GAAI,CAAC,KAAKtC,gBAAgB,CAAC;MACzE;IACF,CAAC,EAAE,CAACb,IAAI,EAAE8C,kBAAkB,CAAC,CAAC;;IAE9BrE,SAAS,CAAC,YAAM;MACd,IAAM2E,aAAa,GAAG9C,iBAAiB,CAACC,aAAa,EAAEC,kBAAkB,EAAER,IAAI,CAAC;;MAEhF0C,oBAAoB,CAACU,aAAa,CAAC;IACrC,CAAC,CAAC;;IAEF,IAAMC,gBAAgB,GAAG9E,WAAW,CAAC,YAAM;MACzCqE,UAAU,CAACd,EAAE,CAAC;MACdD,QAAQ,CAACC,EAAE,CAAC;IACd,CAAC,EAAE,CAACc,UAAU,EAAEd,EAAE,EAAED,QAAQ,CAAC,CAAC;;IAE9B,IAAMyB,YAAY,GAAG/E,WAAW;MAC9B,UAACgF,KAAoC,EAAK;QACxCA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;QACvBJ,gBAAgB,CAAC,CAAC;MACpB,CAAC;MACD,CAACA,gBAAgB;IACnB,CAAC;;IAED,IAAQK,OAAO,GAAczB,gBAAgB,CAArCyB,OAAO,CAAEC,OAAO,GAAK1B,gBAAgB,CAA5B0B,OAAO;;IAExB,IAAMC,SAAS,GAAGlC,KAAK,IAAI,CAACgC,OAAO;;IAEnC,IAAMG,aAAa,GAAGpE,mBAAmB,CAACmC,IAAI,EAAE;MAC9CkC,KAAK,EAAEb,MAAM,CAACc,SAAS,CAAC,CAAC;MACzBC,MAAM,EAAEf,MAAM,CAACgB,UAAU,CAAC,CAAC;MAC3BC,KAAK,EAAEjB,MAAM,CAACkB,SAAS,CAAC;IAC1B,CAAC,CAAC;;IAEF,IAAMC,oBAAoB,GAAG7F,WAAW,CAAC,YAAiB;MACxD,OAAO,CAACmF,OAAO,IAAI,CAAChC,KAAK,IAAIiC,OAAO,GAAGA,OAAO,GAAG,IAAI;IACvD,CAAC,EAAE,CAACD,OAAO,EAAEhC,KAAK,EAAEiC,OAAO,CAAC,CAAC;;IAE7B,IAAMU,gBAAgB,GAAG5E,mBAAmB,CAACmC,IAAI,EAAE;MACjDkC,KAAK,EAAEb,MAAM,CAACqB,YAAY,CAACvB,KAAK,CAAC;MACjCiB,MAAM,EAAEf,MAAM,CAACsB,aAAa,CAACxB,KAAK,CAAC;MACnCmB,KAAK,EAAEjB,MAAM,CAACuB,YAAY,CAACzB,KAAK;IAClC,CAAC,CAAC;;IAEF,IAAM0B,iBAAiB,GAAGzB,OAAO,CAAC0B,EAAE,CAACzB,MAAM,CAAC0B,OAAO,CAAC,CAAC,GAAApD,WAAA,OAAAA,WAAA;IAClD8C,gBAAgB,IAAG,IAAI,EAAA9C,WAAA;IACvB0B,MAAM,CAACvB,KAAK,CAACqB,KAAK,CAAC,IAAGa,SAAS,EAAArC,WAAA;IACjC,CAAC;;IAEF,IAAMqD,gBAAgB,GAAGrG,WAAW,CAAC,YAAM;MACzC6D,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAMyC,gBAAgB,GAAGtG,WAAW,CAAC,YAAM;MACzC6D,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAM0C,WAAW,GAAGvG,WAAW,CAAC,YAAM;MACpC;MACA;MACAM,YAAY,CAACkG,qBAAqB,YAAlClG,YAAY,CAACkG,qBAAqB,CAAG,YAAM;QACzC,IAAI3F,WAAW,CAAC4F,YAAY,EAAE;UAC5BzC,eAAe,CAAC,IAAI,CAAC;QACvB;MACF,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAM0C,UAAU,GAAG1G,WAAW,CAAC,YAAM;MACnCgE,eAAe,CAAC,KAAK,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC;;IAEN,IAAM2C,iBAAiB,GAAG3G,WAAW;MACnC,UAAC4G,CAAmC,EAAK;QACvC,IAAI9F,UAAU,CAAC8F,CAAC,CAAC,EAAE;UACjB9B,gBAAgB,CAAC,CAAC;QACpB;MACF,CAAC;MACD,CAACA,gBAAgB;IACnB,CAAC;;IAED,IAAM+B,cAAc,GAAGpC,OAAO,CAAC0B,EAAE,CAACzB,MAAM,CAACoC,IAAI,CAACtC,KAAK,CAAC,GAAAvB,YAAA,OAAAA,YAAA;IACjDyB,MAAM,CAACqC,WAAW,CAACvC,KAAK,CAAC,IAAGT,YAAY,EAAAd,YAAA;IACxCqC,aAAa,IAAG,IAAI,EAAArC,YAAA;IACpByB,MAAM,CAACsC,YAAY,CAAC,CAAC,IAAG5D,QAAQ,EAAAH,YAAA;IAClC,CAAC;;IAEF,IAAMgE,WAAW,GAAG/C,iBAAiB,KAAKzC,IAAI;;IAE9C;MACE1B,KAAA,CAAAmH,aAAA;QACE,YAAU3E,wBAAwB,CAACC,IAAK;QACxC2E,SAAS,EAAEzC,MAAM,CAAC0C,IAAI,CAAC,CAAE;QACzBC,YAAY,EAAEhB,gBAAiB;QAC/BiB,YAAY,EAAEhB,gBAAiB;QAC/BvD,GAAG,EAAEA,GAAI;;MAEThD,KAAA,CAAAmH,aAAA,CAAClG,OAAO,IAAC,YAAUuB,wBAAwB,CAACE,WAAY,EAAC8E,GAAG,EAAC,cAAc,EAACC,MAAM,EAAE3B,oBAAqB;MACvG9F,KAAA,CAAAmH,aAAA,UAAKC,SAAS,EAAEjB,iBAAkB;MAChCnG,KAAA,CAAAmH,aAAA,CAACzG,eAAe,IAACsC,GAAG,EAAEf,aAAc,EAACyF,IAAI,EAAEhG,IAAK,EAAE,CAAC;MACnD1B,KAAA,CAAAmH,aAAA,CAACnG,IAAI,IAAC2G,QAAQ,EAAE,MAAO,EAACD,IAAI,EAAER,WAAW,GAAGxF,IAAI,GAAG,IAAK;MACtD1B,KAAA,CAAAmH,aAAA,WAAM,YAAU3E,wBAAwB,CAACG,QAAS,EAACK,GAAG,EAAEd,kBAAmB,EAACkF,SAAS,EAAEzC,MAAM,CAACjD,IAAI,CAAC,CAAE;MAClGyC;MACG;MACF,CAAC;MACN,CAAC,CAAChB,QAAQ,IAAIyB,aAAa;MAC1B5E,KAAA,CAAAmH,aAAA,WAAM,YAAU3E,wBAAwB,CAACI,QAAS,EAACwE,SAAS,EAAEzC,MAAM,CAACrB,IAAI,CAAC,CAAE;MACzEsB;MACG,CACP;;MACD5E,KAAA,CAAAmH,aAAA;QACEC,SAAS,EAAEN,cAAe;QAC1B,YAAUtE,wBAAwB,CAACK,QAAS;QAC5C+E,QAAQ,EAAE,CAAE;QACZC,OAAO,EAAE7C,YAAa;QACtB8C,OAAO,EAAEtB,WAAY;QACrBuB,MAAM,EAAEpB,UAAW;QACnBqB,SAAS,EAAEpB,iBAAkB;;MAE7B5G,KAAA,CAAAmH,aAAA,CAAC7F,0BAA0B;QACzBoC,MAAM,EAAEA,MAAO;QACfG,OAAO,EAAEA,OAAQ;QACjBG,YAAY,EAAEA,YAAa;QAC3BsB,SAAS,EAAEA,SAAU;QACrBhC,IAAI,EAAEA,IAAK;MACZ;MACE;MACF;MACE;MACN,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","forwardRefAndName","formatBytes","TextWidthHelper","truncate","FileUploaderControlContext","cx","ThemeContext","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","jsStyles","FileUploaderFileStatusIcon","getTruncatedName","fileNameWidth","fileNameElementWidth","name","charWidth","Math","ceil","length","maxCharsCountInSpan","calcTruncatedName","textHelperRef","fileNameElementRef","_textHelperRef$curren","current","getTextWidth","width","MIN_CHARS_LENGTH","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","FileUploaderFile","props","ref","_cx","_cx2","showSize","error","multiple","size","onRemove","id","originalFile","status","validationResult","_useState","hovered","setHovered","_useState2","focusedByTab","setFocusedByTab","_useState3","truncatedFileName","setTruncatedFileName","_useContext","removeFile","setIsMinLengthReached","isMinLengthReached","theme","formattedSize","_truncatedName$length","truncatedName","removeUploadFile","handleRemove","event","preventDefault","stopPropagation","isValid","message","isInvalid","sizeIconClass","small","iconSmall","medium","iconMedium","large","iconLarge","renderTooltipContent","sizeContentClass","contentSmall","contentMedium","contentLarge","contentClassNames","content","handleMouseEnter","handleMouseLeave","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","focusedIcon","iconMultiple","isTruncated","createElement","className","root","onMouseEnter","onMouseLeave","pos","render","text","maxWidth","tabIndex","onClick","onFocus","onBlur","onKeyDown"],"sources":["FileUploaderFile.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { formatBytes } from '../../../lib/utils';\nimport { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper';\nimport { truncate } from '../../../lib/stringUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { keyListener } from '../../../lib/events/keyListener';\nimport { isKeyEnter } from '../../../lib/events/keyboard/identifiers';\nimport { Nullable } from '../../../typings/utility-types';\nimport { Hint } from '../../../components/Hint';\nimport { Tooltip } from '../../../components/Tooltip';\nimport { getDOMRect } from '../../../lib/dom/getDOMRect';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './FileUploaderFile.styles';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon';\n\ninterface FileUploaderFileProps {\n  file: FileUploaderAttachedFile;\n  showSize?: boolean;\n  multiple?: boolean;\n  size: SizeProp;\n  /** Состояние ошибки контрола файла */\n  error?: boolean;\n  onRemove(id: string): void;\n}\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string) => {\n  if (!fileNameWidth && !fileNameElementWidth) {\n    return null;\n  }\n\n  if (fileNameWidth <= fileNameElementWidth) {\n    return name;\n  }\n\n  const charWidth = Math.ceil(fileNameWidth / name.length);\n  const maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);\n\n  return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n  textHelperRef: React.RefObject<TextWidthHelper>,\n  fileNameElementRef: React.RefObject<HTMLSpanElement>,\n  name: string,\n) => {\n  const fileNameWidth = textHelperRef.current?.getTextWidth() || 0;\n  const fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;\n\n  return getTruncatedName(fileNameWidth, fileNameElementWidth, name);\n};\n\nconst MIN_CHARS_LENGTH = 3;\n\nexport const FileUploaderFileDataTids = {\n  file: 'FileUploader__file',\n  fileTooltip: 'FileUploader__fileTooltip',\n  fileName: 'FileUploader__fileName',\n  fileSize: 'FileUploader__fileSize',\n  fileIcon: 'FileUploader__fileIcon',\n} as const;\n\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n  'FileUploaderFile',\n  (props, ref) => {\n    const { file, showSize, error, multiple, size, onRemove } = props;\n    const { id, originalFile, status, validationResult } = file;\n    const { name, size: fileSize } = originalFile;\n\n    const [hovered, setHovered] = useState<boolean>(false);\n    const [focusedByTab, setFocusedByTab] = useState(false);\n    const [truncatedFileName, setTruncatedFileName] = useState<Nullable<string>>(null);\n\n    const textHelperRef = useRef<TextWidthHelper>(null);\n    const fileNameElementRef = useRef<HTMLSpanElement>(null);\n\n    const { removeFile, setIsMinLengthReached, isMinLengthReached } = useContext(FileUploaderControlContext);\n    const theme = useContext(ThemeContext);\n\n    const formattedSize = useMemo(() => formatBytes(fileSize, 1), [fileSize]);\n\n    useEffect(() => {\n      if (setIsMinLengthReached) {\n        const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n        setIsMinLengthReached((truncatedName?.length ?? 0) <= MIN_CHARS_LENGTH);\n      }\n    }, [name, isMinLengthReached]);\n\n    useEffect(() => {\n      const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n      setTruncatedFileName(truncatedName);\n    });\n\n    const removeUploadFile = useCallback(() => {\n      removeFile(id);\n      onRemove(id);\n    }, [removeFile, id, onRemove]);\n\n    const handleRemove = useCallback(\n      (event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        event.stopPropagation();\n        removeUploadFile();\n      },\n      [removeUploadFile],\n    );\n\n    const { isValid, message } = validationResult;\n\n    const isInvalid = error || !isValid;\n\n    const sizeIconClass = useFileUploaderSize(size, {\n      small: jsStyles.iconSmall(),\n      medium: jsStyles.iconMedium(),\n      large: jsStyles.iconLarge(),\n    });\n\n    const renderTooltipContent = useCallback((): ReactNode => {\n      return !isValid && !error && message ? message : null;\n    }, [isValid, error, message]);\n\n    const sizeContentClass = useFileUploaderSize(size, {\n      small: jsStyles.contentSmall(theme),\n      medium: jsStyles.contentMedium(theme),\n      large: jsStyles.contentLarge(theme),\n    });\n\n    const contentClassNames = cx(jsStyles.content(), {\n      [sizeContentClass]: true,\n      [jsStyles.error(theme)]: isInvalid,\n    });\n\n    const handleMouseEnter = useCallback(() => {\n      setHovered(true);\n    }, []);\n\n    const handleMouseLeave = useCallback(() => {\n      setHovered(false);\n    }, []);\n\n    const handleFocus = useCallback(() => {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          setFocusedByTab(true);\n        }\n      });\n    }, []);\n\n    const handleBlur = useCallback(() => {\n      setFocusedByTab(false);\n    }, []);\n\n    const handleIconKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLElement>) => {\n        if (isKeyEnter(e)) {\n          removeUploadFile();\n        }\n      },\n      [removeUploadFile],\n    );\n\n    const iconClassNames = cx(jsStyles.icon(theme), {\n      [jsStyles.focusedIcon(theme)]: focusedByTab,\n      [sizeIconClass]: true,\n      [jsStyles.iconMultiple()]: multiple,\n    });\n\n    const isTruncated = truncatedFileName !== name;\n\n    return (\n      <div\n        data-tid={FileUploaderFileDataTids.file}\n        className={jsStyles.root()}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={ref}\n      >\n        <Tooltip data-tid={FileUploaderFileDataTids.fileTooltip} pos=\"right middle\" render={renderTooltipContent}>\n          <div className={contentClassNames}>\n            <TextWidthHelper ref={textHelperRef} text={name} />\n            <Hint maxWidth={'100%'} text={isTruncated ? name : null}>\n              <span data-tid={FileUploaderFileDataTids.fileName} ref={fileNameElementRef} className={jsStyles.name()}>\n                {truncatedFileName}\n              </span>\n            </Hint>\n            {!!showSize && formattedSize && (\n              <span data-tid={FileUploaderFileDataTids.fileSize} className={jsStyles.size()}>\n                {formattedSize}\n              </span>\n            )}\n            <div\n              className={iconClassNames}\n              data-tid={FileUploaderFileDataTids.fileIcon}\n              tabIndex={0}\n              onClick={handleRemove}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleIconKeyDown}\n            >\n              <FileUploaderFileStatusIcon\n                status={status}\n                hovered={hovered}\n                focusedByTab={focusedByTab}\n                isInvalid={isInvalid}\n                size={size}\n              />\n            </div>\n          </div>\n        </Tooltip>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}