@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/DateRangePicker/DateRangePickerInput.js

@@ -0,0 +1,99 @@
+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 React, { forwardRef, useContext, useEffect, useImperativeHandle } from 'react';
+import { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';
+import { DateInput } from '../DateInput/index.js';
+import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { isNonNullable } from '../../lib/utils.js';
+import { DateRangePickerContext } from './DateRangePickerContext.js';
+import { DateRangePickerDataTids } from './DateRangePicker.js';
+import { DateRangePickerLocaleHelper } from './locale/index.js';
+var DateRangePickerInput = forwardRef(function (props, ref) {
+    var _a = useContext(DateRangePickerContext), minDate = _a.minDate, maxDate = _a.maxDate, startValue = _a.startValue, endValue = _a.endValue, size = _a.size, setStartValue = _a.setStartValue, setStartOptional = _a.setStartOptional, setStartDisabled = _a.setStartDisabled, setEndValue = _a.setEndValue, setEndOptional = _a.setEndOptional, setEndDisabled = _a.setEndDisabled, setMinDate = _a.setMinDate, setMaxDate = _a.setMaxDate, setFocusInput = _a.setFocusInput, open = _a.open, close = _a.close, dateRangePickerRef = _a.dateRangePickerRef, startRef = _a.startRef, endRef = _a.endRef;
+    var isStart = props.type === 'start';
+    var isEnd = props.type === 'end';
+    var locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);
+    var isMobile = useResponsiveLayout().isMobile;
+    useImperativeHandle(ref, function () { return (isStart ? startRef.current : endRef.current); }, []);
+    useEffect(function () {
+        if (isStart && startValue !== props.value) {
+            setStartValue(props.value || '');
+        }
+        else if (isEnd && endValue !== props.value) {
+            setEndValue(props.value || '');
+        }
+    }, [props.value]);
+    useEffect(function () {
+        if (isStart) {
+            setStartOptional(props.optional || false);
+            setStartDisabled(props.disabled || false);
+            setMinDate(props.minDate || '');
+        }
+        else if (isEnd) {
+            setEndOptional(props.optional || false);
+            setEndDisabled(props.disabled || false);
+            setMaxDate(props.maxDate || '');
+        }
+    }, [props.optional, props.disabled, props.minDate, props.maxDate]);
+    useEffect(function () {
+        var _a;
+        if (isStart && startValue !== props.value && isNonNullable(startValue)) {
+            (_a = props.onValueChange) === null || _a === void 0 ? void 0 : _a.call(props, startValue);
+        }
+    }, [startValue]);
+    useEffect(function () {
+        var _a;
+        if (isEnd && endValue !== props.value && isNonNullable(endValue)) {
+            (_a = props.onValueChange) === null || _a === void 0 ? void 0 : _a.call(props, endValue);
+        }
+    }, [endValue]);
+    var commonProps = __assign(__assign({ withIcon: true, size: size, minDate: minDate, maxDate: maxDate }, props), { onValueChange: function (value) {
+            if (isStart) {
+                setStartValue(value || '');
+            }
+            else if (isEnd) {
+                setEndValue(value || '');
+            }
+        }, onClick: function (e) {
+            var _a;
+            if (props.disabled) {
+                return;
+            }
+            open(props.type);
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        }, onFocus: function (e) {
+            var _a;
+            open(props.type);
+            (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        }, onBlur: function (e) {
+            var _a, _b;
+            (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            if (isMobile) {
+                return;
+            }
+            var nextFocusedElement = e.relatedTarget;
+            if (!((_b = dateRangePickerRef.current) === null || _b === void 0 ? void 0 : _b.contains(nextFocusedElement))) {
+                close();
+            }
+            setFocusInput(null);
+        } });
+    switch (props.type) {
+        case 'start':
+            return (React.createElement(DateInput, __assign({}, commonProps, { value: props.value || '', "data-tid": props['data-tid'] || DateRangePickerDataTids.start, "aria-label": props['aria-label'] || locale.startDateLabel, ref: startRef })));
+        case 'end':
+            return (React.createElement(DateInput, __assign({}, commonProps, { value: props.value || '', "data-tid": props['data-tid'] || DateRangePickerDataTids.end, "aria-label": props['aria-label'] || locale.endDateLabel, ref: endRef })));
+    }
+});
+export var DateRangePickerStart = forwardRefAndName('DateRangePickerStart', function (props, ref) { return (React.createElement(DateRangePickerInput, __assign({ type: "start" }, props, { ref: ref }))); });
+export var DateRangePickerEnd = forwardRefAndName('DateRangePickerEnd', function (props, ref) { return (React.createElement(DateRangePickerInput, __assign({ type: "end" }, props, { ref: ref }))); });
+//# sourceMappingURL=DateRangePickerInput.js.map

package/components/DateRangePicker/DateRangePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerInput.js","sourceRoot":"","sources":["../../../components/DateRangePicker/DateRangePickerInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Ref } from 'react';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport type { DateInputProps } from '../DateInput/index.js';\nimport { DateInput } from '../DateInput/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { isNonNullable } from '../../lib/utils.js';\n\nimport { DateRangePickerContext } from './DateRangePickerContext.js';\nimport { DateRangePickerDataTids } from './DateRangePicker.js';\nimport { DateRangePickerLocaleHelper } from './locale/index.js';\n\nexport type DateRangePickerInputType = 'start' | 'end';\n\nexport interface DateRangePickerInputProps extends Omit<DateInputProps, 'value'> {\n  type: DateRangePickerInputType;\n  value?: string | null;\n  optional?: boolean;\n}\n\ntype DateRangePickerInputWithoutType = Omit<DateRangePickerInputProps, 'type'>;\n\nconst DateRangePickerInput = forwardRef((props: DateRangePickerInputProps, ref: Ref<DateInput | null>) => {\n  const {\n    minDate,\n    maxDate,\n    startValue,\n    endValue,\n    size,\n    setStartValue,\n    setStartOptional,\n    setStartDisabled,\n    setEndValue,\n    setEndOptional,\n    setEndDisabled,\n    setMinDate,\n    setMaxDate,\n    setFocusInput,\n    open,\n    close,\n    dateRangePickerRef,\n    startRef,\n    endRef,\n  } = useContext(DateRangePickerContext);\n  const isStart = props.type === 'start';\n  const isEnd = props.type === 'end';\n  const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n  const { isMobile } = useResponsiveLayout();\n\n  useImperativeHandle<DateInput | null, DateInput | null>(ref, () => (isStart ? startRef.current : endRef.current), []);\n\n  useEffect(() => {\n    if (isStart && startValue !== props.value) {\n      setStartValue(props.value || '');\n    } else if (isEnd && endValue !== props.value) {\n      setEndValue(props.value || '');\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if (isStart) {\n      setStartOptional(props.optional || false);\n      setStartDisabled(props.disabled || false);\n      setMinDate(props.minDate || '');\n    } else if (isEnd) {\n      setEndOptional(props.optional || false);\n      setEndDisabled(props.disabled || false);\n      setMaxDate(props.maxDate || '');\n    }\n  }, [props.optional, props.disabled, props.minDate, props.maxDate]);\n\n  useEffect(() => {\n    if (isStart && startValue !== props.value && isNonNullable(startValue)) {\n      props.onValueChange?.(startValue);\n    }\n  }, [startValue]);\n\n  useEffect(() => {\n    if (isEnd && endValue !== props.value && isNonNullable(endValue)) {\n      props.onValueChange?.(endValue);\n    }\n  }, [endValue]);\n\n  const commonProps: DateRangePickerInputProps = {\n    withIcon: true,\n    size,\n    minDate,\n    maxDate,\n    ...props,\n    onValueChange: (value) => {\n      if (isStart) {\n        setStartValue(value || '');\n      } else if (isEnd) {\n        setEndValue(value || '');\n      }\n    },\n    onClick: (e) => {\n      if (props.disabled) {\n        return;\n      }\n      open(props.type);\n      props.onClick?.(e);\n    },\n    onFocus: (e) => {\n      open(props.type);\n      props.onFocus?.(e);\n    },\n    onBlur: (e) => {\n      props.onBlur?.(e);\n\n      if (isMobile) {\n        return;\n      }\n      const nextFocusedElement = e.relatedTarget;\n      if (!dateRangePickerRef.current?.contains(nextFocusedElement)) {\n        close();\n      }\n      setFocusInput(null);\n    },\n  };\n\n  switch (props.type) {\n    case 'start':\n      return (\n        <DateInput\n          {...commonProps}\n          value={props.value || ''}\n          data-tid={props['data-tid'] || DateRangePickerDataTids.start}\n          aria-label={props['aria-label'] || locale.startDateLabel}\n          ref={startRef}\n        />\n      );\n    case 'end':\n      return (\n        <DateInput\n          {...commonProps}\n          value={props.value || ''}\n          data-tid={props['data-tid'] || DateRangePickerDataTids.end}\n          aria-label={props['aria-label'] || locale.endDateLabel}\n          ref={endRef}\n        />\n      );\n  }\n});\n\nexport const DateRangePickerStart = forwardRefAndName(\n  'DateRangePickerStart',\n  (props: DateRangePickerInputWithoutType, ref: Ref<DateInput>) => (\n    <DateRangePickerInput type=\"start\" {...props} ref={ref} />\n  ),\n);\n\nexport const DateRangePickerEnd = forwardRefAndName(\n  'DateRangePickerEnd',\n  (props: DateRangePickerInputWithoutType, ref: Ref<DateInput>) => (\n    <DateRangePickerInput type=\"end\" {...props} ref={ref} />\n  ),\n);\n"]}

package/components/DateRangePicker/DateRangePickerSeparator.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var DateRangePickerSeparator = function () { return React.createElement(React.Fragment, null, "\u00A0\u2014\u00A0"); };
+//# sourceMappingURL=DateRangePickerSeparator.js.map

package/components/DateRangePicker/DateRangePickerSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerSeparator.js","sourceRoot":"","sources":["../../../components/DateRangePicker/DateRangePickerSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,wBAAwB,GAAG,cAAyB,OAAA,+DAAkB,EAAlB,CAAkB,CAAC","sourcesContent":["import React from 'react';\n\nexport const DateRangePickerSeparator = (): React.JSX.Element => <>&nbsp;—&nbsp;</>;\n"]}

package/components/DateRangePicker/DateRangePickerTheme.d.ts

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

package/components/DateRangePicker/DateRangePickerTheme.js

@@ -0,0 +1,25 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getDateRangePickerTheme = function (theme) {
+    return ThemeFactory.create({
+        calendarBottomSeparatorBorder: 'none',
+        calendarCellBg: 'transparent',
+        calendarCellSelectedBgColor: 'transparent',
+        calendarWrapperHeight: theme.rangeCalendarWrapperHeight,
+    }, theme);
+};
+export var getMobileDateRangePickerTheme = function (theme) {
+    return ThemeFactory.create({
+        calendarCellBg: 'transparent',
+        calendarCellSelectedBgColor: 'transparent',
+        calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,
+        calendarCellFontSize: theme.mobileCalendarCellFontSize,
+        calendarGridRowSpacing: theme.mobileRangeCalendarGridRowSpacing,
+        calendarPaddingX: theme.mobileCalendarPaddingX,
+        calendarCellWidth: theme.mobileRangeCalendarCellWidth,
+        calendarCellHeight: theme.mobileRangeCalendarCellHeight,
+        calendarWrapperHeight: theme.mobileRangeCalendarWrapperHeight,
+        dateSelectFontSize: theme.mobileDateSelectFontSize,
+        dateSelectLineHeight: theme.mobileDateSelectLineHeight,
+    }, theme);
+};
+//# sourceMappingURL=DateRangePickerTheme.js.map

package/components/DateRangePicker/DateRangePickerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerTheme.js","sourceRoot":"","sources":["../../../components/DateRangePicker/DateRangePickerTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAY;IAClD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,6BAA6B,EAAE,MAAM;QACrC,cAAc,EAAE,aAAa;QAC7B,2BAA2B,EAAE,aAAa;QAC1C,qBAAqB,EAAE,KAAK,CAAC,0BAA0B;KACxD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,KAAY;IACxD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,cAAc,EAAE,aAAa;QAC7B,2BAA2B,EAAE,aAAa;QAC1C,wBAAwB,EAAE,KAAK,CAAC,8BAA8B;QAC9D,oBAAoB,EAAE,KAAK,CAAC,0BAA0B;QACtD,sBAAsB,EAAE,KAAK,CAAC,iCAAiC;QAC/D,gBAAgB,EAAE,KAAK,CAAC,sBAAsB;QAC9C,iBAAiB,EAAE,KAAK,CAAC,4BAA4B;QACrD,kBAAkB,EAAE,KAAK,CAAC,6BAA6B;QACvD,qBAAqB,EAAE,KAAK,CAAC,gCAAgC;QAC7D,kBAAkB,EAAE,KAAK,CAAC,wBAAwB;QAClD,oBAAoB,EAAE,KAAK,CAAC,0BAA0B;KACvD,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 getDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarBottomSeparatorBorder: 'none',\n      calendarCellBg: 'transparent',\n      calendarCellSelectedBgColor: 'transparent',\n      calendarWrapperHeight: theme.rangeCalendarWrapperHeight,\n    },\n    theme,\n  );\n};\n\nexport const getMobileDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarCellBg: 'transparent',\n      calendarCellSelectedBgColor: 'transparent',\n      calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,\n      calendarCellFontSize: theme.mobileCalendarCellFontSize,\n      calendarGridRowSpacing: theme.mobileRangeCalendarGridRowSpacing,\n      calendarPaddingX: theme.mobileCalendarPaddingX,\n      calendarCellWidth: theme.mobileRangeCalendarCellWidth,\n      calendarCellHeight: theme.mobileRangeCalendarCellHeight,\n      calendarWrapperHeight: theme.mobileRangeCalendarWrapperHeight,\n      dateSelectFontSize: theme.mobileDateSelectFontSize,\n      dateSelectLineHeight: theme.mobileDateSelectLineHeight,\n    },\n    theme,\n  );\n};\n"]}

