@reltio/components 1.4.1955 → 1.4.1957

package/esm/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.js

@@ -1,95 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React, { useState } from 'react';
+import React from 'react';
 import i18n from 'ui-i18n';
-import { pipe } from 'ramda';
 import classnames from 'classnames';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Radio from '@mui/material/Radio';
-import RadioGroup from '@mui/material/RadioGroup';
 import Typography from '@mui/material/Typography';
-import { DateIntervalSelector } from '../../../../../DateIntervalSelector';
-import { getValue } from '../../../../../helpers/events';
-import { CustomDateRangeEditor } from '../../../../../CustomDateRangeEditor';
-import { useDidUpdateEffect } from '../../../../../hooks/useDidUpdateEffect';
+import { DateRangeSelector as BaseDateRangeSelector } from '../../../../../DateRangeSelector';
 import { useStyles } from '../../styles';
-var emptyDates = [null, null];
-var emptyInterval = [null, 'minutes'];
 export var DateRangeSelector = function (_a) {
     var value = _a.value, onChange = _a.onChange;
     var styles = useStyles();
-    var getInitPeriodByType = function (type) {
-        if ((value === null || value === void 0 ? void 0 : value.type) === type) {
-            return value.period;
-        }
-        else if (type === DateRangeTypes.WITHIN || type === DateRangeTypes.AGO) {
-            return emptyInterval;
-        }
-        else if (type === DateRangeTypes.BETWEEN) {
-            return emptyDates;
-        }
-    };
-    var _b = useState(getInitPeriodByType(DateRangeTypes.BETWEEN)), datesInterval = _b[0], setDatesInterval = _b[1];
-    var _c = useState(getInitPeriodByType(DateRangeTypes.WITHIN)), withinInterval = _c[0], setWithinInterval = _c[1];
-    var _d = useState(getInitPeriodByType(DateRangeTypes.AGO)), agoInterval = _d[0], setAgoInterval = _d[1];
-    var getCurrentPeriodByType = function (type) {
-        if (type === DateRangeTypes.WITHIN) {
-            return withinInterval;
-        }
-        else if (type === DateRangeTypes.AGO) {
-            return agoInterval;
-        }
-        else if (type === DateRangeTypes.BETWEEN) {
-            return datesInterval;
-        }
-    };
-    var changeType = function (type) {
-        if ((value === null || value === void 0 ? void 0 : value.type) !== type) {
-            onChange({ period: getCurrentPeriodByType(type), type: type });
-        }
-    };
-    var changePeriod = function (period) {
-        onChange(__assign(__assign({}, value), { period: period }));
-    };
-    useDidUpdateEffect(function () {
-        if (value) {
-            if (value.type === DateRangeTypes.WITHIN) {
-                setWithinInterval(value.period);
-            }
-            else if (value.type === DateRangeTypes.AGO) {
-                setAgoInterval(value.period);
-            }
-            else if (value.type === DateRangeTypes.BETWEEN) {
-                setDatesInterval(value.period);
-            }
-        }
-        else {
-            setDatesInterval(emptyDates);
-            setWithinInterval(emptyInterval);
-            setAgoInterval(emptyInterval);
-        }
-    }, [value]);
     return (React.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "date-range-selector" },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Date')),
-        React.createElement(RadioGroup, { value: (value === null || value === void 0 ? void 0 : value.type) || null, onChange: pipe(getValue, changeType) },
-            React.createElement("div", { className: styles.dateOptionWithin },
-                React.createElement(FormControlLabel, { value: DateRangeTypes.WITHIN, control: React.createElement(Radio, { color: "primary" }), label: i18n.text('Within the last'), classes: { label: classnames(styles.dateOptionLabel, styles.labels) } }),
-                React.createElement(DateIntervalSelector, { interval: withinInterval, onChange: changePeriod, onFocus: function () { return changeType(DateRangeTypes.WITHIN); } })),
-            React.createElement("div", { className: styles.dateOptionAgo },
-                React.createElement(FormControlLabel, { value: DateRangeTypes.AGO, control: React.createElement(Radio, { color: "primary" }), label: i18n.text('More than'), classes: { label: classnames(styles.dateOptionLabel, styles.labels) } }),
-                React.createElement(DateIntervalSelector, { interval: agoInterval, onChange: changePeriod, onFocus: function () { return changeType(DateRangeTypes.AGO); } }),
-                React.createElement(Typography, { className: classnames(styles.agoLabel, styles.labels), variant: 'subtitle1' }, i18n.text('Ago'))),
-            React.createElement("div", { className: styles.dateOption },
-                React.createElement(FormControlLabel, { value: DateRangeTypes.BETWEEN, control: React.createElement(Radio, { color: "primary" }), label: i18n.text('Date range'), classes: { label: classnames(styles.dateOptionLabel, styles.labels) } }),
-                React.createElement(CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(DateRangeTypes.BETWEEN); } })))));
+        React.createElement(BaseDateRangeSelector, { value: value, onChange: onChange })));
 };

