@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

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

@@ -0,0 +1,9 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const globalClasses: {
+    arrow: string;
+};
+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

@@ -0,0 +1 @@
+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.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './DateSelect.js';\n"]}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,2 @@
+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.d.ts

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

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/FocusControlWrapper/FocusControlWrapper.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface Props {
+    /**
+     * Использовать только когда на children нет пропса disabled
+     */
+    disabled?: boolean;
+    /**
+     * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен
+     */
+    onBlurWhenDisabled(): void | undefined;
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+}
+export declare const FocusControlWrapper: React.ForwardRefExoticComponent<Props & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<any>>;
+export {};

package/internal/FocusControlWrapper/FocusControlWrapper.js

@@ -0,0 +1,45 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { cloneElement, forwardRef, isValidElement } from 'react';
+import { CommonWrapper } from '../CommonWrapper/index.js';
+import { useFocusControl } from './useFocusControl.js';
+export var FocusControlWrapper = forwardRef(function (_a, ref) {
+    var disabled = _a.disabled, children = _a.children, onBlurWhenDisabled = _a.onBlurWhenDisabled, rest = __rest(_a, ["disabled", "children", "onBlurWhenDisabled"]);
+    var isValidChildren = children && isValidElement(children);
+    var _b = useFocusControl({
+        disabled: disabled !== null && disabled !== void 0 ? disabled : (isValidChildren ? children.props.disabled : undefined),
+        onFocus: isValidChildren ? children.props.onFocus : undefined,
+        onBlur: isValidChildren ? children.props.onBlur : undefined,
+        onBlurWhenDisabled: onBlurWhenDisabled,
+    }), handleFocus = _b.handleFocus, handleBlur = _b.handleBlur;
+    if (!isValidChildren) {
+        return null;
+    }
+    return (React.createElement(CommonWrapper, __assign({}, rest, { ref: ref }), React.Children.only(cloneElement(children, {
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+    }))));
+});
+FocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';
+FocusControlWrapper.displayName = 'FocusControlWrapper';
+//# sourceMappingURL=FocusControlWrapper.js.map

package/internal/FocusControlWrapper/FocusControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusControlWrapper.js","sourceRoot":"","sources":["../../../internal/FocusControlWrapper/FocusControlWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAiBvD,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAC3C,UAAC,EAA6E,EAAE,GAAa;IAA1F,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,kBAAkB,wBAAA,EAAK,IAAI,cAAjD,8CAAmD,CAAF;IAChD,IAAM,eAAe,GAAG,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEvD,IAAA,KAA8B,eAAe,CAAC;QAClD,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,eAAe,CAAC,CAAC,CAAE,QAAgC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACtG,OAAO,EAAE,eAAe,CAAC,CAAC,CAAE,QAAgC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACtF,MAAM,EAAE,eAAe,CAAC,CAAC,CAAE,QAAgC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACpF,kBAAkB,oBAAA;KACnB,CAAC,EALM,WAAW,iBAAA,EAAE,UAAU,gBAK7B,CAAC;IAEH,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,eAAK,IAAI,IAAE,GAAG,EAAE,GAAG,KAC9B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAClB,YAAY,CAAC,QAA+B,EAAE;QAC5C,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,UAAU;KACnB,CAAC,CACH,CACa,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAmB,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;AAChE,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import type { PropsWithChildren, ReactElement, Ref } from 'react';\nimport React, { cloneElement, forwardRef, isValidElement } from 'react';\n\nimport { CommonWrapper } from '../CommonWrapper/index.js';\n\nimport { useFocusControl } from './useFocusControl.js';\n\ninterface Props {\n  /**\n   * Использовать только когда на children нет пропса disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен\n   */\n  onBlurWhenDisabled(): void | undefined;\n\n  onFocus?: (e: React.FocusEvent) => void;\n  onBlur?: (e: React.FocusEvent) => void;\n}\n\nexport const FocusControlWrapper = forwardRef(\n  ({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>, ref: Ref<any>) => {\n    const isValidChildren = children && isValidElement(children);\n\n    const { handleFocus, handleBlur } = useFocusControl({\n      disabled: disabled ?? (isValidChildren ? (children as ReactElement<Props>).props.disabled : undefined),\n      onFocus: isValidChildren ? (children as ReactElement<Props>).props.onFocus : undefined,\n      onBlur: isValidChildren ? (children as ReactElement<Props>).props.onBlur : undefined,\n      onBlurWhenDisabled,\n    });\n\n    if (!isValidChildren) {\n      return null;\n    }\n\n    return (\n      <CommonWrapper {...rest} ref={ref}>\n        {React.Children.only(\n          cloneElement(children as ReactElement<Props>, {\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n          }),\n        )}\n      </CommonWrapper>\n    );\n  },\n);\n\nFocusControlWrapper.__KONTUR_REACT_UI__ = 'FocusControlWrapper';\nFocusControlWrapper.displayName = 'FocusControlWrapper';\n"]}

package/internal/FocusControlWrapper/index.d.ts

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

package/internal/FocusControlWrapper/index.js

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

package/internal/FocusControlWrapper/index.js.map

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

package/internal/FocusControlWrapper/useFocusControl.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+interface Props {
+    disabled?: boolean;
+    onFocus?: React.FocusEventHandler;
+    onBlur?: React.FocusEventHandler;
+    onBlurWhenDisabled?(): void;
+}
+export declare function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props): {
+    handleFocus: (e: React.FocusEvent) => void;
+    handleBlur: (e: React.FocusEvent) => void;
+};
+export {};