package/components/DateRangePicker/helpers/getStateForValue.d.ts

@@ -1,4 +1,4 @@
-import type { DateRangePickerInputType } from '../DateRangePickerInput';
+import type { DateRangePickerInputType } from '../DateRangePickerInput.js';
 interface DateRangeState {
     start: string;
     end: string;

package/components/DateRangePicker/helpers/getStateForValue.js

@@ -0,0 +1,118 @@
+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 { isLess, isGreater, isLessOrEqual, isGreaterOrEqual } from '../../../lib/date/comparison.js';
+import { MIN_FULLDATE, MAX_FULLDATE } from '../../../lib/date/constants.js';
+var defaultContextOptions = {
+    currentStart: '',
+    currentEnd: '',
+    minDate: MIN_FULLDATE,
+    maxDate: MAX_FULLDATE,
+};
+export function getStateForValue(currentFocus, value, contextOptions) {
+    if (value === void 0) { value = ''; }
+    if (contextOptions === void 0) { contextOptions = {}; }
+    var _a = __assign(__assign({}, defaultContextOptions), contextOptions), currentStart = _a.currentStart, currentEnd = _a.currentEnd, minDate = _a.minDate, maxDate = _a.maxDate;
+    var start = currentStart;
+    var end = currentEnd;
+    var focus = currentFocus;
+    var isOpen = true;
+    if ((minDate && isLess(value, minDate)) || (maxDate && isGreater(value, maxDate))) {
+        return {
+            start: start,
+            end: end,
+            focus: focus,
+            isOpen: isOpen,
+        };
+    }
+    var handleInitialPeriod = function (date) {
+        if (currentFocus === 'start') {
+            start = date;
+            focus = 'end';
+        }
+        else {
+            end = date;
+            focus = 'start';
+        }
+    };
+    var handlePartialPeriod = function (date) {
+        if (currentFocus === 'start') {
+            if (currentStart) {
+                start = date;
+                focus = 'end';
+                return;
+            }
+            if (currentEnd && isGreater(date, currentEnd)) {
+                start = date;
+                end = '';
+                focus = 'end';
+                return;
+            }
+            start = date;
+            isOpen = false;
+        }
+        else if (currentFocus === 'end') {
+            if (currentEnd) {
+                end = date;
+                focus = 'start';
+                return;
+            }
+            if (currentStart && isLess(date, currentStart)) {
+                start = date;
+                end = '';
+                focus = 'end';
+                return;
+            }
+            end = date;
+            isOpen = false;
+        }
+    };
+    var handleFullPeriod = function (date) {
+        if (currentFocus === 'start') {
+            if (currentEnd && isLessOrEqual(date, currentEnd)) {
+                start = date;
+                isOpen = false;
+            }
+            else {
+                start = date;
+                end = '';
+                focus = 'end';
+            }
+        }
+        else if (currentFocus === 'end') {
+            if (currentStart && isGreaterOrEqual(date, currentStart)) {
+                end = date;
+                isOpen = false;
+            }
+            else {
+                start = date;
+                end = '';
+                focus = 'end';
+            }
+        }
+    };
+    if (!currentStart && !currentEnd) {
+        handleInitialPeriod(value);
+    }
+    else if ((currentStart && !currentEnd) || (!currentStart && currentEnd)) {
+        handlePartialPeriod(value);
+    }
+    else {
+        handleFullPeriod(value);
+    }
+    return {
+        start: start,
+        end: end,
+        focus: focus,
+        isOpen: isOpen,
+    };
+}
+//# sourceMappingURL=getStateForValue.js.map

package/components/DateRangePicker/helpers/getStateForValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStateForValue.js","sourceRoot":"","sources":["../../../../components/DateRangePicker/helpers/getStateForValue.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DateRangePickerInputType } from '../DateRangePickerInput.js';\nimport { isLess, isGreater, isLessOrEqual, isGreaterOrEqual } from '../../../lib/date/comparison.js';\nimport { MIN_FULLDATE, MAX_FULLDATE } from '../../../lib/date/constants.js';\n\ninterface DateRangeState {\n  start: string;\n  end: string;\n  focus: DateRangePickerInputType | null;\n  isOpen: true;\n}\n\nconst defaultContextOptions = {\n  currentStart: '',\n  currentEnd: '',\n  minDate: MIN_FULLDATE,\n  maxDate: MAX_FULLDATE,\n};\n\nexport function getStateForValue(\n  currentFocus: DateRangePickerInputType | null,\n  value = '',\n  contextOptions = {},\n): DateRangeState {\n  const { currentStart, currentEnd, minDate, maxDate } = { ...defaultContextOptions, ...contextOptions };\n\n  let start = currentStart;\n  let end = currentEnd;\n  let focus = currentFocus;\n  let isOpen = true;\n\n  if ((minDate && isLess(value, minDate)) || (maxDate && isGreater(value, maxDate))) {\n    return {\n      start,\n      end,\n      focus,\n      isOpen,\n    };\n  }\n\n  const handleInitialPeriod = (date: string) => {\n    if (currentFocus === 'start') {\n      start = date;\n      focus = 'end';\n    } else {\n      end = date;\n      focus = 'start';\n    }\n  };\n\n  const handlePartialPeriod = (date: string) => {\n    if (currentFocus === 'start') {\n      if (currentStart) {\n        start = date;\n        focus = 'end';\n        return;\n      }\n\n      if (currentEnd && isGreater(date, currentEnd)) {\n        start = date;\n        end = '';\n        focus = 'end';\n        return;\n      }\n\n      start = date;\n      isOpen = false;\n    } else if (currentFocus === 'end') {\n      if (currentEnd) {\n        end = date;\n        focus = 'start';\n        return;\n      }\n\n      if (currentStart && isLess(date, currentStart)) {\n        start = date;\n        end = '';\n        focus = 'end';\n        return;\n      }\n\n      end = date;\n      isOpen = false;\n    }\n  };\n\n  const handleFullPeriod = (date: string) => {\n    if (currentFocus === 'start') {\n      if (currentEnd && isLessOrEqual(date, currentEnd)) {\n        start = date;\n        isOpen = false;\n      } else {\n        start = date;\n        end = '';\n        focus = 'end';\n      }\n    } else if (currentFocus === 'end') {\n      if (currentStart && isGreaterOrEqual(date, currentStart)) {\n        end = date;\n        isOpen = false;\n      } else {\n        start = date;\n        end = '';\n        focus = 'end';\n      }\n    }\n  };\n\n  if (!currentStart && !currentEnd) {\n    handleInitialPeriod(value);\n  } else if ((currentStart && !currentEnd) || (!currentStart && currentEnd)) {\n    handlePartialPeriod(value);\n  } else {\n    handleFullPeriod(value);\n  }\n\n  return {\n    start,\n    end,\n    focus,\n    isOpen,\n  };\n}\n"]}

