@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/components/DateRangePicker/DateRangePicker.md

@@ -1,298 +0,0 @@
-Компонент `DateRangePicker` состоит из двух [DateInput](#/Components/DateInput) и одного общего [Calendar](#/Components/Calendar).
-
-- Период задается через `from` и `to`
-- Минимальное и максимальные даты указываются через `minDate` и `maxDate`
-- Значения задаются строкой в формате `dd.mm.yyyy`
-- Пустыми значениями считаются `""`, `null` и `undefined`
-
-```jsx harmony
-const [fromValue, setFromValue] = React.useState();
-const [toValue, setToValue] = React.useState();
-const minDate = "08.07.2024";
-const maxDate = "18.08.2024";
-
-<DateRangePicker
-  from={fromValue}
-  to={toValue}
-  minDate={minDate}
-  maxDate={maxDate}
-  onValueChange={console.log}
-  onFromValueChange={setFromValue}
-  onToValueChange={setToValue}
-/>
-```
-
-<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.From />` — поле «от», настройки как у [DateInput](#/Components/DateInput)
-- `<DateRangePicker.To />` — поле «до», настройки как у [DateInput](#/Components/DateInput)
-- `<DateRangePicker.Separator />` — разделитель
-
-<br />
-
-### Поля без тире
-
-```jsx harmony
-<DateRangePicker>
-  <DateRangePicker.From style={{ borderRadius: 0 }} />
-  <DateRangePicker.To style={{ marginLeft: -1, borderRadius: 0 }} />
-</DateRangePicker>
-```
-
-### Вертикальное расположение
-
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-<DateRangePicker>
-    <Gapped gap={4} vertical>
-      <DateRangePicker.From />
-      <DateRangePicker.To />
-    </Gapped>
-</DateRangePicker>
-```
-
-
-### Открытые даты начала или конца
-
-Для полей достпен параметр `optional`, чтобы указывать поля открытыми.
-
-```jsx harmony
-import { Checkbox } from '@skbkontur/react-ui';
-
-<DateRangePicker>
-  <DateRangePicker.From optional />
-  <DateRangePicker.Separator />
-  <DateRangePicker.To 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 })} from={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.tokenTextColorDisabled }}>—</span>}
-      </div>
-    </CalendarDay>
-  );
-}
-
- const [fromValue, setFromValue] = React.useState();
- const [toValue, setToValue] = 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
-    from={fromValue}
-    to={toValue}
-    minDate={minDate}
-    maxDate={maxDate}
-    size="medium"
-    onValueChange={console.log}
-    onFromValueChange={setFromValue}
-    onToValueChange={setToValue}
-    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: 'Today',
-  months: [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
-  ],
-  order: DateOrder.MDY,
-  separator: DateSeparator.Slash,
-  todayAriaLabel: "Go to today's date",
-  selectMonthAriaLabel: 'month',
-  selectYearAriaLabel: 'year',
-  selectChosenAriaLabel: 'Chosen',
-  dayCellChooseDateAriaLabel: 'Choose date',
-};
-```
-

package/components/DateRangePicker/DateRangePicker.styles/DateRangePicker.styles.js

@@ -1,23 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
-  },
-  rootMobile: function rootMobile() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
-  },
-  inputWrapper: function inputWrapper() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])));
-  },
-  inputVisuallyFocus: function inputVisuallyFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
-  },
-  inputWrapperWidth: function inputWrapperWidth(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      min-width: ", "px;\n    "])), parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2);
-  },
-  calendarWrapper: function calendarWrapper(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])), t.pickerShadow);
-  }
-});

