@synerise/ds-date-range-picker 0.31.1 → 0.31.3

package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js

@@ -3,19 +3,15 @@ import Button from '@synerise/ds-button';
 import { RawInput } from '@synerise/ds-input';
 import Icon, { CheckM, CloseM } from '@synerise/ds-icon';
 import * as S from './SaveFilterForm.styles';
-
 var SaveFilterForm = function SaveFilterForm(_ref) {
   var texts = _ref.texts,
-      onFilterSave = _ref.onFilterSave;
-
+    onFilterSave = _ref.onFilterSave;
   var _React$useState = React.useState(false),
-      active = _React$useState[0],
-      setActive = _React$useState[1];
-
+    active = _React$useState[0],
+    setActive = _React$useState[1];
   var _React$useState2 = React.useState(),
-      name = _React$useState2[0],
-      setName = _React$useState2[1];
-
+    name = _React$useState2[0],
+    setName = _React$useState2[1];
   var input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RawInput, {
     placeholder: texts.filterName,
     value: name,
@@ -51,5 +47,4 @@ var SaveFilterForm = function SaveFilterForm(_ref) {
     }
   }, texts.saveFilter));
 };
-
 export default SaveFilterForm;

package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import * as S from './SelectionCount.styles';
-
 var SelectionCount = function SelectionCount(_ref) {
   var label = _ref.label,
-      selectedDayCount = _ref.selectedDayCount;
+    selectedDayCount = _ref.selectedDayCount;
   return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement("span", null, label, ":"), /*#__PURE__*/React.createElement(S.Count, null, selectedDayCount));
 };
-
 export default React.memo(SelectionCount);

package/dist/RangeFilter/Shared/SelectionHint/SelectionHint.js

@@ -2,14 +2,12 @@ import React from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { InfoM } from '@synerise/ds-icon';
 import * as S from '../TimeWindow/TimeWindow.styles';
-
 var SelectionHint = function SelectionHint(_ref) {
   var message = _ref.message,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return /*#__PURE__*/React.createElement(S.SelectionHint, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(InfoM, null),
     color: theme.palette['grey-600']
   }), " ", message);
 };
-
 export default withTheme(SelectionHint);

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js

@@ -1,13 +1,10 @@
 var _excluded = ["active", "label", "onToggle", "onClear", "readOnly", "restricted", "dayKey", "texts", "intl"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react'; // @ts-ignore
-
-import dayjs from 'dayjs'; // @ts-ignore
-
+import React from 'react';
+// @ts-ignore
+import dayjs from 'dayjs';
+// @ts-ignore
 import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import Button from '@synerise/ds-button';
 import Icon, { CheckS, Close3S } from '@synerise/ds-icon';
@@ -15,23 +12,20 @@ import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Day.styles';
 dayjs.extend(customParseFormatPlugin);
-
 var Day = function Day(_ref) {
   var active = _ref.active,
-      label = _ref.label,
-      onToggle = _ref.onToggle,
-      onClear = _ref.onClear,
-      readOnly = _ref.readOnly,
-      restricted = _ref.restricted,
-      dayKey = _ref.dayKey,
-      texts = _ref.texts,
-      intl = _ref.intl,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    label = _ref.label,
+    onToggle = _ref.onToggle,
+    onClear = _ref.onClear,
+    readOnly = _ref.readOnly,
+    restricted = _ref.restricted,
+    dayKey = _ref.dayKey,
+    texts = _ref.texts,
+    intl = _ref.intl,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _React$useState = React.useState(false),
-      hovered = _React$useState[0],
-      setHovered = _React$useState[1];
-
+    hovered = _React$useState[0],
+    setHovered = _React$useState[1];
   var type = React.useMemo(function () {
     return active ? 'primary' : 'secondary';
   }, [active]);
@@ -79,5 +73,4 @@ var Day = function Day(_ref) {
     active: hovered
   }, icon)));
 };
-
 export default React.memo(Day);

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js

@@ -4,22 +4,21 @@ import { Header } from '../Header/Header';
 import * as S from '../TimeWindow.styles';
 import { reverseRange } from '../utils';
 import { HeaderWrapper } from '../TimeWindow.styles';
