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

package/components/DatePicker/MobilePicker.js

@@ -0,0 +1,46 @@
+import React, { useContext, useLayoutEffect, useRef, useState } from 'react';
+import { useStyles } from '../../lib/renderEnvironment/index.js';
+import { Calendar } from '../Calendar/index.js';
+import { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { MobilePopup } from '../../internal/MobilePopup/index.js';
+import { DateInput } from '../DateInput/index.js';
+import { Button } from '../Button/index.js';
+import { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';
+import { DatePickerLocaleHelper } from './locale/index.js';
+import { getStyles } from './MobilePicker.styles.js';
+import { getMobilePickerTheme } from './getMobilePickerTheme.js';
+export var MobilePickerDataTids = {
+    input: 'MobilePicker__input',
+    today: 'MobilePicker__today',
+};
+export var MobilePicker = function (props) {
+    var locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);
+    var styles = useStyles(getStyles);
+    var theme = getMobilePickerTheme(useContext(ThemeContext));
+    var calendarRef = useRef(null);
+    var inputRef = useRef(null);
+    var _a = useState(function () { return getTodayDate(); })[0], monthNative = _a.month, year = _a.year;
+    var month = getMonthInHumanFormat(monthNative);
+    var onValueChange = function (date) {
+        var _a, _b;
+        (_a = props.onValueChange) === null || _a === void 0 ? void 0 : _a.call(props, date);
+        (_b = props.onCloseRequest) === null || _b === void 0 ? void 0 : _b.call(props);
+    };
+    useLayoutEffect(function () {
+        // fix DateInput flushSync warning in React 18
+        setTimeout(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+    }, []);
+    var onTodayClick = function () {
+        if (calendarRef.current) {
+            calendarRef.current.scrollToMonth(month, year);
+        }
+    };
+    return (React.createElement(ThemeContext.Provider, { value: theme },
+        React.createElement(MobilePopup, { opened: true, headerChildComponent: React.createElement(DateInput, { value: props.value || '', width: "100%", withIcon: true, ref: inputRef, minDate: props.minDate, maxDate: props.maxDate, onValueChange: props.onValueChange, size: "medium", warning: props.warning, error: props.error, "data-tid": MobilePickerDataTids.input }), footerChildComponent: props.enableTodayLink && (React.createElement(Button, { size: "medium", onClick: onTodayClick, "data-tid": MobilePickerDataTids.today }, locale.today)), onCloseRequest: props.onCloseRequest },
+            React.createElement(Calendar, { ref: calendarRef, value: props.value, className: styles.calendarRoot(), minDate: props.minDate, maxDate: props.maxDate, onValueChange: onValueChange, isHoliday: props.isHoliday, renderDay: props.renderDay, onMonthChange: props.onMonthChange }))));
+};
+//# sourceMappingURL=MobilePicker.js.map

package/components/DatePicker/MobilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobilePicker.js","sourceRoot":"","sources":["../../../components/DatePicker/MobilePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAG9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,qBAAqB;CACpB,CAAC;AAmBX,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,KAAK;IAC7D,IAAM,MAAM,GAAG,mBAAmB,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC;IACzE,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,oBAAoB,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAE7D,IAAM,WAAW,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAC3C,IAAM,QAAQ,GAAG,MAAM,CAAY,IAAI,CAAC,CAAC;IAElC,IAAA,KAAgC,QAAQ,CAAC,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,CAAC,GAAlC,EAAnB,WAAW,WAAA,EAAE,IAAI,UAAE,CAAmC;IACtE,IAAM,KAAK,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAEjD,IAAM,aAAa,GAAG,UAAC,IAAY;;QACjC,MAAA,KAAK,CAAC,aAAa,sDAAG,IAAI,CAAC,CAAC;QAC5B,MAAA,KAAK,CAAC,cAAc,qDAAI,CAAC;IAC3B,CAAC,CAAC;IAEF,eAAe,CAAC;QACd,8CAA8C;QAC9C,UAAU,CAAC;;YACT,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,YAAY,GAAG;QACnB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACjC,oBAAC,WAAW,IACV,MAAM,QACN,oBAAoB,EAClB,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,cACR,oBAAoB,CAAC,KAAK,GACpC,EAEJ,oBAAoB,EAClB,KAAK,CAAC,eAAe,IAAI,CACvB,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,cAAY,oBAAoB,CAAC,KAAK,IAC9E,MAAM,CAAC,KAAK,CACN,CACV,EAEH,cAAc,EAAE,KAAK,CAAC,cAAc;YAEpC,oBAAC,QAAQ,IACP,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACU,CACQ,CACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { Calendar } from '../Calendar/index.js';\nimport { getMonthInHumanFormat, getTodayDate } from '../Calendar/CalendarUtils.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport { Button } from '../Button/index.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\n\nimport type { DatePickerProps } from './DatePicker.js';\nimport { DatePickerLocaleHelper } from './locale/index.js';\nimport { getStyles } from './MobilePicker.styles.js';\nimport { getMobilePickerTheme } from './getMobilePickerTheme.js';\n\nexport const MobilePickerDataTids = {\n  input: 'MobilePicker__input',\n  today: 'MobilePicker__today',\n} as const;\n\nexport interface MobilePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'onValueChange'\n    | 'isHoliday'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCloseRequest?: () => void;\n}\n\nexport const MobilePicker: React.FC<MobilePickerProps> = (props) => {\n  const locale = useLocaleForControl('DatePicker', DatePickerLocaleHelper);\n  const styles = useStyles(getStyles);\n  const theme = getMobilePickerTheme(useContext(ThemeContext));\n\n  const calendarRef = useRef<Calendar>(null);\n  const inputRef = useRef<DateInput>(null);\n\n  const [{ month: monthNative, year }] = useState(() => getTodayDate());\n  const month = getMonthInHumanFormat(monthNative);\n\n  const onValueChange = (date: string) => {\n    props.onValueChange?.(date);\n    props.onCloseRequest?.();\n  };\n\n  useLayoutEffect(() => {\n    // fix DateInput flushSync warning in React 18\n    setTimeout(() => {\n      inputRef.current?.focus();\n    });\n  }, []);\n\n  const onTodayClick = () => {\n    if (calendarRef.current) {\n      calendarRef.current.scrollToMonth(month, year);\n    }\n  };\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <DateInput\n            value={props.value || ''}\n            width=\"100%\"\n            withIcon\n            ref={inputRef}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            onValueChange={props.onValueChange}\n            size=\"medium\"\n            warning={props.warning}\n            error={props.error}\n            data-tid={MobilePickerDataTids.input}\n          />\n        }\n        footerChildComponent={\n          props.enableTodayLink && (\n            <Button size=\"medium\" onClick={onTodayClick} data-tid={MobilePickerDataTids.today}>\n              {locale.today}\n            </Button>\n          )\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          ref={calendarRef}\n          value={props.value}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={onValueChange}\n          isHoliday={props.isHoliday}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"]}

package/components/DatePicker/MobilePicker.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    calendarRoot(): string;
+}>;

package/components/DatePicker/MobilePicker.styles.js

@@ -0,0 +1,15 @@
+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 } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        calendarRoot: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: auto;\n    "], ["\n      width: auto;\n    "])));
+        },
+    });
+});
+var templateObject_1;
+//# sourceMappingURL=MobilePicker.styles.js.map

