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

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.32.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.11...@synerise/ds-date-range-picker@0.32.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
 ## [0.31.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.10...@synerise/ds-date-range-picker@0.31.11) (2025-01-21)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/DateRangePicker.js

@@ -1,13 +1,9 @@
 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, { useCallback, useState, useRef, useMemo, useEffect } from 'react';
 import { isEqual } from 'lodash';
 import "./style/index.css";
 import { useIntl } from 'react-intl';
+import { Popover } from 'antd';
 import RawDateRangePicker from './RawDateRangePicker';
 import * as S from './DateRangePicker.styles';
 import RangePickerInput from './RangePickerInput/RangePickerInput';
@@ -44,7 +40,7 @@ var DateRangePicker = function DateRangePicker(props) {
   var _useState2 = useState(selectedRange),
     selectedDate = _useState2[0],
     setSelectedDate = _useState2[1];
-  var _useState3 = useState(),
+  var _useState3 = useState(false),
     inputActive = _useState3[0],
     setInputActive = _useState3[1];
   var _useState4 = useState(true),
@@ -54,11 +50,6 @@ var DateRangePicker = function DateRangePicker(props) {
   var allTexts = useMemo(function () {
     return getDefaultTexts(intl, disableDefaultTexts, texts);
   }, [texts, disableDefaultTexts, intl]);
-  useEffect(function () {
-    if (popupVisible !== undefined) {
-      setPopupVisible(undefined);
-    }
-  }, [popupVisible]);
   useEffect(function () {
     if (!isEqual(selectedRange, selectedDate)) {
       setSelectedDate(selectedRange);
@@ -90,12 +81,13 @@ var DateRangePicker = function DateRangePicker(props) {
     setPopupVisible(false);
     setInputActive(false);
   }, [defaultValue, onApply]);
-  var conditionalVisibilityProps = _objectSpread({}, popupVisible === false && {
+  var conditionalVisibilityProps = _extends({}, popupVisible === false && {
     visible: false
   });
   var handleRangePickerInputClick = readOnly ? undefined : function () {
-    return setPopupVisible(undefined);
+    return setPopupVisible(true);
   };
+  var hasCustomTrigger = !!popoverTrigger;
   var triggerElement = popoverTrigger || renderPopoverTrigger({
     setPopupVisible: setPopupVisible
   }) || /*#__PURE__*/React.createElement(RangePickerInput, _extends({
@@ -105,7 +97,7 @@ var DateRangePicker = function DateRangePicker(props) {
     texts: allTexts,
     valueFormatOptions: valueFormatOptions,
     onChange: onApplyCallback,
-    active: !!inputActive
+    active: inputActive
   }, rangePickerInputProps, {
     readOnly: readOnly,
     disabled: disabled
@@ -114,7 +106,7 @@ var DateRangePicker = function DateRangePicker(props) {
   return /*#__PURE__*/React.createElement(S.PickerWrapper, {
     ref: wrapperRef,
     arrowColor: arrowColor
-  }, /*#__PURE__*/React.createElement(S.PopoverWrapper, _extends({
+  }, /*#__PURE__*/React.createElement(Popover, _extends({
     content: /*#__PURE__*/React.createElement(RawDateRangePicker, _extends({}, props, {
       showTime: showTime,
       onApply: onApplyCallback,
@@ -136,6 +128,7 @@ var DateRangePicker = function DateRangePicker(props) {
     overlayClassName: "ds-date-range-popover",
     onVisibleChange: function onVisibleChange(visibility) {
       visibility && checkContentAlignement();
+      visibility && hasCustomTrigger && setPopupVisible(true);
       setInputActive(visibility);
       _onVisibleChange && _onVisibleChange(visibility);
     }

package/dist/DateRangePicker.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AdditionalMapper } from './DateRangePicker.types';
 export declare const PopupWrapper: import("styled-components").StyledComponent<"div", any, {
     hasFilter?: boolean | undefined;
@@ -7,7 +6,6 @@ export declare const PopupWrapper: import("styled-components").StyledComponent<"
 }, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PopoverWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/popover").PopoverProps & import("react").RefAttributes<unknown>>, any, {}, never>;
 export declare const Addon: import("styled-components").StyledComponent<"div", any, {
     last?: boolean | undefined;
 }, never>;

package/dist/DateRangePicker.styles.js

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { Popover } from 'antd';
 var getHeight = function getHeight(hasFilter, hasRelativePicker) {
   var baseHeight = 509;
   if (hasFilter) {
@@ -32,19 +31,15 @@ export var Separator = styled.div.withConfig({
 })(["margin:0;border-top:1px solid ", ";"], function (props) {
   return props.theme.palette['grey-200'];
 });
-export var PopoverWrapper = styled(Popover).withConfig({
-  displayName: "DateRangePickerstyles__PopoverWrapper",
-  componentId: "zmtbjf-3"
-})([""]);
 export var Addon = styled.div.withConfig({
   displayName: "DateRangePickerstyles__Addon",
-  componentId: "zmtbjf-4"
+  componentId: "zmtbjf-3"
 })(["", ""], function (props) {
   return !props.last && "border-bottom: 1px solid " + props.theme.palette['grey-200'] + ";";
 });
 export var PickerWrapper = styled.div.withConfig({
   displayName: "DateRangePickerstyles__PickerWrapper",
-  componentId: "zmtbjf-5"
+  componentId: "zmtbjf-4"
 })([".ant-popover.ds-date-range-popover > .ant-popover-content{margin:-5px 0;}.ant-dropdown.ds-date-range-popover > .ant-popover-arrow.ant-popover-arrow.ant-popover-arrow.ant-popover-arrow{display:none !important;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner{background:transparent;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content{padding:0;}.ant-dropdown.ds-date-range-popover .ds-date-range-picker{box-shadow:0 16px 32px 0 rgba(35,41,54,0.1);padding:16px;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}"], function (props) {
   var _props$theme$palette, _props$arrowColor, _props$arrowColor2;
   return props.arrowColor ? (_props$theme$palette = props.theme.palette[((_props$arrowColor = props.arrowColor) == null ? void 0 : _props$arrowColor.bottomLeft) + "-050"]) != null ? _props$theme$palette : (_props$arrowColor2 = props.arrowColor) == null ? void 0 : _props$arrowColor2.bottomLeft : props.theme.palette.white;
@@ -72,7 +67,7 @@ export var PickerWrapper = styled.div.withConfig({
 });
 export var OverlayContainer = styled.div.withConfig({
   displayName: "DateRangePickerstyles__OverlayContainer",
-  componentId: "zmtbjf-6"
+  componentId: "zmtbjf-5"
 })(["display:", ";"], function (props) {
   return props.visible ? 'flex' : 'none';
 });

package/dist/DateRangePicker.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { WrappedComponentProps } from 'react-intl';
+import { IntlShape } from 'react-intl';
 import { PopoverProps } from 'antd/lib/popover';
 import { DateToFormatOptions } from '@synerise/ds-data-format';
 import { DateFilter, DateRange, DateRangePreset, RelativeUnits } from './date.types';
@@ -20,7 +20,11 @@ export type AdditionalMapper = {
     rightTop: CustomColorArrow;
     rightBottom: CustomColorArrow;
 };
-export type DateRangePickerProps = WrappedComponentProps & {
+export type DateRangePickerProps = {
+    /**
+     * @deprecated use `valueFormatOptions` instead
+     */
+    intl?: IntlShape;
     /**
      * overwrite default container's class. Default value is `ds-date-range-picker`.
      */

package/dist/Footer/Footer.d.ts

@@ -1,33 +1,4 @@
 import React from 'react';
-declare const _default: React.FC<import("react-intl").WithIntlProps<{
-    mode: string;
-    dateOnly?: boolean | undefined;
-    value?: import("..").DateRange | undefined;
-    canApply?: boolean | undefined;
-    canSwitchMode?: boolean | undefined;
-    onApply?: ((date?: Date | import("..").DateRange | undefined) => void) | undefined;
-    onSwitchMode?: (() => void) | undefined;
-    message?: React.ReactNode;
-    texts: import("..").DateRangePickerTexts;
-    format?: string | undefined;
-    valueFormatOptions?: import("@synerise/ds-data-format").DateToFormatOptions | undefined;
-    showTime?: boolean | undefined;
-    displayDateContainerClass?: string | undefined;
-} & import("react-intl").WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<{
-        mode: string;
-        dateOnly?: boolean | undefined;
-        value?: import("..").DateRange | undefined;
-        canApply?: boolean | undefined;
-        canSwitchMode?: boolean | undefined;
-        onApply?: ((date?: Date | import("..").DateRange | undefined) => void) | undefined;
-        onSwitchMode?: (() => void) | undefined;
-        message?: React.ReactNode;
-        texts: import("..").DateRangePickerTexts;
-        format?: string | undefined;
-        valueFormatOptions?: import("@synerise/ds-data-format").DateToFormatOptions | undefined;
-        showTime?: boolean | undefined;
-        displayDateContainerClass?: string | undefined;
-    } & import("react-intl").WrappedComponentProps<"intl">>;
-};
-export default _default;
+import { Props } from './Footer.types';
+declare const Footer: ({ canApply, onApply, canSwitchMode, onSwitchMode, mode, dateOnly, message, texts, value, format, valueFormatOptions, showTime, displayDateContainerClass, ...rest }: Props) => React.JSX.Element;
+export default Footer;

package/dist/Footer/Footer.js

@@ -1,13 +1,8 @@
-var _excluded = ["canApply", "onApply", "intl", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "valueFormatOptions", "showTime", "displayDateContainerClass"];
+var _excluded = ["canApply", "onApply", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "valueFormatOptions", "showTime", "displayDateContainerClass"];
 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); }
 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, { useMemo, useCallback } from 'react';
-import { injectIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 import Button from '@synerise/ds-button';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { ArrowRightS } from '@synerise/ds-icon';
@@ -21,7 +16,6 @@ import { toIsoStringWithoutZone } from '../utils';
 var Footer = function Footer(_ref) {
   var canApply = _ref.canApply,
     onApply = _ref.onApply,
-    intl = _ref.intl,
     canSwitchMode = _ref.canSwitchMode,
     onSwitchMode = _ref.onSwitchMode,
     mode = _ref.mode,
@@ -37,14 +31,16 @@ var Footer = function Footer(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useDataFormat = useDataFormat(),
     formatValue = _useDataFormat.formatValue;
+  var _useIntl = useIntl(),
+    locale = _useIntl.locale;
   var footerFormat = format || (showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
   var footerDateToString = useCallback(function (date) {
     if (format || typeof date === 'string') {
-      return fnsFormat(getDateFromString(date), footerFormat, intl.locale);
+      return fnsFormat(getDateFromString(date), footerFormat, locale);
     }
     var parseDate = new Date(toIsoStringWithoutZone(date));
-    return formatValue(parseDate, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
-  }, [footerFormat, format, formatValue, intl.locale, valueFormatOptions, showTime]);
+    return formatValue(parseDate, _extends({}, getDefaultDataTimeOptions(showTime), valueFormatOptions));
+  }, [footerFormat, format, formatValue, locale, valueFormatOptions, showTime]);
   var ChosenRange = useMemo(function () {
     if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {
       var _texts$value$translat;
@@ -71,4 +67,4 @@ var Footer = function Footer(_ref) {
     }
   }, texts.apply))));
 };
-export default injectIntl(Footer);
+export default Footer;

package/dist/Footer/Footer.types.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { WrappedComponentProps } from 'react-intl';
-import { DateToFormatOptions } from '@synerise/ds-data-format';
-import { Texts } from '../DateRangePicker.types';
-import { DateRange } from '../date.types';
+import type { DateToFormatOptions } from '@synerise/ds-data-format';
+import type { Texts } from '../DateRangePicker.types';
+import type { DateRange } from '../date.types';
 export type Props = {
     mode: string;
     dateOnly?: boolean;
@@ -20,4 +19,4 @@ export type Props = {
     valueFormatOptions?: DateToFormatOptions;
     showTime?: boolean;
     displayDateContainerClass?: string;
-} & WrappedComponentProps;
+};

package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js

@@ -1,11 +1,6 @@
 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 _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 { FormattedMessage, injectIntl } from 'react-intl';
 import ContentItem from '@synerise/ds-manageable-list/dist/Item/ContentItem/ContentItem';
@@ -25,14 +20,14 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
-    _defineProperty(_this, "state", {
+    _this.state = {
       visible: (_visible = {}, _visible[defaultId] = true, _visible)
-    });
-    _defineProperty(_this, "setData", function (definition) {
+    };
+    _this.setData = function (definition) {
       var onChange = _this.props.onChange;
       return onChange(definition);
-    });
-    _defineProperty(_this, "handleAddRow", function () {
+    };
+    _this.handleAddRow = function () {
       var id = uuid();
       var _this$props = _this.props,
         value = _this$props.value,
@@ -47,16 +42,16 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
         id: id
       }]));
       _this.handleCollapse(id);
-    });
-    _defineProperty(_this, "handleRemoveRow", function (index) {
+    };
+    _this.handleRemoveRow = function (index) {
       var value = _this.props.value;
       var result = value.filter(function (item, key) {
         return key !== index;
       });
       _this.handleRemoveRowCollapse(value[index].id);
       _this.setData([].concat(result));
-    });
-    _defineProperty(_this, "handleRemoveRowCollapse", function (deletedId) {
+    };
+    _this.handleRemoveRowCollapse = function (deletedId) {
       var value = _this.props.value;
       var visible = _this.state.visible;
       var itemKey = value.findIndex(function (item) {
@@ -65,33 +60,33 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
       var next = value[itemKey + 1];
       var prev = value[itemKey - 1];
       visible[deletedId] && (next || prev) && _this.handleCollapse(next ? next.id : prev.id);
-    });
-    _defineProperty(_this, "handleTypeChange", function (val, index) {
+    };
+    _this.handleTypeChange = function (val, index) {
       var value = _this.props.value;
-      value[index] = _objectSpread({}, value[index], {
+      value[index] = _extends({}, value[index], {
         period: val,
         definition: {}
       });
       _this.setData(value);
-    });
-    _defineProperty(_this, "handlePeriodTypeChange", function (val, index) {
+    };
+    _this.handlePeriodTypeChange = function (val, index) {
       var value = _this.props.value;
       var data = [].concat(value);
-      data[index] = _objectSpread({}, data[index], {
+      data[index] = _extends({}, data[index], {
         periodType: val
       });
       _this.setData(data);
-    });
-    _defineProperty(_this, "handleDefinitionChange", function (definition, index) {
+    };
+    _this.handleDefinitionChange = function (definition, index) {
       var value = _this.props.value;
       var data = [].concat(value);
       var currentDefinition = data[index];
-      data[index] = _objectSpread({}, currentDefinition, {
+      data[index] = _extends({}, currentDefinition, {
         definition: definition
       });
       _this.setData(data);
-    });
-    _defineProperty(_this, "dayWeekFormatter", function (index, _long) {
+    };
+    _this.dayWeekFormatter = function (index, _long) {
       var intl = _this.props.intl;
       var weekStartIndex = Math.floor(index / 7);
       var dayOfWeek = index - weekStartIndex * 7;
@@ -104,8 +99,8 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
       return _long ? nthWeek + " " + weekday : intl.formatMessage({
         id: "DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-" + dayOfWeek
       });
-    });
-    _defineProperty(_this, "dayMonthFormatter", function (i, _long2) {
+    };
+    _this.dayMonthFormatter = function (i, _long2) {
       var intl = _this.props.intl;
       var locale = intl.locale.substring(0, 2);
       return _long2 ? intl.formatMessage({
@@ -113,15 +108,15 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
       }, {
         nth: MONTH_DAYS(locale)[i]
       }) : MONTH_DAYS(locale)[i];
-    });
-    _defineProperty(_this, "dayTemplate", function (index) {
+    };
+    _this.dayTemplate = function (index) {
       var weekStartIndex = Math.floor(index / 7);
       return {
         week: weekStartIndex,
         day: index - weekStartIndex * 7
       };
-    });
-    _defineProperty(_this, "getTimeWindowSettings", function (item) {
+    };
+    _this.getTimeWindowSettings = function (item) {
       var _settings;
       var intl = _this.props.intl;
       var settings = (_settings = {}, _settings[DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH] = {
@@ -148,8 +143,8 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
         }
       }, _settings);
       return settings[item.period];
-    });
-    _defineProperty(_this, "handleCollapse", function (id) {
+    };
+    _this.handleCollapse = function (id) {
       var visible = _this.state.visible;
       var updatedVisible = {};
       var visibleKeys = visible ? Object.keys(visible) : [];
@@ -161,8 +156,8 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
       _this.setState({
         visible: updatedVisible
       });
-    });
-    _defineProperty(_this, "renderDaysOfField", function (item, key) {
+    };
+    _this.renderDaysOfField = function (item, key) {
       var _this$props2 = _this.props,
         intl = _this$props2.intl,
         daysOfPeriods = _this$props2.daysOfPeriods,
@@ -213,8 +208,8 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
         dataSource: dataSource,
         size: "small"
       });
-    });
-    _defineProperty(_this, "renderCountedFromField", function (item, key) {
+    };
+    _this.renderCountedFromField = function (item, key) {
       var _this$props3 = _this.props,
         intl = _this$props3.intl,
         countedFromPeriods = _this$props3.countedFromPeriods,
@@ -266,7 +261,7 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
         dataSource: dataSource,
         size: "small"
       });
-    });
+    };
     return _this;
   }
   _inheritsLoose(MonthlyFilter, _PureComponent);
@@ -378,7 +373,7 @@ var MonthlyFilter = /*#__PURE__*/function (_PureComponent) {
   };
   return MonthlyFilter;
 }(PureComponent);
-_defineProperty(MonthlyFilter, "defaultProps", {
+MonthlyFilter.defaultProps = {
   maxEntries: 4
-});
+};
 export default injectIntl(MonthlyFilter);

package/dist/RangeFilter/Filters/new/Daily/Daily.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, { useMemo, useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
@@ -42,7 +38,7 @@ var Daily = function Daily(_ref) {
   }, [valueSelectionMode]);
   var handleDayTimeChange = useCallback(function (dateValueArray, index) {
     var updatedSchedule = value;
-    updatedSchedule[index] = _objectSpread({}, value[index], {
+    updatedSchedule[index] = _extends({}, value[index], {
       restricted: true,
       start: dayjs(dateValueArray[0]).format(DEFAULT_TIME_FORMAT),
       stop: dayjs(dateValueArray[1]).format(DEFAULT_TIME_FORMAT),
@@ -58,7 +54,7 @@ var Daily = function Daily(_ref) {
   }, [value, defaultDayValue]);
   var handleModeChange = useCallback(function (selectedMode, elementIndex) {
     var updatedSchedule = value;
-    updatedSchedule[elementIndex] = _objectSpread({}, value[elementIndex], {
+    updatedSchedule[elementIndex] = _extends({}, value[elementIndex], {
       mode: selectedMode
     });
   }, [value]);