@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-30619a873c

package/cjs/internal/DataTids/DATATIDS.md

@@ -0,0 +1,12 @@
+Аттрибуты data-tid экспортируются для компонентов в виде объекта.
+При необходимости добавления аттрибута data-tid необходимо создать пулл-реквест.
+
+У всех компонентов также есть проп data-tid, которым можно переопределять корневые дата-тиды.
+
+Список экспортируемых data-tid:
+
+```jsx harmony
+import {DataTids} from './DataTids';
+
+<DataTids/>
+```

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface DataTidsState {
+    selectedValue: string;
+}
+export declare class DataTids extends React.Component {
+    state: DataTidsState;
+    private components;
+    private items;
+    private setValue;
+    render(): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+export interface DateSelectProps {
+    disabled?: boolean;
+    onValueChange: (value: number) => void;
+    type?: 'month' | 'year';
+    value: number;
+    width?: number | string;
+    minValue?: number;
+    maxValue?: number;
+}
+export declare const DateSelectDataTids: {
+    readonly caption: "DateSelect__caption";
+    readonly menuItem: "DateSelect__menuItem";
+    readonly menu: "DateSelect__menu";
+};
+type DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;
+export declare class DateSelect extends React.PureComponent<DateSelectProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        value: PropTypes.Validator<number>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        minValue: PropTypes.Requireable<number>;
+        maxValue: PropTypes.Requireable<number>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private get isYearType();
+    private theme;
+    private readonly locale;
+    private readonly selectRef;
+    render(): React.JSX.Element;
+    private menuId;
+    private renderButton;
+    close(): void;
+    private renderMain;
+    private isOptionDisabled;
+    private getItems;
+    private getItem;
+}
+export {};

package/cjs/internal/DateSelect/DateSelect.js

@@ -0,0 +1,206 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _decorator = require("../../components/ResponsiveLayout/decorator");
+var _utils = require("../../lib/utils");
+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");
+var _MenuItem = require("../../components/MenuItem");
+var _ArrowCollapseCVOpenIcon16Regular = require("../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular");
+
+var _DateSelect2 = require("./DateSelect.styles");var _dec, _class, _DateSelect;
+
+var defaultMinMonth = 0;
+var defaultMaxMonth = 11;
+var defaultMinYear = 1900;
+var defaultMaxYear = 2099;
+var months = range(defaultMinMonth, defaultMaxMonth);
+var years = range(defaultMinYear, defaultMaxYear);
+
+function range(start, end) {
+  return Array(end - start + 1).
+  fill(null).
+  map(function (_, index) {return start + index;});
+}
+
+
+
+
+
+
+
+
+
+
+
+var DateSelectDataTids = exports.DateSelectDataTids = {
+  caption: 'DateSelect__caption',
+  menuItem: 'DateSelect__menuItem',
+  menu: 'DateSelect__menu'
+};var
+
+
+
+
+
+DateSelect = exports.DateSelect = (_dec = (0, _decorators.locale)('Calendar', _locale.DatePickerLocaleHelper), (0, _decorator.responsiveLayout)(_class = _dec(_class = (_DateSelect = /*#__PURE__*/function (_React$PureComponent) {function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(DateSelect.defaultProps);_this.
+
+
+
+
+
+
+
+    selectRef = /*#__PURE__*/(0, _react.createRef)();_this.
+
+
+
+
+
+
+
+
+
+
+
+
+    menuId = DateSelectDataTids.menu + (0, _utils.getRandomID)();_this.
+
+    renderButton = function (params) {
+      var _this$props = _this.props,value = _this$props.value,disabled = _this$props.disabled;
+      var width = _this.getProps().width;
+      var isInteractiveElement = !disabled;
+      var Tag = isInteractiveElement ? 'button' : 'span';
+      var rootProps = {
+        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,
+        'aria-controls': !disabled ? _this.menuId : undefined,
+        'aria-label': isInteractiveElement ?
+        _this.locale.selectChosenAriaLabel + " " + (
+        _this.getProps().type === 'year' ? _this.locale.selectYearAriaLabel : _this.locale.selectMonthAriaLabel) + " " +
+        _this.getItem(value) :
+        undefined
+      };
+
+      return /*#__PURE__*/(
+        _react.default.createElement(Tag, rootProps, /*#__PURE__*/
+        _react.default.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _DateSelect2.styles.caption() },
+        _this.getItem(value)
+        ),
+        isInteractiveElement && /*#__PURE__*/
+        _react.default.createElement(_ArrowCollapseCVOpenIcon16Regular.ArrowCollapseCVOpenIcon16Regular, { className: (0, _Emotion.cx)(_DateSelect2.globalClasses.arrow), color: "#ADADAD" })
+
+        ));
+
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getItems = function () {
+      var _this$getProps = _this.getProps(),value = _this$getProps.value,onValueChange = _this$getProps.onValueChange;
+      var options = _this.isYearType ? years : months;
+
+      return options.map(function (option) {
+        var isSelected = option === value;
+        var isOptionDisabled = _this.isOptionDisabled(option);
+
+        return /*#__PURE__*/(
+          _react.default.createElement(_MenuItem.MenuItem, {
+            scrollIntoView: isSelected,
+            disabled: isOptionDisabled,
+            state: isSelected ? 'selected' : null,
+            onClick: function onClick() {return onValueChange(option);},
+            "aria-label": "\u0412\u044B\u0431\u0440\u0430\u0442\u044C " + (_this.isYearType ? 'год' : 'месяц') + " " + _this.getItem(option),
+            "data-tid": DateSelectDataTids.menuItem,
+            "data-prop-disabled": isOptionDisabled,
+            key: option },
+
+          _this.getItem(option)
+          ));
+
+      });
+    };_this.
+
+    getItem = function (value) {var _this$locale$months;
+      if (_this.isYearType) {
+        return value;
+      }
+
+      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(_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", 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.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _DateSelect.defaultProps = { type: 'year', width: 'auto' }, _DateSelect)) || _class) || _class);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_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","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","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","isNonNullable","_createClass2","get","React","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","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/cjs/internal/DateSelect/DateSelect.styles.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrow: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    disabled(): string;
+    caption(): string;
+};

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

@@ -0,0 +1,53 @@
+"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 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.dateSelectLineHeight,
+
+
+
+
+    t.dateSelectLinkColor,
+
+
+    globalClasses.arrow,
+    t.transitionDuration, t.transitionTimingFunction,
+
+
+    globalClasses.arrow,
+    t.dateSelectTextColorDefault);
+
+
+  },
+
+  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 (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+
+
+  }
+});

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

@@ -0,0 +1 @@
+{"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 { 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/DateSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './DateSelect';

package/cjs/internal/DateSelect/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _DateSelect = require("./DateSelect");Object.keys(_DateSelect).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DateSelect[key]) return;exports[key] = _DateSelect[key];});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DateSelect","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './DateSelect';\n"],"mappings":"uCAAA,IAAAA,WAAA,GAAAC,OAAA,iBAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { DateSelectLocale } from './types';
+export * from './types';
+export declare const DateSelectHelper: LocaleHelper<DateSelectLocale>;