-
 var Grid = function Grid(_ref) {
   var keys = _ref.keys,
-      numberOfDays = _ref.numberOfDays,
-      numberOfDaysPerRow = _ref.numberOfDaysPerRow,
-      rowLabelFormatter = _ref.rowLabelFormatter,
-      title = _ref.title,
-      texts = _ref.texts,
-      showSelectAll = _ref.showSelectAll,
-      showUnselectAll = _ref.showUnselectAll,
-      inverted = _ref.inverted,
-      labelInverted = _ref.labelInverted,
-      reverseGroup = _ref.reverseGroup,
-      onSelectAll = _ref.onSelectAll,
-      onUnselectAll = _ref.onUnselectAll,
-      renderDay = _ref.renderDay;
+    numberOfDays = _ref.numberOfDays,
+    numberOfDaysPerRow = _ref.numberOfDaysPerRow,
+    rowLabelFormatter = _ref.rowLabelFormatter,
+    title = _ref.title,
+    texts = _ref.texts,
+    showSelectAll = _ref.showSelectAll,
+    showUnselectAll = _ref.showUnselectAll,
+    inverted = _ref.inverted,
+    labelInverted = _ref.labelInverted,
+    reverseGroup = _ref.reverseGroup,
+    onSelectAll = _ref.onSelectAll,
+    onUnselectAll = _ref.onUnselectAll,
+    renderDay = _ref.renderDay;
   var numberOfColumns = numberOfDaysPerRow || numberOfDays;
   var rangeMethod = labelInverted ? rangeRight : range;
   var actions = [];
@@ -39,7 +38,6 @@ var Grid = function Grid(_ref) {
     }, inverted ? reverseRange(keys, reverseGroup).map(renderDay) : keys.map(renderDay));
   }, [numberOfColumns, inverted, keys, reverseGroup, renderDay]);
   var numberOfRows = Math.ceil(numberOfDays / numberOfColumns);
-
   if (rowLabelFormatter) {
     grid = /*#__PURE__*/React.createElement(S.Wrapper, null, /*#__PURE__*/React.createElement(S.Labels, null, rangeMethod(numberOfRows).map(function (rowIndex) {
       return /*#__PURE__*/React.createElement("span", {
@@ -47,7 +45,6 @@ var Grid = function Grid(_ref) {
       }, rowLabelFormatter(rowIndex));
     })), grid);
   }
-
   return /*#__PURE__*/React.createElement(S.GridContainer, {
     className: "time-window-grid"
   }, /*#__PURE__*/React.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(Header, {
@@ -55,5 +52,4 @@ var Grid = function Grid(_ref) {
     actions: actions
   })), grid);
 };
-
 export default Grid;

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import * as S from './Header.styles';
-
 var HeaderBase = function HeaderBase(_ref) {
   var title = _ref.title,
-      actions = _ref.actions,
-      suffix = _ref.suffix;
+    actions = _ref.actions,
+    suffix = _ref.suffix;
   return /*#__PURE__*/React.createElement(S.Container, {
     "data-attr": "time-window-header"
   }, /*#__PURE__*/React.createElement(S.Title, {
@@ -23,5 +22,4 @@ var HeaderBase = function HeaderBase(_ref) {
     );
   })), suffix);
 };
-
 export var Header = React.memo(HeaderBase);

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js

@@ -4,12 +4,11 @@ import Icon, { ArrowDownCircleM, CloseM, DuplicateM, OptionHorizontalM } from '@
 import Dropdown from '@synerise/ds-dropdown';
 import { theme } from '@synerise/ds-core';
 import * as S from './RangeActions.styles';
