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

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

@@ -0,0 +1,120 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getFontSize = getFontSize;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _Calendar = require("../Calendar");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])),
+
+
+    t.textColorDefault);
+
+
+
+
+
+  },
+  inputWrapperWidth: function inputWrapperWidth(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", "px;\n    "])),
+    parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2);
+
+  },
+  inputWrapperWidthFull: function inputWrapperWidthFull() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+
+
+  },
+  inputVisuallyFocus: function inputVisuallyFocus(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
+    t.inputFocusShadow);
+
+  },
+  calendarWrapper: function calendarWrapper(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])),
+    t.pickerShadow);
+
+
+
+
+
+  },
+  calendarWidthAuto: function calendarWidthAuto() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: auto;\n    "])));
+
+
+  },
+  rangeCalendarDay: function rangeCalendarDay() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n    "])));
+
+
+
+  },
+  rangeCalendarDayEnd: function rangeCalendarDayEnd(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "])),
+
+
+
+
+
+
+
+
+
+    t.rangeCalendarCellEndBg,
+    t.calendarCellBorderRadius,
+
+
+    _Calendar.CalendarDataTids.dayCell,
+    t.rangeCalendarCellEndColor,
+
+
+
+    t.rangeCalendarCellEndColor);
+
+
+
+
+
+  },
+  rangeCalendarDayInHoveredPeriod: function rangeCalendarDayInHoveredPeriod(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.rangeCalendarCellBg);
+
+  },
+  rangeCalendarDayHoverInPeriod: function rangeCalendarDayHoverInPeriod(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @media (hover: hover) {\n        &:hover [data-tid=", "] {\n          background: ", ";\n        }\n      }\n    "])),
+
+    _Calendar.CalendarDataTids.dayCell,
+    t.rangeCalendarCellHoverBg);
+
+
+
+  },
+  buttonWrap: function buttonWrap() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "])));
+
+
+
+
+
+
+
+
+
+
+
+  }
+});
+
+function getFontSize(t, size) {
+  switch (size) {
+    case 'large':
+      return t.fontSizeLarge;
+    case 'medium':
+      return t.fontSizeMedium;
+    case 'small':
+    default:
+      return t.fontSizeSmall;
+  }
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_Calendar","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","textColorDefault","inputWrapperWidth","parseInt","calendarCellWidth","calendarPaddingX","inputWrapperWidthFull","inputVisuallyFocus","inputFocusShadow","calendarWrapper","pickerShadow","calendarWidthAuto","rangeCalendarDay","rangeCalendarDayEnd","rangeCalendarCellEndBg","calendarCellBorderRadius","CalendarDataTids","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","rangeCalendarCellHoverBg","buttonWrap","getFontSize","size","fontSizeLarge","fontSizeMedium","fontSizeSmall"],"sources":["DateRangePicker.styles.ts"],"sourcesContent":["import type { SizeProp } from '../../lib/types/props';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { CalendarDataTids } from '../Calendar';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      color: ${t.textColorDefault};\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n  inputWrapperWidthFull() {\n    return css`\n      width: 100%;\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: ${t.inputFocusShadow};\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  calendarWidthAuto() {\n    return css`\n      width: auto;\n    `;\n  },\n  rangeCalendarDay() {\n    return css`\n      width: 100%;\n      height: 100%;\n    `;\n  },\n  rangeCalendarDayEnd(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ${t.rangeCalendarCellEndBg};\n        border-radius: ${t.calendarCellBorderRadius};\n      }\n\n      [data-tid=${CalendarDataTids.dayCell}] {\n        color: ${t.rangeCalendarCellEndColor};\n\n        @media (hover: hover) {\n          &:hover {\n            color: ${t.rangeCalendarCellEndColor};\n            background: none;\n          }\n        }\n      }\n    `;\n  },\n  rangeCalendarDayInHoveredPeriod(t: Theme) {\n    return css`\n      background: ${t.rangeCalendarCellBg};\n    `;\n  },\n  rangeCalendarDayHoverInPeriod(t: Theme) {\n    return css`\n      @media (hover: hover) {\n        &:hover [data-tid=${CalendarDataTids.dayCell}] {\n          background: ${t.rangeCalendarCellHoverBg};\n        }\n      }\n    `;\n  },\n  buttonWrap() {\n    return css`\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    `;\n  },\n});\n\nexport function getFontSize(t: Theme, size?: SizeProp) {\n  switch (size) {\n    case 'large':\n      return t.fontSizeLarge;\n    case 'medium':\n      return t.fontSizeMedium;\n    case 'small':\n    default:\n      return t.fontSizeSmall;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerContext.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { RefObject } from 'react';
+import type { DateInput } from '../DateInput';
+import type { SizeProp } from '../../lib/types/props';
+import type { DateRangePickerInputType } from './DateRangePickerInput';
+export interface DateRangePickerContextProps {
+    startValue?: string;
+    startOptional?: boolean;
+    startDisabled?: boolean;
+    endValue?: string;
+    endOptional?: boolean;
+    endDisabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    size?: SizeProp;
+    setStartValue: (value: string) => void;
+    setStartOptional: (value: boolean) => void;
+    setStartDisabled: (value: boolean) => void;
+    setEndValue: (value: string) => void;
+    setEndOptional: (value: boolean) => void;
+    setEndDisabled: (value: boolean) => void;
+    setMinDate: (value: string) => void;
+    setMaxDate: (value: string) => void;
+    setFocusInput: (value: DateRangePickerInputType | null) => void;
+    open: (type: DateRangePickerInputType) => void;
+    close: () => void;
+    dateRangePickerRef: RefObject<HTMLDivElement>;
+    startRef: RefObject<DateInput>;
+    endRef: RefObject<DateInput>;
+}
+export declare const DateRangePickerContext: React.Context<DateRangePickerContextProps>;

package/cjs/components/DateRangePicker/DateRangePickerContext.js

@@ -0,0 +1,37 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateRangePickerContext = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var DateRangePickerContext = exports.DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});
+
+DateRangePickerContext.displayName = 'DateRangePickerContext';

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","DateRangePickerContext","exports","React","createContext","displayName"],"sources":["DateRangePickerContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { RefObject } from 'react';\n\nimport type { DateInput } from '../DateInput';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { DateRangePickerInputType } from './DateRangePickerInput';\n\nexport interface DateRangePickerContextProps {\n  startValue?: string;\n  startOptional?: boolean;\n  startDisabled?: boolean;\n  endValue?: string;\n  endOptional?: boolean;\n  endDisabled?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  size?: SizeProp;\n  setStartValue: (value: string) => void;\n  setStartOptional: (value: boolean) => void;\n  setStartDisabled: (value: boolean) => void;\n  setEndValue: (value: string) => void;\n  setEndOptional: (value: boolean) => void;\n  setEndDisabled: (value: boolean) => void;\n  setMinDate: (value: string) => void;\n  setMaxDate: (value: string) => void;\n  setFocusInput: (value: DateRangePickerInputType | null) => void;\n  open: (type: DateRangePickerInputType) => void;\n  close: () => void;\n  dateRangePickerRef: RefObject<HTMLDivElement>;\n  startRef: RefObject<DateInput>;\n  endRef: RefObject<DateInput>;\n}\n\nexport const DateRangePickerContext = React.createContext({} as DateRangePickerContextProps);\n\nDateRangePickerContext.displayName = 'DateRangePickerContext';\n"],"mappings":"4KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC,CAAC,CAAgC,CAAC;;AAE5FH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerInput.d.ts