package/cjs/internal/DateSelect/locale/index.js

@@ -0,0 +1,12 @@
+"use strict";exports.__esModule = true;var _exportNames = { DateSelectHelper: true };exports.DateSelectHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var DateSelectHelper = exports.DateSelectHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","DateSelectHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { DateSelectLocale } from './types';\n\nexport * from './types';\n\nexport const DateSelectHelper = new LocaleHelper<DateSelectLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"uHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAIC,0BAAY,CAAmB;EACjEC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/DateSelect/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { DateSelectLocale } from '../types';
+export declare const componentsLocales: DateSelectLocale;

package/cjs/internal/DateSelect/locale/locales/en.js

@@ -0,0 +1,8 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = exports.componentsLocales = {
+  selectMonthAriaLabel: 'month',
+  selectYearAriaLabel: 'year',
+  selectChosenAriaLabel: 'Chosen',
+  selectChooseAriaLabel: 'Choose'
+};

package/cjs/internal/DateSelect/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","exports","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","selectChooseAriaLabel"],"sources":["en.ts"],"sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n  selectMonthAriaLabel: 'month',\n  selectYearAriaLabel: 'year',\n  selectChosenAriaLabel: 'Chosen',\n  selectChooseAriaLabel: 'Choose',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACjDE,oBAAoB,EAAE,OAAO;EAC7BC,mBAAmB,EAAE,MAAM;EAC3BC,qBAAqB,EAAE,QAAQ;EAC/BC,qBAAqB,EAAE;AACzB,CAAC","ignoreList":[]}

package/cjs/internal/DateSelect/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { DateSelectLocale } from '../types';
+export declare const componentsLocales: DateSelectLocale;

package/cjs/internal/DateSelect/locale/locales/ru.js

@@ -0,0 +1,8 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = exports.componentsLocales = {
+  selectMonthAriaLabel: 'месяц',
+  selectYearAriaLabel: 'год',
+  selectChosenAriaLabel: 'Выбранный',
+  selectChooseAriaLabel: 'Выбрать'
+};

package/cjs/internal/DateSelect/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","exports","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","selectChooseAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n  selectMonthAriaLabel: 'месяц',\n  selectYearAriaLabel: 'год',\n  selectChosenAriaLabel: 'Выбранный',\n  selectChooseAriaLabel: 'Выбрать',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACjDE,oBAAoB,EAAE,OAAO;EAC7BC,mBAAmB,EAAE,KAAK;EAC1BC,qBAAqB,EAAE,WAAW;EAClCC,qBAAqB,EAAE;AACzB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+export interface DateSelectLocale {
+    selectMonthAriaLabel?: string;
+    selectYearAriaLabel?: string;
+    selectChosenAriaLabel?: string;
+    selectChooseAriaLabel?: string;
+}

package/cjs/internal/DateSelect/locale/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface DateSelectLocale {\n  selectMonthAriaLabel?: string;\n  selectYearAriaLabel?: string;\n  selectChosenAriaLabel?: string;\n  selectChooseAriaLabel?: string;\n}\n"],"mappings":"","ignoreList":[]}