@synerise/ds-date-range-picker 0.31.10 → 0.32.0

package/dist/RangePicker/RangePicker.js

@@ -1,10 +1,6 @@
-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 _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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-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, { PureComponent } from 'react';
 import { DateUtils } from 'react-day-picker';
 import fnsIsSameDay from 'date-fns/isSameDay';
@@ -68,18 +64,18 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
     var _this;
     _this = _PureComponent.call(this, props) || this;
     // eslint-disable-next-line react/state-in-constructor
-    _defineProperty(_this, "componentDidUpdate", NOOP);
-    _defineProperty(_this, "handleDayMouseEnter", function (day) {
+    _this.componentDidUpdate = NOOP;
+    _this.handleDayMouseEnter = function (day) {
       _this.setState({
         enteredTo: day
       });
-    });
-    _defineProperty(_this, "handleDayMouseLeave", function () {
+    };
+    _this.handleDayMouseLeave = function () {
       _this.setState({
         enteredTo: null
       });
-    });
-    _defineProperty(_this, "handleDayClick", function (day, modifiers, e) {
+    };
+    _this.handleDayClick = function (day, modifiers, e) {
       e.preventDefault();
       var _this$props = _this.props,
         value = _this$props.value,
@@ -95,8 +91,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         from: from,
         to: to
       });
-    });
-    _defineProperty(_this, "handleFromTimeChange", function (from) {
+    };
+    _this.handleFromTimeChange = function (from) {
       var _this$props2 = _this.props,
         onChange = _this$props2.onChange,
         value = _this$props2.value;
@@ -105,8 +101,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         from: from,
         to: value.to
       });
-    });
-    _defineProperty(_this, "handleToTimeChange", function (to) {
+    };
+    _this.handleToTimeChange = function (to) {
       var _this$props3 = _this.props,
         onChange = _this$props3.onChange,
         value = _this$props3.value;
@@ -115,13 +111,13 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         from: value.from,
         to: to
       });