package/esm/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "option" | "labels" | "divider" | "clearButton" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "editorFields" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"labels" | "filterSubtitle" | "selectorWrapper">;

package/esm/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/styles.js

@@ -1,9 +1,5 @@
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
-    container: {
-        width: 500,
-        boxSizing: 'border-box'
-    },
     labels: {
         fontSize: '14px'
     },
@@ -11,57 +7,7 @@ export var useStyles = makeStyles({
         paddingBottom: '10px',
         paddingLeft: '5px'
     },
-    agoLabel: {
-        minWidth: '30px',
-        textAlign: 'end',
-        margin: 'auto'
-    },
-    dateOption: {
-        display: 'flex',
-        marginRight: '30px'
-    },
-    dateOptionAgo: {
-        display: 'flex',
-        marginBottom: '10px'
-    },
-    dateOptionWithin: {
-        display: 'flex',
-        marginRight: '30px',
-        marginBottom: '10px'
-    },
-    dateOptionLabel: {
-        minWidth: '100px'
-    },
-    dropDownInput: {
-        width: '100%',
-        justifyContent: 'center',
-        backgroundColor: 'rgba(0, 0, 0, 0.03)',
-        borderTop: '4px'
-    },
-    editorFields: {
-        maxHeight: 400,
-        borderColor: 'rgba(0,0,0,0.12)'
-    },
-    clearButton: {
-        marginRight: 'auto'
-    },
     selectorWrapper: {
         marginBottom: '12px'
-    },
-    option: {
-        fontSize: '14px',
-        height: '32px'
-    },
-    selectorsGroup: {
-        display: 'flex',
-        flexDirection: 'column'
-    },
-    selectorHint: {
-        fontSize: 12,
-        lineHeight: '16px',
-        color: 'rgba(0,0,0,0.54)'
-    },
-    divider: {
-        marginBottom: 12
     }
 });

package/esm/icons/Info.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgInfo: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgInfo;

package/esm/icons/Info.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgInfo = function (props) {
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgInfo" }, props),
+        React.createElement("path", { d: "M11.25 16.75h1.5V11h-1.5v5.75zM12 9.289c.229 0 .42-.078.575-.233a.782.782 0 00.233-.575.782.782 0 00-.232-.576.782.782 0 00-.576-.232.782.782 0 00-.575.232.782.782 0 00-.233.576c0 .229.078.42.232.575A.782.782 0 0012 9.29zm.002 12.211a9.254 9.254 0 01-3.706-.748 9.596 9.596 0 01-3.016-2.03 9.595 9.595 0 01-2.032-3.016 9.246 9.246 0 01-.748-3.704c0-1.314.25-2.55.748-3.706a9.596 9.596 0 012.03-3.016 9.594 9.594 0 013.016-2.032 9.246 9.246 0 013.704-.748c1.314 0 2.55.25 3.706.748a9.596 9.596 0 013.017 2.03 9.594 9.594 0 012.03 3.016 9.247 9.247 0 01.749 3.704c0 1.314-.25 2.55-.748 3.706a9.596 9.596 0 01-2.03 3.017 9.595 9.595 0 01-3.016 2.03 9.247 9.247 0 01-3.704.749zM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z", fill: "#003", fillOpacity: 0.8 })));
+};
+export default SvgInfo;

