@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/components/DateRangePicker/__creevey__/DateRangePicker.creevey.mts

@@ -0,0 +1,155 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('DateRangePicker', () => {
+  story('MinMax', () => {
+    test('opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+
+    test('DateSelect month', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(
+          context.webdriver.findElement({
+            css: '[data-tid="MonthView__month"]:first-child [data-tid="MonthView__headerMonth"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .move({ origin: context.webdriver.findElement({ css: 'body' }) })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect month');
+    });
+
+    test('DateSelect year', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(
+          context.webdriver.findElement({
+            css: '[data-comp-name~="MonthView"]:first-child [data-tid="MonthView__headerYear"] [data-tid="DateSelect__caption"]',
+          }),
+        )
+        .move({ origin: context.webdriver.findElement({ css: 'body' }) })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'DateSelect year');
+    });
+  });
+
+  story('TodayButton', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('OptionalRange', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('OptionalRangeWithTodayButton', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('MenuPos', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('opened position top', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="position-top"] [data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened position top');
+    });
+
+    test('opened position bottom', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(
+          context.webdriver.findElement({ css: '[data-tid="position-bottom"] [data-tid="DateRangePicker__start"]' }),
+        )
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened position bottom');
+    });
+  });
+
+  story('MobilePicker', () => {
+    test('MobilePicker on iphone opened', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="DateRangePicker__start"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'MobilePicker on iphone opened');
+    });
+  });
+});

package/components/DateRangePicker/__docs__/DateRangePicker.mdx