package/components/DateRangePicker/helpers/validateDateRangePicker.d.ts

@@ -1,4 +1,4 @@
-import type { Nullable } from '../../../typings/utility-types';
+import type { Nullable } from '../../../typings/utility-types.js';
 interface ValidationOptions {
     startOptional?: boolean;
     endOptional?: boolean;

package/components/DateRangePicker/helpers/validateDateRangePicker.js

@@ -0,0 +1,59 @@
+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 { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../../lib/date/types.js';
+import { InternalDate } from '../../../lib/date/InternalDate.js';
+import { MAX_FULLDATE, MIN_FULLDATE } from '../../../lib/date/constants.js';
+import { isLessOrEqual } from '../../../lib/date/comparison.js';
+var defaultOptions = {
+    startOptional: false,
+    endOptional: false,
+    minDate: MIN_FULLDATE,
+    maxDate: MAX_FULLDATE,
+};
+export function validateDateRangePicker(startValue, endValue, options) {
+    if (options === void 0) { options = defaultOptions; }
+    var _a = __assign(__assign({}, defaultOptions), options), startOptional = _a.startOptional, endOptional = _a.endOptional, minDate = _a.minDate, maxDate = _a.maxDate;
+    var isStartEmpty = !startValue;
+    var isStartRequired = !startOptional;
+    var isEndEmpty = !endValue;
+    var isEndRequired = !endOptional;
+    if (!isStartEmpty && !isEndEmpty && !isRangeValid(startValue, endValue)) {
+        return [false, false];
+    }
+    var internalDate = getInternalDate(minDate, maxDate);
+    var isStartValid = isStartEmpty ? !isStartRequired : checkDate(internalDate.parseValue(startValue));
+    var isEndValid = isEndEmpty ? !isEndRequired : checkDate(internalDate.parseValue(endValue));
+    return [isStartValid, isEndValid];
+}
+function isRangeValid(startValue, endValue) {
+    return isLessOrEqual(startValue || '', endValue || '');
+}
+function getInternalDate(minDate, maxDate) {
+    return new InternalDate({
+        order: InternalDateOrder.DMY,
+        separator: InternalDateSeparator.Dot,
+    })
+        .setRangeStart(new InternalDate({ value: minDate }))
+        .setRangeEnd(new InternalDate({ value: maxDate }));
+}
+function checkDate(internalDate) {
+    return internalDate.validate({
+        checks: [
+            InternalDateValidateCheck.NotNull,
+            InternalDateValidateCheck.Number,
+            InternalDateValidateCheck.Native,
+            InternalDateValidateCheck.Limits,
+            InternalDateValidateCheck.Range,
+        ],
+    });
+}
+//# sourceMappingURL=validateDateRangePicker.js.map

package/components/DateRangePicker/helpers/validateDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateDateRangePicker.js","sourceRoot":"","sources":["../../../../components/DateRangePicker/helpers/validateDateRangePicker.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACjH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAUhE,IAAM,cAAc,GAAsB;IACxC,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,UAAU,uBAAuB,CACrC,UAA4B,EAC5B,QAA0B,EAC1B,OAA2C;IAA3C,wBAAA,EAAA,wBAA2C;IAErC,IAAA,2BAAwD,cAAc,GAAK,OAAO,CAAE,EAAlF,aAAa,mBAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAsC,CAAC;IAC3F,IAAM,YAAY,GAAG,CAAC,UAAU,CAAC;IACjC,IAAM,eAAe,GAAG,CAAC,aAAa,CAAC;IACvC,IAAM,UAAU,GAAG,CAAC,QAAQ,CAAC;IAC7B,IAAM,aAAa,GAAG,CAAC,WAAW,CAAC;IAEnC,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,IAAM,YAAY,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvD,IAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;IACtG,IAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9F,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,YAAY,CAAC,UAA4B,EAAE,QAA0B;IAC5E,OAAO,aAAa,CAAC,UAAU,IAAI,EAAE,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,eAAe,CAAC,OAAgB,EAAE,OAAgB;IACzD,OAAO,IAAI,YAAY,CAAC;QACtB,KAAK,EAAE,iBAAiB,CAAC,GAAG;QAC5B,SAAS,EAAE,qBAAqB,CAAC,GAAG;KACrC,CAAC;SACC,aAAa,CAAC,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;SACnD,WAAW,CAAC,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,SAAS,CAAC,YAA0B;IAC3C,OAAO,YAAY,CAAC,QAAQ,CAAC;QAC3B,MAAM,EAAE;YACN,yBAAyB,CAAC,OAAO;YACjC,yBAAyB,CAAC,MAAM;YAChC,yBAAyB,CAAC,MAAM;YAChC,yBAAyB,CAAC,MAAM;YAChC,yBAAyB,CAAC,KAAK;SAChC;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../../lib/date/types.js';\nimport { InternalDate } from '../../../lib/date/InternalDate.js';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../../lib/date/constants.js';\nimport { isLessOrEqual } from '../../../lib/date/comparison.js';\nimport type { Nullable } from '../../../typings/utility-types.js';\n\ninterface ValidationOptions {\n  startOptional?: boolean;\n  endOptional?: boolean;\n  minDate?: string;\n  maxDate?: string;\n}\n\nconst defaultOptions: ValidationOptions = {\n  startOptional: false,\n  endOptional: false,\n  minDate: MIN_FULLDATE,\n  maxDate: MAX_FULLDATE,\n};\n\nexport function validateDateRangePicker(\n  startValue: Nullable<string>,\n  endValue: Nullable<string>,\n  options: ValidationOptions = defaultOptions,\n): boolean[] {\n  const { startOptional, endOptional, minDate, maxDate } = { ...defaultOptions, ...options };\n  const isStartEmpty = !startValue;\n  const isStartRequired = !startOptional;\n  const isEndEmpty = !endValue;\n  const isEndRequired = !endOptional;\n\n  if (!isStartEmpty && !isEndEmpty && !isRangeValid(startValue, endValue)) {\n    return [false, false];\n  }\n\n  const internalDate = getInternalDate(minDate, maxDate);\n\n  const isStartValid = isStartEmpty ? !isStartRequired : checkDate(internalDate.parseValue(startValue));\n  const isEndValid = isEndEmpty ? !isEndRequired : checkDate(internalDate.parseValue(endValue));\n\n  return [isStartValid, isEndValid];\n}\n\nfunction isRangeValid(startValue: Nullable<string>, endValue: Nullable<string>) {\n  return isLessOrEqual(startValue || '', endValue || '');\n}\n\nfunction getInternalDate(minDate?: string, maxDate?: string) {\n  return new InternalDate({\n    order: InternalDateOrder.DMY,\n    separator: InternalDateSeparator.Dot,\n  })\n    .setRangeStart(new InternalDate({ value: minDate }))\n    .setRangeEnd(new InternalDate({ value: maxDate }));\n}\n\nfunction checkDate(internalDate: InternalDate) {\n  return internalDate.validate({\n    checks: [\n      InternalDateValidateCheck.NotNull,\n      InternalDateValidateCheck.Number,\n      InternalDateValidateCheck.Native,\n      InternalDateValidateCheck.Limits,\n      InternalDateValidateCheck.Range,\n    ],\n  });\n}\n"]}

package/components/DateRangePicker/index.d.ts

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

package/components/DateRangePicker/index.js

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

package/components/DateRangePicker/index.js.map

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

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

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

package/components/DateRangePicker/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 DateRangePickerLocaleHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/DateRangePicker/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,2BAA2B,GAAG,IAAI,YAAY,CAAwB;IACjF,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 { DateRangePickerLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const DateRangePickerLocaleHelper = new LocaleHelper<DateRangePickerLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

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

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

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

@@ -0,0 +1,14 @@
+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 { componentsLocales as DatePickerLocale } from '../../../DatePicker/locale/locales/en.js';
+export var componentsLocales = __assign({ startDateLabel: 'Start date', endDateLabel: 'End date', startDateEmpty: 'No start date', endDateEmpty: 'No end date' }, DatePickerLocale);
+//# sourceMappingURL=en.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../components/DateRangePicker/locale/locales/en.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjG,MAAM,CAAC,IAAM,iBAAiB,cAC5B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,UAAU,EACxB,cAAc,EAAE,eAAe,EAC/B,YAAY,EAAE,aAAa,IACxB,gBAAgB,CACpB,CAAC","sourcesContent":["import type { DateRangePickerLocale } from '../types.js';\nimport { componentsLocales as DatePickerLocale } from '../../../DatePicker/locale/locales/en.js';\n\nexport const componentsLocales: DateRangePickerLocale = {\n  startDateLabel: 'Start date',\n  endDateLabel: 'End date',\n  startDateEmpty: 'No start date',\n  endDateEmpty: 'No end date',\n  ...DatePickerLocale,\n};\n"]}

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

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

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

@@ -0,0 +1,14 @@
+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 { componentsLocales as DatePickerLocale } from '../../../DatePicker/locale/locales/ru.js';
+export var componentsLocales = __assign({ startDateLabel: 'Дата начала', endDateLabel: 'Дата окончания', startDateEmpty: 'Без первой даты', endDateEmpty: 'Без второй даты' }, DatePickerLocale);
+//# sourceMappingURL=ru.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../components/DateRangePicker/locale/locales/ru.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjG,MAAM,CAAC,IAAM,iBAAiB,cAC5B,cAAc,EAAE,aAAa,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,iBAAiB,EACjC,YAAY,EAAE,iBAAiB,IAC5B,gBAAgB,CACpB,CAAC","sourcesContent":["import type { DateRangePickerLocale } from '../types.js';\nimport { componentsLocales as DatePickerLocale } from '../../../DatePicker/locale/locales/ru.js';\n\nexport const componentsLocales: DateRangePickerLocale = {\n  startDateLabel: 'Дата начала',\n  endDateLabel: 'Дата окончания',\n  startDateEmpty: 'Без первой даты',\n  endDateEmpty: 'Без второй даты',\n  ...DatePickerLocale,\n};\n"]}

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

@@ -1,4 +1,4 @@
-import type { DatePickerLocale } from '../../DatePicker/locale';
+import type { DatePickerLocale } from '../../DatePicker/locale/index.js';
 export interface DateRangePickerLocale extends DatePickerLocale {
     startDateLabel: string;
     endDateLabel: string;

package/components/DateRangePicker/locale/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../components/DateRangePicker/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { DatePickerLocale } from '../../DatePicker/locale/index.js';\n\nexport interface DateRangePickerLocale extends DatePickerLocale {\n  startDateLabel: string;\n  endDateLabel: string;\n  startDateEmpty: string;\n  endDateEmpty: string;\n}\n"]}

package/components/Dropdown/Dropdown.d.ts

@@ -1,15 +1,15 @@
-import type { AriaAttributes, HTMLAttributes } from 'react';
+import type { AriaAttributes, HTMLAttributes, JSX } from 'react';
 import React from 'react';
-import { MenuItem } from '../MenuItem';
-import type { ButtonUse } from '../Button';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { SizeProp } from '../../lib/types/props';
+import { MenuItem } from '../MenuItem/index.js';
+import type { ButtonUse } from '../Button/index.js';
+import type { CommonProps } from '../../internal/CommonWrapper/types.js';
+import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
+import type { SizeProp } from '../../lib/types/props.js';
 export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
     /** Задает подпись на кнопке. */
     caption: React.ReactNode;
     /** Добавляет иконку слева от текста кнопки. */
-    icon?: React.ReactElement<any>;
+    icon?: React.ReactElement;
     /** Задает ширину выпадающего меню. */
     width?: React.CSSProperties['width'];
     /** @ignore */
@@ -64,9 +64,9 @@ export declare const DropdownDataTids: {
 export declare class Dropdown extends React.Component<DropdownProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static Header: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, import("../MenuHeader").MenuHeaderProps> & Record<never, never>;
+    static Header: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, import("../MenuHeader/MenuHeader.js").MenuHeaderProps> & Record<never, never>;
     static MenuItem: typeof MenuItem;
-    static Separator: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
+    static Separator: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
     private _select;
     getRootNode: TGetRootNode;
     private setRootNode;