@reltio/components 1.4.1819 → 1.4.1820

package/esm/components/editors/TextEditor/TextEditor.js

@@ -1,42 +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 PropTypes from 'prop-types';
-import React from 'react';
-import MultipleInput from '../../MultipleInput/MultipleInput';
-import SimpleInput from '../../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.createElement(MultipleInput, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (React.createElement(SimpleInput, __assign({}, otherProps, { value: value, multiline: multiline })));
-};
-TextEditor.propTypes = {
-    multiple: PropTypes.bool,
-    multiline: PropTypes.bool,
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string),
-        PropTypes.number,
-        PropTypes.arrayOf(PropTypes.number)
-    ]),
-    getValueLabel: PropTypes.func
-};
-export default TextEditor;

package/esm/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/esm/components/editors/TimestampEditor/TimestampEditor.js

@@ -1,60 +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 { isNil, mergeDeepLeft } from 'ramda';
-import { getLocaleFormat } from '@reltio/mdm-sdk';
-import { renderTimeViewClock } from '@mui/x-date-pickers/timeViewRenderers';
-import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
-import { useDateEditor } from '../useDateEditor/useDateEditor';
-import { useStyles } from './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 = useStyles();
-    var _c = 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: classnames(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
-                },
-                disableUnderline: isNil(editorValue)
-            },
-            InputLabelProps: { shrink: !isNil(label) }
-        },
-        popper: { placement: 'bottom-start' },
-        inputAdornment: { position: 'end', className: styles.adornedEnd }
-    };
-    var editorSlotProps = mergeDeepLeft(slotProps, basicSlotProps);
-    return (React.createElement(DateTimePicker, __assign({ format: format || getLocaleFormat(), slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
-            hours: renderTimeViewClock,
-            minutes: renderTimeViewClock,
-            seconds: renderTimeViewClock
-        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
-};
-export default TimestampEditor;

package/esm/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/esm/components/editors/commonComponents/MultiValueChip/MultiValueChip.js

@@ -1,34 +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 PropTypes from 'prop-types';
-import { prop } from 'ramda';
-import ValueChip from '../../../ValueChip/ValueChip';
-import CancelIcon from '@mui/icons-material/Cancel';
-var MultiValueChip = function (props) {
-    var children = props.children, data = props.data, removeProps = props.removeProps;
-    return (React.createElement(ValueChip, { tabIndex: -1, label: children, count: prop('formattedNumber', data), onDelete: removeProps.onClick, deleteIcon: React.createElement(CancelIcon, __assign({}, props.removeProps)) }));
-};
-MultiValueChip.propTypes = {
-    children: PropTypes.node,
-    data: PropTypes.shape({
-        value: PropTypes.string,
-        label: PropTypes.string,
-        number: PropTypes.number
-    }).isRequired,
-    removeProps: PropTypes.shape({
-        onClick: PropTypes.func.isRequired,
-        onMouseDown: PropTypes.func.isRequired,
-        onTouchEnd: PropTypes.func.isRequired
-    }).isRequired
-};
-export default MultiValueChip;

package/esm/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/esm/components/editors/constants.js

@@ -1,29 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var DEFAULT_MIN_DATE = new Date('1900-01-01');
-export var DEFAULT_MAX_DATE = new Date('9999-12-31');
-export var DEFAULT_MAX_DATE_IN_POPUP = new Date('2099-12-31');
-export var commonTextFieldProps = {
-    variant: 'filled',
-    size: 'small',
-    InputProps: {
-        hiddenLabel: true
-    }
-};
-export var useInputStyles = makeStyles({
-    filledInputUnderline: {
-        '&:before': {
-            display: 'none'
-        }
-    },
-    marginDense: {
-        margin: 0
-    }
-});
-export var useSelectStyles = makeStyles({
-    root: {
-        paddingRight: '48px !important'
-    },
-    icon: {
-        right: '12px'
-    }
-});

package/esm/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/esm/components/editors/index.js

@@ -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/esm/components/editors/useDateEditor/helpers.js

@@ -1,24 +0,0 @@
-import i18n from 'ui-i18n';
-import moment from 'moment';
-import { DEFAULT_MAX_DATE_IN_POPUP, DEFAULT_MIN_DATE } from '../constants';
-export var getErrorMessage = function (error) {
-    switch (error) {
-        case 'maxDate':
-            return i18n.text('Date should not be after maximal date');
-        case 'minDate':
-            return i18n.text('Date should not be before minimal date');
-        case 'invalidDate':
-            return i18n.text('Invalid Date Format');
-        default:
-            return '';
-    }
-};
-export var isDateRangeError = function (error) { return ['minDate', 'maxDate'].includes(error); };
-export var getEditorMaxDate = function (maxDate) {
-    var date = moment(maxDate).isAfter(DEFAULT_MAX_DATE_IN_POPUP) ? DEFAULT_MAX_DATE_IN_POPUP : maxDate;
-    return moment(date);
-};
-export var getEditorMinDate = function (minDate) {
-    var date = moment(minDate).isBefore(DEFAULT_MIN_DATE) ? DEFAULT_MIN_DATE : minDate;
-    return moment(date);
-};

package/esm/components/editors/useDateEditor/useDateEditor.js

@@ -1,55 +0,0 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import moment from 'moment';
-import { isNil } from 'ramda';
-import { utils, debounce } from '@reltio/mdm-sdk';
-import { getEditorMaxDate, getEditorMinDate, getErrorMessage, isDateRangeError } from './helpers';
-import { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../constants';
-var _a = utils.dates, isValidMomentDateOrNull = _a.isValidMomentDateOrNull, isDateInRange = _a.isDateInRange, momentToDate = _a.momentToDate;
-export var useDateEditor = function (_a) {
-    var minDateProp = _a.minDate, maxDateProp = _a.maxDate, value = _a.value, onChange = _a.onChange;
-    var _b = useState(null), error = _b[0], setError = _b[1];
-    var _c = useState(null), editorValue = _c[0], setEditorValue = _c[1];
-    var minDate = useMemo(function () { return utils.dates.clearDateTime(isNil(minDateProp) ? DEFAULT_MIN_DATE : minDateProp); }, [minDateProp]);
-    var maxDate = useMemo(function () { return utils.dates.clearDateTime(isNil(maxDateProp) ? DEFAULT_MAX_DATE : maxDateProp); }, [maxDateProp]);
-    var momentValue = useMemo(function () { return (isNil(value) ? null : moment(value)); }, [value]);
-    var editorMinDate = useMemo(function () { return getEditorMinDate(minDate); }, [minDate]);
-    var editorMaxDate = useMemo(function () { return getEditorMaxDate(maxDate); }, [maxDate]);
-    var errorMessage = useMemo(function () { return getErrorMessage(error); }, [error]);
-    var handleError = useCallback(function (error) {
-        if (!isDateRangeError(error))
-            setError(error);
-    }, []);
-    var handleChange = useCallback(function (value) {
-        setEditorValue(value);
-        if (isValidMomentDateOrNull(value) && isDateInRange(minDate, maxDate)(value)) {
-            onChange(momentToDate(value));
-        }
-    }, [minDate, maxDate, onChange]);
-    var debouncedHandleChange = useCallback(debounce(handleChange, 0), [handleChange]);
-    useEffect(function () {
-        setEditorValue(function (prevEditorValue) {
-            var datesAreTheSame = moment(prevEditorValue).isSame(momentValue);
-            var datesAreInvalid = !isValidMomentDateOrNull(momentValue) && !isValidMomentDateOrNull(prevEditorValue);
-            return datesAreTheSame || datesAreInvalid ? prevEditorValue : momentValue;
-        });
-    }, [momentValue]);
-    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 (isDateRangeError(prevError) ? null : prevError); });
-        }
-    }, [editorValue, maxDate, minDate]);
-    return {
-        errorMessage: errorMessage,
-        editorValue: editorValue,
-        editorMinDate: editorMinDate,
-        editorMaxDate: editorMaxDate,
-        onChange: debouncedHandleChange,
-        onError: handleError
-    };
-};