package/esm/icons/index.d.ts

@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
 export { default as Hyperlink } from './Hyperlink';
 export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
+export { default as Info } from './Info';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
 export { default as Merge } from './Merge';

package/esm/icons/index.js

@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
 export { default as Hyperlink } from './Hyperlink';
 export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
+export { default as Info } from './Info';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
 export { default as Merge } from './Merge';

package/esm/index.d.ts

@@ -37,6 +37,7 @@ export { ExpandedValueTooltip } from './ExpandedValueTooltip';
 export { FacetViewHeader } from './FacetViewHeader';
 export { FilterButton } from './FilterButton';
 export { ImageAttributesLineEditor as EditableImageAttributesLine } from './ImageAttributesLineEditor';
+export { InfoIcon } from './InfoIcon';
 export { InlineAttributesPager } from './InlineAttributesPager';
 export { InlineImageAttribute } from './InlineImageAttribute';
 export { InlineNestedAttribute } from './InlineNestedAttribute';
@@ -175,6 +176,7 @@ export { ReltioMap } from './ReltioMap';
 export { RelationEditor } from './RelationEditor';
 export { GaugeChart } from './GaugeChart';
 export { UpSetChart } from './UpSetChart';
+export { DateRangeSelector } from './DateRangeSelector';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/esm/index.js

@@ -38,6 +38,7 @@ export { ExpandedValueTooltip } from './ExpandedValueTooltip';
 export { FacetViewHeader } from './FacetViewHeader';
 export { FilterButton } from './FilterButton';
 export { ImageAttributesLineEditor as EditableImageAttributesLine } from './ImageAttributesLineEditor';
+export { InfoIcon } from './InfoIcon';
 export { InlineAttributesPager } from './InlineAttributesPager';
 export { InlineImageAttribute } from './InlineImageAttribute';
 export { InlineNestedAttribute } from './InlineNestedAttribute';
@@ -176,6 +177,7 @@ export { ReltioMap } from './ReltioMap';
 export { RelationEditor } from './RelationEditor';
 export { GaugeChart } from './GaugeChart';
 export { UpSetChart } from './UpSetChart';
+export { DateRangeSelector } from './DateRangeSelector';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1955",
+  "version": "1.4.1957",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1864",
+    "@reltio/mdm-sdk": "^1.4.1866",
     "@upsetjs/react": "^1.11.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.specs.js