@@ -0,0 +1,127 @@
+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 />
+
+## Базовый пример
+
+Компонент выбора периода состоит из 3-х дочерних компонентов:
+
+- `<DateRangePicker.Start>` — начало периода с настройками как у `DateInput`
+- `<DateRangePicker.End>` — окончание периода с настройками как у `DateInput`
+- `<DateRangePicker.Separator>` — разделитель между полями
+
+Значения задается через пропы у компонентов `Start` и `End`:
+
+- 2 значения указываются в пропах `value={'dd.mm.yyyy'}` (формат настраивается)
+- Пустыми значениями считаются `""`, `null` и `undefined`
+- Минимальная дата задаётся в `Start` через `minDate`, максимальная — в `End` через `maxDate`
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+<Stories title="" includePrimary={false} />
+
+## Адаптивность
+
+На мобильных устройствах доступны 2 варианта отображения:
+
+- Адаптивная версия в попапе (по умолчанию)
+
+- 2 нативных календаря через `useMobileNativeDatePicker`. <br /> Ограничение: [календарь в iOS не поддерживает параметры min и max](https://bugs.webkit.org/show_bug.cgi?id=225639)
+
+## Локали по умолчанию
+
+```typescript static
+interface DateRangePickerLocale {
+  today?: string;
+  months?: string[];
+  order?: DateOrder;
+  separator?: DateSeparator;
+  todayAriaLabel?: string;
+  selectMonthAriaLabel?: string;
+  selectYearAriaLabel?: string;
+  selectChosenAriaLabel?: string;
+  dayCellChooseDateAriaLabel?: string;
+  startDateLabel?: string;
+  endDateLabel?: string;
+  startDateEmpty?: string;
+  endDateEmpty?: string;
+}
+
+const ru_RU = {
+  today: 'Сегодня',
+  months: [
+    'Январь',
+    'Февраль',
+    'Март',
+    'Апрель',
+    'Май',
+    'Июнь',
+    'Июль',
+    'Август',
+    'Сентябрь',
+    'Октябрь',
+    'Ноябрь',
+    'Декабрь',
+  ],
+  order: DateOrder.DMY,
+  separator: DateSeparator.Dot,
+  todayAriaLabel: 'Перейти к сегодняшней дате',
+  selectMonthAriaLabel: 'месяц',
+  selectYearAriaLabel: 'год',
+  selectChosenAriaLabel: 'Выбранный',
+  dayCellChooseDateAriaLabel: 'Выбрать дату',
+  startDateLabel: 'Дата начала',
+  endDateLabel: 'Дата окончания',
+  startDateEmpty: 'Без первой даты',
+  endDateEmpty: 'Без второй даты',
+};
+
+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',
+  startDateLabel: 'Start date',
+  endDateLabel: 'End date',
+  startDateEmpty: 'No start date',
+  endDateEmpty: 'No end date',
+};
+```

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

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { isLess, isGreater, isLessOrEqual, isGreaterOrEqual } from "../../../../lib/date/comparison";
+import { MIN_FULLDATE, MAX_FULLDATE } from "../../../../lib/date/constants";
+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 _defaultContextOption = _extends({}, defaultContextOptions, contextOptions),
+    currentStart = _defaultContextOption.currentStart,
+    currentEnd = _defaultContextOption.currentEnd,
+    minDate = _defaultContextOption.minDate,
+    maxDate = _defaultContextOption.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 handleInitialPeriod(date) {
+    if (currentFocus === 'start') {
+      start = date;
+      focus = 'end';
+    } else {
+      end = date;
+      focus = 'start';
+    }
+  };
+  var handlePartialPeriod = function handlePartialPeriod(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 handleFullPeriod(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
+  };
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["isLess","isGreater","isLessOrEqual","isGreaterOrEqual","MIN_FULLDATE","MAX_FULLDATE","defaultContextOptions","currentStart","currentEnd","minDate","maxDate","getStateForValue","currentFocus","value","contextOptions","_defaultContextOption","_extends","start","end","focus","isOpen","handleInitialPeriod","date","handlePartialPeriod","handleFullPeriod"],"sources":["getStateForValue.ts"],"sourcesContent":["import { DateRangePickerInputType } from '../DateRangePickerInput';\nimport { isLess, isGreater, isLessOrEqual, isGreaterOrEqual } from '../../../lib/date/comparison';\nimport { MIN_FULLDATE, MAX_FULLDATE } from '../../../lib/date/constants';\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"],"mappings":"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","ignoreList":[]}

package/components/DateRangePicker/helpers/getStateForValue/package.json

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

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

@@ -0,0 +1,9 @@
+import { DateRangePickerInputType } from '../DateRangePickerInput';
+interface DateRangeState {
+    start: string;
+    end: string;
+    focus: DateRangePickerInputType | null;
+    isOpen: true;
+}
+export declare function getStateForValue(currentFocus: DateRangePickerInputType | null, value?: string, contextOptions?: {}): DateRangeState;
+export {};

package/components/DateRangePicker/helpers/validateDateRangePicker/package.json

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

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

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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";
+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 _defaultOptions$optio = _extends({}, defaultOptions, options),
+    startOptional = _defaultOptions$optio.startOptional,
+    endOptional = _defaultOptions$optio.endOptional,
+    minDate = _defaultOptions$optio.minDate,
+    maxDate = _defaultOptions$optio.maxDate;
+  if (startOptional && !startValue && endOptional && !endValue) {
+    return [true, true];
+  }
+  var isStartRequiredAndEmpty = !startOptional && !startValue;
+  var isEndRequiredAndEmpty = !endOptional && !endValue;
+  if (isStartRequiredAndEmpty || isEndRequiredAndEmpty) {
+    return [!isStartRequiredAndEmpty, !isEndRequiredAndEmpty];
+  }
+  var isValuesRequired = !startOptional && !endOptional;
+  if (isValuesRequired && isGreater(startValue || '', endValue || '')) {
+    return [false, false];
+  }
+  var internalDate = new InternalDate({
+    order: InternalDateOrder.DMY,
+    separator: InternalDateSeparator.Dot
+  }).setRangeStart(new InternalDate({
+    value: minDate
+  })).setRangeEnd(new InternalDate({
+    value: maxDate
+  }));
+  var isStartValid = startValue ? checkDate(internalDate.parseValue(startValue)) : true;
+  var isEndValid = endValue ? checkDate(internalDate.parseValue(endValue)) : true;
+  return [isStartValid, isEndValid];
+}
+function checkDate(internalDate) {
+  return internalDate.validate({
+    checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Number, InternalDateValidateCheck.Native, InternalDateValidateCheck.Limits, InternalDateValidateCheck.Range]
+  });
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["InternalDateOrder","InternalDateSeparator","InternalDateValidateCheck","InternalDate","MAX_FULLDATE","MIN_FULLDATE","isGreater","defaultOptions","startOptional","endOptional","minDate","maxDate","validateDateRangePicker","startValue","endValue","options","_defaultOptions$optio","_extends","isStartRequiredAndEmpty","isEndRequiredAndEmpty","isValuesRequired","internalDate","order","DMY","separator","Dot","setRangeStart","value","setRangeEnd","isStartValid","checkDate","parseValue","isEndValid","validate","checks","NotNull","Number","Native","Limits","Range"],"sources":["validateDateRangePicker.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';\nimport { Nullable } from '../../../typings/utility-types';\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) {\n  const { startOptional, endOptional, minDate, maxDate } = { ...defaultOptions, ...options };\n\n  if (startOptional && !startValue && endOptional && !endValue) {\n    return [true, true];\n  }\n\n  const isStartRequiredAndEmpty = !startOptional && !startValue;\n  const isEndRequiredAndEmpty = !endOptional && !endValue;\n\n  if (isStartRequiredAndEmpty || isEndRequiredAndEmpty) {\n    return [!isStartRequiredAndEmpty, !isEndRequiredAndEmpty];\n  }\n\n  const isValuesRequired = !startOptional && !endOptional;\n  if (isValuesRequired && isGreater(startValue || '', endValue || '')) {\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 isStartValid = startValue ? checkDate(internalDate.parseValue(startValue)) : true;\n  const isEndValid = endValue ? checkDate(internalDate.parseValue(endValue)) : true;\n\n  return [isStartValid, isEndValid];\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":"0DAAA,SAASA,iBAAiB,EAAEC,qBAAqB,EAAEC,yBAAyB,QAAQ,yBAAyB;AAC7G,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,EAAEC,YAAY,QAAQ,6BAA6B;AACxE,SAASC,SAAS,QAAQ,8BAA8B;;;;;;;;;;AAUxD,IAAMC,cAAiC,GAAG;EACxCC,aAAa,EAAE,KAAK;EACpBC,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAEL,YAAY;EACrBM,OAAO,EAAEP;AACX,CAAC;;AAED,OAAO,SAASQ,uBAAuBA;AACrCC,UAA4B;AAC5BC,QAA0B;AAC1BC,OAA0B;AAC1B,KADAA,OAA0B,cAA1BA,OAA0B,GAAGR,cAAc;EAE3C,IAAAS,qBAAA,GAAAC,QAAA,KAA8DV,cAAc,EAAKQ,OAAO,EAAhFP,aAAa,GAAAQ,qBAAA,CAAbR,aAAa,CAAEC,WAAW,GAAAO,qBAAA,CAAXP,WAAW,CAAEC,OAAO,GAAAM,qBAAA,CAAPN,OAAO,CAAEC,OAAO,GAAAK,qBAAA,CAAPL,OAAO;;EAEpD,IAAIH,aAAa,IAAI,CAACK,UAAU,IAAIJ,WAAW,IAAI,CAACK,QAAQ,EAAE;IAC5D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;EACrB;;EAEA,IAAMI,uBAAuB,GAAG,CAACV,aAAa,IAAI,CAACK,UAAU;EAC7D,IAAMM,qBAAqB,GAAG,CAACV,WAAW,IAAI,CAACK,QAAQ;;EAEvD,IAAII,uBAAuB,IAAIC,qBAAqB,EAAE;IACpD,OAAO,CAAC,CAACD,uBAAuB,EAAE,CAACC,qBAAqB,CAAC;EAC3D;;EAEA,IAAMC,gBAAgB,GAAG,CAACZ,aAAa,IAAI,CAACC,WAAW;EACvD,IAAIW,gBAAgB,IAAId,SAAS,CAACO,UAAU,IAAI,EAAE,EAAEC,QAAQ,IAAI,EAAE,CAAC,EAAE;IACnE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;EACvB;;EAEA,IAAMO,YAAY,GAAG,IAAIlB,YAAY,CAAC;IACpCmB,KAAK,EAAEtB,iBAAiB,CAACuB,GAAG;IAC5BC,SAAS,EAAEvB,qBAAqB,CAACwB;EACnC,CAAC,CAAC;EACCC,aAAa,CAAC,IAAIvB,YAAY,CAAC,EAAEwB,KAAK,EAAEjB,OAAO,CAAC,CAAC,CAAC,CAAC;EACnDkB,WAAW,CAAC,IAAIzB,YAAY,CAAC,EAAEwB,KAAK,EAAEhB,OAAO,CAAC,CAAC,CAAC,CAAC;;EAEpD,IAAMkB,YAAY,GAAGhB,UAAU,GAAGiB,SAAS,CAACT,YAAY,CAACU,UAAU,CAAClB,UAAU,CAAC,CAAC,GAAG,IAAI;EACvF,IAAMmB,UAAU,GAAGlB,QAAQ,GAAGgB,SAAS,CAACT,YAAY,CAACU,UAAU,CAACjB,QAAQ,CAAC,CAAC,GAAG,IAAI;;EAEjF,OAAO,CAACe,YAAY,EAAEG,UAAU,CAAC;AACnC;;AAEA,SAASF,SAASA,CAACT,YAA0B,EAAE;EAC7C,OAAOA,YAAY,CAACY,QAAQ,CAAC;IAC3BC,MAAM,EAAE;IACNhC,yBAAyB,CAACiC,OAAO;IACjCjC,yBAAyB,CAACkC,MAAM;IAChClC,yBAAyB,CAACmC,MAAM;IAChCnC,yBAAyB,CAACoC,MAAM;IAChCpC,yBAAyB,CAACqC,KAAK;;EAEnC,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import { Nullable } from '../../../typings/utility-types';
+interface ValidationOptions {
+    startOptional?: boolean;
+    endOptional?: boolean;
+    minDate?: string;
+    maxDate?: string;
+}
+export declare function validateDateRangePicker(startValue: Nullable<string>, endValue: Nullable<string>, options?: ValidationOptions): boolean[];
+export {};

package/components/DateRangePicker/index/index.js

@@ -0,0 +1 @@
+export * from "../DateRangePicker";

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

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

package/components/DateRangePicker/index/package.json

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

package/components/DateRangePicker/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var DateRangePickerLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","DateRangePickerLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { DateRangePickerLocale } from './types';\n\nexport * from './types';\n\nexport const DateRangePickerLocaleHelper = new LocaleHelper<DateRangePickerLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,2BAA2B,GAAG,IAAIJ,YAAY,CAAwB;EACjFG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/DateRangePicker/locale/index/package.json

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

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

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

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

@@ -0,0 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { componentsLocales as DatePickerLocale } from "../../../../DatePicker/locale/locales/en";
+export var componentsLocales = _extends({
+  startDateLabel: 'Start date',
+  endDateLabel: 'End date',
+  startDateEmpty: 'No start date',
+  endDateEmpty: 'No end date'
+}, DatePickerLocale);

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

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","DatePickerLocale","_extends","startDateLabel","endDateLabel","startDateEmpty","endDateEmpty"],"sources":["en.ts"],"sourcesContent":["import { DateRangePickerLocale } from '../types';\nimport { componentsLocales as DatePickerLocale } from '../../../DatePicker/locale/locales/en';\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"],"mappings":";AACA,SAASA,iBAAiB,IAAIC,gBAAgB,QAAQ,uCAAuC;;AAE7F,OAAO,IAAMD,iBAAwC,GAAAE,QAAA;EACnDC,cAAc,EAAE,YAAY;EAC5BC,YAAY,EAAE,UAAU;EACxBC,cAAc,EAAE,eAAe;EAC/BC,YAAY,EAAE,aAAa;AACxBL,gBAAgB,CACpB","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { componentsLocales as DatePickerLocale } from "../../../../DatePicker/locale/locales/ru";
+export var componentsLocales = _extends({
+  startDateLabel: 'Дата начала',
+  endDateLabel: 'Дата окончания',
+  startDateEmpty: 'Без первой даты',
+  endDateEmpty: 'Без второй даты'
+}, DatePickerLocale);

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

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","DatePickerLocale","_extends","startDateLabel","endDateLabel","startDateEmpty","endDateEmpty"],"sources":["ru.ts"],"sourcesContent":["import { DateRangePickerLocale } from '../types';\nimport { componentsLocales as DatePickerLocale } from '../../../DatePicker/locale/locales/ru';\n\nexport const componentsLocales: DateRangePickerLocale = {\n  startDateLabel: 'Дата начала',\n  endDateLabel: 'Дата окончания',\n  startDateEmpty: 'Без первой даты',\n  endDateEmpty: 'Без второй даты',\n  ...DatePickerLocale,\n};\n"],"mappings":";AACA,SAASA,iBAAiB,IAAIC,gBAAgB,QAAQ,uCAAuC;;AAE7F,OAAO,IAAMD,iBAAwC,GAAAE,QAAA;EACnDC,cAAc,EAAE,aAAa;EAC7BC,YAAY,EAAE,gBAAgB;EAC9BC,cAAc,EAAE,iBAAiB;EACjCC,YAAY,EAAE,iBAAiB;AAC5BL,gBAAgB,CACpB","ignoreList":[]}

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

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

package/components/DateRangePicker/locale/package.json

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

package/components/DateRangePicker/locale/types/package.json

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

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import { DatePickerLocale } from '../../DatePicker/locale';
+export interface DateRangePickerLocale extends DatePickerLocale {
+    startDateLabel: string;
+    endDateLabel: string;
+    startDateEmpty: string;
+    endDateEmpty: string;
+}

package/components/DateRangePicker/package.json

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