package/components/DatePicker/MobilePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobilePicker.styles.js","sourceRoot":"","sources":["../../../components/DatePicker/MobilePicker.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,YAAY;YACV,OAAO,GAAG,+FAAA,4BAET,KAAC;QACJ,CAAC;KACF,CAAC;AAN8D,CAM9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  calendarRoot() {\n    return css`\n      width: auto;\n    `;\n  },\n}));\n"]}

package/components/DatePicker/getMobilePickerTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getMobilePickerTheme: (theme: Theme) => Theme;

package/components/DatePicker/getMobilePickerTheme.js

@@ -0,0 +1,15 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getMobilePickerTheme = function (theme) {
+    return ThemeFactory.create({
+        calendarPaddingX: theme.mobileCalendarPaddingX,
+        calendarCellWidth: theme.mobileCalendarCellWidth,
+        calendarCellHeight: theme.mobileCalendarCellHeight,
+        calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,
+        calendarCellFontSize: theme.mobileCalendarCellFontSize,
+        calendarGridRowSpacing: theme.mobileCalendarGridRowSpacing,
+        dateSelectFontSize: theme.mobileDateSelectFontSize,
+        dateSelectLineHeight: theme.mobileDateSelectLineHeight,
+        calendarWrapperHeight: theme.mobileCalendarWrapperHeight,
+    }, theme);
+};
+//# sourceMappingURL=getMobilePickerTheme.js.map

