@reltio/components 1.4.1819 → 1.4.1820

package/cjs/FilterValueEditor/FilterValueEditor.js

@@ -0,0 +1,62 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterValueEditor = void 0;
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var DateRangeEditor_1 = require("../DateRangeEditor");
+var DataTypeValueEditor_1 = require("../DataTypeValueEditor");
+var RangeDataTypeValueEditor_1 = require("./components/RangeDataTypeValueEditor");
+var helpers_1 = require("./helpers");
+var FilterValueEditor = function (_a) {
+    var _b = _a.filter, _c = _b.values, values = _c === void 0 ? [] : _c, fieldName = _b.fieldName, filter = _b.filter, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, orientation = _a.orientation, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["filter", "onChange", "dataTypeDefinition", "orientation", "TextFieldProps"]);
+    var dataType = dataTypeDefinition.type;
+    var value = (0, mdm_sdk_1.mapFilterValue)((0, helpers_1.toEditorValue)(dataType))(values[0]);
+    var handleChange = (0, ramda_1.pipe)((0, mdm_sdk_1.mapFilterValue)((0, helpers_1.fromEditorValue)(dataType)), mdm_sdk_1.wrapInArray, onChange);
+    if ((0, mdm_sdk_1.isDateRangeFilterOption)(filter)) {
+        return (react_1.default.createElement(DateRangeEditor_1.DateRangeEditor, __assign({}, otherProps, { values: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, label: ui_i18n_1.default.text('Date Range') })));
+    }
+    else if ((0, mdm_sdk_1.isRangeFilterOption)(filter)) {
+        return (react_1.default.createElement(RangeDataTypeValueEditor_1.RangeDataTypeValueEditor, __assign({}, otherProps, { value: value, onChange: handleChange, fieldName: fieldName, dataTypeDefinition: dataTypeDefinition, orientation: orientation, TextFieldProps: TextFieldProps })));
+    }
+    else {
+        var multipleProp = (0, mdm_sdk_1.isMultiValueOption)(filter) ? { multiple: true } : {};
+        return (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({}, otherProps, multipleProp, { fieldName: fieldName, value: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, TextFieldProps: TextFieldProps })));
+    }
+};
+exports.FilterValueEditor = FilterValueEditor;
+exports.FilterValueEditor.propTypes = {
+    filter: mdm_sdk_1.FilterType,
+    orientation: prop_types_1.default.oneOf(['horizontal', 'vertical']),
+    onChange: prop_types_1.default.func,
+    dataTypeDefinition: prop_types_1.default.object,
+    classes: prop_types_1.default.object,
+    TextFieldProps: prop_types_1.default.object
+};

package/cjs/FilterValueEditor/FilterValueEditor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/FilterValueEditor/FilterValueEditor.test.js