package/components/DateRangePicker/DateRangePicker.styles/DateRangePicker.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootMobile","_templateObject2","inputWrapper","_templateObject3","inputVisuallyFocus","t","_templateObject4","inputOutlineWidth","inputFocusOutline","inputWrapperWidth","_templateObject5","parseInt","calendarCellWidth","calendarPaddingX","calendarWrapper","_templateObject6","pickerShadow"],"sources":["DateRangePicker.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css``;\n  },\n  rootMobile() {\n    return css``;\n  },\n  inputWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n\n  calendarWrapper(t: Theme) {\n    return css`\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n});\n"],"mappings":"8MAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACZ,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;EACZ,CAAC;EACDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;;;;EAQZ,CAAC;EACDK,kBAAkB,WAAAA,mBAACC,CAAQ,EAAE;IAC3B,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;IAEGM,CAAC,CAACE,iBAAiB,EAAUF,CAAC,CAACG,iBAAiB;;EAE/D,CAAC;EACDC,iBAAiB,WAAAA,kBAACJ,CAAQ,EAAE;IAC1B,OAAOX,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACKY,QAAQ,CAACN,CAAC,CAACO,iBAAiB,CAAC,GAAG,CAAC,GAAGD,QAAQ,CAACN,CAAC,CAACQ,gBAAgB,CAAC,GAAG,CAAC;;EAErF,CAAC;;EAEDC,eAAe,WAAAA,gBAACT,CAAQ,EAAE;IACxB,OAAOX,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACMM,CAAC,CAACW,YAAY;;;;;;EAMhC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/DateRangePicker/DateRangePicker.styles/package.json

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

package/components/DateRangePicker/DateRangePicker.styles.d.ts

@@ -1,9 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    rootMobile(): string;
-    inputWrapper(): string;
-    inputVisuallyFocus(t: Theme): string;
-    inputWrapperWidth(t: Theme): string;
-    calendarWrapper(t: Theme): string;
-};

package/components/DateRangePicker/DateRangePickerContext/DateRangePickerContext.js

@@ -1,3 +0,0 @@
-import React from 'react';
-export var DateRangePickerContext = /*#__PURE__*/React.createContext({});
-DateRangePickerContext.displayName = 'DateRangePickerContext';

package/components/DateRangePicker/DateRangePickerContext/DateRangePickerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","DateRangePickerContext","createContext","displayName"],"sources":["DateRangePickerContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SizeProp } from '../../lib/types/props';\nimport { Calendar } from '../Calendar';\n\nexport interface DateRangePickerContextProps {\n  from?: string;\n  to?: string;\n  minDate?: string;\n  maxDate?: string;\n  size?: SizeProp;\n  onValueChange?: (from: string, to: string) => void;\n  onFromValueChange?: (value: string) => void;\n  onToValueChange?: (value: string) => void;\n  periodStart?: string;\n  periodEnd?: string;\n  hoveredDay?: string | null;\n  showCalendar?: boolean;\n  currentFocus?: 'start' | 'end' | null;\n  setPeriodStart?: (value: string | null) => void;\n  setPeriodEnd?: (value: string | null) => void;\n  setHoveredDay?: (value: string | null) => void;\n  setShowCalendar?: (value: boolean) => void;\n  setCurrentFocus?: (value: 'start' | 'end' | null) => void;\n  isMobile?: boolean;\n  fromRef?: React.RefObject<any>;\n  toRef?: React.RefObject<any>;\n  calendarRef?: React.RefObject<Calendar>;\n}\n\nexport const DateRangePickerContext = React.createContext<DateRangePickerContextProps>({});\n\nDateRangePickerContext.displayName = 'DateRangePickerContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BzB,OAAO,IAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAa,CAA8B,CAAC,CAAC,CAAC;;AAE1FD,sBAAsB,CAACE,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/components/DateRangePicker/DateRangePickerContext/package.json

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

package/components/DateRangePicker/DateRangePickerContext.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { SizeProp } from '../../lib/types/props';
-import { Calendar } from '../Calendar';
-export interface DateRangePickerContextProps {
-    from?: string;
-    to?: string;
-    minDate?: string;
-    maxDate?: string;
-    size?: SizeProp;
-    onValueChange?: (from: string, to: string) => void;
-    onFromValueChange?: (value: string) => void;
-    onToValueChange?: (value: string) => void;
-    periodStart?: string;
-    periodEnd?: string;
-    hoveredDay?: string | null;
-    showCalendar?: boolean;
-    currentFocus?: 'start' | 'end' | null;
-    setPeriodStart?: (value: string | null) => void;
-    setPeriodEnd?: (value: string | null) => void;
-    setHoveredDay?: (value: string | null) => void;
-    setShowCalendar?: (value: boolean) => void;
-    setCurrentFocus?: (value: 'start' | 'end' | null) => void;
-    isMobile?: boolean;
-    fromRef?: React.RefObject<any>;
-    toRef?: React.RefObject<any>;
-    calendarRef?: React.RefObject<Calendar>;
-}
-export declare const DateRangePickerContext: React.Context<DateRangePickerContextProps>;

package/components/DateRangePicker/DateRangePickerField/DateRangePickerField.js

@@ -1,86 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useContext } from 'react';
-import { DateInput } from "../../DateInput";
-import { isGreater } from "../../../lib/date/comparison";
-import { DateRangePickerContext } from "../DateRangePickerContext";
-import { DateRangePickerDataTids } from "../DateRangePicker";
-export var DateRangePickerField = function DateRangePickerField(props) {
-  var _useContext = useContext(DateRangePickerContext),
-    periodStart = _useContext.periodStart,
-    periodEnd = _useContext.periodEnd,
-    minDate = _useContext.minDate,
-    maxDate = _useContext.maxDate,
-    size = _useContext.size,
-    currentFocus = _useContext.currentFocus,
-    isMobile = _useContext.isMobile,
-    fromRef = _useContext.fromRef,
-    toRef = _useContext.toRef,
-    calendarRef = _useContext.calendarRef,
-    setPeriodEnd = _useContext.setPeriodEnd,
-    setPeriodStart = _useContext.setPeriodStart,
-    setCurrentFocus = _useContext.setCurrentFocus,
-    setShowCalendar = _useContext.setShowCalendar;
-  var isStart = props.type === 'start';
-  var isEnd = props.type === 'end';
-  var swapStartAndEndIfNeeded = function swapStartAndEndIfNeeded() {
-    if (periodStart && periodEnd && isGreater(periodStart, periodEnd)) {
-      setPeriodEnd == null || setPeriodEnd(periodStart);
-      setPeriodStart == null || setPeriodStart(periodEnd);
-    }
-  };
-  var handleBlur = function handleBlur() {
-    swapStartAndEndIfNeeded();
-    if (!currentFocus) {
-      return;
-    }
-    if (setCurrentFocus && !isMobile) {
-      setCurrentFocus(null);
-    }
-  };
-  var handleFocus = function handleFocus() {
-    setCurrentFocus == null || setCurrentFocus(props.type);
-    setShowCalendar == null || setShowCalendar(true);
-    var period = isStart ? periodStart : periodEnd;
-    if (period) {
-      var _period$split$map = period.split('.').map(Number),
-        month = _period$split$map[1],
-        year = _period$split$map[2];
-      if (month) {
-        var _calendarRef$current;
-        calendarRef == null || (_calendarRef$current = calendarRef.current) == null || _calendarRef$current.scrollToMonth(month, year);
-      }
-    }
-  };
-  var handleValueChange = function handleValueChange(value) {
-    if (isStart) {
-      setPeriodStart == null || setPeriodStart(value);
-    }
-    if (isEnd) {
-      setPeriodEnd == null || setPeriodEnd(value);
-    }
-  };
-  var commonProps = _extends({
-    minDate: minDate,
-    maxDate: maxDate,
-    size: props.size || size,
-    withIcon: true,
-    onFocus: handleFocus,
-    onClick: handleFocus,
-    onBlur: handleBlur,
-    onValueChange: handleValueChange
-  }, props);
-  switch (props.type) {
-    case 'start':
-      return /*#__PURE__*/React.createElement(DateInput, _extends({
-        value: periodStart,
-        ref: fromRef,
-        "data-tid": DateRangePickerDataTids.from
-      }, commonProps));
-    case 'end':
-      return /*#__PURE__*/React.createElement(DateInput, _extends({
-        value: periodEnd,
-        ref: toRef,
-        "data-tid": DateRangePickerDataTids.to
-      }, commonProps));
-  }
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","DateInput","isGreater","DateRangePickerContext","DateRangePickerDataTids","DateRangePickerField","props","_useContext","periodStart","periodEnd","minDate","maxDate","size","currentFocus","isMobile","fromRef","toRef","calendarRef","setPeriodEnd","setPeriodStart","setCurrentFocus","setShowCalendar","isStart","type","isEnd","swapStartAndEndIfNeeded","handleBlur","handleFocus","period","_period$split$map","split","map","Number","month","year","_calendarRef$current","current","scrollToMonth","handleValueChange","value","commonProps","_extends","withIcon","onFocus","onClick","onBlur","onValueChange","createElement","ref","from","to"],"sources":["DateRangePickerField.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { DateInput, DateInputProps } from '../DateInput';\nimport { isGreater } from '../../lib/date/comparison';\n\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport { DateRangePickerDataTids } from './DateRangePicker';\n\nexport interface DateRangePickerFieldProps extends DateInputProps {\n  type: 'start' | 'end';\n  optional?: boolean;\n}\n\nexport const DateRangePickerField: React.FC<DateRangePickerFieldProps> = (props) => {\n  const {\n    periodStart,\n    periodEnd,\n    minDate,\n    maxDate,\n    size,\n    currentFocus,\n    isMobile,\n    fromRef,\n    toRef,\n    calendarRef,\n    setPeriodEnd,\n    setPeriodStart,\n    setCurrentFocus,\n    setShowCalendar,\n  } = useContext(DateRangePickerContext);\n\n  const isStart = props.type === 'start';\n  const isEnd = props.type === 'end';\n\n  const swapStartAndEndIfNeeded = () => {\n    if (periodStart && periodEnd && isGreater(periodStart, periodEnd)) {\n      setPeriodEnd?.(periodStart);\n      setPeriodStart?.(periodEnd);\n    }\n  };\n\n  const handleBlur = () => {\n    swapStartAndEndIfNeeded();\n\n    if (!currentFocus) {\n      return;\n    }\n\n    if (setCurrentFocus && !isMobile) {\n      setCurrentFocus(null);\n    }\n  };\n\n  const handleFocus = () => {\n    setCurrentFocus?.(props.type);\n    setShowCalendar?.(true);\n\n    const period = isStart ? periodStart : periodEnd;\n\n    if (period) {\n      const [, month, year] = period.split('.').map(Number);\n\n      if (month) {\n        calendarRef?.current?.scrollToMonth(month, year);\n      }\n    }\n  };\n\n  const handleValueChange = (value: string) => {\n    if (isStart) {\n      setPeriodStart?.(value);\n    }\n\n    if (isEnd) {\n      setPeriodEnd?.(value);\n    }\n  };\n\n  const commonProps: DateInputProps = {\n    minDate,\n    maxDate,\n    size: props.size || size,\n    withIcon: true,\n    onFocus: handleFocus,\n    onClick: handleFocus,\n    onBlur: handleBlur,\n    onValueChange: handleValueChange,\n    ...props,\n  };\n\n  switch (props.type) {\n    case 'start':\n      return <DateInput value={periodStart} ref={fromRef} data-tid={DateRangePickerDataTids.from} {...commonProps} />;\n\n    case 'end':\n      return <DateInput value={periodEnd} ref={toRef} data-tid={DateRangePickerDataTids.to} {...commonProps} />;\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,7 +0,0 @@
-import React from 'react';
-import { DateInputProps } from '../DateInput';
-export interface DateRangePickerFieldProps extends DateInputProps {
-    type: 'start' | 'end';
-    optional?: boolean;
-}
-export declare const DateRangePickerField: React.FC<DateRangePickerFieldProps>;

package/components/DateRangePicker/DateRangePickerSeparator/DateRangePickerSeparator.js

@@ -1,4 +0,0 @@
-import React from 'react';
-export var DateRangePickerSeparator = function DateRangePickerSeparator() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0\u2014\xA0");
-};

package/components/DateRangePicker/DateRangePickerSeparator/DateRangePickerSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","DateRangePickerSeparator","createElement","Fragment"],"sources":["DateRangePickerSeparator.tsx"],"sourcesContent":["import React from 'react';\n\nexport const DateRangePickerSeparator: React.FC = () => <>&nbsp;—&nbsp;</>;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,OAAO,IAAMC,wBAAkC,GAAG,SAArCA,wBAAkCA,CAAA,uBAASD,KAAA,CAAAE,aAAA,CAAAF,KAAA,CAAAG,QAAA,QAAE,gBAAe,CAAC","ignoreList":[]}

package/components/DateRangePicker/DateRangePickerSeparator/package.json

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

package/components/DateRangePicker/DateRangePickerSeparator.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DateRangePickerSeparator: React.FC;

package/components/DateRangePicker/DateRangePickerTheme/DateRangePickerTheme.js

@@ -1,21 +0,0 @@
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-export var getDateRangePickerTheme = function getDateRangePickerTheme(theme) {
-  return ThemeFactory.create({
-    calendarBottomSeparatorBorder: 'none',
-    calendarCellBg: 'transparent',
-    calendarWrapperHeight: theme.calendarRangeWrapperHeight
-  }, theme);
-};
-export var getMobileDateRangePickerTheme = function getMobileDateRangePickerTheme(theme) {
-  return ThemeFactory.create({
-    calendarPaddingX: theme.mobileCalendarPaddingX,
-    calendarCellWidth: theme.mobileCalendarCellWidth,
-    calendarCellHeight: theme.mobileCalendarRangeCellHeight,
-    calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,
-    calendarCellFontSize: theme.mobileCalendarCellFontSize,
-    calendarGridRowSpacing: theme.mobileCalendarRangeGridRowSpacing,
-    dateSelectFontSize: theme.mobileDateSelectFontSize,
-    dateSelectLineHeight: theme.mobileDateSelectLineHeight,
-    calendarWrapperHeight: theme.mobileCalendarRangeWrapperHeight
-  }, theme);
-};

package/components/DateRangePicker/DateRangePickerTheme/DateRangePickerTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ThemeFactory","getDateRangePickerTheme","theme","create","calendarBottomSeparatorBorder","calendarCellBg","calendarWrapperHeight","calendarRangeWrapperHeight","getMobileDateRangePickerTheme","calendarPaddingX","mobileCalendarPaddingX","calendarCellWidth","mobileCalendarCellWidth","calendarCellHeight","mobileCalendarRangeCellHeight","calendarCellBorderRadius","mobileCalendarCellBorderRadius","calendarCellFontSize","mobileCalendarCellFontSize","calendarGridRowSpacing","mobileCalendarRangeGridRowSpacing","dateSelectFontSize","mobileDateSelectFontSize","dateSelectLineHeight","mobileDateSelectLineHeight","mobileCalendarRangeWrapperHeight"],"sources":["DateRangePickerTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarBottomSeparatorBorder: 'none',\n      calendarCellBg: 'transparent',\n      calendarWrapperHeight: theme.calendarRangeWrapperHeight,\n    },\n    theme,\n  );\n};\n\nexport const getMobileDateRangePickerTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      calendarPaddingX: theme.mobileCalendarPaddingX,\n      calendarCellWidth: theme.mobileCalendarCellWidth,\n      calendarCellHeight: theme.mobileCalendarRangeCellHeight,\n      calendarCellBorderRadius: theme.mobileCalendarCellBorderRadius,\n      calendarCellFontSize: theme.mobileCalendarCellFontSize,\n      calendarGridRowSpacing: theme.mobileCalendarRangeGridRowSpacing,\n      dateSelectFontSize: theme.mobileDateSelectFontSize,\n      dateSelectLineHeight: theme.mobileDateSelectLineHeight,\n      calendarWrapperHeight: theme.mobileCalendarRangeWrapperHeight,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,KAAY,EAAY;EAC9D,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,6BAA6B,EAAE,MAAM;MACrCC,cAAc,EAAE,aAAa;MAC7BC,qBAAqB,EAAEJ,KAAK,CAACK;IAC/B,CAAC;IACDL;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMM,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAIN,KAAY,EAAY;EACpE,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEM,gBAAgB,EAAEP,KAAK,CAACQ,sBAAsB;MAC9CC,iBAAiB,EAAET,KAAK,CAACU,uBAAuB;MAChDC,kBAAkB,EAAEX,KAAK,CAACY,6BAA6B;MACvDC,wBAAwB,EAAEb,KAAK,CAACc,8BAA8B;MAC9DC,oBAAoB,EAAEf,KAAK,CAACgB,0BAA0B;MACtDC,sBAAsB,EAAEjB,KAAK,CAACkB,iCAAiC;MAC/DC,kBAAkB,EAAEnB,KAAK,CAACoB,wBAAwB;MAClDC,oBAAoB,EAAErB,KAAK,CAACsB,0BAA0B;MACtDlB,qBAAqB,EAAEJ,KAAK,CAACuB;IAC/B,CAAC;IACDvB;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/DateRangePicker/DateRangePickerTheme/package.json

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

package/components/DateRangePicker/DateRangePickerTheme.d.ts

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

package/components/DateRangePicker/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,48 +0,0 @@
-import React, { useContext } from 'react';
-import { Calendar } from "../../Calendar";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { MobilePopup } from "../../../internal/MobilePopup";
-import { styles } from "../MobileDateRangePicker.styles";
-import { DateRangePickerFrom, DateRangePickerTo } from "../DateRangePicker";
-import { DateRangePickerSeparator } from "../DateRangePickerSeparator";
-import { DateRangePickerContext } from "../DateRangePickerContext";
-import { getMobileDateRangePickerTheme } from "../DateRangePickerTheme";
-export var MobileDateRangePicker = function MobileDateRangePicker(props) {
-  var state = useContext(DateRangePickerContext);
-  var theme = getMobileDateRangePickerTheme(useContext(ThemeContext));
-  return /*#__PURE__*/(
-    React.createElement(ThemeContext.Provider, {
-      value: theme
-    }, /*#__PURE__*/
-    React.createElement(MobilePopup, {
-      opened: true,
-      headerChildComponent: /*#__PURE__*/
-      React.createElement("div", {
-        className: styles.inputWrap()
-      }, /*#__PURE__*/
-      React.createElement(DateRangePickerFrom, {
-        width: "auto",
-        size: "medium"
-      }), /*#__PURE__*/
-      React.createElement(DateRangePickerSeparator, null), /*#__PURE__*/
-      React.createElement(DateRangePickerTo, {
-        width: "auto",
-        size: "medium"
-      })),
-      onCloseRequest: props.onCloseRequest
-    }, /*#__PURE__*/
-
-    React.createElement(Calendar, {
-      value: null,
-      className: styles.calendarRoot(),
-      minDate: props.minDate,
-      maxDate: props.maxDate,
-      onValueChange: function onValueChange(value) {
-        return props.onCalendarPickDay(value);
-      },
-      renderDay: props.renderDay,
-      onMonthChange: props.onMonthChange,
-      ref: state.calendarRef
-    })))
-  );
-};

package/components/DateRangePicker/MobileDateRangePicker/MobileDateRangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","Calendar","ThemeContext","MobilePopup","styles","DateRangePickerFrom","DateRangePickerTo","DateRangePickerSeparator","DateRangePickerContext","getMobileDateRangePickerTheme","MobileDateRangePicker","props","state","theme","createElement","Provider","value","opened","headerChildComponent","className","inputWrap","width","size","onCloseRequest","calendarRoot","minDate","maxDate","onValueChange","onCalendarPickDay","renderDay","onMonthChange","ref","calendarRef"],"sources":["MobileDateRangePicker.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Calendar } from '../Calendar';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MobilePopup } from '../../internal/MobilePopup';\n\nimport { styles } from './MobileDateRangePicker.styles';\nimport { DateRangePickerFrom, DateRangePickerProps, DateRangePickerTo } from './DateRangePicker';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator';\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport { getMobileDateRangePickerTheme } from './DateRangePickerTheme';\n\nexport interface MobileDateRangePickerProps\n  extends Pick<\n    DateRangePickerProps,\n    | 'error'\n    | 'warning'\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'enableTodayLink'\n    | 'renderDay'\n    | 'onMonthChange'\n  > {\n  onCalendarPickDay: (date: string) => void;\n  onCloseRequest?: () => void;\n}\n\nexport const MobileDateRangePicker: React.FC<MobileDateRangePickerProps> = (props) => {\n  const state = useContext(DateRangePickerContext);\n  const theme = getMobileDateRangePickerTheme(useContext(ThemeContext));\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <div className={styles.inputWrap()}>\n            <DateRangePickerFrom width=\"auto\" size=\"medium\" />\n            <DateRangePickerSeparator />\n            <DateRangePickerTo width=\"auto\" size=\"medium\" />\n          </div>\n        }\n        onCloseRequest={props.onCloseRequest}\n      >\n        <Calendar\n          value={null}\n          className={styles.calendarRoot()}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={(value) => props.onCalendarPickDay(value)}\n          renderDay={props.renderDay}\n          onMonthChange={props.onMonthChange}\n          ref={state.calendarRef}\n        />\n      </MobilePopup>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,MAAM,QAAQ,gCAAgC;AACvD,SAASC,mBAAmB,EAAwBC,iBAAiB,QAAQ,mBAAmB;AAChG,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,6BAA6B,QAAQ,wBAAwB;;;;;;;;;;;;;;;;;;AAkBtE,OAAO,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA2DA,CAAIC,KAAK,EAAK;EACpF,IAAMC,KAAK,GAAGZ,UAAU,CAACQ,sBAAsB,CAAC;EAChD,IAAMK,KAAK,GAAGJ,6BAA6B,CAACT,UAAU,CAACE,YAAY,CAAC,CAAC;;EAErE;IACEH,KAAA,CAAAe,aAAA,CAACZ,YAAY,CAACa,QAAQ,IAACC,KAAK,EAAEH,KAAM;IAClCd,KAAA,CAAAe,aAAA,CAACX,WAAW;MACVc,MAAM;MACNC,oBAAoB;MAClBnB,KAAA,CAAAe,aAAA,UAAKK,SAAS,EAAEf,MAAM,CAACgB,SAAS,CAAC,CAAE;MACjCrB,KAAA,CAAAe,aAAA,CAACT,mBAAmB,IAACgB,KAAK,EAAC,MAAM,EAACC,IAAI,EAAC,QAAQ,EAAE,CAAC;MAClDvB,KAAA,CAAAe,aAAA,CAACP,wBAAwB,MAAE,CAAC;MAC5BR,KAAA,CAAAe,aAAA,CAACR,iBAAiB,IAACe,KAAK,EAAC,MAAM,EAACC,IAAI,EAAC,QAAQ,EAAE;MAC5C,CACN;;MACDC,cAAc,EAAEZ,KAAK,CAACY,cAAe;;IAErCxB,KAAA,CAAAe,aAAA,CAACb,QAAQ;MACPe,KAAK,EAAE,IAAK;MACZG,SAAS,EAAEf,MAAM,CAACoB,YAAY,CAAC,CAAE;MACjCC,OAAO,EAAEd,KAAK,CAACc,OAAQ;MACvBC,OAAO,EAAEf,KAAK,CAACe,OAAQ;MACvBC,aAAa,EAAE,SAAAA,cAACX,KAAK,UAAKL,KAAK,CAACiB,iBAAiB,CAACZ,KAAK,CAAC,EAAC;MACzDa,SAAS,EAAElB,KAAK,CAACkB,SAAU;MAC3BC,aAAa,EAAEnB,KAAK,CAACmB,aAAc;MACnCC,GAAG,EAAEnB,KAAK,CAACoB,WAAY;IACxB;IACU;IACQ,CAAC;;AAE5B,CAAC","ignoreList":[]}

package/components/DateRangePicker/MobileDateRangePicker/package.json

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

package/components/DateRangePicker/MobileDateRangePicker.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DateRangePickerProps } from './DateRangePicker';
-export interface MobileDateRangePickerProps extends Pick<DateRangePickerProps, 'error' | 'warning' | 'value' | 'minDate' | 'maxDate' | 'enableTodayLink' | 'renderDay' | 'onMonthChange'> {
-    onCalendarPickDay: (date: string) => void;
-    onCloseRequest?: () => void;
-}
-export declare const MobileDateRangePicker: React.FC<MobileDateRangePickerProps>;