-    });
-    _defineProperty(_this, "handleAddDay", function (numberOfDays, side) {
+    };
+    _this.handleAddDay = function (numberOfDays, side) {
       if (side === COLUMNS.LEFT) {
         var _this$props4 = _this.props,
           onChange = _this$props4.onChange,
           value = _this$props4.value;
-        onChange(_objectSpread({}, value, {
+        onChange(_extends({}, value, {
           type: ABSOLUTE,
           from: fnsAddDays(legacyParse(value.from), numberOfDays)
         }));
@@ -130,13 +126,13 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         var _this$props5 = _this.props,
           _onChange = _this$props5.onChange,
           _value = _this$props5.value;
-        _onChange(_objectSpread({}, _value, {
+        _onChange(_extends({}, _value, {
           type: ABSOLUTE,
           to: fnsAddDays(legacyParse(_value.to), numberOfDays)
         }));
       }
-    });
-    _defineProperty(_this, "handleSideMonthChange", function (side, month, mode) {
+    };
+    _this.handleSideMonthChange = function (side, month, mode) {
       var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
       var _this2 = _this,
         state = _this2.state;
@@ -145,44 +141,44 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         var dir = fnsIsAfter(month, legacyParse(state[side].month)) ? 1 : -1;
         var adjacentMonth = ADD.MONTHS(month, dir);
         _this.setState(function (prevState) {
-          var _objectSpread2;
-          return _objectSpread({}, prevState, (_objectSpread2 = {}, _objectSpread2[side] = _objectSpread({}, state[side], {
+          var _extends2;
+          return _extends({}, prevState, (_extends2 = {}, _extends2[side] = _extends({}, state[side], {
             adjacentMonth: adjacentMonth,
             mode: mode
-          }), _objectSpread2));
+          }), _extends2));
         });
         return;
       }
       if (forceAdjacentMonths) {
         var _dir = side === COLUMNS.RIGHT ? -1 : 1;
         _this.setState(function (prevState) {
-          var _objectSpread3;
-          return _objectSpread({}, prevState, (_objectSpread3 = {}, _objectSpread3[opposite] = _objectSpread({}, state[opposite], {
+          var _extends3;
+          return _extends({}, prevState, (_extends3 = {}, _extends3[opposite] = _extends({}, state[opposite], {
             month: ADD.MONTHS(month, _dir)
-          }), _objectSpread3[side] = _objectSpread({}, state[side], {
+          }), _extends3[side] = _extends({}, state[side], {
             month: month,
             mode: mode
-          }), _objectSpread3));
+          }), _extends3));
         });
         return;
       }
       _this.setState(function (prevState) {
-        var _objectSpread4;
-        return _objectSpread({}, prevState, (_objectSpread4 = {}, _objectSpread4[side] = _objectSpread({}, state[side], {
+        var _extends4;
+        return _extends({}, prevState, (_extends4 = {}, _extends4[side] = _extends({}, state[side], {
           month: month,
           mode: mode
-        }), _objectSpread4));
+        }), _extends4));
       });
-    });
-    _defineProperty(_this, "handleSideModeChange", function (side, mode) {
+    };
+    _this.handleSideModeChange = function (side, mode) {
       _this.setState(function (prevState) {
-        var _objectSpread5;
-        return _objectSpread({}, prevState, (_objectSpread5 = {}, _objectSpread5[side] = _objectSpread({}, prevState[side], {
+        var _extends5;
+        return _extends({}, prevState, (_extends5 = {}, _extends5[side] = _extends({}, prevState[side], {
           mode: mode
-        }), _objectSpread5));
+        }), _extends5));
       });
-    });
-    _defineProperty(_this, "renderDay", function (day) {
+    };
+    _this.renderDay = function (day) {
       var text = day.getDate();
       var _this$props6 = _this.props,
         value = _this$props6.value,
@@ -192,7 +188,7 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         if (typeof date === 'string') {
           return fnsFormat(legacyParse(date), TOOLTIP_FORMAT, intl.locale);
         }
-        return formatValue(date, _objectSpread({}, getDefaultDataTimeOptions(true)));
+        return formatValue(date, _extends({}, getDefaultDataTimeOptions(true)));
       };
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayBackground, {
         className: "DayPicker-Day-BG"
@@ -202,8 +198,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
       }, value.to && value.from && /*#__PURE__*/React.createElement(DayTooltip, null, formatDate(value.from), " - ", formatDate(value.to)), text), /*#__PURE__*/React.createElement(DayForeground, {
         className: "DayPicker-Day-FG"
       }));
-    });
-    _defineProperty(_this, "renderYearPicker", function (side) {
+    };
+    _this.renderYearPicker = function (side) {
       var currentSide = _this.state[side];
       var month = currentSide.month;
       return /*#__PURE__*/React.createElement(YearPicker, {
@@ -213,8 +209,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
           return _this.handleSideMonthChange(side, m, 'date');
         }
       });
-    });
-    _defineProperty(_this, "renderMonthPicker", function (side) {
+    };
+    _this.renderMonthPicker = function (side) {
       var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
       var _this$state = _this.state,
         currentSide = _this$state[side],
@@ -229,8 +225,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
           return _this.handleSideMonthChange(side, month, 'date');
         }
       });
-    });
-    _defineProperty(_this, "renderDatePicker", function (side) {
+    };
+    _this.renderDatePicker = function (side) {
       var _this$props7 = _this.props,
         value = _this$props7.value,
         disabledDate = _this$props7.disabledDate,
@@ -289,8 +285,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         ,
         selectedDays: selectedDays
       });