@@ -0,0 +1,185 @@
+"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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var DataTypeValueEditor_1 = require("../DataTypeValueEditor");
+var DateRangeEditor_1 = require("../DateRangeEditor");
+var RangeDataTypeValueEditor_1 = require("./components/RangeDataTypeValueEditor");
+var FilterValueEditor_1 = require("./FilterValueEditor");
+var toLocalDate = function (timestamp) {
+    var date = new Date(timestamp);
+    return new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);
+};
+describe('FilterValueEditor', function () {
+    it('should render DataTypeValueEditor with correct props (not range value)', function () {
+        var props = {
+            filter: { fieldName: 'entity.label', filter: mdm_sdk_1.FilterOptions.EQUALS, values: ['Label1'] },
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_STRING
+            },
+            orientation: 'horizontal'
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DataTypeValueEditor_1.DataTypeValueEditor);
+        expect(editor).toHaveLength(1);
+        expect(editor.props()).toMatchObject({
+            value: props.filter.values[0],
+            dataTypeDefinition: props.dataTypeDefinition,
+            fieldName: props.filter.fieldName
+        });
+        expect(editor.prop('orientation')).toBeUndefined();
+        editor.prop('onChange')('Label2');
+        expect(props.onChange).toHaveBeenCalledWith(['Label2']);
+    });
+    it('should render RangeDataTypeValueEditor if filter is type of range (not date range)', function () {
+        var props = {
+            filter: { fieldName: 'relation.attributes.int', filter: mdm_sdk_1.FilterOptions.IN_RANGE, values: [['1', '2']] },
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_INT
+            },
+            orientation: 'horizontal'
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(RangeDataTypeValueEditor_1.RangeDataTypeValueEditor);
+        expect(editor).toHaveLength(1);
+        expect(editor.props()).toMatchObject({
+            value: ['1', '2'],
+            dataTypeDefinition: props.dataTypeDefinition,
+            fieldName: props.filter.fieldName,
+            orientation: 'horizontal'
+        });
+        editor.prop('onChange')(['1', '3']);
+        expect(props.onChange).toHaveBeenLastCalledWith([['1', '3']]);
+    });
+    it('should render DateRangeEditor if filter is type of date range with special value)', function () {
+        var props = {
+            filter: {
+                fieldName: 'relation.attributes.date',
+                filter: mdm_sdk_1.FilterOptions.WITHIN,
+                values: [mdm_sdk_1.DateRangeValue.LAST_MONTH]
+            },
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_DATE
+            }
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DateRangeEditor_1.DateRangeEditor);
+        expect(editor).toHaveLength(1);
+        expect(editor.props()).toMatchObject({
+            values: mdm_sdk_1.DateRangeValue.LAST_MONTH,
+            dataTypeDefinition: props.dataTypeDefinition
+        });
+    });
+    it('should render DateRangeEditor if filter is type of date range)', function () {
+        var values = [1568937600000, 1568938000000];
+        var expectedValues = [toLocalDate(values[0]), toLocalDate(values[1])];
+        var props = {
+            filter: { fieldName: 'relation.attributes.date', filter: mdm_sdk_1.FilterOptions.WITHIN, values: [values] },
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_DATE
+            }
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DateRangeEditor_1.DateRangeEditor);
+        expect(editor).toHaveLength(1);
+        expect(editor.props()).toMatchObject({
+            values: expectedValues,
+            dataTypeDefinition: props.dataTypeDefinition
+        });
+    });
+    it('should not provide TextFieldProps prop to DateRangeEditor', function () {
+        var values = [1568937600000, 1568938000000];
+        var props = {
+            filter: { fieldName: 'relation.attributes.date', filter: mdm_sdk_1.FilterOptions.WITHIN, values: [values] },
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_DATE
+            },
+            TextFieldProps: {
+                InputProps: {
+                    classes: {
+                        root: 'rootclass'
+                    }
+                }
+            }
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DateRangeEditor_1.DateRangeEditor);
+        expect(editor).toHaveLength(1);
+        expect(editor.prop('TextFieldProps')).toBe(undefined);
+    });
+    it('should work correctly with activeness date filters', function () {
+        var props = {
+            filter: {
+                fieldName: 'relation.activeness.startDate',
+                values: [1568937600000],
+                filter: mdm_sdk_1.FilterOptions.BEFORE
+            },
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE
+            },
+            onChange: jest.fn()
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DataTypeValueEditor_1.DataTypeValueEditor);
+        expect(editor.prop('value')).toEqual(new Date(1568937600000));
+        editor.prop('onChange')(new Date('2019-09-03T00:00:00+05:00'));
+        expect(props.onChange).toHaveBeenCalledWith([1567450800000]);
+    });
+    it('should work correctly with date filters', function () {
+        var props = {
+            filter: {
+                fieldName: 'relation.attributes.date',
+                values: ['2019-09-01'],
+                filter: mdm_sdk_1.FilterOptions.ON
+            },
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_DATE
+            },
+            onChange: jest.fn()
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DataTypeValueEditor_1.DataTypeValueEditor);
+        var expectedTimestamp = toLocalDate(props.filter.values[0]);
+        expect(editor.prop('value')).toEqual(expectedTimestamp);
+        editor.prop('onChange')(new Date(2019, 8, 3));
+        expect(props.onChange).toHaveBeenCalledWith([1567468800000]);
+    });
+    it('should work correctly with timestamp filters', function () {
+        var props = {
+            filter: {
+                fieldName: 'relation.attributes.timestamp',
+                values: [1568937600000],
+                filter: mdm_sdk_1.FilterOptions.LT
+            },
+            dataTypeDefinition: {
+                type: mdm_sdk_1.DataTypes.TYPE_TIMESTAMP
+            },
+            onChange: jest.fn()
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({}, props)));
+        var editor = wrapper.find(DataTypeValueEditor_1.DataTypeValueEditor);
+        expect(editor.prop('value')).toEqual(new Date(1568937600000));
+        editor.prop('onChange')(new Date(1568938000000));
+        expect(props.onChange).toHaveBeenCalledWith([1568938000000]);
+    });
+});

package/cjs/FilterValueEditor/components/RangeDataTypeValueEditor/RangeDataTypeValueEditor.d.ts

