@reltio/components 1.4.1819 → 1.4.1820

package/cjs/components/editors/SelectEditor/SelectEditor.d.ts

@@ -1,11 +0,0 @@
-export default SelectEditor;
-declare function SelectEditor({ classes, ...otherProps }: {
-    [x: string]: any;
-    classes: any;
-}): JSX.Element;
-declare namespace SelectEditor {
-    namespace propTypes {
-        let classes: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/editors/SelectEditor/SelectEditor.js

@@ -1,44 +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 __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 });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var DropDownEditor_1 = __importDefault(require("../DropDownEditor/DropDownEditor"));
-var constants_1 = require("../constants");
-var SelectEditor = function (_a) {
-    var classes = _a.classes, otherProps = __rest(_a, ["classes"]);
-    var styles = (0, constants_1.useSelectStyles)();
-    return (react_1.default.createElement(DropDownEditor_1.default, __assign({ MenuProps: {
-            disableAutoFocusItem: true
-        }, classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.root, (0, ramda_1.prop)('root', classes)), icon: (0, classnames_1.default)(styles.icon, (0, ramda_1.prop)('icon', classes)) }) }, otherProps)));
-};
-SelectEditor.propTypes = {
-    classes: prop_types_1.default.object
-};
-exports.default = SelectEditor;

package/cjs/components/editors/TextEditor/TextEditor.d.ts