@@ -0,0 +1,12 @@
+import type { DateInputProps } from '../DateInput';
+import { DateInput } from '../DateInput';
+export type DateRangePickerInputType = 'start' | 'end';
+export interface DateRangePickerInputProps extends Omit<DateInputProps, 'value'> {
+    type: DateRangePickerInputType;
+    value?: string | null;
+    optional?: boolean;
+}
+type DateRangePickerInputWithoutType = Omit<DateRangePickerInputProps, 'type'>;
+export declare const DateRangePickerStart: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, DateRangePickerInputWithoutType> & Record<never, never>;
+export declare const DateRangePickerEnd: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, DateRangePickerInputWithoutType> & Record<never, never>;
+export {};

package/cjs/components/DateRangePicker/DateRangePickerInput.js

@@ -0,0 +1,160 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateRangePickerStart = exports.DateRangePickerEnd = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
+
+var _DateInput = require("../DateInput");
+var _ResponsiveLayout = require("../ResponsiveLayout");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _utils = require("../../lib/utils");
+
+var _DateRangePickerContext = require("./DateRangePickerContext");
+var _DateRangePicker = require("./DateRangePicker");
+var _locale = require("./locale");
+
+
+
+
+
+
+
+
+
+
+
+var DateRangePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useContext =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    (0, _react.useContext)(_DateRangePickerContext.DateRangePickerContext),minDate = _useContext.minDate,maxDate = _useContext.maxDate,startValue = _useContext.startValue,endValue = _useContext.endValue,size = _useContext.size,setStartValue = _useContext.setStartValue,setStartOptional = _useContext.setStartOptional,setStartDisabled = _useContext.setStartDisabled,setEndValue = _useContext.setEndValue,setEndOptional = _useContext.setEndOptional,setEndDisabled = _useContext.setEndDisabled,setMinDate = _useContext.setMinDate,setMaxDate = _useContext.setMaxDate,setFocusInput = _useContext.setFocusInput,open = _useContext.open,close = _useContext.close,dateRangePickerRef = _useContext.dateRangePickerRef,startRef = _useContext.startRef,endRef = _useContext.endRef;
+  var isStart = props.type === 'start';
+  var isEnd = props.type === 'end';
+  var locale = (0, _useLocaleForControl.useLocaleForControl)('DateRangePicker', _locale.DateRangePickerLocaleHelper);
+
+  var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
+
+  (0, _react.useImperativeHandle)(ref, function () {return isStart ? startRef.current : endRef.current;}, []);
+
+  (0, _react.useEffect)(function () {
+    if (isStart && startValue !== props.value) {
+      setStartValue(props.value || '');
+    } else if (isEnd && endValue !== props.value) {
+      setEndValue(props.value || '');
+    }
+  }, [props.value]);
+
+  (0, _react.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]);
+
+  (0, _react.useEffect)(function () {
+    if (isStart && startValue !== props.value && (0, _utils.isNonNullable)(startValue)) {
+      props.onValueChange == null || props.onValueChange(startValue);
+    }
+  }, [startValue]);
+
+  (0, _react.useEffect)(function () {
+    if (isEnd && endValue !== props.value && (0, _utils.isNonNullable)(endValue)) {
+      props.onValueChange == null || props.onValueChange(endValue);
+    }
+  }, [endValue]);
+
+  var commonProps = (0, _extends2.default)({
+    withIcon: true,
+    size: size,
+    minDate: minDate,
+    maxDate: maxDate },
+  props, {
+    onValueChange: function onValueChange(value) {
+      if (isStart) {
+        setStartValue(value || '');
+      } else if (isEnd) {
+        setEndValue(value || '');
+      }
+    },
+    onClick: function onClick() {
+      if (props.disabled) {
+        return;
+      }
+      open(props.type);
+    },
+    onFocus: function onFocus(e) {
+      open(props.type);
+      props.onFocus == null || props.onFocus(e);
+    },
+    onBlur: function onBlur(e) {var _dateRangePickerRef$c;
+      props.onBlur == null || props.onBlur(e);
+
+      if (isMobile) {
+        return;
+      }
+      var nextFocusedElement = e.relatedTarget;
+      if (!((_dateRangePickerRef$c = dateRangePickerRef.current) != null && _dateRangePickerRef$c.contains(nextFocusedElement))) {
+        close();
+      }
+      setFocusInput(null);
+    } });
+
+
+  switch (props.type) {
+    case 'start':
+      return /*#__PURE__*/(
+        _react.default.createElement(_DateInput.DateInput, (0, _extends2.default)({},
+        commonProps, {
+          value: props.value || '',
+          "data-tid": _DateRangePicker.DateRangePickerDataTids.start,
+          "aria-label": props['aria-label'] || locale.startDateLabel,
+          ref: startRef })
+        ));
+
+    case 'end':
+      return /*#__PURE__*/(
+        _react.default.createElement(_DateInput.DateInput, (0, _extends2.default)({},
+        commonProps, {
+          value: props.value || '',
+          "data-tid": _DateRangePicker.DateRangePickerDataTids.end,
+          "aria-label": props['aria-label'] || locale.endDateLabel,
+          ref: endRef })
+        ));
+
+  }
+});
+
+var DateRangePickerStart = exports.DateRangePickerStart = (0, _forwardRefAndName.forwardRefAndName)(
+  'DateRangePickerStart',
+  function (props, ref) {return /*#__PURE__*/(
+      _react.default.createElement(DateRangePickerInput, (0, _extends2.default)({ type: "start" }, props, { ref: ref })));}
+
+);
+
+var DateRangePickerEnd = exports.DateRangePickerEnd = (0, _forwardRefAndName.forwardRefAndName)(
+  'DateRangePickerEnd',
+  function (props, ref) {return /*#__PURE__*/(
+      _react.default.createElement(DateRangePickerInput, (0, _extends2.default)({ type: "end" }, props, { ref: ref })));}
+
+);