package/components/DatePicker/getMobilePickerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMobilePickerTheme.js","sourceRoot":"","sources":["../../../components/DatePicker/getMobilePickerTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAY;IAC/C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,gBAAgB,EAAE,KAAK,CAAC,sBAAsB;QAC9C,iBAAiB,EAAE,KAAK,CAAC,uBAAuB;QAChD,kBAAkB,EAAE,KAAK,CAAC,wBAAwB;QAClD,wBAAwB,EAAE,KAAK,CAAC,8BAA8B;QAC9D,oBAAoB,EAAE,KAAK,CAAC,0BAA0B;QACtD,sBAAsB,EAAE,KAAK,CAAC,4BAA4B;QAC1D,kBAAkB,EAAE,KAAK,CAAC,wBAAwB;QAClD,oBAAoB,EAAE,KAAK,CAAC,0BAA0B;QACtD,qBAAqB,EAAE,KAAK,CAAC,2BAA2B;KACzD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getMobilePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarPaddingX: theme.mobileCalendarPaddingX,\n      calendarCellWidth: theme.mobileCalendarCellWidth,\n      calendarCellHeight: theme.mobileCalendarCellHeight,\n      calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,\n      calendarCellFontSize: theme.mobileCalendarCellFontSize,\n      calendarGridRowSpacing: theme.mobileCalendarGridRowSpacing,\n      dateSelectFontSize: theme.mobileDateSelectFontSize,\n      dateSelectLineHeight: theme.mobileDateSelectLineHeight,\n      calendarWrapperHeight: theme.mobileCalendarWrapperHeight,\n    },\n    theme,\n  );\n};\n"]}

package/components/DatePicker/index.d.ts

@@ -1 +1 @@
-export { default, DatePickerProps, DatePickerState } from './DatePicker';
+export * from './DatePicker.js';

package/components/DatePicker/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var DatePicker_1 = require("./DatePicker");
-exports["default"] = DatePicker_1["default"];
+export * from './DatePicker.js';
+//# sourceMappingURL=index.js.map

package/components/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,2CAAyE;AAAhE,+BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './DatePicker.js';\n"]}

package/components/DatePicker/locale/index.d.ts

@@ -1,5 +1,4 @@
-import { LocaleHelper } from '../../LocaleProvider/LocaleHelper';
-import { DatePickerLocale } from './types';
-export * from './types';
-export declare const DatePickerLocaleHelper: LocaleHelper<DatePickerLocale>;
-export { InternalDateLocaleSet } from '../../../lib/date/types';
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import type { DatePickerLocale } from './types.js';
+export * from './types.js';
+export declare const DatePickerLocaleHelper: LocaleHelper<DatePickerLocale>;