@@ -1,17 +0,0 @@
-export default TextEditor;
-declare function TextEditor({ multiple, value, getValueLabel, multiline, ...otherProps }: {
-    [x: string]: any;
-    multiple?: boolean;
-    value: any;
-    getValueLabel: any;
-    multiline?: boolean;
-}): JSX.Element;
-declare namespace TextEditor {
-    namespace propTypes {
-        let multiple: PropTypes.Requireable<boolean>;
-        let multiline: PropTypes.Requireable<boolean>;
-        let value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
-        let getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/editors/TextEditor/TextEditor.js

@@ -1,47 +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 __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 });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var MultipleInput_1 = __importDefault(require("../../MultipleInput/MultipleInput"));
-var SimpleInput_1 = __importDefault(require("../../SimpleInput/SimpleInput"));
-var TextEditor = function (_a) {
-    var _b = _a.multiple, multiple = _b === void 0 ? false : _b, value = _a.value, getValueLabel = _a.getValueLabel, _c = _a.multiline, multiline = _c === void 0 ? false : _c, otherProps = __rest(_a, ["multiple", "value", "getValueLabel", "multiline"]);
-    return multiple ? (react_1.default.createElement(MultipleInput_1.default, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (react_1.default.createElement(SimpleInput_1.default, __assign({}, otherProps, { value: value, multiline: multiline })));
-};
-TextEditor.propTypes = {
-    multiple: prop_types_1.default.bool,
-    multiline: prop_types_1.default.bool,
-    value: prop_types_1.default.oneOfType([
-        prop_types_1.default.string,
-        prop_types_1.default.arrayOf(prop_types_1.default.string),
-        prop_types_1.default.number,
-        prop_types_1.default.arrayOf(prop_types_1.default.number)
-    ]),
-    getValueLabel: prop_types_1.default.func
-};
-exports.default = TextEditor;

package/cjs/components/editors/TimestampEditor/TimestampEditor.d.ts

@@ -1,11 +0,0 @@
-import { Moment } from 'moment';
-import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
-type Props = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    value?: Date | number;
-    onChange: (value: Date) => void;
-    isCrossedOut?: boolean;
-};
-declare const TimestampEditor: ({ minDate, maxDate, value, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: Props) => JSX.Element;
-export default TimestampEditor;

package/cjs/components/editors/TimestampEditor/TimestampEditor.js

@@ -1,65 +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 __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 });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var timeViewRenderers_1 = require("@mui/x-date-pickers/timeViewRenderers");
-var DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
-var useDateEditor_1 = require("../useDateEditor/useDateEditor");
-var styles_1 = require("./styles");
-var TimestampEditor = function (_a) {
-    var _b;
-    var minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["minDate", "maxDate", "value", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
-    var styles = (0, styles_1.useStyles)();
-    var _c = (0, useDateEditor_1.useDateEditor)({ minDate: minDate, maxDate: maxDate, value: value, onChange: onChange }), errorMessage = _c.errorMessage, editorValue = _c.editorValue, editorMaxDate = _c.editorMaxDate, editorMinDate = _c.editorMinDate, onError = _c.onError, handleChange = _c.onChange;
-    var basicSlotProps = {
-        textField: {
-            size: 'small',
-            variant: 'filled',
-            helperText: errorMessage,
-            error: Boolean(errorMessage),
-            InputProps: {
-                classes: {
-                    root: (0, classnames_1.default)(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
-                },
-                disableUnderline: (0, ramda_1.isNil)(editorValue)
-            },
-            InputLabelProps: { shrink: !(0, ramda_1.isNil)(label) }
-        },
-        popper: { placement: 'bottom-start' },
-        inputAdornment: { position: 'end', className: styles.adornedEnd }
-    };
-    var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, basicSlotProps);
-    return (react_1.default.createElement(DateTimePicker_1.DateTimePicker, __assign({ format: format || (0, mdm_sdk_1.getLocaleFormat)(), slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
-            hours: timeViewRenderers_1.renderTimeViewClock,
-            minutes: timeViewRenderers_1.renderTimeViewClock,
-            seconds: timeViewRenderers_1.renderTimeViewClock
-        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
-};
-exports.default = TimestampEditor;

package/cjs/components/editors/commonComponents/MultiValueChip/MultiValueChip.d.ts

@@ -1,18 +0,0 @@
-export default MultiValueChip;
-declare function MultiValueChip(props: any): JSX.Element;
-declare namespace MultiValueChip {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            number: PropTypes.Requireable<number>;
-        }>>>;
-        let removeProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
-            onMouseDown: PropTypes.Validator<(...args: any[]) => any>;
-            onTouchEnd: PropTypes.Validator<(...args: any[]) => any>;
-        }>>>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/editors/commonComponents/MultiValueChip/MultiValueChip.js

@@ -1,39 +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 prop_types_1 = __importDefault(require("prop-types"));
-var ramda_1 = require("ramda");
-var ValueChip_1 = __importDefault(require("../../../ValueChip/ValueChip"));
-var Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
-var MultiValueChip = function (props) {
-    var children = props.children, data = props.data, removeProps = props.removeProps;
-    return (react_1.default.createElement(ValueChip_1.default, { tabIndex: -1, label: children, count: (0, ramda_1.prop)('formattedNumber', data), onDelete: removeProps.onClick, deleteIcon: react_1.default.createElement(Cancel_1.default, __assign({}, props.removeProps)) }));
-};
-MultiValueChip.propTypes = {
-    children: prop_types_1.default.node,
-    data: prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.string,
-        number: prop_types_1.default.number
-    }).isRequired,
-    removeProps: prop_types_1.default.shape({
-        onClick: prop_types_1.default.func.isRequired,
-        onMouseDown: prop_types_1.default.func.isRequired,
-        onTouchEnd: prop_types_1.default.func.isRequired
-    }).isRequired
-};
-exports.default = MultiValueChip;

package/cjs/components/editors/constants.d.ts

@@ -1,7 +0,0 @@
-import { TextFieldProps } from '@mui/material/TextField';
-export declare const DEFAULT_MIN_DATE: Date;
-export declare const DEFAULT_MAX_DATE: Date;
-export declare const DEFAULT_MAX_DATE_IN_POPUP: Date;
-export declare const commonTextFieldProps: TextFieldProps;
-export declare const useInputStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "marginDense">;
-export declare const useSelectStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "root">;

package/cjs/components/editors/constants.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectStyles = exports.useInputStyles = exports.commonTextFieldProps = exports.DEFAULT_MAX_DATE_IN_POPUP = exports.DEFAULT_MAX_DATE = exports.DEFAULT_MIN_DATE = void 0;
-var styles_1 = require("@mui/styles");
-exports.DEFAULT_MIN_DATE = new Date('1900-01-01');
-exports.DEFAULT_MAX_DATE = new Date('9999-12-31');
-exports.DEFAULT_MAX_DATE_IN_POPUP = new Date('2099-12-31');
-exports.commonTextFieldProps = {
-    variant: 'filled',
-    size: 'small',
-    InputProps: {
-        hiddenLabel: true
-    }
-};
-exports.useInputStyles = (0, styles_1.makeStyles)({
-    filledInputUnderline: {
-        '&:before': {
-            display: 'none'
-        }
-    },
-    marginDense: {
-        margin: 0
-    }
-});
-exports.useSelectStyles = (0, styles_1.makeStyles)({
-    root: {
-        paddingRight: '48px !important'
-    },
-    icon: {
-        right: '12px'
-    }
-});

package/cjs/components/editors/index.d.ts

@@ -1,10 +0,0 @@
-export { default as DropDownEditor } from "./DropDownEditor/DropDownEditor";
-export { default as TextEditor } from "./TextEditor/TextEditor";
-export { default as FilterValueEditor } from "./FilterEditor/FilterValueEditor";
-export { default as MultiValueChip } from "./commonComponents/MultiValueChip/MultiValueChip";
-export { default as NumberEditor } from "./NumberEditor/NumberEditor";
-export { default as DateRangeEditor } from "./DateRangeEditor/DateRangeEditor";
-export { default as DateEditor } from "./DateEditor/DateEditor";
-export { default as DataTypeValueEditor } from "./DataTypeValueEditor/DataTypeValueEditor";
-export { default as TimestampEditor } from "./TimestampEditor/TimestampEditor";
-export { default as FileTypeEditor } from "./FileTypeEditor/FileTypeEditor";

package/cjs/components/editors/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileTypeEditor = exports.TimestampEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.DateRangeEditor = exports.NumberEditor = exports.MultiValueChip = exports.FilterValueEditor = exports.TextEditor = exports.DropDownEditor = void 0;
-var DropDownEditor_1 = require("./DropDownEditor/DropDownEditor");
-Object.defineProperty(exports, "DropDownEditor", { enumerable: true, get: function () { return __importDefault(DropDownEditor_1).default; } });
-var TextEditor_1 = require("./TextEditor/TextEditor");
-Object.defineProperty(exports, "TextEditor", { enumerable: true, get: function () { return __importDefault(TextEditor_1).default; } });
-var FilterValueEditor_1 = require("./FilterEditor/FilterValueEditor");
-Object.defineProperty(exports, "FilterValueEditor", { enumerable: true, get: function () { return __importDefault(FilterValueEditor_1).default; } });
-var MultiValueChip_1 = require("./commonComponents/MultiValueChip/MultiValueChip");
-Object.defineProperty(exports, "MultiValueChip", { enumerable: true, get: function () { return __importDefault(MultiValueChip_1).default; } });
-var NumberEditor_1 = require("./NumberEditor/NumberEditor");
-Object.defineProperty(exports, "NumberEditor", { enumerable: true, get: function () { return __importDefault(NumberEditor_1).default; } });
-var DateRangeEditor_1 = require("./DateRangeEditor/DateRangeEditor");
-Object.defineProperty(exports, "DateRangeEditor", { enumerable: true, get: function () { return __importDefault(DateRangeEditor_1).default; } });
-var DateEditor_1 = require("./DateEditor/DateEditor");
-Object.defineProperty(exports, "DateEditor", { enumerable: true, get: function () { return __importDefault(DateEditor_1).default; } });
-var DataTypeValueEditor_1 = require("./DataTypeValueEditor/DataTypeValueEditor");
-Object.defineProperty(exports, "DataTypeValueEditor", { enumerable: true, get: function () { return __importDefault(DataTypeValueEditor_1).default; } });
-var TimestampEditor_1 = require("./TimestampEditor/TimestampEditor");
-Object.defineProperty(exports, "TimestampEditor", { enumerable: true, get: function () { return __importDefault(TimestampEditor_1).default; } });
-var FileTypeEditor_1 = require("./FileTypeEditor/FileTypeEditor");
-Object.defineProperty(exports, "FileTypeEditor", { enumerable: true, get: function () { return __importDefault(FileTypeEditor_1).default; } });

package/cjs/components/editors/useDateEditor/helpers.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEditorMinDate = exports.getEditorMaxDate = exports.isDateRangeError = exports.getErrorMessage = void 0;
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var moment_1 = __importDefault(require("moment"));
-var constants_1 = require("../constants");
-var getErrorMessage = function (error) {
-    switch (error) {
-        case 'maxDate':
-            return ui_i18n_1.default.text('Date should not be after maximal date');
-        case 'minDate':
-            return ui_i18n_1.default.text('Date should not be before minimal date');
-        case 'invalidDate':
-            return ui_i18n_1.default.text('Invalid Date Format');
-        default:
-            return '';
-    }
-};
-exports.getErrorMessage = getErrorMessage;
-var isDateRangeError = function (error) { return ['minDate', 'maxDate'].includes(error); };
-exports.isDateRangeError = isDateRangeError;
-var getEditorMaxDate = function (maxDate) {
-    var date = (0, moment_1.default)(maxDate).isAfter(constants_1.DEFAULT_MAX_DATE_IN_POPUP) ? constants_1.DEFAULT_MAX_DATE_IN_POPUP : maxDate;
-    return (0, moment_1.default)(date);
-};
-exports.getEditorMaxDate = getEditorMaxDate;
-var getEditorMinDate = function (minDate) {
-    var date = (0, moment_1.default)(minDate).isBefore(constants_1.DEFAULT_MIN_DATE) ? constants_1.DEFAULT_MIN_DATE : minDate;
-    return (0, moment_1.default)(date);
-};
-exports.getEditorMinDate = getEditorMinDate;

package/cjs/components/editors/useDateEditor/useDateEditor.js

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateEditor = void 0;
-var react_1 = require("react");
-var moment_1 = __importDefault(require("moment"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var helpers_1 = require("./helpers");
-var constants_1 = require("../constants");
-var _a = mdm_sdk_1.utils.dates, isValidMomentDateOrNull = _a.isValidMomentDateOrNull, isDateInRange = _a.isDateInRange, momentToDate = _a.momentToDate;
-var useDateEditor = function (_a) {
-    var minDateProp = _a.minDate, maxDateProp = _a.maxDate, value = _a.value, onChange = _a.onChange;
-    var _b = (0, react_1.useState)(null), error = _b[0], setError = _b[1];
-    var _c = (0, react_1.useState)(null), editorValue = _c[0], setEditorValue = _c[1];
-    var minDate = (0, react_1.useMemo)(function () { return mdm_sdk_1.utils.dates.clearDateTime((0, ramda_1.isNil)(minDateProp) ? constants_1.DEFAULT_MIN_DATE : minDateProp); }, [minDateProp]);
-    var maxDate = (0, react_1.useMemo)(function () { return mdm_sdk_1.utils.dates.clearDateTime((0, ramda_1.isNil)(maxDateProp) ? constants_1.DEFAULT_MAX_DATE : maxDateProp); }, [maxDateProp]);
-    var momentValue = (0, react_1.useMemo)(function () { return ((0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value)); }, [value]);
-    var editorMinDate = (0, react_1.useMemo)(function () { return (0, helpers_1.getEditorMinDate)(minDate); }, [minDate]);
-    var editorMaxDate = (0, react_1.useMemo)(function () { return (0, helpers_1.getEditorMaxDate)(maxDate); }, [maxDate]);
-    var errorMessage = (0, react_1.useMemo)(function () { return (0, helpers_1.getErrorMessage)(error); }, [error]);
-    var handleError = (0, react_1.useCallback)(function (error) {
-        if (!(0, helpers_1.isDateRangeError)(error))
-            setError(error);
-    }, []);
-    var handleChange = (0, react_1.useCallback)(function (value) {
-        setEditorValue(value);
-        if (isValidMomentDateOrNull(value) && isDateInRange(minDate, maxDate)(value)) {
-            onChange(momentToDate(value));
-        }
-    }, [minDate, maxDate, onChange]);
-    var debouncedHandleChange = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(handleChange, 0), [handleChange]);
-    (0, react_1.useEffect)(function () {
-        setEditorValue(function (prevEditorValue) {
-            var datesAreTheSame = (0, moment_1.default)(prevEditorValue).isSame(momentValue);
-            var datesAreInvalid = !isValidMomentDateOrNull(momentValue) && !isValidMomentDateOrNull(prevEditorValue);
-            return datesAreTheSame || datesAreInvalid ? prevEditorValue : momentValue;
-        });
-    }, [momentValue]);
-    (0, react_1.useEffect)(function () {
-        if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isAfter(maxDate)) {
-            setError('maxDate');
-        }
-        else if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isBefore(minDate)) {
-            setError('minDate');
-        }
-        else {
-            setError(function (prevError) { return ((0, helpers_1.isDateRangeError)(prevError) ? null : prevError); });
-        }
-    }, [editorValue, maxDate, minDate]);
-    return {
-        errorMessage: errorMessage,
-        editorValue: editorValue,
-        editorMinDate: editorMinDate,
-        editorMaxDate: editorMaxDate,
-        onChange: debouncedHandleChange,
-        onError: handleError
-    };
-};
-exports.useDateEditor = useDateEditor;

package/esm/components/ClickAwayProvider/ClickAwayProvider.d.ts

@@ -1,4 +0,0 @@
-import { ClickAwayListenerProps } from '@mui/material/ClickAwayListener';
-type Props = ClickAwayListenerProps;
-declare const ClickAwayProvider: (props: Props) => JSX.Element;
-export default ClickAwayProvider;

package/esm/components/ClickAwayProvider/ClickAwayProvider.js

@@ -1,17 +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 ClickAwayListener from '@mui/material/ClickAwayListener';
-var ClickAwayProvider = function (props) {
-    return React.createElement(ClickAwayListener, __assign({ mouseEvent: "onMouseDown" }, props));
-};
-export default ClickAwayProvider;

package/esm/components/CollaborationItem/Avatar/Avatar.js

@@ -1,32 +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);
-};
-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;
-};
-import React from 'react';
-import classnames from 'classnames';
-import MUIAvatar from '@mui/material/Avatar';
-import { getAbbreviationFromUserName } from '../utils';
-import { useStyles } from './styles';
-export var Avatar = function (_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    var styles = useStyles();
-    return (React.createElement(MUIAvatar, __assign({}, props, { className: classnames(styles.root, className) }), getAbbreviationFromUserName(children)));
-};