-    });
-    _defineProperty(_this, "renderTimePicker", function (side) {
+    };
+    _this.renderTimePicker = function (side) {
       var _this$props8 = _this.props,
         value = _this$props8.value,
         is12HoursClock = _this$props8.is12HoursClock;
@@ -338,8 +334,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         default:
           return null;
       }
-    });
-    _defineProperty(_this, "renderSide", function (side) {
+    };
+    _this.renderSide = function (side) {
       var mode = _this.props.mode;
       var sideState = _this.state[side];
       if (mode === MODES.TIME) return _this.renderTimePicker(side);
@@ -353,8 +349,8 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         default:
           return null;
       }
-    });
-    _this.state = _objectSpread({
+    };
+    _this.state = _extends({
       enteredTo: null
     }, getSidesState(props.value));
     return _this;
@@ -416,7 +412,7 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
       onClick: function onClick(_ref) {
         var currentTarget = _ref.currentTarget;
         var now = new Date();
-        var literallyNow = _objectSpread({}, value, {
+        var literallyNow = _extends({}, value, {
           translationKey: 'now',
           type: 'ABSOLUTE',
           from: now,

package/dist/RangePicker/RangePicker.styles.d.ts

@@ -10,10 +10,10 @@ export declare const DateTimeModeSwitch: import("styled-components").StyledCompo
     href: string;
     target?: string | undefined;
     onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-} & import("antd/lib/button/button").BaseButtonProps & import("antd/lib/_util/type").Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
     htmlType?: "button" | "submit" | "reset" | undefined;
     onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-} & import("antd/lib/_util/type").Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type"> & {
+} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type"> & {
     type?: import("@synerise/ds-utils").LiteralStringUnion<"ghost" | "primary" | "secondary" | "tertiary" | "tertiary-white" | "ghost-primary" | "ghost-white" | "custom-color" | "custom-color-ghost"> | undefined;
     mode?: import("@synerise/ds-utils").LiteralStringUnion<"split" | "icon-label" | "single-icon" | "two-icons" | "label-icon"> | undefined;
     color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet"> | undefined;

package/dist/RangePickerInput/RangePickerInput.js

@@ -1,8 +1,4 @@
-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); }
+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, { useCallback, useMemo, useState } from 'react';
 import Icon, { ArrowRightS, CalendarM, Close3S } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
@@ -52,8 +48,8 @@ var RangePickerInput = function RangePickerInput(_ref) {
     onChange && onChange(undefined);
   }, [onChange]);
   var getText = useCallback(function (dateToDisplay) {
-    var dateValue = new Date(dateToDisplay);
-    return formatValue(dateValue, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
+    var dateValue = dateToDisplay ? new Date(dateToDisplay) : new Date();
+    return formatValue(dateValue, _extends({}, getDefaultDataTimeOptions(showTime), valueFormatOptions));
   }, [showTime, formatValue, valueFormatOptions]);
   var renderFromDate = useCallback(function () {
     var isFromDateDefined = dateRangeValue && dateRangeValue.from;

package/dist/RawDateRangePicker.d.ts

@@ -1,38 +1,9 @@
-import React, { PureComponent } from 'react';
-import type { DateRangePickerProps, State, AddonType, Texts } from './DateRangePicker.types';
+import React from 'react';
+import type { DateRangePickerProps } from './DateRangePicker.types';
 import type { DateRange } from './date.types';
-import { FilterDefinition, FilterValue } from './RangeFilter/RangeFilter.types';
 export declare function defaultValueTransformer(value: DateRange): DateRange;
-type RawDateRangePickerProps = Omit<DateRangePickerProps, 'texts'> & {
-    texts: Texts;
+type RawDateRangePickerProps = DateRangePickerProps & {
     alignContentToTop?: boolean;
 };
-export declare class RawDateRangePicker extends PureComponent<RawDateRangePickerProps, State> {
-    static defaultProps: {
-        ranges: (import("./date.types").RelativeDateRangePreset | import("./date.types").AbsoluteDateRangePreset)[];
-        relativePast: boolean;
-        showRelativePicker: boolean;
-        validate: () => {
-            valid: boolean;
-        };
-        valueTransformer: typeof defaultValueTransformer;
-        isTruncateMs: boolean;
-    };
-    constructor(props: RawDateRangePickerProps);
-    componentDidUpdate(prevProps: Readonly<RawDateRangePickerProps>): void;
-    handleFilterCancel: () => void;
-    handleFilterApply: (filter?: FilterValue<FilterDefinition>) => void;
-    allTexts: () => Texts;
-    handleRangeChange: (range?: DateRange) => void;
-    handleApply: () => void;
-    handleModalOpenClick: () => void;
-    handleRemoveFilterClick: () => void;
-    handleSwitchMode: () => void;
-    handleAddonCollapse: (addonKey: string, expanded: boolean) => void;
-    getAddons: () => AddonType[];
-    render(): JSX.Element;
-}
-declare const _default: React.FC<import("react-intl").WithIntlProps<RawDateRangePickerProps>> & {
-    WrappedComponent: React.ComponentType<RawDateRangePickerProps>;
-};
-export default _default;
+export declare const RawDateRangePicker: ({ showRelativePicker, showFilter, showTime, format, valueFormatOptions, disabledDate, validate, forceAdjacentMonths, savedFilters, onFilterSave, containerClass, footerProps, allowedFilterTypes, disableAbsoluteTimepickerInRelative, filterValueSelectionModes, filterRangeDisplayMode, showNowButton, alignContentToTop, relativeFuture, relativePast, ranges, relativeModes, rangeUnits, showCustomRange, valueTransformer, onValueChange, isTruncateMs, forceAbsolute, onApply, texts, value, }: RawDateRangePickerProps) => React.JSX.Element;
+export default RawDateRangePicker;