package/internal/FocusControlWrapper/useFocusControl.js

@@ -0,0 +1,24 @@
+import { useEffect, useState } from 'react';
+export function useFocusControl(_a) {
+    var disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, onBlurWhenDisabled = _a.onBlurWhenDisabled;
+    var _b = useState(false), isFocused = _b[0], setFocused = _b[1];
+    useEffect(function () {
+        if (disabled && isFocused && onBlurWhenDisabled) {
+            // force calling custom blur event, try "fix" bug in react https://github.com/facebook/react/issues/9142
+            onBlurWhenDisabled();
+        }
+    }, [disabled, isFocused]);
+    var handleFocus = function (e) {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    };
+    var handleBlur = function (e) {
+        setFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    };
+    return {
+        handleFocus: handleFocus,
+        handleBlur: handleBlur,
+    };
+}
+//# sourceMappingURL=useFocusControl.js.map

package/internal/FocusControlWrapper/useFocusControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusControl.js","sourceRoot":"","sources":["../../../internal/FocusControlWrapper/useFocusControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,eAAe,CAAC,EAAwD;QAAtD,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,kBAAkB,wBAAA;IACvE,IAAA,KAA0B,QAAQ,CAAU,KAAK,CAAC,EAAjD,SAAS,QAAA,EAAE,UAAU,QAA4B,CAAC;IAEzD,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,SAAS,IAAI,kBAAkB,EAAE,CAAC;YAChD,wGAAwG;YACxG,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,IAAM,WAAW,GAAG,UAAC,CAAmB;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,CAAmB;QACrC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO;QACL,WAAW,aAAA;QACX,UAAU,YAAA;KACX,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\n\ninterface Props {\n  disabled?: boolean;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n  onBlurWhenDisabled?(): void;\n}\n\nexport function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props) {\n  const [isFocused, setFocused] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (disabled && isFocused && onBlurWhenDisabled) {\n      // force calling custom blur event, try \"fix\" bug in react https://github.com/facebook/react/issues/9142\n      onBlurWhenDisabled();\n    }\n  }, [disabled, isFocused]);\n\n  const handleFocus = (e: React.FocusEvent) => {\n    setFocused(true);\n    onFocus?.(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent) => {\n    setFocused(false);\n    onBlur?.(e);\n  };\n\n  return {\n    handleFocus,\n    handleBlur,\n  };\n}\n"]}

package/internal/FocusTrap/FocusTrap.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+export interface FocusTrapProps extends CommonProps {
+    children: React.ReactElement<any>;
+    onBlur?: (event: FocusEvent) => void;
+}
+export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private globalObject;
+    private focusOutsideListenerToken;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private onClickOutside;
+    private attachListeners;
+    private detachListeners;
+    private handleNativeDocClick;
+}

package/internal/FocusTrap/FocusTrap.js

@@ -0,0 +1,109 @@
+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 from 'react';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside.js';
+import { getRootNode, rootNode } from '../../lib/rootNode/index.js';
+import { isInstanceOf } from '../../lib/isInstanceOf.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+var FocusTrap = /** @class */ (function (_super) {
+    __extends(FocusTrap, _super);
+    function FocusTrap() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.focusOutsideListenerToken = null;
+        _this.onClickOutside = function (e) {
+            if (_this.props.onBlur) {
+                _this.props.onBlur(e);
+            }
+            _this.detachListeners();
+        };
+        _this.attachListeners = function () {
+            var _a;
+            var rootNode = getRootNode(_this);
+            if (!_this.focusOutsideListenerToken && rootNode) {
+                _this.focusOutsideListenerToken = listenFocusOutside([rootNode], _this.onClickOutside, _this.globalObject);
+                (_a = _this.globalObject.document) === null || _a === void 0 ? void 0 : _a.addEventListener('ontouchstart' in _this.globalObject.document.documentElement ? 'touchstart' : 'mousedown', _this.handleNativeDocClick);
+            }
+        };
+        _this.handleNativeDocClick = function (event) {
+            var target = event.target || event.srcElement;
+            var node = getRootNode(_this);
+            if (node && isInstanceOf(target, _this.globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {
+                return;
+            }
+            _this.onClickOutside(event);
+        };
+        return _this;
+    }
+    FocusTrap.prototype.componentWillUnmount = function () {
+        if (this.focusOutsideListenerToken) {
+            this.detachListeners();
+        }
+    };
+    FocusTrap.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, children = _a.children, onBlur = _a.onBlur;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props), React.cloneElement(React.Children.only(children), {
+            onFocus: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                if (onBlur) {
+                    _this.attachListeners();
+                }
+                if (children.props && children.props.onFocus) {
+                    (_a = children.props).onFocus.apply(_a, args);
+                }
+            },
+        })));
+    };
+    FocusTrap.prototype.detachListeners = function () {
+        var _a;
+        if (this.focusOutsideListenerToken) {
+            this.focusOutsideListenerToken.remove();
+            this.focusOutsideListenerToken = null;
+            (_a = this.globalObject.document) === null || _a === void 0 ? void 0 : _a.removeEventListener('ontouchstart' in this.globalObject.document.documentElement ? 'touchstart' : 'mousedown', this.handleNativeDocClick);
+        }
+    };
+    FocusTrap.__KONTUR_REACT_UI__ = 'FocusTrap';
+    FocusTrap.displayName = 'FocusTrap';
+    FocusTrap = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], FocusTrap);
+    return FocusTrap;
+}(React.PureComponent));
+export { FocusTrap };
+//# sourceMappingURL=FocusTrap.js.map