@@ -0,0 +1,17 @@
+export function RangeDataTypeValueEditor({ value, onChange, orientation, ...otherProps }: {
+    [x: string]: any;
+    value?: any[];
+    onChange: any;
+    orientation?: string;
+}): JSX.Element;
+export namespace RangeDataTypeValueEditor {
+    namespace propTypes {
+        let value: PropTypes.Requireable<any[]>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let fieldName: PropTypes.Requireable<string>;
+        let orientation: PropTypes.Requireable<string>;
+        let dataTypeDefinition: PropTypes.Requireable<object>;
+        let classes: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/FilterValueEditor/components/RangeDataTypeValueEditor/RangeDataTypeValueEditor.js

@@ -0,0 +1,92 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeDataTypeValueEditor = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var ramda_1 = require("ramda");
+var nanoid_1 = require("nanoid");
+var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+var DataTypeValueEditor_1 = require("../../../DataTypeValueEditor");
+var styles_1 = require("./styles");
+var RangeDataTypeValueEditor = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? new Array(2) : _b, onChange = _a.onChange, _c = _a.orientation, orientation = _c === void 0 ? 'vertical' : _c, otherProps = __rest(_a, ["value", "onChange", "orientation"]);
+    var styles = (0, styles_1.useStyles)();
+    var rangeEditorFromId = (0, react_1.useRef)((0, nanoid_1.nanoid)());
+    var rangeEditorToId = (0, react_1.useRef)((0, nanoid_1.nanoid)());
+    var fromEditor = (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({ id: rangeEditorFromId.current, value: value[0], onChange: (0, ramda_1.pipe)((0, ramda_1.update)(0, ramda_1.__, value), onChange) }, otherProps)));
+    var toEditor = (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({ id: rangeEditorToId.current, value: value[1], onChange: (0, ramda_1.pipe)((0, ramda_1.update)(1, ramda_1.__, value), onChange) }, otherProps)));
+    if (orientation === 'horizontal') {
+        return (react_1.default.createElement("div", { className: styles['range-inline-editor'] },
+            fromEditor,
+            react_1.default.createElement("div", { className: styles['range-editor__dash'] }, '—'),
+            toEditor));
+    }
+    else {
+        return (react_1.default.createElement("div", { className: styles['range-editor'] },
+            react_1.default.createElement(FormControl_1.default, { variant: "standard", fullWidth: true, className: styles['range-editor__control'] },
+                react_1.default.createElement(InputLabel_1.default, { htmlFor: rangeEditorFromId.current, shrink: true }, ui_i18n_1.default.text('From')),
+                fromEditor),
+            react_1.default.createElement(FormControl_1.default, { variant: "standard", fullWidth: true, className: styles['range-editor__control'] },
+                react_1.default.createElement(InputLabel_1.default, { htmlFor: rangeEditorToId.current, shrink: true }, ui_i18n_1.default.text('To')),
+                toEditor)));
+    }
+};
+exports.RangeDataTypeValueEditor = RangeDataTypeValueEditor;
+exports.RangeDataTypeValueEditor.propTypes = {
+    value: prop_types_1.default.arrayOf(prop_types_1.default.any),
+    onChange: prop_types_1.default.func,
+    fieldName: prop_types_1.default.string,
+    orientation: prop_types_1.default.oneOf(['horizontal', 'vertical']),
+    dataTypeDefinition: prop_types_1.default.object,
+    classes: prop_types_1.default.object
+};

package/cjs/FilterValueEditor/components/RangeDataTypeValueEditor/RangeDataTypeValueEditor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/FilterValueEditor/components/RangeDataTypeValueEditor/RangeDataTypeValueEditor.test.js