package/components/DatePicker/locale/index.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var LocaleHelper_1 = require("../../LocaleProvider/LocaleHelper");
-var en_1 = tslib_1.__importDefault(require("./locales/en"));
-var ru_1 = tslib_1.__importDefault(require("./locales/ru"));
-exports.DatePickerLocaleHelper = new LocaleHelper_1.LocaleHelper({
-  ru_RU: ru_1["default"],
-  en_GB: en_1["default"] });
+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 DatePickerLocaleHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

package/components/DatePicker/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,kEAAiE;AACjE,4DAAiC;AACjC,4DAAiC;AAKpB,QAAA,sBAAsB,GAAG,IAAI,2BAAY,CAAmB;IACvE,KAAK,cAAA;IACL,KAAK,cAAA;CACN,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/DatePicker/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,sBAAsB,GAAG,IAAI,YAAY,CAAmB;IACvE,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 { DatePickerLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const DatePickerLocaleHelper = new LocaleHelper<DatePickerLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/DatePicker/locale/locales/en.d.ts

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

package/components/DatePicker/locale/locales/en.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var localeSets_1 = require("../../../../lib/date/localeSets");
-var LocaleProvider_1 = require("../../../LocaleProvider");
-var componentsLocales = tslib_1.__assign({ today: 'Today', months: [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December'] },
-localeSets_1.internalDateLocale[LocaleProvider_1.LangCodes.en_GB]);
-exports["default"] = componentsLocales;
+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);
+};
+import { internalDateLocale } from '../../../../lib/date/localeSets.js';
+import { LangCodes } from '../../../../lib/locale/index.js';
+import { componentsLocales as CalendarLocales } from '../../../Calendar/locale/locales/en.js';
+import { componentsLocales as DateSelectLocales } from '../../../../internal/DateSelect/locale/locales/en.js';
+export var componentsLocales = __assign(__assign(__assign({ today: 'Today', todayAriaLabel: "Go to today's date" }, CalendarLocales), DateSelectLocales), internalDateLocale[LangCodes.en_GB]);
+//# sourceMappingURL=en.js.map

package/components/DatePicker/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","sourceRoot":"","sources":["en.ts"],"names":[],"mappings":";;;AAAA,8DAAqE;AACrE,0DAAoD;AAGpD,IAAM,iBAAiB,sBACrB,KAAK,EAAE,OAAO,EACd,MAAM,EAAE;QACN,SAAS;QACT,UAAU;QACV,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACX,IACE,+BAAkB,CAAC,0BAAS,CAAC,KAAK,CAAC,CACvC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../components/DatePicker/locale/locales/en.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAE,iBAAiB,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AAE9G,MAAM,CAAC,IAAM,iBAAiB,gCAC5B,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,oBAAoB,IACjC,eAAe,GACf,iBAAiB,GACjB,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CACvC,CAAC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets.js';\nimport { LangCodes } from '../../../../lib/locale/index.js';\nimport type { DatePickerLocale } from '../types.js';\nimport { componentsLocales as CalendarLocales } from '../../../Calendar/locale/locales/en.js';\nimport { componentsLocales as DateSelectLocales } from '../../../../internal/DateSelect/locale/locales/en.js';\n\nexport const componentsLocales: DatePickerLocale = {\n  today: 'Today',\n  todayAriaLabel: \"Go to today's date\",\n  ...CalendarLocales,\n  ...DateSelectLocales,\n  ...internalDateLocale[LangCodes.en_GB],\n};\n"]}

package/components/DatePicker/locale/locales/ru.d.ts

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