-
 var RangeActions = function RangeActions(_ref) {
   var texts = _ref.texts,
-      onRangeClear = _ref.onRangeClear,
-      onRangeCopy = _ref.onRangeCopy,
-      onRangePaste = _ref.onRangePaste;
+    onRangeClear = _ref.onRangeClear,
+    onRangeCopy = _ref.onRangeCopy,
+    onRangePaste = _ref.onRangePaste;
   var overlay = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(S.ActionsMenu, null, /*#__PURE__*/React.createElement(S.ActionItem, {
       onClick: function onClick() {
@@ -55,5 +54,4 @@ var RangeActions = function RangeActions(_ref) {
     }
   }, trigger);
 };
-
 export default RangeActions;

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useState, useEffect } from 'react';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
@@ -12,52 +11,45 @@ import { theme } from '@synerise/ds-core';
 import * as S from './RangeForm.styles';
 import { getDisabledTimeOptions } from '../../../../../RangePicker/utils';
 import { FORM_MODES, RANGE_DISPLAY_MODES, RANGE_FORM_INTL_KEYS, SLIDER_MIN, SLIDER_MAX, SLIDER_STEP } from './RangeForm.constants';
-import { numberToDate, dateToNumber } from './RangeForm.utils'; // @deprecated, moved to ./RangeForm.constants
+import { numberToDate, dateToNumber } from './RangeForm.utils';
 
+// @deprecated, moved to ./RangeForm.constants
 export { FORM_MODES, RANGE_FORM_INTL_KEYS };
-
 var RangeForm = function RangeForm(_ref) {
   var onModeChange = _ref.onModeChange,
-      disabled = _ref.disabled,
-      startDate = _ref.startDate,
-      endDate = _ref.endDate,
-      onStartChange = _ref.onStartChange,
-      onEndChange = _ref.onEndChange,
-      onExactHourSelect = _ref.onExactHourSelect,
-      onRangeDelete = _ref.onRangeDelete,
-      _ref$valueSelectionMo = _ref.valueSelectionModes,
-      valueSelectionModes = _ref$valueSelectionMo === void 0 ? [FORM_MODES.RANGE, FORM_MODES.HOUR] : _ref$valueSelectionMo,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? valueSelectionModes[0] : _ref$mode,
-      _ref$rangeDisplayMode = _ref.rangeDisplayMode,
-      rangeDisplayMode = _ref$rangeDisplayMode === void 0 ? RANGE_DISPLAY_MODES.TIMEPICKER : _ref$rangeDisplayMode,
-      isInvertedRange = _ref.isInvertedRange,
-      timePickerProps = _ref.timePickerProps,
-      texts = _ref.texts,
-      valueFormatOptions = _ref.valueFormatOptions,
-      errorTexts = _ref.errorTexts;
-
+    disabled = _ref.disabled,
+    startDate = _ref.startDate,
+    endDate = _ref.endDate,
+    onStartChange = _ref.onStartChange,
+    onEndChange = _ref.onEndChange,
+    onExactHourSelect = _ref.onExactHourSelect,
+    onRangeDelete = _ref.onRangeDelete,
+    _ref$valueSelectionMo = _ref.valueSelectionModes,
+    valueSelectionModes = _ref$valueSelectionMo === void 0 ? [FORM_MODES.RANGE, FORM_MODES.HOUR] : _ref$valueSelectionMo,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? valueSelectionModes[0] : _ref$mode,
+    _ref$rangeDisplayMode = _ref.rangeDisplayMode,
+    rangeDisplayMode = _ref$rangeDisplayMode === void 0 ? RANGE_DISPLAY_MODES.TIMEPICKER : _ref$rangeDisplayMode,
+    isInvertedRange = _ref.isInvertedRange,
+    timePickerProps = _ref.timePickerProps,
+    texts = _ref.texts,
+    valueFormatOptions = _ref.valueFormatOptions,
+    errorTexts = _ref.errorTexts;
   var _useDataFormat = useDataFormat(),
-      is12HoursClock = _useDataFormat.is12HoursClock;
-
+    is12HoursClock = _useDataFormat.is12HoursClock;
   var intl = useIntl();
-
   var _useState = useState(startDate),
-      start = _useState[0],
-      setStart = _useState[1];
-
+    start = _useState[0],
+    setStart = _useState[1];
   var _useState2 = useState(endDate),
-      end = _useState2[0],
-      setEnd = _useState2[1];
-
+    end = _useState2[0],
+    setEnd = _useState2[1];
   var _useState3 = useState(startDate ? dateToNumber(startDate) : SLIDER_MIN),
-      sliderStart = _useState3[0],
-      setSliderStart = _useState3[1];
-
+    sliderStart = _useState3[0],
+    setSliderStart = _useState3[1];
   var _useState4 = useState(endDate ? dateToNumber(endDate) : SLIDER_MAX),
-      sliderEnd = _useState4[0],
-      setSliderEnd = _useState4[1];
-
+    sliderEnd = _useState4[0],
+    setSliderEnd = _useState4[1];
   useEffect(function () {
     if (rangeDisplayMode !== RANGE_DISPLAY_MODES.SLIDER) {
       setStart(startDate);
@@ -67,14 +59,11 @@ var RangeForm = function RangeForm(_ref) {
       setSliderEnd(endDate ? dateToNumber(endDate) : SLIDER_MAX);
     }
   }, [rangeDisplayMode, startDate, endDate]);
-
   var getPopupContainer = function getPopupContainer(node) {
     return node.parentElement != null ? node.parentElement : document.body;
   };
-
   var errorForFirstItem = (errorTexts == null ? void 0 : errorTexts.length) && errorTexts[0];
   var errorForSecondItem = (errorTexts == null ? void 0 : errorTexts.length) && errorTexts[1];
-
   var singleHourPicker = function singleHourPicker() {
     return /*#__PURE__*/React.createElement(TimePicker, _extends({
       errorText: errorForFirstItem,
@@ -93,15 +82,12 @@ var RangeForm = function RangeForm(_ref) {
       valueFormatOptions: valueFormatOptions
     }, timePickerProps));
   };
-
   var timeFormatByClockMode = is12HoursClock ? 'hh:mm A' : 'HH:mm';
-
   var tipFormatter = function tipFormatter(value) {
     if (value === undefined) return null;
     var valueAsDate = numberToDate(value, SLIDER_MAX);
     return dayjs(valueAsDate).format(timeFormatByClockMode);
   };
-
   var renderRangeSlider = function renderRangeSlider() {
     var handleSliderChange = function handleSliderChange(range) {
       if (range[0] !== sliderStart) {
@@ -110,13 +96,11 @@ var RangeForm = function RangeForm(_ref) {
         setSliderEnd(range[1]);
       }
     };
-
     var handleSliderAfterChange = function handleSliderAfterChange(range) {
       var currentStartDateAsNumber = startDate ? dateToNumber(startDate) : SLIDER_MIN;
       var currentEndDateAsNumber = endDate ? dateToNumber(endDate) : SLIDER_MAX;
       var newStartDate = numberToDate(range[0], SLIDER_MAX, true);
       var newEndDate = numberToDate(range[1], SLIDER_MAX);
-
       if (range[0] !== currentStartDateAsNumber) {
         setSliderStart(range[0]);
         onStartChange(newStartDate);
@@ -125,7 +109,6 @@ var RangeForm = function RangeForm(_ref) {
         onEndChange(newEndDate);
       }
     };
-
     return /*#__PURE__*/React.createElement(Slider, {
       range: true,
       min: SLIDER_MIN,
@@ -143,7 +126,6 @@ var RangeForm = function RangeForm(_ref) {
       tipFormatter: tipFormatter
     });
   };
-
   var renderRangePicker = function renderRangePicker() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker, _extends({
       errorText: errorForFirstItem,
@@ -180,20 +162,16 @@ var RangeForm = function RangeForm(_ref) {
       use12HourClock: is12HoursClock
     }, timePickerProps)));
   };
-
   var renderRangeUI = function renderRangeUI() {
     if (rangeDisplayMode === RANGE_DISPLAY_MODES.SLIDER) {
       return renderRangeSlider();
     }
-
     return renderRangePicker();
   };
-
   var getModeLabel = function getModeLabel(modeName) {
     if (texts[modeName.toLocaleLowerCase()]) return texts[modeName.toLocaleLowerCase()];
     return intl.formatMessage(RANGE_FORM_INTL_KEYS[modeName]);
   };
-
   var limitModeSelect = function limitModeSelect() {
     return valueSelectionModes.length > 1 ? /*#__PURE__*/React.createElement(Select, {
       value: mode,
@@ -209,7 +187,6 @@ var RangeForm = function RangeForm(_ref) {
       }, getModeLabel(modeName));
     })) : null;
   };
-
   return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(S.Row, {
     justifyContent: "flex-start",
     mode: rangeDisplayMode
@@ -220,5 +197,4 @@ var RangeForm = function RangeForm(_ref) {
     color: theme.palette['red-600']
   }))));
 };
