@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d560679cdd

package/components/DateRangePicker/DateRangePicker.md

@@ -1,298 +0,0 @@
-Компонент `DateRangePicker` состоит из двух [DateInput](#/Components/DateInput) и одного общего [Calendar](#/Components/Calendar).
-
-- Период задается через `start` и `end`
-- Минимальное и максимальные даты указываются через `minDate` и `maxDate`
-- Значения задаются строкой в формате `dd.mm.yyyy`
-- Пустыми значениями считаются `""`, `null` и `undefined`
-
-```jsx harmony
-const [startValue, setStartValue] = React.useState();
-const [toValue, setEndValue] = React.useState();
-const minDate = "08.07.2024";
-const maxDate = "18.08.2024";
-
-<DateRangePicker
-  start={startValue}
-  end={toValue}
-  minDate={minDate}
-  maxDate={maxDate}
-  onValueChange={console.log}
-  onStartValueChange={setStartValue}
-  onEndValueChange={setEndValue}
-/>
-```
-
-<br />
-
-## Внешний вид
-
-Внешний вид кастомизируется через [дизайн-токены](#/Customization/ThemeShowcase) `dateInput*` и `calendar*`.
-
-
-### Размеры
-
-Через параметр `size` доступны размеры `large`, `medium` и `small`.
-
-```jsx harmony
-import { Gapped, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
-
-const theme = React.useContext(ThemeContext);
-const createTheme = (tokens) => ThemeFactory.create(tokens, theme);
-
-<Gapped vertical gap={16}>
-  <ThemeContext.Provider value={createTheme({ calendarCellWidth: '44px', calendarCellHeight: '44px' })}>
-    <DateRangePicker size="large" />
-  </ThemeContext.Provider>
-  
-  <ThemeContext.Provider value={createTheme({ calendarCellWidth: '36px', calendarCellHeight: '36px' })}>
-    <DateRangePicker size="medium" />
-  </ThemeContext.Provider>
-
-  <DateRangePicker size="small" />
-</Gapped>
-
-```
-
-### Адаптивность
-
-На мобильных устройствах доступны 2 варианта отображения:
-
-- Адаптивная версия в попапе (по умолчанию)
-- 2 нативных календаря через `useMobileNativeDatePicker`. Ограничение: [календарь в iOS не поддерживает параметры min и max](https://bugs.webkit.org/show_bug.cgi?id=225639)
-
-<br />
-<br />
-
-## Произвольная настройка полей
-
-Для более гибкой кастомизации каждого из полей доступны дочерние элементы:
-- `<DateRangePicker.Start />` — поле «от», настройки как у [DateInput](#/Components/DateInput)
-- `<DateRangePicker.End />` — поле «до», настройки как у [DateInput](#/Components/DateInput)
-- `<DateRangePicker.Separator />` — разделитель
-
-<br />
-
-### Поля без тире
-
-```jsx harmony
-<DateRangePicker>
-  <DateRangePicker.Start style={{ borderRadius: 0 }} />
-  <DateRangePicker.End style={{ marginLeft: -1, borderRadius: 0 }} />
-</DateRangePicker>
-```
-
-### Вертикальное расположение
-
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-<DateRangePicker>
-    <Gapped gap={4} vertical>
-      <DateRangePicker.Start />
-      <DateRangePicker.End />
-    </Gapped>
-</DateRangePicker>
-```
-
-
-### Открытые даты начала или конца
-
-Для полей достпен параметр `optional`, чтобы указывать поля открытыми.
-
-```jsx harmony
-import { Checkbox } from '@skbkontur/react-ui';
-
-<DateRangePicker>
-  <DateRangePicker.Start optional />
-  <DateRangePicker.Separator />
-  <DateRangePicker.End optional />
-</DateRangePicker>
-```
-
-
-<!--
-TODO: ручное форатирование даты
--->
-
-<br />
-
-## Форматирование даты
-
-
-```jsx harmony
-import { DateInput, DateOrder, DateSeparator, Gapped, LocaleContext, Select } from '@skbkontur/react-ui';
-
-class DateInputFormatting extends React.Component {
-  constructor() {
-    this.state = {
-      order: DateOrder.YMD,
-      separator: 'Dot',
-      value: '21.12.2012',
-    };
-  }
-
-  render() {
-    return (
-      <Gapped vertical gap={10}>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Порядок компонентов (<tt>DateOrder</tt>)
-          </span>
-          <Select
-            value={this.state.order}
-            items={Object.keys(DateOrder)}
-            onValueChange={order => this.setState({ order })}
-          />
-        </div>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Разделитель (<tt>DateSeparator</tt>)
-          </span>
-          <Select
-            value={this.state.separator}
-            items={Object.keys(DateSeparator)}
-            onValueChange={separator => this.setState({ separator })}
-          />
-        </div>
-        <LocaleContext.Provider value={{
-          locale:{
-            DatePicker: {
-              separator: DateSeparator[this.state.separator],
-              order: this.state.order,
-            },
-          }}}
-        >
-          <DateRangePicker onValueChange={value => this.setState({ value })} start={this.state.value} />
-        </LocaleContext.Provider>
-      </Gapped>
-    );
-  }
-}
-
-<DateInputFormatting />;
-```
-
-<!--
-TODO: раздел валидации
--->
-
-<br />
-
-### Выбор дат с ценами
-
-Пример с кастомизацией темы и кастомным рендером дня 
-
-```jsx harmony
-import { ThemeContext, ThemeFactory, CalendarDay } from '@skbkontur/react-ui';
-
-const theme = React.useContext(ThemeContext);
-
-function renderDay(props) {
-  const [date, month] = props.date.split('.').map(Number);
-  const randomDay = date % 6 === 0 || date % 7 === 0 || date % 8 === 0;
-  const randomPrice = Math.round((date / month) * 1000);
-
-  return (
-    <CalendarDay {...props}>
-      <div style={{ fontSize: theme.calendarCellFontSize }}>{date}</div>
-      <div style={{ fontSize: '11px', fontFeatureSettings: 'tnum', fontVariantNumeric: 'tabular-nums' }}>
-        {randomDay ? <>{randomPrice}&thinsp;₽</> : <span style={{ color: theme.endkenTextColorDisabled }}>—</span>}
-      </div>
-    </CalendarDay>
-  );
-}
-
- const [startValue, setStartValue] = React.useState();
- const [toValue, setEndValue] = React.useState();
- const minDate = "08.07.2024";
- const maxDate = "18.08.2024";
-
-<ThemeContext.Provider
-  value={ThemeFactory.create({
-    calendarCellWidth: '48px',
-    calendarCellHeight: '48px',
-    calendarCellLineHeight: '18px',
-    calendarWrapperHeight: '700px',
-    calendarCellBorderRadius: '10px'
-  }, theme)}
->
-  <DateRangePicker
-    start={startValue}
-    end={toValue}
-    minDate={minDate}
-    maxDate={maxDate}
-    size="medium"
-    onValueChange={console.log}
-    onStartValueChange={setStartValue}
-    onEndValueChange={setEndValue}
-    renderDay={renderDay}
-  />
-</ThemeContext.Provider>
-```
-
-## Локали по умолчанию
-
-```typescript static
-interface DatePickerLocale {
-  today?: string;
-  months?: string[];
-  order?: DateOrder;
-  separator?: DateSeparator;
-  todayAriaLabel?: string
-  selectMonthAriaLabel?: string;
-  selectYearAriaLabel?: string;
-  selectChosenAriaLabel?: string;
-  dayCellChooseDateAriaLabel?: string;
-}
-
-const ru_RU = {
-  today: 'Сегодня',
-  months: [
-  'Январь',
-  'Февраль',
-  'Март',
-  'Апрель',
-  'Май',
-  'Июнь',
-  'Июль',
-  'Август',
-  'Сентябрь',
-  'Октябрь',
-  'Ноябрь',
-  'Декабрь',
-  ],
-  order: DateOrder.DMY,
-  separator: DateSeparator.Dot,
-  todayAriaLabel: 'Перейти к сегодняшней дате',
-  selectMonthAriaLabel: 'месяц',
-  selectYearAriaLabel: 'год',
-  selectChosenAriaLabel: 'Выбранный',
-  dayCellChooseDateAriaLabel: 'Выбрать дату',
-};
-
-const en_GB = {
-  today: 'Endday',
-  months: [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
-  ],
-  order: DateOrder.MDY,
-  separator: DateSeparator.Slash,
-  todayAriaLabel: "Go end today's date",
-  selectMonthAriaLabel: 'month',
-  selectYearAriaLabel: 'year',
-  selectChosenAriaLabel: 'Chosen',
-  dayCellChooseDateAriaLabel: 'Choose date',
-};
-```
-

package/components/DateRangePicker/DateRangePickerField/DateRangePickerField.js

@@ -1,85 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useContext } from 'react';
-import { DateInput } from "../../DateInput";
-import { useResponsiveLayout } from "../../ResponsiveLayout";
-import { DateRangePickerContext } from "../DateRangePickerContext";
-import { DateRangePickerDataTids } from "../DateRangePicker";
-export var DateRangePickerField = function DateRangePickerField(props) {
-  var _useContext = useContext(DateRangePickerContext),
-    start = _useContext.start,
-    end = _useContext.end,
-    minDate = _useContext.minDate,
-    maxDate = _useContext.maxDate,
-    size = _useContext.size,
-    disabled = _useContext.disabled,
-    autoFocus = _useContext.autoFocus,
-    warning = _useContext.warning,
-    error = _useContext.error,
-    dateRangePickerRef = _useContext.dateRangePickerRef,
-    startRef = _useContext.startRef,
-    endRef = _useContext.endRef,
-    setEnd = _useContext.setEnd,
-    setStart = _useContext.setStart,
-    open = _useContext.open,
-    close = _useContext.close,
-    _onFocus = _useContext.onFocus,
-    _onBlur = _useContext.onBlur;
-  var _useResponsiveLayout = useResponsiveLayout(),
-    isMobile = _useResponsiveLayout.isMobile;
-  var commonProps = _extends({
-    minDate: minDate,
-    maxDate: maxDate,
-    size: size,
-    withIcon: true
-  }, props, {
-    onClick: function onClick() {
-      var isDisabled = props.type === 'start' ? disabled == null ? void 0 : disabled[0] : disabled == null ? void 0 : disabled[1];
-      if (isDisabled) {
-        return;
-      }
-      open(props.type);
-    },
-    onFocus: function onFocus() {
-      open(props.type);
-      _onFocus == null || _onFocus();
-    },
-    onBlur: function onBlur(e) {
-      var _dateRangePickerRef$c;
-      if (isMobile) {
-        return;
-      }
-      var nextFocusedElement = e.relatedTarget;
-      if (!((_dateRangePickerRef$c = dateRangePickerRef.current) != null && _dateRangePickerRef$c.contains(nextFocusedElement))) {
-        close();
-      }
-      _onBlur == null || _onBlur();
-    }
-  });
-  switch (props.type) {
-    case 'start':
-      return /*#__PURE__*/(
-        React.createElement(DateInput, _extends({
-          value: start || '',
-          autoFocus: autoFocus,
-          disabled: disabled == null ? void 0 : disabled[0],
-          error: error == null ? void 0 : error[0],
-          warning: warning == null ? void 0 : warning[0],
-          "data-tid": DateRangePickerDataTids.start,
-          onValueChange: setStart,
-          ref: startRef
-        }, commonProps))
-      );
-    case 'end':
-      return /*#__PURE__*/(
-        React.createElement(DateInput, _extends({
-          value: end || '',
-          disabled: disabled == null ? void 0 : disabled[1],
-          error: error == null ? void 0 : error[1],
-          warning: warning == null ? void 0 : warning[1],
-          "data-tid": DateRangePickerDataTids.end,
-          onValueChange: setEnd,
-          ref: endRef
-        }, commonProps))
-      );
-  }
-};

package/components/DateRangePicker/DateRangePickerField/DateRangePickerField.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","DateInput","useResponsiveLayout","DateRangePickerContext","DateRangePickerDataTids","DateRangePickerField","props","_useContext","start","end","minDate","maxDate","size","disabled","autoFocus","warning","error","dateRangePickerRef","startRef","endRef","setEnd","setStart","open","close","onFocus","onBlur","_useResponsiveLayout","isMobile","commonProps","_extends","withIcon","onClick","isDisabled","type","e","_dateRangePickerRef$c","nextFocusedElement","relatedTarget","current","contains","createElement","value","onValueChange","ref"],"sources":["DateRangePickerField.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { DateInput, DateInputProps } from '../DateInput';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport { DateRangePickerDataTids } from './DateRangePicker';\n\nexport interface DateRangePickerFieldProps\n  extends CommonProps,\n    Pick<DateInputProps, 'id' | 'size' | 'style' | 'withIcon' | 'width'> {\n  type: 'start' | 'end';\n}\n\nexport type DateRangePickerFieldWithTypeProps = Omit<DateInputProps, 'type'>;\n\nexport const DateRangePickerField: React.FC<DateRangePickerFieldProps> = (props) => {\n  const {\n    start,\n    end,\n    minDate,\n    maxDate,\n    size,\n    disabled,\n    autoFocus,\n    warning,\n    error,\n    dateRangePickerRef,\n    startRef,\n    endRef,\n    setEnd,\n    setStart,\n    open,\n    close,\n    onFocus,\n    onBlur,\n  } = useContext(DateRangePickerContext);\n  const { isMobile } = useResponsiveLayout();\n\n  const commonProps: DateInputProps = {\n    minDate,\n    maxDate,\n    size,\n    withIcon: true,\n    ...props,\n    onClick: () => {\n      const isDisabled = props.type === 'start' ? disabled?.[0] : disabled?.[1];\n      if (isDisabled) {\n        return;\n      }\n      open(props.type);\n    },\n    onFocus: () => {\n      open(props.type);\n      onFocus?.();\n    },\n    onBlur: (e) => {\n      if (isMobile) {\n        return;\n      }\n      const nextFocusedElement = e.relatedTarget;\n      if (!dateRangePickerRef.current?.contains(nextFocusedElement)) {\n        close();\n      }\n      onBlur?.();\n    },\n  };\n\n  switch (props.type) {\n    case 'start':\n      return (\n        <DateInput\n          value={start || ''}\n          autoFocus={autoFocus}\n          disabled={disabled?.[0]}\n          error={error?.[0]}\n          warning={warning?.[0]}\n          data-tid={DateRangePickerDataTids.start}\n          onValueChange={setStart}\n          ref={startRef}\n          {...commonProps}\n        />\n      );\n\n    case 'end':\n      return (\n        <DateInput\n          value={end || ''}\n          disabled={disabled?.[1]}\n          error={error?.[1]}\n          warning={warning?.[1]}\n          data-tid={DateRangePickerDataTids.end}\n          onValueChange={setEnd}\n          ref={endRef}\n          {...commonProps}\n        />\n      );\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/components/DateRangePicker/DateRangePickerField/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/DateRangePicker/DateRangePickerField.js",
-  "module": "DateRangePickerField",
-  "types": "../DateRangePickerField.d.ts",
-  "sideEffects": false
-}

package/components/DateRangePicker/DateRangePickerField.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DateInputProps } from '../DateInput';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DateRangePickerFieldProps extends CommonProps, Pick<DateInputProps, 'id' | 'size' | 'style' | 'withIcon' | 'width'> {
-    type: 'start' | 'end';
-}
-export type DateRangePickerFieldWithTypeProps = Omit<DateInputProps, 'type'>;
-export declare const DateRangePickerField: React.FC<DateRangePickerFieldProps>;

package/components/DateRangePicker/__docs__/DateRangePicker.mdx

@@ -1,112 +0,0 @@
-import * as DateRangePickerStories from './DateRangePicker.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={DateRangePickerStories} />
-
-# DateRangePicker
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/calendar/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18389)
-
-<Description />
-
-<br />
-<br />
-
-## Базовый пример
-
-Компонент `DateRangePicker` состоит из двух `<DateInput>` и одного общего `<Calendar>`.
-
-- Период задается в формате `value={['dd.mm.yyyy', 'dd.mm.yyyy']}` (формат настраивается)
-- Минимальная и максимальная даты указываются через `minDate` и `maxDate`
-- Пустыми значениями считаются `""`, `null` и `undefined`
-- Компонент состоих из 3-х дочерних элементов для настройки внешнего вида и валидаций:
-  - `<DateRangePicker.Start />` — поле «от», настройки как у `<DateInput>`
-  - `<DateRangePicker.End />` — поле «до», настройки как у `<DateInput>`
-  - `<DateRangePicker.Separator />` — разделитель
-
-<Primary />
-
-## Пропы
-
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
-
-<Stories title="" includePrimary={false} />
-
-## Адаптивность
-
-На мобильных устройствах доступны 2 варианта отображения:
-
-- Адаптивная версия в попапе (по умолчанию)
-- 2 нативных календаря через `useMobileNativeDatePicker`. Ограничение: [календарь в iOS не поддерживает параметры min и max](https://bugs.webkit.org/show_bug.cgi?id=225639)
-
-## Локали по умолчанию
-
-```typescript static
-interface DatePickerLocale {
-  today?: string;
-  months?: string[];
-  order?: DateOrder;
-  separator?: DateSeparator;
-  todayAriaLabel?: string;
-  selectMonthAriaLabel?: string;
-  selectYearAriaLabel?: string;
-  selectChosenAriaLabel?: string;
-  dayCellChooseDateAriaLabel?: string;
-}
-
-const ru_RU = {
-  today: 'Сегодня',
-  months: [
-    'Январь',
-    'Февраль',
-    'Март',
-    'Апрель',
-    'Май',
-    'Июнь',
-    'Июль',
-    'Август',
-    'Сентябрь',
-    'Октябрь',
-    'Ноябрь',
-    'Декабрь',
-  ],
-  order: DateOrder.DMY,
-  separator: DateSeparator.Dot,
-  todayAriaLabel: 'Перейти к сегодняшней дате',
-  selectMonthAriaLabel: 'месяц',
-  selectYearAriaLabel: 'год',
-  selectChosenAriaLabel: 'Выбранный',
-  dayCellChooseDateAriaLabel: 'Выбрать дату',
-};
-
-const en_GB = {
-  today: 'Endday',
-  months: [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December',
-  ],
-  order: DateOrder.MDY,
-  separator: DateSeparator.Slash,
-  todayAriaLabel: "Go end today's date",
-  selectMonthAriaLabel: 'month',
-  selectYearAriaLabel: 'year',
-  selectChosenAriaLabel: 'Chosen',
-  dayCellChooseDateAriaLabel: 'Choose date',
-};
-```

package/components/DateRangePicker/dateRangePickerValidate/dateRangePickerValidate.js

@@ -1,38 +0,0 @@
-import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from "../../../lib/date/types";
-import { InternalDate } from "../../../lib/date/InternalDate";
-import { MAX_FULLDATE, MIN_FULLDATE } from "../../../lib/date/constants";
-import { isGreater } from "../../../lib/date/comparison";
-export function dateRangePickerValidate(_ref, _ref2) {
-  var start = _ref[0],
-    end = _ref[1];
-  var _ref2$startOptional = _ref2.startOptional,
-    startOptional = _ref2$startOptional === void 0 ? false : _ref2$startOptional,
-    _ref2$endOptional = _ref2.endOptional,
-    endOptional = _ref2$endOptional === void 0 ? false : _ref2$endOptional,
-    _ref2$minDate = _ref2.minDate,
-    minDate = _ref2$minDate === void 0 ? MIN_FULLDATE : _ref2$minDate,
-    _ref2$maxDate = _ref2.maxDate,
-    maxDate = _ref2$maxDate === void 0 ? MAX_FULLDATE : _ref2$maxDate;
-  if (!startOptional && !start || !endOptional && !end) {
-    return [false, false];
-  }
-  if (isGreater(start, end)) {
-    return [false, false];
-  }
-  var internalDate = new InternalDate({
-    order: InternalDateOrder.DMY,
-    separator: InternalDateSeparator.Dot
-  }).setRangeStart(new InternalDate({
-    value: minDate
-  })).setRangeEnd(new InternalDate({
-    value: maxDate
-  }));
-  var startValidation = checkDate(internalDate.parseValue(start));
-  var endValidation = checkDate(internalDate.parseValue(end));
-  return [startValidation, endValidation];
-}
-function checkDate(internalDate) {
-  return internalDate.validate({
-    checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Number, InternalDateValidateCheck.Native, InternalDateValidateCheck.Limits, InternalDateValidateCheck.Range]
-  });
-}

package/components/DateRangePicker/dateRangePickerValidate/dateRangePickerValidate.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","InternalDate","MAX_FULLDATE","MIN_FULLDATE","isGreater","dateRangePickerValidate","_ref","_ref2","start","end","_ref2$startOptional","startOptional","_ref2$endOptional","endOptional","_ref2$minDate","minDate","_ref2$maxDate","maxDate","internalDate","order","DMY","separator","Dot","setRangeStart","value","setRangeEnd","startValidation","checkDate","parseValue","endValidation","validate","checks","NotNull","Number","Native","Limits","Range"],"sources":["dateRangePickerValidate.ts"],"sourcesContent":["import { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { isGreater } from '../../lib/date/comparison';\n\nexport function dateRangePickerValidate(\n  [start, end]: string[],\n  { startOptional = false, endOptional = false, minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE },\n) {\n  if ((!startOptional && !start) || (!endOptional && !end)) {\n    return [false, false];\n  }\n\n  if (isGreater(start, end)) {\n    return [false, false];\n  }\n\n  const internalDate = 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  const startValidation = checkDate(internalDate.parseValue(start));\n  const endValidation = checkDate(internalDate.parseValue(end));\n\n  return [startValidation, endValidation];\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"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,qBAAqB,EAAEC,yBAAyB,QAAQ,sBAAsB;AAC1G,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,YAAY,EAAEC,YAAY,QAAQ,0BAA0B;AACrE,SAASC,SAAS,QAAQ,2BAA2B;;AAErD,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAAAC,KAAA;;;AAGrC,KAFCC,KAAK,GAAAF,IAAA,IAAEG,GAAG,GAAAH,IAAA,QAAAI,mBAAA,GAAAH,KAAA,CACTI,aAAa,CAAbA,aAAa,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA,CAAAE,iBAAA,GAAAL,KAAA,CAAEM,WAAW,CAAXA,WAAW,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA,CAAAE,aAAA,GAAAP,KAAA,CAAEQ,OAAO,CAAPA,OAAO,GAAAD,aAAA,cAAGX,YAAY,GAAAW,aAAA,CAAAE,aAAA,GAAAT,KAAA,CAAEU,OAAO,CAAPA,OAAO,GAAAD,aAAA,cAAGd,YAAY,GAAAc,aAAA;EAE5F,IAAK,CAACL,aAAa,IAAI,CAACH,KAAK,IAAM,CAACK,WAAW,IAAI,CAACJ,GAAI,EAAE;IACxD,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAIL,SAAS,CAACI,KAAK,EAAEC,GAAG,CAAC,EAAE;IACzB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAMS,YAAY,GAAG,IAAIjB,YAAY,CAAC;IACpCkB,KAAK,EAAErB,iBAAiB,CAACsB,GAAG;IAC5BC,SAAS,EAAEtB,qBAAqB,CAACuB;EACnC,CAAC,CAAC;EACCC,aAAa,CAAC,IAAItB,YAAY,CAAC,EAAEuB,KAAK,EAAET,OAAO,CAAC,CAAC,CAAC,CAAC;EACnDU,WAAW,CAAC,IAAIxB,YAAY,CAAC,EAAEuB,KAAK,EAAEP,OAAO,CAAC,CAAC,CAAC,CAAC;;EAEpD,IAAMS,eAAe,GAAGC,SAAS,CAACT,YAAY,CAACU,UAAU,CAACpB,KAAK,CAAC,CAAC;EACjE,IAAMqB,aAAa,GAAGF,SAAS,CAACT,YAAY,CAACU,UAAU,CAACnB,GAAG,CAAC,CAAC;;EAE7D,OAAO,CAACiB,eAAe,EAAEG,aAAa,CAAC;AACzC;;AAEA,SAASF,SAASA,CAACT,YAA0B,EAAE;EAC7C,OAAOA,YAAY,CAACY,QAAQ,CAAC;IAC3BC,MAAM,EAAE;IACN/B,yBAAyB,CAACgC,OAAO;IACjChC,yBAAyB,CAACiC,MAAM;IAChCjC,yBAAyB,CAACkC,MAAM;IAChClC,yBAAyB,CAACmC,MAAM;IAChCnC,yBAAyB,CAACoC,KAAK;;EAEnC,CAAC,CAAC;AACJ","ignoreList":[]}

package/components/DateRangePicker/dateRangePickerValidate/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/DateRangePicker/dateRangePickerValidate.js",
-  "module": "dateRangePickerValidate",
-  "types": "../dateRangePickerValidate.d.ts",
-  "sideEffects": false
-}

package/components/DateRangePicker/dateRangePickerValidate.d.ts

@@ -1,6 +0,0 @@
-export declare function dateRangePickerValidate([start, end]: string[], { startOptional, endOptional, minDate, maxDate }: {
-    startOptional?: boolean | undefined;
-    endOptional?: boolean | undefined;
-    minDate?: string | undefined;
-    maxDate?: string | undefined;
-}): boolean[];