package/components/DatePicker/locale/locales/ru.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var localeSets_1 = require("../../../../lib/date/localeSets");
-var LocaleProvider_1 = require("../../../LocaleProvider");
-var componentsLocales = tslib_1.__assign({ today: 'Сегодня', months: [
-  'Январь',
-  'Февраль',
-  'Март',
-  'Апрель',
-  'Май',
-  'Июнь',
-  'Июль',
-  'Август',
-  'Сентябрь',
-  'Октябрь',
-  'Ноябрь',
-  'Декабрь'] },
-localeSets_1.internalDateLocale[LocaleProvider_1.LangCodes.ru_RU]);
-exports["default"] = componentsLocales;
+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);
+};
+import { internalDateLocale } from '../../../../lib/date/localeSets.js';
+import { LangCodes } from '../../../../lib/locale/index.js';
+import { componentsLocales as CalendarLocales } from '../../../Calendar/locale/locales/ru.js';
+import { componentsLocales as DateSelectLocales } from '../../../../internal/DateSelect/locale/locales/ru.js';
+export var componentsLocales = __assign(__assign(__assign({ today: 'Сегодня', todayAriaLabel: 'Перейти к сегодняшней дате' }, CalendarLocales), DateSelectLocales), internalDateLocale[LangCodes.ru_RU]);
+//# sourceMappingURL=ru.js.map

package/components/DatePicker/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.js","sourceRoot":"","sources":["ru.ts"],"names":[],"mappings":";;;AAAA,8DAAqE;AACrE,0DAAoD;AAGpD,IAAM,iBAAiB,sBACrB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE;QACN,QAAQ;QACR,SAAS;QACT,MAAM;QACN,QAAQ;QACR,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,UAAU;QACV,SAAS;QACT,QAAQ;QACR,SAAS;KACV,IACE,+BAAkB,CAAC,0BAAS,CAAC,KAAK,CAAC,CACvC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../components/DatePicker/locale/locales/ru.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAE,iBAAiB,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AAE9G,MAAM,CAAC,IAAM,iBAAiB,gCAC5B,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,4BAA4B,IACzC,eAAe,GACf,iBAAiB,GACjB,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CACvC,CAAC","sourcesContent":["import { internalDateLocale } from '../../../../lib/date/localeSets.js';\nimport { LangCodes } from '../../../../lib/locale/index.js';\nimport type { DatePickerLocale } from '../types.js';\nimport { componentsLocales as CalendarLocales } from '../../../Calendar/locale/locales/ru.js';\nimport { componentsLocales as DateSelectLocales } from '../../../../internal/DateSelect/locale/locales/ru.js';\n\nexport const componentsLocales: DatePickerLocale = {\n  today: 'Сегодня',\n  todayAriaLabel: 'Перейти к сегодняшней дате',\n  ...CalendarLocales,\n  ...DateSelectLocales,\n  ...internalDateLocale[LangCodes.ru_RU],\n};\n"]}

package/components/DatePicker/locale/types.d.ts

@@ -1,5 +1,7 @@
-import { InternalDateLocaleSet } from '../../../lib/date/types';
-export interface DatePickerLocale extends InternalDateLocaleSet {
-    today: string;
-    months: string[];
-}
+import type { DateSelectLocale } from '../../../internal/DateSelect/locale/index.js';
+import type { InternalDateLocaleSet } from '../../../lib/date/types.js';
+import type { CalendarLocale } from '../../Calendar/locale/types.js';
+export interface DatePickerLocale extends DateSelectLocale, CalendarLocale, InternalDateLocaleSet {
+    today: string;
+    todayAriaLabel: string;
+}

package/components/DatePicker/locale/types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
+//# sourceMappingURL=types.js.map