-
 export default RangeForm;

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.utils.js

@@ -5,7 +5,6 @@ export var numberToDate = function numberToDate(number, max, isRangeStart) {
   if (number === max) {
     return dayjs().endOf('day').toDate();
   }
-
   var hours = Math.floor(number);
   var minutes = 60 * (number % 1);
   var result = dayjs().hour(hours).minute(minutes).toDate();

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js

@@ -1,13 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React from 'react';
 import RangeForm from './RangeForm/RangeForm';
 import { RANGE_DISPLAY_MODES } from './RangeForm/RangeForm.constants';
@@ -17,48 +12,44 @@ import RangeSummary from '../RangeSummary/RangeSummary';
 import RangeActions from '../RangeActions/RangeActions';
 import { DEFAULT_LIMIT_MODE } from '../TimeWindow';
 import * as S from './RangeFormContainer.styles';
-
 var RangeFormContainer = function RangeFormContainer(_ref) {
   var errorTexts = _ref.errorTexts,
-      activeDays = _ref.activeDays,
-      disabled = _ref.disabled,
-      days = _ref.days,
-      dayKeys = _ref.dayKeys,
-      getDayValue = _ref.getDayValue,
-      getDayLabel = _ref.getDayLabel,
-      onDayTimeChange = _ref.onDayTimeChange,
-      onMultipleDayTimeChange = _ref.onMultipleDayTimeChange,
-      hideHeader = _ref.hideHeader,
-      _ref$headerOptions = _ref.headerOptions,
-      headerOptions = _ref$headerOptions === void 0 ? {} : _ref$headerOptions,
-      monthlyFilter = _ref.monthlyFilter,
-      monthlyFilterPeriod = _ref.monthlyFilterPeriod,
-      onRangeClear = _ref.onRangeClear,
-      onRangePaste = _ref.onRangePaste,
-      onRangeCopy = _ref.onRangeCopy,
-      onRangeDelete = _ref.onRangeDelete,
-      texts = _ref.texts,
-      onChange = _ref.onChange,
-      _ref$valueSelectionMo = _ref.valueSelectionModes,
-      valueSelectionModes = _ref$valueSelectionMo === void 0 ? ['Range', 'Hour'] : _ref$valueSelectionMo,
-      rangeDisplayMode = _ref.rangeDisplayMode,
-      onModeChange = _ref.onModeChange,
-      timePickerProps = _ref.timePickerProps,
-      renderSuffix = _ref.renderSuffix,
-      timeFormat = _ref.timeFormat,
-      valueFormatOptions = _ref.valueFormatOptions;
+    activeDays = _ref.activeDays,
+    disabled = _ref.disabled,
+    days = _ref.days,
+    dayKeys = _ref.dayKeys,
+    getDayValue = _ref.getDayValue,
+    getDayLabel = _ref.getDayLabel,
+    onDayTimeChange = _ref.onDayTimeChange,
+    onMultipleDayTimeChange = _ref.onMultipleDayTimeChange,
+    hideHeader = _ref.hideHeader,
+    _ref$headerOptions = _ref.headerOptions,
+    headerOptions = _ref$headerOptions === void 0 ? {} : _ref$headerOptions,
+    monthlyFilter = _ref.monthlyFilter,
+    monthlyFilterPeriod = _ref.monthlyFilterPeriod,
+    onRangeClear = _ref.onRangeClear,
+    onRangePaste = _ref.onRangePaste,
+    onRangeCopy = _ref.onRangeCopy,
+    onRangeDelete = _ref.onRangeDelete,
+    texts = _ref.texts,
+    onChange = _ref.onChange,
+    _ref$valueSelectionMo = _ref.valueSelectionModes,
+    valueSelectionModes = _ref$valueSelectionMo === void 0 ? ['Range', 'Hour'] : _ref$valueSelectionMo,
+    rangeDisplayMode = _ref.rangeDisplayMode,
+    onModeChange = _ref.onModeChange,
+    timePickerProps = _ref.timePickerProps,
+    renderSuffix = _ref.renderSuffix,
+    timeFormat = _ref.timeFormat,
+    valueFormatOptions = _ref.valueFormatOptions;
   var dayValue = getDayValue(activeDays[0]);
-
   var _React$useState = React.useState((dayValue == null ? void 0 : dayValue.mode) || valueSelectionModes[0] || DEFAULT_LIMIT_MODE),
-      mode = _React$useState[0],
-      setMode = _React$useState[1];
-
+    mode = _React$useState[0],
+    setMode = _React$useState[1];
   var handleModeChange = React.useCallback(function (selectedMode) {
     if (onModeChange) {
       onModeChange(selectedMode);
       return;
     }
-
     var updatedDays = {};
     activeDays.forEach(function (i) {
       updatedDays[i] = _objectSpread({}, days[i], {}, getDefaultFilterForLimitMode(selectedMode), {
@@ -73,9 +64,8 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
   var onStartChange = React.useCallback(function (start) {
     var dayVal = getDayValue(activeDays[0]);
     var inverted = dayVal.inverted,
-        end = dayVal.stop;
+      end = dayVal.stop;
     var value = [start, end ? getDateFromDayValue(end, timeFormat) : undefined, Boolean(inverted)];
-
     if (activeDays.length > 1) {
       onMultipleDayTimeChange(value);
     } else {
@@ -85,9 +75,8 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
   var onEndChange = React.useCallback(function (end) {
     var dayVal = getDayValue(activeDays[0]);
     var start = dayVal.start,
-        inverted = dayVal.inverted;
+      inverted = dayVal.inverted;
     var value = [start ? getDateFromDayValue(start, timeFormat) : undefined, end, Boolean(inverted)];
-
     if (activeDays.length > 1) {
       onMultipleDayTimeChange(value);
     } else {
@@ -97,10 +86,9 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
   var toggleInverted = React.useCallback(function () {
     var dayVal = getDayValue(activeDays[0]);
     var start = dayVal.start,
-        inverted = dayVal.inverted,
-        end = dayVal.stop;
+      inverted = dayVal.inverted,
+      end = dayVal.stop;
     var value = [start ? getDateFromDayValue(start, timeFormat) : undefined, end ? getDateFromDayValue(end, timeFormat) : undefined, Boolean(!inverted)];
-
     if (activeDays.length > 1) {
       onMultipleDayTimeChange(value);
     } else {
@@ -144,7 +132,7 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
   }, [texts.inverseSelection, toggleInverted]);
   var suffix = React.useMemo(function () {
     var _headerOptions$includ = headerOptions.includeActions,
-        includeActions = _headerOptions$includ === void 0 ? true : _headerOptions$includ;
+      includeActions = _headerOptions$includ === void 0 ? true : _headerOptions$includ;
     return renderSuffix ? renderSuffix() : /*#__PURE__*/React.createElement(React.Fragment, null, rangeDisplayMode === RANGE_DISPLAY_MODES.SLIDER && invertedToggleLink, includeActions && /*#__PURE__*/React.createElement(RangeActions, {
       onRangeClear: onRangeClear,
       onRangeCopy: onRangeCopy,
@@ -154,7 +142,7 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
   }, [onRangePaste, onRangeClear, onRangeCopy, texts, renderSuffix, rangeDisplayMode, invertedToggleLink, headerOptions]);
   if (hideHeader) return rangeForm;
   var _headerOptions$includ2 = headerOptions.includeSummary,
-      includeSummary = _headerOptions$includ2 === void 0 ? true : _headerOptions$includ2;
+    includeSummary = _headerOptions$includ2 === void 0 ? true : _headerOptions$includ2;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
     title: includeSummary && /*#__PURE__*/React.createElement(RangeSummary, {
       dayKeys: dayKeys,
@@ -166,5 +154,4 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
     suffix: suffix
   }), rangeForm);
 };
-
 export default RangeFormContainer;

package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js

@@ -1,18 +1,16 @@
 import React from 'react';
 import * as S from './RangeSummary.styles';
 import { SPACE_UNICODE } from '../../../constants';
-
 var RangeSummary = function RangeSummary(_ref) {
   var dayKeys = _ref.dayKeys,
-      getDayLabel = _ref.getDayLabel,
-      monthlyFilterPeriod = _ref.monthlyFilterPeriod,
-      monthlyFilter = _ref.monthlyFilter,
-      texts = _ref.texts;
+    getDayLabel = _ref.getDayLabel,
+    monthlyFilterPeriod = _ref.monthlyFilterPeriod,
+    monthlyFilter = _ref.monthlyFilter,
+    texts = _ref.texts;
   var daysToDisplay = React.useMemo(function () {
     if (monthlyFilter && dayKeys.length > 1) {
       return /*#__PURE__*/React.createElement(S.DayShortname, null, "Days");
     }
-
     return dayKeys.map(function (k, index) {
       return /*#__PURE__*/React.createElement(S.DayShortname, {
         key: k
@@ -21,5 +19,4 @@ var RangeSummary = function RangeSummary(_ref) {
   }, [dayKeys, getDayLabel, monthlyFilter, monthlyFilterPeriod]);
   return /*#__PURE__*/React.createElement(S.TitleWrapper, null, texts.setTimeFor, SPACE_UNICODE, daysToDisplay);
 };
-
 export default RangeSummary;