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

package/dist/RangeFilter/Filters/new/Monthly/Monthly.js

@@ -1,10 +1,5 @@
 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 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 React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
 import { v4 as uuid } from 'uuid';
@@ -39,10 +34,10 @@ var Monthly = function Monthly(_ref) {
     countedFrom = _ref$countedFrom === void 0 ? COUNTED_FROM_ENUM.BEGINNING : _ref$countedFrom,
     errorTexts = _ref.errorTexts;
   var intl = useIntl();
-  var allTexts = React.useMemo(function () {
+  var allTexts = useMemo(function () {
     return getDefaultTexts(intl, false, texts);
   }, [texts, intl]);
-  var defaultDayValue = React.useMemo(function () {
+  var defaultDayValue = useMemo(function () {
     return {
       start: DEFAULT_RANGE_START,
       stop: DEFAULT_RANGE_END,
@@ -52,19 +47,19 @@ var Monthly = function Monthly(_ref) {
       mode: valueSelectionMode[0]
     };
   }, [valueSelectionMode]);
-  var _React$useState = React.useState(Object.keys(value)),
-    filteredSchedule = _React$useState[0],
-    setFilteredSchedule = _React$useState[1];
-  var _React$useState2 = React.useState([]),
-    activeDays = _React$useState2[0],
-    setActiveDays = _React$useState2[1];
-  var ref = React.useRef();
+  var _useState = useState(Object.keys(value)),
+    filteredSchedule = _useState[0],
+    setFilteredSchedule = _useState[1];
+  var _useState2 = useState([]),
+    activeDays = _useState2[0],
+    setActiveDays = _useState2[1];
+  var ref = useRef();
   var _useShiftAndControlKe = useShiftAndControlKeys(ref),
     controlKeyPressed = _useShiftAndControlKe[0],
     shiftKeyPressed = _useShiftAndControlKe[1];
   var _useDataFormat = useDataFormat(),
     isSundayFirstWeekDay = _useDataFormat.isSundayFirstWeekDay;
-  var allKeys = React.useMemo(function () {
+  var allKeys = useMemo(function () {
     if (periodType === DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK) {
       if (isSundayFirstWeekDay) {
         var keys = [];
@@ -96,10 +91,10 @@ var Monthly = function Monthly(_ref) {
     }, _settings);
     return settings[periodType];
   };
-  React.useEffect(function () {
+  useEffect(function () {
     setFilteredSchedule(Object.keys(value));
   }, [value]);
-  var removeEmptyEntries = React.useCallback(function (monthlySchedule) {
+  var removeEmptyEntries = useCallback(function (monthlySchedule) {
     var emptyEntries = Object.keys(monthlySchedule).filter(function (key) {
       return Object.keys(monthlySchedule[key]).length === 0;
     });
@@ -109,7 +104,7 @@ var Monthly = function Monthly(_ref) {
     });
     onChange(scheduleToUpdate);
   }, [onChange]);
-  React.useEffect(function () {
+  useEffect(function () {
     var entriesWithActiveDaysValue = activeDays.length ? Object.keys(value).filter(function (id) {
       return activeDays.every(function (day) {
         return !!value[id][day] && haveActiveDaysCommonRange(value[id], activeDays);
@@ -118,14 +113,14 @@ var Monthly = function Monthly(_ref) {
     removeEmptyEntries(value);
     setFilteredSchedule(entriesWithActiveDaysValue);
   }, [value, activeDays, removeEmptyEntries]);
-  var handleDayTimeChange = React.useCallback(function (dayValue, dayKey, guid) {
+  var handleDayTimeChange = useCallback(function (dayValue, dayKey, guid) {
     var updatedSchedule = value;
     var start = dayValue[0],
       end = dayValue[1],
       inverted = dayValue[2];
     if (dayKey instanceof Array) {
       dayKey.forEach(function (day) {
-        updatedSchedule[guid][day] = _objectSpread({}, value[guid][day], {
+        updatedSchedule[guid][day] = _extends({}, value[guid][day], {
           restricted: true,
           start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : undefined,
           stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : undefined,
@@ -133,7 +128,7 @@ var Monthly = function Monthly(_ref) {
         });
       });
     } else {
-      updatedSchedule[guid][dayKey] = _objectSpread({}, value[guid][dayKey], {
+      updatedSchedule[guid][dayKey] = _extends({}, value[guid][dayKey], {
         restricted: true,
         start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : undefined,
         stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : undefined,
@@ -142,62 +137,62 @@ var Monthly = function Monthly(_ref) {
     }
     onChange(updatedSchedule);
   }, [value, onChange]);
-  var _getDayValue = React.useCallback(function (dayKey, guid) {
+  var _getDayValue = useCallback(function (dayKey, guid) {
     if (typeof dayKey === 'number' && value[guid] && !!value[guid][dayKey]) {
       return value[guid][dayKey];
     }
     return defaultDayValue;
   }, [value, defaultDayValue]);
-  var handleModeChange = React.useCallback(function (selectedMode, dayKeys, guid) {
+  var handleModeChange = useCallback(function (selectedMode, dayKeys, guid) {
     var updatedSchedule = value;
     dayKeys.forEach(function (day) {
-      updatedSchedule[guid][day] = _objectSpread({}, value[guid][day], {
+      updatedSchedule[guid][day] = _extends({}, value[guid][day], {
         mode: selectedMode
       });
     });
     onChange(updatedSchedule);
   }, [value, onChange]);
-  var handleRangeDelete = React.useCallback(function (guid, activeDaysArray) {
+  var handleRangeDelete = useCallback(function (guid, activeDaysArray) {
     var updatedSchedule = value;
     activeDaysArray.forEach(function (activeDay) {
       delete updatedSchedule[guid][activeDay];
     });
-    onChange(_objectSpread({}, updatedSchedule));
+    onChange(_extends({}, updatedSchedule));
   }, [value, onChange]);
-  var dayWeekFormatter = React.useCallback(function (dayKey, _long) {
+  var dayWeekFormatter = useCallback(function (dayKey, _long) {
     var weekStartIndex = Math.floor(dayKey / 7);
     var dayOfWeek = dayKey - weekStartIndex * 7;
     var weekday = intl.formatMessage(MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_LONG[dayOfWeek]);
     var nthWeek = intl.formatMessage(MONTHLY_SCHEDULER_INTL_KEYS_NTH_WEEK[weekStartIndex]);
     return _long ? nthWeek + " " + weekday : intl.formatMessage(MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_SHORT[dayOfWeek]);
   }, [intl]);
-  var dayMonthFormatter = React.useCallback(function (dayKey) {
+  var dayMonthFormatter = useCallback(function (dayKey) {
     var locale = intl.locale.substring(0, 2);
     return MONTH_DAYS(locale)[dayKey];
   }, [intl]);
-  var dayFormatter = React.useCallback(function (dayKey, _long2) {
+  var dayFormatter = useCallback(function (dayKey, _long2) {
     if (periodType === DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK) {
       return dayWeekFormatter(dayKey, _long2);
     }
     return dayMonthFormatter(dayKey);
   }, [periodType, dayWeekFormatter, dayMonthFormatter]);
-  var checkDay = React.useCallback(function (dayKey) {
+  var checkDay = useCallback(function (dayKey) {
     setActiveDays([dayKey]);
   }, []);
-  var getDayLabel = React.useCallback(function (dayKey, _long3) {
+  var getDayLabel = useCallback(function (dayKey, _long3) {
     return dayFormatter(dayKey, _long3 || false);
   }, [dayFormatter]);
-  var excludeDayFromActive = React.useCallback(function (dayKey) {
+  var excludeDayFromActive = useCallback(function (dayKey) {
     setActiveDays(activeDays.filter(function (day) {
       return day !== dayKey;
     }));
   }, [activeDays]);
-  var isDayRestricted = React.useCallback(function (dayKey) {
+  var isDayRestricted = useCallback(function (dayKey) {
     return Object.keys(value).some(function (key) {
       return !!value[key][dayKey];
     });
   }, [value]);
-  var removeDaySelection = React.useCallback(function (dayKey) {
+  var removeDaySelection = useCallback(function (dayKey) {
     var updatedSchedule = value;
     Object.keys(value).forEach(function (key) {
       delete updatedSchedule[key][dayKey];
@@ -205,16 +200,16 @@ var Monthly = function Monthly(_ref) {
     excludeDayFromActive(dayKey);
     onChange(updatedSchedule);
   }, [value, onChange, excludeDayFromActive]);
-  var uncheckActiveDay = React.useCallback(function (dayKey) {
+  var uncheckActiveDay = useCallback(function (dayKey) {
     removeDaySelection(dayKey);
   }, [removeDaySelection]);
-  var handleSelectAll = React.useCallback(function () {
+  var handleSelectAll = useCallback(function () {
     setActiveDays(allKeys);
   }, [allKeys]);
-  var handleUnselectAll = React.useCallback(function () {
+  var handleUnselectAll = useCallback(function () {
     setActiveDays([]);
   }, []);
-  var checkActiveDay = React.useCallback(function (dayKey) {
+  var checkActiveDay = useCallback(function (dayKey) {
     if (!isDayRestricted(dayKey)) {
       checkDay(dayKey);
     }
@@ -228,7 +223,7 @@ var Monthly = function Monthly(_ref) {
     }
     setActiveDays(updatedActiveDay);
   }, [checkDay, isDayRestricted, activeDays, controlKeyPressed, shiftKeyPressed]);
-  var handleToggleDay = React.useCallback(function (dayKey, forcedState) {
+  var handleToggleDay = useCallback(function (dayKey, forcedState) {
     if (typeof forcedState !== 'undefined') {
       if (controlKeyPressed && forcedState) {
         activeDays.includes(dayKey) ? excludeDayFromActive(dayKey) : checkActiveDay(dayKey);
@@ -239,7 +234,7 @@ var Monthly = function Monthly(_ref) {
       activeDays.includes(dayKey) ? uncheckActiveDay(dayKey) : checkActiveDay(dayKey);
     }
   }, [controlKeyPressed, activeDays, uncheckActiveDay, checkActiveDay, excludeDayFromActive]);
-  var renderDay = React.useCallback(function (dayKey) {
+  var renderDay = useCallback(function (dayKey) {
     var isActive = activeDays.includes(dayKey);
     return /*#__PURE__*/React.createElement(Day, {
       key: dayKey,
@@ -255,8 +250,8 @@ var Monthly = function Monthly(_ref) {
       texts: allTexts
     });
   }, [activeDays, getDayLabel, isDayRestricted, disabled, intl, handleToggleDay, removeDaySelection, allTexts]);
-  var handleRangeAdd = React.useCallback(function () {
-    var _objectSpread2;
+  var handleRangeAdd = useCallback(function () {
+    var _extends2;
     var updatedDay = {};
     var guid = Object.keys(value).find(function (key) {
       return activeDays.every(function (day) {
@@ -267,10 +262,10 @@ var Monthly = function Monthly(_ref) {
       updatedDay[day] = defaultDayValue;
     });
     var restOfScheduleObject = guid ? value[guid] : EMPTY_OBJECT;
-    var updatedSchedule = _objectSpread({}, value, (_objectSpread2 = {}, _objectSpread2[guid || uuid()] = _objectSpread({}, restOfScheduleObject, {}, updatedDay), _objectSpread2));
+    var updatedSchedule = _extends({}, value, (_extends2 = {}, _extends2[guid || uuid()] = _extends({}, restOfScheduleObject, updatedDay), _extends2));
     onChange(updatedSchedule);
   }, [value, activeDays, defaultDayValue, onChange]);
-  var renderGridTitle = React.useCallback(function (count) {
+  var renderGridTitle = useCallback(function (count) {
     return /*#__PURE__*/React.createElement(SelectionCount, {
       selectedDayCount: count,
       label: allTexts.selected

package/dist/RangeFilter/Filters/new/Weekly/Weekly.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, { useRef, useEffect, useCallback, useState, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
@@ -78,7 +74,7 @@ var Weekly = function Weekly(_ref) {
     if (dayKey instanceof Array) {
       dayKey.forEach(function (day) {
         if (guid in updatedSchedule) {
-          updatedSchedule[guid][day] = _objectSpread({}, value[guid][day], {
+          updatedSchedule[guid][day] = _extends({}, value[guid][day], {
             restricted: true,
             start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : undefined,
             stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : undefined,
@@ -87,7 +83,7 @@ var Weekly = function Weekly(_ref) {
         }
       });
     } else if (guid in updatedSchedule) {
-      updatedSchedule[guid][dayKey] = _objectSpread({}, value[guid][dayKey], {
+      updatedSchedule[guid][dayKey] = _extends({}, value[guid][dayKey], {
         restricted: true,
         start: start ? dayjs(start).format(DEFAULT_TIME_FORMAT) : undefined,
         stop: end ? dayjs(end).format(DEFAULT_TIME_FORMAT) : undefined,
@@ -105,7 +101,7 @@ var Weekly = function Weekly(_ref) {
   var handleModeChange = useCallback(function (selectedMode, dayKeys, guid) {
     var updatedSchedule = value;
     dayKeys.forEach(function (day) {
-      updatedSchedule[guid][day] = _objectSpread({}, value[guid][day], {
+      updatedSchedule[guid][day] = _extends({}, value[guid][day], {
         mode: selectedMode
       });
     });
@@ -116,7 +112,7 @@ var Weekly = function Weekly(_ref) {
     activeDaysArray.forEach(function (activeDay) {
       delete updatedSchedule[guid][activeDay];
     });
-    onChange(_objectSpread({}, updatedSchedule));
+    onChange(_extends({}, updatedSchedule));
   }, [value, onChange]);
   var dayFormatter = useCallback(function (dayKey) {
     return intl.formatMessage({
@@ -198,7 +194,7 @@ var Weekly = function Weekly(_ref) {
     });
   }, [activeDays, getDayLabel, isDayRestricted, disabled, intl, handleToggleDay, removeDaySelection, allTexts]);
   var handleRangeAdd = useCallback(function () {
-    var _objectSpread2;
+    var _extends2;
     var updatedDay = {};
     var guid = Object.keys(value).find(function (key) {
       return activeDays.every(function (day) {
@@ -209,7 +205,7 @@ var Weekly = function Weekly(_ref) {
       updatedDay[day] = defaultDayValue;
     });
     var restOfScheduleObject = guid ? value[guid] : EMPTY_OBJECT;
-    var updatedSchedule = _objectSpread({}, value, (_objectSpread2 = {}, _objectSpread2[guid || uuid()] = _objectSpread({}, restOfScheduleObject, {}, updatedDay), _objectSpread2));
+    var updatedSchedule = _extends({}, value, (_extends2 = {}, _extends2[guid || uuid()] = _extends({}, restOfScheduleObject, updatedDay), _extends2));
     onChange(updatedSchedule);
   }, [value, activeDays, defaultDayValue, onChange]);
   var renderGridTitle = useCallback(function (count) {

package/dist/RangeFilter/RangeFilter.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 from 'react';
 import { cloneDeep } from 'lodash';
 import ButtonGroup from '@synerise/ds-button-group';
@@ -22,7 +18,7 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
     var _props$allowedFilterT, _props$value, _props$value2, _props$value3, _this$state;
     var _this;
     _this = _React$PureComponent.call(this, props) || this;
-    _defineProperty(_this, "componentDidUpdate", function () {
+    _this.componentDidUpdate = function () {
       var _this2 = _this,
         state = _this2.state;
       var allowedFilterTypes = _this.props.allowedFilterTypes;
@@ -30,20 +26,20 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
       if (allowedFilterTypes != null && allowedFilterTypes.length && !allowedFilterTypes.includes(activeType)) {
         _this.handleTypeChange(allowedFilterTypes[0]);
       }
-    });
-    _defineProperty(_this, "handleApply", function () {
+    };
+    _this.handleApply = function () {
       var _this3 = _this,
         state = _this3.state;
       var onApply = _this.props.onApply;
       var activeType = state.activeType;
       var filter = state[String(activeType)];
       onApply && onApply(normalizeValue(filter));
-    });
-    _defineProperty(_this, "handleCancel", function () {
+    };
+    _this.handleCancel = function () {
       var onCancel = _this.props.onCancel;
       onCancel && onCancel();
-    });
-    _defineProperty(_this, "handleTypeChange", function (type) {
+    };
+    _this.handleTypeChange = function (type) {
       var _this$setState;
       var _this4 = _this,
         state = _this4.state;
@@ -51,18 +47,18 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
       var previousDefinition = previousValue == null ? void 0 : previousValue.definition;
       _this.setState((_this$setState = {
         activeType: type
-      }, _this$setState[type] = _objectSpread({
+      }, _this$setState[type] = _extends({
         definition: previousDefinition || cloneDeep(TYPES_DATA[type].definition)
       }, previousValue, {
         type: type
       }), _this$setState));
-    });
-    _defineProperty(_this, "handleRangeCopy", function (range) {
+    };
+    _this.handleRangeCopy = function (range) {
       _this.setState({
         rangeClipboard: range
       });
-    });
-    _defineProperty(_this, "handleFilterSave", function (filterName) {
+    };
+    _this.handleFilterSave = function (filterName) {
       var _this5 = _this,
         state = _this5.state;
       var activeType = state.activeType;
@@ -71,15 +67,15 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
         savedFilters = _this$props.savedFilters;
       var currentFilter = state[activeType];
       var filterList = savedFilters || [];
-      var filter = _objectSpread({}, currentFilter, {
+      var filter = _extends({}, currentFilter, {
         type: activeType,
         name: filterName,
         id: uuid()
       });
       var filterWithUniqueName = addSuffixToDuplicate(filterList, filter);
       onFilterSave && onFilterSave([].concat(filterList, [filterWithUniqueName]));
-    });
-    _defineProperty(_this, "handleSavedFilterRemove", function (removedFilterId) {
+    };
+    _this.handleSavedFilterRemove = function (removedFilterId) {
       var _this$props2 = _this.props,
         savedFilters = _this$props2.savedFilters,
         onFilterSave = _this$props2.onFilterSave;
@@ -87,19 +83,19 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
         return f.id !== removedFilterId;
       }) : [];
       onFilterSave && onFilterSave(listWithoutRemovedId);
-    });
-    _defineProperty(_this, "handleSavedFilterSelect", function (selected) {
+    };
+    _this.handleSavedFilterSelect = function (selected) {
       var _this$setState2;
       _this.setState((_this$setState2 = {
         activeType: selected.type
       }, _this$setState2[selected.type] = selected, _this$setState2));
-    });
+    };
     var _allowedFilterTypes = props != null && (_props$allowedFilterT = props.allowedFilterTypes) != null && _props$allowedFilterT.length ? props == null ? void 0 : props.allowedFilterTypes : Object.keys(TYPES);
     var valueType = props != null && (_props$value = props.value) != null && _props$value.type && _allowedFilterTypes.includes(props == null || (_props$value2 = props.value) == null ? void 0 : _props$value2.type) ? props == null || (_props$value3 = props.value) == null ? void 0 : _props$value3.type : _allowedFilterTypes[0];
     // eslint-disable-next-line react/state-in-constructor
     _this.state = (_this$state = {
       activeType: valueType
-    }, _this$state[String(valueType)] = _objectSpread({}, denormalizeValue(props.value)), _this$state);
+    }, _this$state[String(valueType)] = _extends({}, denormalizeValue(props.value)), _this$state);
     return _this;
   }
   _inheritsLoose(RangeFilter, _React$PureComponent);
@@ -150,7 +146,7 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
       value: definition,
       onChange: function onChange(def) {
         var _updatedFilter;
-        var updatedFilter = (_updatedFilter = {}, _updatedFilter[activeType] = _objectSpread({}, activeValue, {
+        var updatedFilter = (_updatedFilter = {}, _updatedFilter[activeType] = _extends({}, activeValue, {
           definition: def
         }), _updatedFilter);
         _this6.setState(updatedFilter);
@@ -176,9 +172,9 @@ var RangeFilter = /*#__PURE__*/function (_React$PureComponent) {
   };
   return RangeFilter;
 }(React.PureComponent); // @ts-ignore
-_defineProperty(RangeFilter, "defaultProps", {
-  value: _objectSpread({
+RangeFilter.defaultProps = {
+  value: _extends({
     type: TYPES.DAILY
   }, TYPES_DATA.DAILY.definition)
-});
+};
 export default injectIntl(RangeFilter);

package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts

@@ -10,10 +10,10 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
+    autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: boolean | "inherit" | "true" | "false" | undefined;
+    contentEditable?: boolean | "true" | "false" | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: boolean | undefined;
@@ -22,10 +22,9 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: boolean | "true" | "false" | undefined;
     tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
@@ -50,19 +49,23 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | "true" | "false" | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: boolean | "true" | "false" | undefined;
     "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: boolean | "true" | "false" | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -70,7 +73,7 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     "aria-expanded"?: boolean | "true" | "false" | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: boolean | "true" | "false" | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     "aria-hidden"?: boolean | "true" | "false" | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -92,6 +95,7 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: boolean | "true" | "false" | undefined;
     "aria-setsize"?: number | undefined;
@@ -172,6 +176,8 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -241,9 +247,7 @@ export declare const ContentItem: import("styled-components").StyledComponent<im
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.js

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import Button from '@synerise/ds-button';
+import { ButtonLabel } from '@synerise/ds-button/dist/Button.styles';
 import DSContentItem from '@synerise/ds-manageable-list/dist/Item/ContentItem/ContentItem';
 export var ContentItem = styled(DSContentItem).withConfig({
   displayName: "RangeFilterStatusstyles__ContentItem",
@@ -24,7 +25,7 @@ export var SuffixText = styled.span.withConfig({
 export var CreatorButton = styled(Button.Creator).withConfig({
   displayName: "RangeFilterStatusstyles__CreatorButton",
   componentId: "sc-1ei851t-4"
-})(["&&&{justify-content:flex-start;}"]);
+})(["", "{justify-content:flex-start;}"], ButtonLabel);
 export var Container = styled.div.withConfig({
   displayName: "RangeFilterStatusstyles__Container",
   componentId: "sc-1ei851t-5"

package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.styles.d.ts

@@ -5,10 +5,10 @@ export declare const FormButton: import("styled-components").StyledComponent<typ
     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/RangeFilter/Shared/TimeWindow/Day/Day.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DayProps } from './Day.types';
-declare const _default: React.NamedExoticComponent<DayProps>;
+declare const _default: React.MemoExoticComponent<({ active, label, onToggle, onClear, readOnly, restricted, dayKey, texts, intl, ...rest }: DayProps) => React.JSX.Element>;
 export default _default;

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

@@ -1,10 +1,8 @@
 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 React, { memo, useCallback, useMemo, useState } from 'react';
 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';
@@ -23,22 +21,22 @@ var Day = function Day(_ref) {
     texts = _ref.texts,
     intl = _ref.intl,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    hovered = _React$useState[0],
-    setHovered = _React$useState[1];
-  var type = React.useMemo(function () {
+  var _useState = useState(false),
+    hovered = _useState[0],
+    setHovered = _useState[1];
+  var type = useMemo(function () {
     return active ? 'primary' : 'secondary';
   }, [active]);
-  var handleIconClick = React.useCallback(function () {
+  var handleIconClick = useCallback(function () {
     !readOnly && onClear(dayKey);
   }, [readOnly, onClear, dayKey]);
-  var handleMouseLeave = React.useCallback(function () {
+  var handleMouseLeave = useCallback(function () {
     setHovered(false);
   }, []);
-  var handleButtonClick = React.useCallback(function () {
+  var handleButtonClick = useCallback(function () {
     onToggle && onToggle(dayKey, true);
   }, [onToggle, dayKey]);
-  var icon = React.useMemo(function () {
+  var icon = useMemo(function () {
     return hovered && !readOnly ? /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(Close3S, null),
       onClick: handleIconClick,
@@ -48,22 +46,23 @@ var Day = function Day(_ref) {
       color: theme.palette['green-600']
     });
   }, [hovered, handleIconClick, readOnly]);
-  var getPopupContainer = React.useCallback(function (node) {
+  var getPopupContainer = useCallback(function (node) {
     return node.parentElement ? node.parentElement : document.body;
   }, []);
-  var handleTooltipVisibleChange = React.useCallback(function (visible) {
+  var labelForTooltip = typeof label === 'function' ? label(false) : label;
+  var handleTooltipVisibleChange = useCallback(function (visible) {
     return setHovered(visible);
   }, []);
   return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(Tooltip, {
     trigger: ['hover'],
-    title: active ? label : texts.clickToSelect || 'Click to select'
+    title: active ? labelForTooltip : texts.clickToSelect || 'Click to select'
   }, /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
     onMouseLeave: handleMouseLeave,
     block: true,
     onClick: handleButtonClick,
     type: type,
     mode: "label-icon"
-  }), /*#__PURE__*/React.createElement(S.Content, null, label))), restricted && /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(S.Content, null, /*#__PURE__*/React.createElement(React.Fragment, null, label)))), restricted && /*#__PURE__*/React.createElement(Tooltip, {
     trigger: ['hover'],
     title: texts.clear || 'Clear',
     onVisibleChange: handleTooltipVisibleChange,
@@ -73,4 +72,4 @@ var Day = function Day(_ref) {
     active: hovered
   }, icon)));
 };
-export default React.memo(Day);
+export default memo(Day);