package/esm/components/CollaborationItem/CollaborationItem.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Comment as CommentType } from '@reltio/mdm-sdk';
-import { useStyles } from './styles';
-type Classes = Partial<ReturnType<typeof useStyles>>;
-type Props = {
-    classes?: Classes;
-    uri: string;
-    relatedObjectUris: CommentType['relatedObjectUris'];
-    objectType: CommentType['objectType'];
-    popperRef?: React.RefObject<any>;
-    messagesRef?: React.RefCallback<HTMLDivElement>;
-    comment?: CommentType;
-};
-export declare const CollaborationItem: React.MemoExoticComponent<({ uri, relatedObjectUris, objectType, classes, popperRef, messagesRef, comment }: Props) => JSX.Element>;
-export {};

package/esm/components/CollaborationItem/CollaborationItem.js

@@ -1,22 +0,0 @@
-import React, { useRef, memo } from 'react';
-import Box from '@mui/material/Box';
-import { Comment } from './Comment/Comment';
-import { RepliedComment } from './RepliedComment/RepliedComment';
-import { SendMessageArea } from './SendMessageArea/SendMessageArea';
-import { useStyles } from './styles';
-export var CollaborationItem = memo(function (_a) {
-    var uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, classes = _a.classes, popperRef = _a.popperRef, messagesRef = _a.messagesRef, comment = _a.comment;
-    var inputRef = useRef();
-    var styles = useStyles({ classes: classes });
-    var handleReply = function () {
-        inputRef.current.focus();
-    };
-    var sendMessageArea = (React.createElement(SendMessageArea, { className: styles.sendMessageArea, inputRef: inputRef, popperRef: popperRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: comment }));
-    return (React.createElement(Box, { className: styles.root },
-        comment && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: styles.messages, ref: messagesRef },
-                React.createElement(Comment, { comment: comment, uri: uri, onReply: handleReply, className: styles.comment, relatedObjectUris: relatedObjectUris, objectType: objectType }),
-                React.createElement(Box, { className: styles.replies }, comment.replies.map(function (reply) { return (React.createElement(RepliedComment, { key: reply.replyId, className: styles.repliedComment, reply: reply, uri: uri, comment: comment })); }))),
-            sendMessageArea)),
-        !comment && sendMessageArea));
-});

