@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/internal/DateSelect/DateSelect.js

@@ -0,0 +1,167 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React, { createRef } from 'react';
+import { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';
+import { getRandomID, isNonNullable } from '../../lib/utils.js';
+import { DatePickerLocaleHelper } from '../../components/DatePicker/locale/index.js';
+import { locale } from '../../lib/locale/decorators.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { Select } from '../../components/Select/index.js';
+import { MenuItem } from '../../components/MenuItem/index.js';
+import { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { globalClasses, getStyles } from './DateSelect.styles.js';
+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; });
+}
+export var DateSelectDataTids = {
+    caption: 'DateSelect__caption',
+    menuItem: 'DateSelect__menuItem',
+    menu: 'DateSelect__menu',
+};
+var DATE_SELECT_POSITIONS = [
+    'middle left',
+    'middle right',
+    'bottom left',
+    'top left',
+    'bottom right',
+    'top right',
+];
+var DateSelect = /** @class */ (function (_super) {
+    __extends(DateSelect, _super);
+    function DateSelect() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(DateSelect_1.defaultProps);
+        _this.selectRef = createRef();
+        _this.menuId = DateSelectDataTids.menu + getRandomID();
+        _this.renderButton = function (params) {
+            var _a = _this.props, value = _a.value, disabled = _a.disabled;
+            var width = _this.getProps().width;
+            var isInteractiveElement = !disabled;
+            var Tag = isInteractiveElement ? 'button' : 'span';
+            var rootProps = {
+                className: _this.cx(_this.styles.root(_this.theme), disabled && _this.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
+                    ? "".concat(_this.locale.selectChosenAriaLabel, " ").concat(_this.getProps().type === 'year' ? _this.locale.selectYearAriaLabel : _this.locale.selectMonthAriaLabel, " ").concat(_this.getItem(value))
+                    : undefined,
+            };
+            return (React.createElement(Tag, __assign({}, rootProps),
+                React.createElement("div", { "data-tid": DateSelectDataTids.caption, className: _this.styles.caption() }, _this.getItem(value)),
+                isInteractiveElement && (React.createElement(ArrowCollapseCVOpenIcon16Regular, { className: _this.cx(globalClasses.arrow), color: "#ADADAD" }))));
+        };
+        _this.getItems = function () {
+            var _a = _this.getProps(), value = _a.value, onValueChange = _a.onValueChange;
+            var options = _this.isYearType ? years : months;
+            return options.map(function (option) {
+                var isSelected = option === value;
+                var isOptionDisabled = _this.isOptionDisabled(option);
+                return (React.createElement(MenuItem, { scrollIntoView: isSelected, disabled: isOptionDisabled, state: isSelected ? 'selected' : null, onClick: function () { return onValueChange(option); }, "aria-label": "\u0412\u044B\u0431\u0440\u0430\u0442\u044C ".concat(_this.isYearType ? 'год' : 'месяц', " ").concat(_this.getItem(option)), "data-tid": DateSelectDataTids.menuItem, "data-disabled": isOptionDisabled, key: option }, _this.getItem(option)));
+            });
+        };
+        _this.getItem = function (value) {
+            var _a;
+            if (_this.isYearType) {
+                return value;
+            }
+            return (_a = _this.locale.months) === null || _a === void 0 ? void 0 : _a[value];
+        };
+        return _this;
+    }
+    DateSelect_1 = DateSelect;
+    Object.defineProperty(DateSelect.prototype, "isYearType", {
+        get: function () {
+            return this.getProps().type === 'year';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DateSelect.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
+    };
+    DateSelect.prototype.close = function () {
+        var _a;
+        (_a = this.selectRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    DateSelect.prototype.renderMain = function () {
+        var _a = this.getProps(), value = _a.value, disabled = _a.disabled, onValueChange = _a.onValueChange;
+        var theme = {
+            btnBorderRadiusSmall: this.theme.menuItemBorderRadius,
+        };
+        return (React.createElement(Select, { use: "text", value: value, ref: this.selectRef, theme: theme, disabled: disabled, _renderButton: this.renderButton, menuPos: "middle", positions: DATE_SELECT_POSITIONS, renderValue: this.getItem, items: this.getItems(), menuOffset: parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall), onValueChange: onValueChange, "aria-label": "".concat(this.locale.selectChosenAriaLabel, " ").concat(this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel, " ").concat(this.getItem(value)) }));
+    };
+    DateSelect.prototype.isOptionDisabled = function (option) {
+        var _a = this.getProps(), minValue = _a.minValue, maxValue = _a.maxValue;
+        if (isNonNullable(maxValue) && isNonNullable(minValue)) {
+            return option > maxValue || option < minValue;
+        }
+        if (isNonNullable(minValue)) {
+            return option < minValue;
+        }
+        if (isNonNullable(maxValue)) {
+            return option > maxValue;
+        }
+    };
+    var DateSelect_1;
+    DateSelect.__KONTUR_REACT_UI__ = 'DateSelect';
+    DateSelect.displayName = 'DateSelect';
+    DateSelect.defaultProps = {
+        type: 'year',
+        width: 'auto',
+    };
+    DateSelect = DateSelect_1 = __decorate([
+        withRenderEnvironment,
+        responsiveLayout,
+        locale('Calendar', DatePickerLocaleHelper)
+    ], DateSelect);
+    return DateSelect;
+}(React.PureComponent));
+export { DateSelect };
+//# sourceMappingURL=DateSelect.js.map

package/internal/DateSelect/DateSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateSelect.js","sourceRoot":"","sources":["../../../internal/DateSelect/DateSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createRef } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale/index.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport type { ButtonParams } from '../../components/Select/index.js';\nimport { Select } from '../../components/Select/index.js';\nimport { MenuItem } from '../../components/MenuItem/index.js';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';\nimport type { PopupPositionsType } from '../../internal/Popup/types.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { globalClasses, getStyles } from './DateSelect.styles.js';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n  menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@withRenderEnvironment\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\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: this.cx(this.styles.root(this.theme), disabled && this.styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.opened : undefined,\n      'aria-controls': !disabled ? this.menuId : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={this.styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={this.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close(): void {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-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"]}

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

@@ -1,8 +1,8 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const globalClasses: {
     arrow: string;
 };
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(t: Theme): string;
     disabled(): string;
     caption(): string;

package/internal/DateSelect/DateSelect.styles.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
+export var globalClasses = prefix('select')({
+    arrow: 'arrow',
+});
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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    "], ["\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 () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "], ["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+        },
+        caption: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: relative;\n    "], ["\n      position: relative;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=DateSelect.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateSelect.styles.js","sourceRoot":"","sources":["../../../internal/DateSelect/DateSelect.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,kpBAAA,iBACC,EAA4B,wIAKxB,EAAoB,4KAOlB,EAAsB,6GAK1B,EAAqB,yBAG3B,EAAmB,+BACH,EAAoB,GAAI,EAA0B,+BAG5D,EAAmB,oBACpB,EAA4B,6BAEvC,KA3BU,CAAC,CAAC,0BAA0B,EAKxB,CAAC,CAAC,kBAAkB,EAOlB,CAAC,CAAC,oBAAoB,EAK1B,CAAC,CAAC,mBAAmB,EAG3B,aAAa,CAAC,KAAK,EACH,CAAC,CAAC,kBAAkB,EAAI,CAAC,CAAC,wBAAwB,EAG5D,aAAa,CAAC,KAAK,EACpB,CAAC,CAAC,0BAA0B,EAEtC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,GAAG,kKAAA,+FAGT,KAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,sGAAA,mCAET,KAAC;QACJ,CAAC;KACF,CAAC;AA7C8D,CA6C9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"]}

package/internal/DateSelect/index.d.ts

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

package/internal/DateSelect/index.js

@@ -0,0 +1,2 @@
+export * from './DateSelect.js';
+//# sourceMappingURL=index.js.map

package/internal/DateSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/DateSelect/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './DateSelect.js';\n"]}

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

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

package/internal/DateSelect/locale/index.js

@@ -0,0 +1,9 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import { componentsLocales as en_GB } from './locales/en.js';
+import { componentsLocales as ru_RU } from './locales/ru.js';
+export * from './types.js';
+export var DateSelectHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../internal/DateSelect/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7D,cAAc,YAAY,CAAC;AAE3B,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,YAAY,CAAmB;IACjE,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAC,CAAC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';\n\nimport { componentsLocales as en_GB } from './locales/en.js';\nimport { componentsLocales as ru_RU } from './locales/ru.js';\nimport type { DateSelectLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const DateSelectHelper = new LocaleHelper<DateSelectLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

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

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

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

@@ -0,0 +1,7 @@
+export var componentsLocales = {
+    selectMonthAriaLabel: 'month',
+    selectYearAriaLabel: 'year',
+    selectChosenAriaLabel: 'Chosen',
+    selectChooseAriaLabel: 'Choose',
+};
+//# sourceMappingURL=en.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../internal/DateSelect/locale/locales/en.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAqB;IACjD,oBAAoB,EAAE,OAAO;IAC7B,mBAAmB,EAAE,MAAM;IAC3B,qBAAqB,EAAE,QAAQ;IAC/B,qBAAqB,EAAE,QAAQ;CAChC,CAAC","sourcesContent":["import type { DateSelectLocale } from '../types.js';\n\nexport const componentsLocales: DateSelectLocale = {\n  selectMonthAriaLabel: 'month',\n  selectYearAriaLabel: 'year',\n  selectChosenAriaLabel: 'Chosen',\n  selectChooseAriaLabel: 'Choose',\n};\n"]}

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

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

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

@@ -0,0 +1,7 @@
+export var componentsLocales = {
+    selectMonthAriaLabel: 'месяц',
+    selectYearAriaLabel: 'год',
+    selectChosenAriaLabel: 'Выбранный',
+    selectChooseAriaLabel: 'Выбрать',
+};
+//# sourceMappingURL=ru.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../internal/DateSelect/locale/locales/ru.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAqB;IACjD,oBAAoB,EAAE,OAAO;IAC7B,mBAAmB,EAAE,KAAK;IAC1B,qBAAqB,EAAE,WAAW;IAClC,qBAAqB,EAAE,SAAS;CACjC,CAAC","sourcesContent":["import type { DateSelectLocale } from '../types.js';\n\nexport const componentsLocales: DateSelectLocale = {\n  selectMonthAriaLabel: 'месяц',\n  selectYearAriaLabel: 'год',\n  selectChosenAriaLabel: 'Выбранный',\n  selectChooseAriaLabel: 'Выбрать',\n};\n"]}

package/internal/DateSelect/locale/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/internal/FileUploaderControl/FileUploaderControlContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils';
-import type { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
+import type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils.js';
+import type { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
 export interface FileUploaderControlContextProps {
     setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;
     files: FileUploaderAttachedFile[];

package/internal/FileUploaderControl/FileUploaderControlContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var FileUploaderControlContext = React.createContext({});
+//# sourceMappingURL=FileUploaderControlContext.js.map

package/internal/FileUploaderControl/FileUploaderControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderControlContext.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/FileUploaderControlContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAC,EAAqC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils.js';\nimport type { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\n\nexport interface FileUploaderControlContextProps {\n  setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;\n  files: FileUploaderAttachedFile[];\n  setFiles: (files: FileUploaderAttachedFile[]) => void;\n  removeFile: (fileId: string) => void;\n  reset: () => void;\n  setFileValidationResult: (\n    fileId: string,\n    validationResult: FileUploaderFileValidationResult,\n    status?: FileUploaderFileStatus,\n  ) => void;\n}\n\nexport const FileUploaderControlContext = React.createContext({} as FileUploaderControlContextProps);\n"]}

package/internal/FileUploaderControl/FileUploaderControlProvider.d.ts

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from 'react';
 import React from 'react';
-import type { FileUploaderAttachedFile } from './fileUtils';
+import type { FileUploaderAttachedFile } from './fileUtils.js';
 export interface FileUploaderControlProviderProps {
     /** Начальное состояние загруженных файлов */
     initialFiles?: File[];

package/internal/FileUploaderControl/FileUploaderControlProvider.js

@@ -0,0 +1,86 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useCallback, useState } from 'react';
+import { useMemoObject } from '../../hooks/useMemoObject.js';
+import { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall.js';
+import { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';
+import { FileUploaderControlContext } from './FileUploaderControlContext.js';
+import { useControlLocale } from './hooks/useControlLocale.js';
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';
+var updateFile = function (files, fileId, getFileUpdatedProps) {
+    var fileIndex = files.findIndex(function (file) { return file.id === fileId; });
+    if (fileIndex === -1) {
+        return files;
+    }
+    var newFiles = __spreadArray([], files, true);
+    var file = files[fileIndex];
+    var updatedProps = getFileUpdatedProps(file);
+    newFiles[fileIndex] = __assign(__assign({}, file), updatedProps);
+    return newFiles;
+};
+export var FileUploaderControlProvider = React.memo(function (props) {
+    var initialFiles = props.initialFiles, multiple = props.multiple, children = props.children, onValueChange = props.onValueChange, onRemove = props.onRemove, onAttach = props.onAttach;
+    var _a = useState(function () {
+        if (initialFiles && initialFiles.length > 0) {
+            var attachedFiles = initialFiles.map(function (item) { return getAttachedFile(item); });
+            return multiple ? attachedFiles : [attachedFiles[0]];
+        }
+        return [];
+    }), files = _a[0], setFiles = _a[1];
+    var locale = useControlLocale();
+    useEffectWithoutInitCall(function () {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(files);
+    }, [files]);
+    var setFileStatus = useCallback(function (fileId, status) {
+        setFiles(function (files) {
+            return updateFile(files, fileId, function (file) { return ({
+                status: status,
+                validationResult: status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning
+                    ? FileUploaderFileValidationResult.error(locale.requestErrorText)
+                    : file.validationResult,
+            }); });
+        });
+    }, [locale]);
+    var handleExternalSetFiles = useCallback(function (files) {
+        onAttach === null || onAttach === void 0 ? void 0 : onAttach(files);
+        setFiles(function (state) { return __spreadArray(__spreadArray([], state, true), files, true); });
+    }, [onAttach]);
+    var removeFile = useCallback(function (fileId) {
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(fileId);
+        setFiles(function (state) { return state.filter(function (file) { return file.id !== fileId; }); });
+    }, [onRemove]);
+    var setFileValidationResult = useCallback(function (fileId, validationResult, status) {
+        setFiles(function (files) { return updateFile(files, fileId, function () { return ({ validationResult: validationResult, status: status }); }); });
+    }, []);
+    var reset = React.useCallback(function () {
+        setFiles(function () { return []; });
+    }, []);
+    return (React.createElement(FileUploaderControlContext.Provider, { value: useMemoObject({
+            setFileStatus: setFileStatus,
+            files: files,
+            setFiles: handleExternalSetFiles,
+            removeFile: removeFile,
+            setFileValidationResult: setFileValidationResult,
+            reset: reset,
+        }) }, children));
+});
+FileUploaderControlProvider.displayName = 'FileUploaderControlProvider';
+//# sourceMappingURL=FileUploaderControlProvider.js.map

package/internal/FileUploaderControl/FileUploaderControlProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderControlProvider.js","sourceRoot":"","sources":["../../../internal/FileUploaderControl/FileUploaderControlProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject.js';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall.js';\n\nimport type { FileUploaderAttachedFile } from './fileUtils.js';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';\nimport { FileUploaderControlContext } from './FileUploaderControlContext.js';\nimport { useControlLocale } from './hooks/useControlLocale.js';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\n\nexport interface FileUploaderControlProviderProps {\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = React.memo(\n  (\n    props: PropsWithChildren<\n      FileUploaderControlProviderProps & {\n        multiple?: boolean;\n      }\n    >,\n  ) => {\n    const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n    const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n      if (initialFiles && initialFiles.length > 0) {\n        const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n        return multiple ? attachedFiles : [attachedFiles[0]];\n      }\n      return [];\n    });\n    const locale = useControlLocale();\n\n    useEffectWithoutInitCall(() => {\n      onValueChange?.(files);\n    }, [files]);\n\n    const setFileStatus = useCallback(\n      (fileId: string, status: FileUploaderFileStatus) => {\n        setFiles((files) =>\n          updateFile(files, fileId, (file) => ({\n            status,\n            validationResult:\n              status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n                ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n                : file.validationResult,\n          })),\n        );\n      },\n      [locale],\n    );\n\n    const handleExternalSetFiles = useCallback(\n      (files: FileUploaderAttachedFile[]) => {\n        onAttach?.(files);\n        setFiles((state) => [...state, ...files]);\n      },\n      [onAttach],\n    );\n\n    const removeFile = useCallback(\n      (fileId: string) => {\n        onRemove?.(fileId);\n        setFiles((state) => state.filter((file) => file.id !== fileId));\n      },\n      [onRemove],\n    );\n\n    const setFileValidationResult = useCallback(\n      (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n        setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n      },\n      [],\n    );\n\n    const reset = React.useCallback(() => {\n      setFiles(() => [] as FileUploaderAttachedFile[]);\n    }, []);\n\n    return (\n      <FileUploaderControlContext.Provider\n        value={useMemoObject({\n          setFileStatus,\n          files,\n          setFiles: handleExternalSetFiles,\n          removeFile,\n          setFileValidationResult,\n          reset,\n        })}\n      >\n        {children}\n      </FileUploaderControlContext.Provider>\n    );\n  },\n);\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"]}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts

@@ -1 +1 @@
-export { FileUploaderFile, type FileUploaderFileProps, FileUploaderFileDataTids, } from '../../../components/FileUploader/FileUploaderFile';
+export { FileUploaderFile, type FileUploaderFileProps, FileUploaderFileDataTids, } from '../../../components/FileUploader/FileUploaderFile.js';

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js

@@ -0,0 +1,2 @@
+export { FileUploaderFile, FileUploaderFileDataTids, } from '../../../components/FileUploader/FileUploaderFile.js';
+//# sourceMappingURL=FileUploaderFile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderFile.js","sourceRoot":"","sources":["../../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAEhB,wBAAwB,GACzB,MAAM,sDAAsD,CAAC","sourcesContent":["export {\n  FileUploaderFile,\n  type FileUploaderFileProps,\n  FileUploaderFileDataTids,\n} from '../../../components/FileUploader/FileUploaderFile.js';\n"]}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles.d.ts

@@ -1,5 +1,5 @@
-import type { Theme } from '../../../lib/theming/Theme';
-export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     root(): string;
     content(): string;
     validationTextError(t: Theme): string;
@@ -16,7 +16,7 @@ export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesG
     contentMedium(t: Theme): string;
     contentLarge(t: Theme): string;
 }>;
-export declare const getJsRowStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsRowStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     content(): string;
     contentSmall(t: Theme): string;
     contentMedium(t: Theme): string;
@@ -33,7 +33,7 @@ export declare const getJsRowStyles: import("../../../lib/theming/Emotion").Styl
     nameBlock(): string;
     disabled(t: Theme): string;
 }>;
-export declare const getJsTileStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsTileStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     content(): string;
     iconAction(t: Theme): string;
     iconActionShow(): string;