package/cjs/components/DateRangePicker/DateRangePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_DateInput","_ResponsiveLayout","_forwardRefAndName","_utils","_DateRangePickerContext","_DateRangePicker","_locale","DateRangePickerInput","forwardRef","props","ref","_useContext","useContext","DateRangePickerContext","minDate","maxDate","startValue","endValue","size","setStartValue","setStartOptional","setStartDisabled","setEndValue","setEndOptional","setEndDisabled","setMinDate","setMaxDate","setFocusInput","open","close","dateRangePickerRef","startRef","endRef","isStart","type","isEnd","locale","useLocaleForControl","DateRangePickerLocaleHelper","_useResponsiveLayout","useResponsiveLayout","isMobile","useImperativeHandle","current","useEffect","value","optional","disabled","isNonNullable","onValueChange","commonProps","_extends2","default","withIcon","onClick","onFocus","e","onBlur","_dateRangePickerRef$c","nextFocusedElement","relatedTarget","contains","createElement","DateInput","DateRangePickerDataTids","start","startDateLabel","end","endDateLabel","DateRangePickerStart","exports","forwardRefAndName","DateRangePickerEnd"],"sources":["DateRangePickerInput.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport type { DateInputProps } from '../DateInput';\nimport { DateInput } from '../DateInput';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport { DateRangePickerDataTids } from './DateRangePicker';\nimport { DateRangePickerLocaleHelper } from './locale';\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(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: () => {\n      if (props.disabled) {\n        return;\n      }\n      open(props.type);\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={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={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"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerSeparator.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DateRangePickerSeparator: () => React.JSX.Element;

package/cjs/components/DateRangePicker/DateRangePickerSeparator.js

@@ -0,0 +1,3 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateRangePickerSeparator = void 0;var _react = _interopRequireDefault(require("react"));
+
+var DateRangePickerSeparator = exports.DateRangePickerSeparator = function DateRangePickerSeparator() {return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\xA0\u2014\xA0");};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","DateRangePickerSeparator","exports","default","createElement","Fragment"],"sources":["DateRangePickerSeparator.tsx"],"sourcesContent":["import React from 'react';\n\nexport const DateRangePickerSeparator = () => <>&nbsp;—&nbsp;</>;\n"],"mappings":"8KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEO,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAA,uBAASH,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAAAN,MAAA,CAAAK,OAAA,CAAAE,QAAA,QAAE,gBAAe,CAAC","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerTheme.d.ts

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

package/cjs/components/DateRangePicker/DateRangePickerTheme.js

@@ -0,0 +1,33 @@
+"use strict";exports.__esModule = true;exports.getMobileDateRangePickerTheme = exports.getDateRangePickerTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
+
+var getDateRangePickerTheme = exports.getDateRangePickerTheme = function getDateRangePickerTheme(theme) {
+  return _ThemeFactory.ThemeFactory.create(
+    {
+      calendarBottomSeparatorBorder: 'none',
+      calendarCellBg: 'transparent',
+      calendarCellSelectedBgColor: 'transparent',
+      calendarWrapperHeight: theme.rangeCalendarWrapperHeight
+    },
+    theme
+  );
+};
+
+var getMobileDateRangePickerTheme = exports.getMobileDateRangePickerTheme = function getMobileDateRangePickerTheme(theme) {
+  return _ThemeFactory.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
+  );
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ThemeFactory","require","getDateRangePickerTheme","exports","theme","ThemeFactory","create","calendarBottomSeparatorBorder","calendarCellBg","calendarCellSelectedBgColor","calendarWrapperHeight","rangeCalendarWrapperHeight","getMobileDateRangePickerTheme","calendarCellBorderRadius","mobileCalendarCellBorderRadius","calendarCellFontSize","mobileCalendarCellFontSize","calendarGridRowSpacing","mobileRangeCalendarGridRowSpacing","calendarPaddingX","mobileCalendarPaddingX","calendarCellWidth","mobileRangeCalendarCellWidth","calendarCellHeight","mobileRangeCalendarCellHeight","mobileRangeCalendarWrapperHeight","dateSelectFontSize","mobileDateSelectFontSize","dateSelectLineHeight","mobileDateSelectLineHeight"],"sources":["DateRangePickerTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\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"],"mappings":"wHAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIE,KAAY,EAAY;EAC9D,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,6BAA6B,EAAE,MAAM;MACrCC,cAAc,EAAE,aAAa;MAC7BC,2BAA2B,EAAE,aAAa;MAC1CC,qBAAqB,EAAEN,KAAK,CAACO;IAC/B,CAAC;IACDP;EACF,CAAC;AACH,CAAC;;AAEM,IAAMQ,6BAA6B,GAAAT,OAAA,CAAAS,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAIR,KAAY,EAAY;EACpE,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEE,cAAc,EAAE,aAAa;MAC7BC,2BAA2B,EAAE,aAAa;MAC1CI,wBAAwB,EAAET,KAAK,CAACU,8BAA8B;MAC9DC,oBAAoB,EAAEX,KAAK,CAACY,0BAA0B;MACtDC,sBAAsB,EAAEb,KAAK,CAACc,iCAAiC;MAC/DC,gBAAgB,EAAEf,KAAK,CAACgB,sBAAsB;MAC9CC,iBAAiB,EAAEjB,KAAK,CAACkB,4BAA4B;MACrDC,kBAAkB,EAAEnB,KAAK,CAACoB,6BAA6B;MACvDd,qBAAqB,EAAEN,KAAK,CAACqB,gCAAgC;MAC7DC,kBAAkB,EAAEtB,KAAK,CAACuB,wBAAwB;MAClDC,oBAAoB,EAAExB,KAAK,CAACyB;IAC9B,CAAC;IACDzB;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { 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/cjs/components/DateRangePicker/helpers/getStateForValue.js

@@ -0,0 +1,122 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStateForValue = getStateForValue;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _comparison = require("../../../lib/date/comparison");
+var _constants = require("../../../lib/date/constants");
+
+
+
+
+
+
+
+
+var defaultContextOptions = {
+  currentStart: '',
+  currentEnd: '',
+  minDate: _constants.MIN_FULLDATE,
+  maxDate: _constants.MAX_FULLDATE
+};
+
+function getStateForValue(
+currentFocus,
+value,
+contextOptions)
+{if (value === void 0) {value = '';}if (contextOptions === void 0) {contextOptions = {};}
+  var _defaultContextOption = (0, _extends2.default)({}, 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 && (0, _comparison.isLess)(value, minDate) || maxDate && (0, _comparison.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 && (0, _comparison.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 && (0, _comparison.isLess)(date, currentStart)) {
+        start = date;
+        end = '';
+        focus = 'end';
+        return;
+      }
+
+      end = date;
+      isOpen = false;
+    }
+  };
+
+  var handleFullPeriod = function handleFullPeriod(date) {
+    if (currentFocus === 'start') {
+      if (currentEnd && (0, _comparison.isLessOrEqual)(date, currentEnd)) {
+        start = date;
+        isOpen = false;
+      } else {
+        start = date;
+        end = '';
+        focus = 'end';
+      }
+    } else if (currentFocus === 'end') {
+      if (currentStart && (0, _comparison.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/cjs/components/DateRangePicker/helpers/getStateForValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_comparison","require","_constants","defaultContextOptions","currentStart","currentEnd","minDate","MIN_FULLDATE","maxDate","MAX_FULLDATE","getStateForValue","currentFocus","value","contextOptions","_defaultContextOption","_extends2","default","start","end","focus","isOpen","isLess","isGreater","handleInitialPeriod","date","handlePartialPeriod","handleFullPeriod","isLessOrEqual","isGreaterOrEqual"],"sources":["getStateForValue.ts"],"sourcesContent":["import type { 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/cjs/components/DateRangePicker/helpers/validateDateRangePicker.d.ts

@@ -0,0 +1,9 @@
+import type { 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 {};