@@ -1,185 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var test_utils_1 = require("react-dom/test-utils");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var CustomDateRangeEditor_1 = require("../../../../../CustomDateRangeEditor");
-var DateIntervalSelector_1 = require("../../../../../DateIntervalSelector");
-var DateRangeSelector_1 = require("./DateRangeSelector");
-describe('DateRangeSelector tests', function () {
-    var value = {
-        type: mdm_sdk_1.DateRangeTypes.WITHIN,
-        period: [4, 'month']
-    };
-    var defaultProps = {
-        value: value,
-        onChange: jest.fn()
-    };
-    afterEach(function () {
-        jest.clearAllMocks();
-    });
-    it('should render correct default state', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        expect(wrapper.find(Typography_1.default).filterWhere(function (component) { return component.text() === 'Date'; }).length).toBe(1);
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        expect(radioGroup.length).toBe(1);
-        expect(radioGroup.prop('value')).toBe(defaultProps.value.type);
-        var withinOption = wrapper.find('.dateOptionWithin');
-        var agoOption = wrapper.find('.dateOptionAgo');
-        var betweenOption = wrapper.find('.dateOption');
-        expect(withinOption.length).toBe(1);
-        expect(withinOption.find(FormControlLabel_1.default).prop('value')).toBe(mdm_sdk_1.DateRangeTypes.WITHIN);
-        expect(agoOption.length).toBe(1);
-        expect(agoOption.find(FormControlLabel_1.default).prop('value')).toBe(mdm_sdk_1.DateRangeTypes.AGO);
-        expect(betweenOption.length).toBe(1);
-        expect(betweenOption.find(FormControlLabel_1.default).prop('value')).toBe(mdm_sdk_1.DateRangeTypes.BETWEEN);
-    });
-    it('should call props.onChange when type is changed to ago', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        (0, test_utils_1.act)(function () {
-            var _a;
-            var changeEvent = { target: { value: mdm_sdk_1.DateRangeTypes.AGO } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, mdm_sdk_1.DateRangeTypes.AGO);
-        });
-        wrapper.update();
-        var agoValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [null, 'minutes']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(agoValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        (0, test_utils_1.act)(function () {
-            var _a;
-            var changeEvent = { target: { value: mdm_sdk_1.DateRangeTypes.BETWEEN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, mdm_sdk_1.DateRangeTypes.BETWEEN);
-        });
-        wrapper.update();
-        var betweenValue = {
-            type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            period: [null, null]
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(betweenValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var agoValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        (0, test_utils_1.act)(function () {
-            var _a;
-            var changeEvent = { target: { value: mdm_sdk_1.DateRangeTypes.WITHIN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, mdm_sdk_1.DateRangeTypes.WITHIN);
-        });
-        wrapper.update();
-        var withinValue = {
-            type: mdm_sdk_1.DateRangeTypes.WITHIN,
-            period: [null, 'minutes']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(withinValue);
-    });
-    it('should call props.onChange when within period is changed', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        var withinOption = wrapper.find('.dateOptionWithin');
-        (0, test_utils_1.act)(function () {
-            withinOption.find(DateIntervalSelector_1.DateIntervalSelector).prop('onChange')([3, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: mdm_sdk_1.DateRangeTypes.WITHIN,
-            period: [3, 'days']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when ago period is changed', function () {
-        var agoValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
-        var agoOption = wrapper.find('.dateOptionAgo');
-        (0, test_utils_1.act)(function () {
-            agoOption.find(DateIntervalSelector_1.DateIntervalSelector).prop('onChange')([17, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [17, 'days']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when between period is changed', function () {
-        var betweenValue = {
-            type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            period: [new Date(123), new Date(456)]
-        };
-        var props = {
-            value: betweenValue,
-            onChange: jest.fn()
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
-        var betweenOption = wrapper.find('.dateOption');
-        (0, test_utils_1.act)(function () {
-            betweenOption.find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('onChange')([new Date(234), new Date(567)]);
-        });
-        wrapper.update();
-        var newValue = {
-            type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            period: [new Date(234), new Date(567)]
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should render correctly if value is null', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps, { value: null })));
-        expect(wrapper.find(RadioGroup_1.default).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-    it('should apply null value from props correctly', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        wrapper.setProps({ value: null });
-        wrapper.update();
-        expect(wrapper.find(RadioGroup_1.default).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-});

package/esm/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.specs.js

@@ -1,180 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import RadioGroup from '@mui/material/RadioGroup';
-import Typography from '@mui/material/Typography';
-import { CustomDateRangeEditor } from '../../../../../CustomDateRangeEditor';
-import { DateIntervalSelector } from '../../../../../DateIntervalSelector';
-import { DateRangeSelector } from './DateRangeSelector';
-describe('DateRangeSelector tests', function () {
-    var value = {
-        type: DateRangeTypes.WITHIN,
-        period: [4, 'month']
-    };
-    var defaultProps = {
-        value: value,
-        onChange: jest.fn()
-    };
-    afterEach(function () {
-        jest.clearAllMocks();
-    });
-    it('should render correct default state', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        expect(wrapper.find(Typography).filterWhere(function (component) { return component.text() === 'Date'; }).length).toBe(1);
-        var radioGroup = wrapper.find(RadioGroup);
-        expect(radioGroup.length).toBe(1);
-        expect(radioGroup.prop('value')).toBe(defaultProps.value.type);
-        var withinOption = wrapper.find('.dateOptionWithin');
-        var agoOption = wrapper.find('.dateOptionAgo');
-        var betweenOption = wrapper.find('.dateOption');
-        expect(withinOption.length).toBe(1);
-        expect(withinOption.find(FormControlLabel).prop('value')).toBe(DateRangeTypes.WITHIN);
-        expect(agoOption.length).toBe(1);
-        expect(agoOption.find(FormControlLabel).prop('value')).toBe(DateRangeTypes.AGO);
-        expect(betweenOption.length).toBe(1);
-        expect(betweenOption.find(FormControlLabel).prop('value')).toBe(DateRangeTypes.BETWEEN);
-    });
-    it('should call props.onChange when type is changed to ago', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup);
-        act(function () {
-            var _a;
-            var changeEvent = { target: { value: DateRangeTypes.AGO } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, DateRangeTypes.AGO);
-        });
-        wrapper.update();
-        var agoValue = {
-            type: DateRangeTypes.AGO,
-            period: [null, 'minutes']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(agoValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup);
-        act(function () {
-            var _a;
-            var changeEvent = { target: { value: DateRangeTypes.BETWEEN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, DateRangeTypes.BETWEEN);
-        });
-        wrapper.update();
-        var betweenValue = {
-            type: DateRangeTypes.BETWEEN,
-            period: [null, null]
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(betweenValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var agoValue = {
-            type: DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, props)));
-        var radioGroup = wrapper.find(RadioGroup);
-        act(function () {
-            var _a;
-            var changeEvent = { target: { value: DateRangeTypes.WITHIN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, DateRangeTypes.WITHIN);
-        });
-        wrapper.update();
-        var withinValue = {
-            type: DateRangeTypes.WITHIN,
-            period: [null, 'minutes']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(withinValue);
-    });
-    it('should call props.onChange when within period is changed', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        var withinOption = wrapper.find('.dateOptionWithin');
-        act(function () {
-            withinOption.find(DateIntervalSelector).prop('onChange')([3, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: DateRangeTypes.WITHIN,
-            period: [3, 'days']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when ago period is changed', function () {
-        var agoValue = {
-            type: DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, props)));
-        var agoOption = wrapper.find('.dateOptionAgo');
-        act(function () {
-            agoOption.find(DateIntervalSelector).prop('onChange')([17, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: DateRangeTypes.AGO,
-            period: [17, 'days']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when between period is changed', function () {
-        var betweenValue = {
-            type: DateRangeTypes.BETWEEN,
-            period: [new Date(123), new Date(456)]
-        };
-        var props = {
-            value: betweenValue,
-            onChange: jest.fn()
-        };
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, props)));
-        var betweenOption = wrapper.find('.dateOption');
-        act(function () {
-            betweenOption.find(CustomDateRangeEditor).prop('onChange')([new Date(234), new Date(567)]);
-        });
-        wrapper.update();
-        var newValue = {
-            type: DateRangeTypes.BETWEEN,
-            period: [new Date(234), new Date(567)]
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should render correctly if value is null', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps, { value: null })));
-        expect(wrapper.find(RadioGroup).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-    it('should apply null value from props correctly', function () {
-        var wrapper = mount(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        wrapper.setProps({ value: null });
-        wrapper.update();
-        expect(wrapper.find(RadioGroup).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-});