@@ -0,0 +1,81 @@
+"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 build_1 = require("enzyme/build");
+var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+var DataTypeValueEditor_1 = require("../../../DataTypeValueEditor");
+var RangeDataTypeValueEditor_1 = require("./RangeDataTypeValueEditor");
+describe('RangeDataTypeValueEditor', function () {
+    it('should render two DataTypeValueEditor (From and To) with correct props (vertical orientation by default)', function () {
+        var props = {
+            fieldName: 'relation.attributes.int',
+            value: ['1', '2'],
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: 'Int'
+            }
+        };
+        var wrapper = (0, build_1.shallow)(react_1.default.createElement(RangeDataTypeValueEditor_1.RangeDataTypeValueEditor, __assign({}, props)));
+        var controls = wrapper.find(FormControl_1.default);
+        expect(controls).toHaveLength(2);
+        expect(controls.at(0).find(InputLabel_1.default).text()).toBe('From');
+        expect(controls.at(0).find(DataTypeValueEditor_1.DataTypeValueEditor).props()).toMatchObject({
+            value: '1',
+            dataTypeDefinition: props.dataTypeDefinition,
+            fieldName: props.fieldName
+        });
+        controls.at(0).find(DataTypeValueEditor_1.DataTypeValueEditor).prop('onChange')('0');
+        expect(props.onChange).toHaveBeenLastCalledWith(['0', '2']);
+        expect(controls.at(1).find(InputLabel_1.default).text()).toBe('To');
+        expect(controls.at(1).find(DataTypeValueEditor_1.DataTypeValueEditor).props()).toMatchObject({
+            value: '2',
+            dataTypeDefinition: props.dataTypeDefinition,
+            fieldName: props.fieldName
+        });
+        controls.at(1).find(DataTypeValueEditor_1.DataTypeValueEditor).prop('onChange')('3');
+        expect(props.onChange).toHaveBeenLastCalledWith(['1', '3']);
+    });
+    it('should render two DataTypeValueEditor (From and To) with correct props with horizontal orientation', function () {
+        var props = {
+            fieldName: 'relation.attributes.int',
+            value: ['1', '2'],
+            onChange: jest.fn(),
+            dataTypeDefinition: {
+                type: 'Int'
+            },
+            orientation: 'horizontal'
+        };
+        var wrapper = (0, build_1.shallow)(react_1.default.createElement(RangeDataTypeValueEditor_1.RangeDataTypeValueEditor, __assign({}, props)));
+        expect(wrapper.find(FormControl_1.default)).toHaveLength(0);
+        var controls = wrapper.find(DataTypeValueEditor_1.DataTypeValueEditor);
+        expect(controls.at(0).props()).toMatchObject({
+            value: '1',
+            dataTypeDefinition: props.dataTypeDefinition,
+            fieldName: props.fieldName
+        });
+        controls.at(0).prop('onChange')('0');
+        expect(props.onChange).toHaveBeenLastCalledWith(['0', '2']);
+        expect(controls.at(1).props()).toMatchObject({
+            value: '2',
+            dataTypeDefinition: props.dataTypeDefinition,
+            fieldName: props.fieldName
+        });
+        controls.at(1).prop('onChange')('3');
+        expect(props.onChange).toHaveBeenLastCalledWith(['1', '3']);
+    });
+});

package/cjs/FilterValueEditor/components/RangeDataTypeValueEditor/index.d.ts

@@ -0,0 +1 @@
+export { RangeDataTypeValueEditor } from './RangeDataTypeValueEditor';

package/cjs/FilterValueEditor/components/RangeDataTypeValueEditor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeDataTypeValueEditor = void 0;
+var RangeDataTypeValueEditor_1 = require("./RangeDataTypeValueEditor");
+Object.defineProperty(exports, "RangeDataTypeValueEditor", { enumerable: true, get: function () { return RangeDataTypeValueEditor_1.RangeDataTypeValueEditor; } });

package/cjs/FilterValueEditor/helpers.d.ts

@@ -0,0 +1,2 @@
+export function toEditorValue(dataType: any): (value: any) => any;
+export function fromEditorValue(dataType: any): (value: any) => any;

package/cjs/FilterValueEditor/helpers.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fromEditorValue = exports.toEditorValue = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var toEditorValue = function (dataType) { return function (value) {
+    switch (dataType) {
+        case mdm_sdk_1.DataTypes.TYPE_DATE:
+            return (0, mdm_sdk_1.isDateRangeValue)(value) ? value : mdm_sdk_1.utils.dates.toLocalDate(value);
+        case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+        case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+            return (0, mdm_sdk_1.isDateRangeValue)(value) ? value : new Date(value);
+        default:
+            return value;
+    }
+}; };
+exports.toEditorValue = toEditorValue;
+var fromEditorValue = function (dataType) { return function (value) {
+    switch (dataType) {
+        case mdm_sdk_1.DataTypes.TYPE_DATE:
+            return (0, mdm_sdk_1.isDateRangeValue)(value) ? value : Date.UTC(value.getFullYear(), value.getMonth(), value.getDate());
+        case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+            return (0, mdm_sdk_1.isDateRangeValue)(value) ? value : value.valueOf();
+        default:
+            return value;
+    }
+}; };
+exports.fromEditorValue = fromEditorValue;

package/cjs/FilterValueEditor/index.d.ts

@@ -0,0 +1 @@
+export { FilterValueEditor } from './FilterValueEditor';