package/esm/components/CollaborationItem/Comment/Comment.js

@@ -1,73 +0,0 @@
-import React, { useMemo, useContext, useRef, useCallback } from 'react';
-import i18n from 'ui-i18n';
-import Link from '@mui/material/Link';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import MoreVertIcon from '@mui/icons-material/MoreVert';
-import { DropDownMenuButton } from '../../../DropDownMenuButton';
-import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
-import { CommentTarget } from '../CommentTarget/CommentTarget';
-import { CommentContent } from '../CommentContent/CommentContent';
-import { Avatar } from '../Avatar/Avatar';
-import { CollaborationContext, useMdmUsername } from '../../../contexts';
-import { useAutoFocus } from '../../../hooks';
-import { createEditedCommentUri, formatDate } from '../utils';
-import { SendMessageArea } from '../SendMessageArea/SendMessageArea';
-import { useStyles } from './styles';
-export var Comment = function (_a) {
-    var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
-    var styles = useStyles();
-    var inputRef = useRef();
-    var username = useMdmUsername();
-    var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime, status = comment.status;
-    var isResolved = status === 'resolved';
-    var canChangeComment = createdBy === username;
-    var _b = useContext(CollaborationContext), resolveThread = _b.resolveThread, reOpenThread = _b.reOpenThread, sending = _b.sending, deleteComment = _b.deleteComment, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
-    var commentUri = createEditedCommentUri(comment);
-    var isEditing = getCommentState(uri, commentUri).isEditing;
-    var updateIsEditingComment = useCallback(function (value) { return updateCommentState(uri, commentUri, { isEditing: value }); }, [commentUri, updateCommentState, uri]);
-    useAutoFocus(inputRef, isEditing);
-    var menuItems = useMemo(function () {
-        return isResolved
-            ? [
-                {
-                    text: i18n.text('Delete'),
-                    onClick: function () { return deleteComment({ uri: uri, commentId: commentId }); }
-                }
-            ]
-            : [
-                {
-                    text: i18n.text('Edit'),
-                    onClick: function () { return updateIsEditingComment(true); }
-                },
-                {
-                    text: i18n.text('Delete'),
-                    onClick: function () { return deleteComment({ uri: uri, commentId: commentId }); }
-                }
-            ];
-    }, [commentId, deleteComment, isResolved, updateIsEditingComment, uri]);
-    var handleResolve = function () {
-        resolveThread({ commentId: commentId, uri: uri });
-    };
-    var handleReOpen = function () {
-        reOpenThread({ commentId: commentId, uri: uri });
-    };
-    var sendMessageArea = (React.createElement(SendMessageArea, { inputRef: inputRef, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, onCancel: function () { return updateIsEditingComment(false); }, isEditingComment: isEditing, comment: comment }));
-    return (React.createElement(Box, { className: className },
-        React.createElement(Box, { className: styles.header },
-            React.createElement(Avatar, { classes: { root: styles.avatar } }, createdBy),
-            React.createElement(Box, { width: "100%" },
-                React.createElement(Typography, { className: styles.username }, createdBy)),
-            React.createElement(Typography, { className: styles.createdAt }, formatDate(createdTime)),
-            canChangeComment && (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
-                    icon: MoreVertIcon,
-                    tooltipTitle: i18n.text('Open menu')
-                }, popoverProps: { PopoverClasses: { root: styles.dropdownMenu } }, menuItems: menuItems, menuId: "collaboration-comment-menu" }))),
-        React.createElement(Box, { className: styles.body },
-            React.createElement(CommentTarget, { comment: comment, className: styles.commentTarget }),
-            isEditing ? sendMessageArea : React.createElement(CommentContent, { comment: comment, className: styles.message }),
-            React.createElement(Box, { className: styles.buttons },
-                React.createElement(Link, { className: styles.button, onClick: onReply, component: "button", underline: "hover" }, i18n.text('Reply')),
-                !isResolved && (React.createElement(Link, { disabled: sending, className: styles.button, onClick: handleResolve, component: "button", underline: "hover" }, i18n.text('Resolve'))),
-                isResolved && (React.createElement(Link, { disabled: sending, className: styles.button, onClick: handleReOpen, component: "button", underline: "hover" }, i18n.text('Re-open')))))));
-};

package/esm/components/CollaborationItem/CommentContent/CommentContent.js

@@ -1,16 +0,0 @@
-import React, { Fragment, useContext } from 'react';
-import classnames from 'classnames';
-import Typography from '@mui/material/Typography';
-import Link from '@mui/material/Link';
-import { UsersContext } from '../../../contexts';
-import { processMentions } from '../utils';
-import { useStyles } from './styles';
-export var CommentContent = function (_a) {
-    var comment = _a.comment, className = _a.className;
-    var styles = useStyles();
-    var users = useContext(UsersContext);
-    return (React.createElement(Typography, { className: classnames(styles.root, className) }, processMentions(comment.content, comment.namedUsers, function (mention) {
-        var user = users.find(function (user) { return user.username === mention.slice(1); });
-        return user ? (React.createElement(Link, { href: "mailto:".concat(user.email), underline: "hover" }, mention)) : (mention);
-    }).map(function (el, idx) { return (React.createElement(Fragment, { key: idx }, el)); })));
-};