package/components/DatePicker/locale/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../components/DatePicker/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { DateSelectLocale } from '../../../internal/DateSelect/locale/index.js';\nimport type { InternalDateLocaleSet } from '../../../lib/date/types.js';\nimport type { CalendarLocale } from '../../Calendar/locale/types.js';\n\nexport interface DatePickerLocale extends DateSelectLocale, CalendarLocale, InternalDateLocaleSet {\n  today: string;\n  todayAriaLabel: string;\n}\n"]}

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,98 @@
+import React, { type AriaAttributes } from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import { DateInput } from '../DateInput/index.js';
+import type { DatePickerProps } from '../DatePicker/index.js';
+import type { InstanceWithRootNode } from '../../lib/rootNode/index.js';
+import type { DateRangePickerInputType } from './DateRangePickerInput.js';
+import { validateDateRangePicker } from './helpers/validateDateRangePicker.js';
+export declare const DateRangePickerDataTids: {
+    readonly root: "DateRangePicker__root";
+    readonly start: "DateRangePicker__start";
+    readonly end: "DateRangePicker__end";
+    readonly popup: "DateRangePicker__popup";
+    readonly calendar: "DateRangePicker__calendar";
+    readonly todayButton: "DateRangePicker__todayButton";
+    readonly startOptionalButton: "DateRangePicker__startOptionalButton";
+    readonly endOptionalButton: "DateRangePicker__endOptionalButton";
+    readonly mobileStart: "DateRangePicker__mobileStart";
+    readonly mobileEnd: "DateRangePicker__mobileEnd";
+    readonly rangeStart: "DateRangePicker__rangeStart";
+    readonly rangeEnd: "DateRangePicker__rangeEnd";
+};
+export interface DateRangePickerProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<DatePickerProps, 'size' | 'width' | 'renderDay' | 'menuPos' | 'menuAlign' | 'useMobileNativeDatePicker' | 'enableTodayLink' | 'onMonthChange'> {
+    /**
+     * Элемент относительно которого открывается календарь,
+     * Если передать значение `focused` - меню будет открываться у зафокусированного элемента.
+     * Если передать ссылку на DOM элемент или ref - меню откроется относительно переданного элемента.
+     */
+    menuAnchorElement?: 'focused' | Element | React.ReactNode | React.RefObject<any>;
+    /**
+     * Элементы DateRangePicker:
+     * `<DateRangePicker.Start />`
+     * `<DateRangePicker.Separator />`
+     * `<DateRangePicker.End />`
+     */
+    children: React.ReactNode;
+}
+export interface DateRangePickerRef extends InstanceWithRootNode {
+    open: (inputType?: DateRangePickerInputType) => void;
+    close: () => void;
+    scrollToMonth: (month: number, year: number) => void;
+}
+export type DateRangePicker = DateRangePickerRef;
+export declare const DateRangePicker: {
+    Start: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<DateInput, {
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        'data-tid'?: string | undefined;
+        children?: React.ReactNode;
+        error?: boolean | undefined;
+        warning?: boolean | undefined;
+        size?: import("../../index.js").SizeProp | undefined;
+        disabled?: boolean | undefined;
+        onFocus?: ((x0: React.FocusEvent<HTMLElement>) => void) | undefined;
+        onBlur?: ((x0: React.FocusEvent<HTMLElement>) => void) | undefined;
+        id?: string | undefined | undefined;
+        width?: string | number | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onClick?: ((x0: React.MouseEvent<HTMLElement>) => void) | undefined;
+        value?: string | null | undefined;
+        autoFocus?: boolean | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        withIcon?: boolean | undefined;
+        optional?: boolean | undefined;
+    }> & Record<never, never>;
+    End: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<DateInput, {
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        'data-tid'?: string | undefined;
+        children?: React.ReactNode;
+        error?: boolean | undefined;
+        warning?: boolean | undefined;
+        size?: import("../../index.js").SizeProp | undefined;
+        disabled?: boolean | undefined;
+        onFocus?: ((x0: React.FocusEvent<HTMLElement>) => void) | undefined;
+        onBlur?: ((x0: React.FocusEvent<HTMLElement>) => void) | undefined;
+        id?: string | undefined | undefined;
+        width?: string | number | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onClick?: ((x0: React.MouseEvent<HTMLElement>) => void) | undefined;
+        value?: string | null | undefined;
+        autoFocus?: boolean | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        withIcon?: boolean | undefined;
+        optional?: boolean | undefined;
+    }> & Record<never, never>;
+    Separator: () => React.JSX.Element;
+    validate: typeof validateDateRangePicker;
+} & import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<DateRangePickerRef, DateRangePickerProps> & Record<never, never>;