package/internal/FocusTrap/FocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../internal/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nexport interface FocusTrapProps extends CommonProps {\n  children: React.ReactElement<any>;\n  onBlur?: (event: FocusEvent) => void;\n}\n\n@withRenderEnvironment\n@rootNode\nexport class FocusTrap extends React.PureComponent<FocusTrapProps> {\n  public static __KONTUR_REACT_UI__ = 'FocusTrap';\n  public static displayName = 'FocusTrap';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private globalObject!: GlobalObject;\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n\n  public componentWillUnmount() {\n    if (this.focusOutsideListenerToken) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    const { children, onBlur } = this.props;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.cloneElement(React.Children.only(children), {\n          onFocus: (...args: any[]) => {\n            if (onBlur) {\n              this.attachListeners();\n            }\n            if (children.props && children.props.onFocus) {\n              children.props.onFocus(...args);\n            }\n          },\n        })}\n      </CommonWrapper>\n    );\n  }\n\n  private onClickOutside = (e: Event) => {\n    if (this.props.onBlur) {\n      this.props.onBlur(e as FocusEvent);\n    }\n    this.detachListeners();\n  };\n\n  private attachListeners = () => {\n    const rootNode = getRootNode(this);\n    if (!this.focusOutsideListenerToken && rootNode) {\n      this.focusOutsideListenerToken = listenFocusOutside([rootNode], this.onClickOutside, this.globalObject);\n\n      this.globalObject.document?.addEventListener(\n        'ontouchstart' in this.globalObject.document.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  };\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n\n      this.globalObject.document?.removeEventListener(\n        'ontouchstart' in this.globalObject.document.documentElement ? 'touchstart' : 'mousedown',\n        this.handleNativeDocClick,\n      );\n    }\n  }\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = getRootNode(this);\n\n    if (node && isInstanceOf(target, this.globalObject.Element) && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    this.onClickOutside(event);\n  };\n}\n"]}

package/internal/FocusTrap/index.d.ts

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

package/internal/FocusTrap/index.js

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

package/internal/FocusTrap/index.js.map

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