package/cjs/FilterValueEditor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterValueEditor = void 0;
+var FilterValueEditor_1 = require("./FilterValueEditor");
+Object.defineProperty(exports, "FilterValueEditor", { enumerable: true, get: function () { return FilterValueEditor_1.FilterValueEditor; } });

package/cjs/HOCs/withDateRangeSelector/withDateRangeSelector.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentType } from 'react';
 import { DataTypeDefinition, DatePeriod } from '@reltio/mdm-sdk';
 import { MenuProps as MuiMaterialProps } from '@mui/material/Menu';
-import DateRangePicker from '../../components/DateRangePicker/DateRangePicker';
+import { DateRangePicker } from '../../DateRangePicker';
 import { Option } from './helpers';
 type DateRangeMenuProps = {
     values?: DatePeriod | string;

package/cjs/HOCs/withDateRangeSelector/withDateRangeSelector.js

@@ -56,7 +56,7 @@ var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Menu_1 = __importDefault(require("@mui/material/Menu"));
-var DateRangePicker_1 = __importDefault(require("../../components/DateRangePicker/DateRangePicker"));
+var DateRangePicker_1 = require("../../DateRangePicker");
 var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
 var dateFormat = moment_1.default.localeData().longDateFormat('L');
@@ -100,7 +100,7 @@ var withDateRangeSelector = function (Component) {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(Component, __assign({}, componentProps, { ref: inputRef, editorLabel: editorLabel, editorPlaceholder: editorPlaceholder, onMenuToggle: handleToggle, isMenuOpen: open, isPickingDate: isPickingDate })),
             isPickingDate ? (react_1.default.createElement(Popover_1.default, __assign({ open: open, anchorEl: inputRef.current, onClose: onCancel, transformOrigin: transformOrigin, anchorOrigin: anchorOrigin, elevation: 2 }, MenuProps),
-                react_1.default.createElement(DateRangePicker_1.default, __assign({ values: getValuesDateRange(values), onApply: onItemClick, type: dataTypeDefinition.type }, DateRangePickerProps)))) : (react_1.default.createElement(Menu_1.default, __assign({ variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, elevation: 2, MenuListProps: {
+                react_1.default.createElement(DateRangePicker_1.DateRangePicker, __assign({ values: getValuesDateRange(values), onApply: onItemClick, type: dataTypeDefinition.type }, DateRangePickerProps)))) : (react_1.default.createElement(Menu_1.default, __assign({ variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, elevation: 2, MenuListProps: {
                     autoFocusItem: open,
                     style: {
                         width: (0, ramda_1.prop)('clientWidth', inputRef.current)

package/cjs/HOCs/withFilter/ColumnFilter.js

@@ -35,7 +35,7 @@ var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
 var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 var FilterChip_1 = require("./FilterChip");
-var FilterEditor_1 = __importDefault(require("../../components/editors/FilterEditor/FilterEditor"));
+var FilterEditor_1 = require("../../FilterEditor");
 var constants_1 = require("../../constants");
 var basicTable_1 = require("../../helpers/basicTable");
 var helpers_1 = require("./helpers");
@@ -101,7 +101,7 @@ var ColumnFilter = function (_a) {
                 vertical: 'top',
                 horizontal: 'right'
             }, classes: { paper: styles.filterMenu }, onClose: applyChangesAndClose },
-            react_1.default.createElement(FilterEditor_1.default, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: (0, ramda_1.pipe)(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
+            react_1.default.createElement(FilterEditor_1.FilterEditor, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: (0, ramda_1.pipe)(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
                     TextFieldProps: {
                         onKeyPress: handleValueEditorKeyPress
                     },

package/cjs/HideOnShrink/HideOnShrink.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    widthToHide: number;
+};
+export declare const HideOnShrink: ({ widthToHide, children }: Props) => JSX.Element;
+export {};

package/cjs/HideOnShrink/HideOnShrink.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HideOnShrink = void 0;
+var react_1 = __importDefault(require("react"));
+var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
+var EmptyStub = function () { return react_1.default.createElement("div", { style: { display: 'none' } }); };
+var HideOnShrink = function (_a) {
+    var widthToHide = _a.widthToHide, children = _a.children;
+    return (react_1.default.createElement(react_resize_detector_1.default, { handleWidth: true, render: function (_a) {
+            var width = _a.width;
+            return (width > widthToHide ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(EmptyStub, null));
+        } }));
+};
+exports.HideOnShrink = HideOnShrink;

package/cjs/HideOnShrink/HideOnShrink.test.d.ts

@@ -0,0 +1 @@
+export {};