@reltio/components 1.4.1836-hf → 1.4.1837

package/esm/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type Values = [Date, Date];
-type Props = {
-    onApply: ([startDate, endDate]: Values) => void;
-    values?: Values;
-    type?: string;
-    minDate?: Date;
-    maxDate?: Date;
-};
-declare const DateRangePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default DateRangePicker;

package/esm/components/DateRangePicker/DateRangePicker.js

@@ -1,67 +0,0 @@
-import React, { forwardRef, useRef, useState } from 'react';
-import i18n from 'ui-i18n';
-import { nanoid } from 'nanoid';
-import { pathOr } from 'ramda';
-import { DataTypes } from '@reltio/mdm-sdk';
-import Button from '@mui/material/Button';
-import DialogTitle from '@mui/material/DialogTitle';
-import DialogContent from '@mui/material/DialogContent';
-import DialogActions from '@mui/material/DialogActions';
-import TimestampEditor from '../editors/TimestampEditor/TimestampEditor';
-import DateEditor from '../editors/DateEditor/DateEditor';
-import { useStyles } from './styles';
-var START_DATE = 0;
-var END_DATE = 1;
-var getDate = function (values, index) { return pathOr(null, [index], values); };
-var DateRangePicker = forwardRef(function (_a, ref) {
-    var onApply = _a.onApply, values = _a.values, type = _a.type, minDate = _a.minDate, maxDate = _a.maxDate;
-    var styles = useStyles();
-    var editorFromId = useRef(nanoid());
-    var editorToId = useRef(nanoid());
-    var _b = useState(null), startDate = _b[0], setStartDate = _b[1];
-    var _c = useState(null), endDate = _c[0], setEndDate = _c[1];
-    React.useEffect(function () {
-        setStartDate(getDate(values, START_DATE));
-        setEndDate(getDate(values, END_DATE));
-    }, [values]);
-    var ComponentEditor = type === DataTypes.TYPE_TIMESTAMP ? TimestampEditor : DateEditor;
-    var headerTitle = type === DataTypes.TYPE_TIMESTAMP ? i18n.text('Pick date and time') : i18n.text('Pick date');
-    var selectStartDateHandler = function (value) {
-        setStartDate(value);
-    };
-    var selectEndDateHandler = function (value) {
-        setEndDate(value);
-    };
-    var onUpdate = function () {
-        if (startDate && endDate && startDate > endDate) {
-            onApply([endDate, startDate]);
-        }
-        else {
-            onApply([startDate, endDate]);
-        }
-    };
-    var onTabStopPropagation = function (e) { return e.key === 'Tab' && e.stopPropagation(); };
-    return (React.createElement("div", { className: styles.container, ref: ref, onKeyDown: onTabStopPropagation },
-        React.createElement(DialogTitle, null, headerTitle),
-        React.createElement(DialogContent, { className: styles.dateRangeContainer },
-            React.createElement(ComponentEditor, { slotProps: {
-                    textField: {
-                        id: editorFromId.current,
-                        variant: 'filled',
-                        size: 'small',
-                        className: styles.dateInput
-                    }
-                }, label: i18n.text('From'), value: startDate, onChange: selectStartDateHandler, minDate: minDate, maxDate: maxDate }),
-            React.createElement(ComponentEditor, { slotProps: {
-                    textField: {
-                        id: editorToId.current,
-                        variant: 'filled',
-                        size: 'small',
-                        className: styles.dateInput
-                    }
-                }, label: i18n.text('To'), value: endDate, onChange: selectEndDateHandler, minDate: minDate, maxDate: maxDate })),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { color: "primary", onClick: onUpdate }, i18n.text('Update')))));
-});
-DateRangePicker.displayName = 'DateRangePicker';
-export default DateRangePicker;

package/esm/components/Drawer/Drawer.d.ts

@@ -1,7 +0,0 @@
-import { DrawerProps } from '@mui/material/Drawer';
-type Props = DrawerProps;
-declare const Drawer: {
-    ({ open, children, ...otherProps }: Props): JSX.Element;
-    displayName: string;
-};
-export default Drawer;

package/esm/components/Drawer/Drawer.js

@@ -1,48 +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, { useState, useEffect } from 'react';
-import MUIDrawer from '@mui/material/Drawer';
-import { useTheme } from '@mui/material/styles';
-var Drawer = function (_a) {
-    var _b = _a.open, open = _b === void 0 ? true : _b, children = _a.children, otherProps = __rest(_a, ["open", "children"]);
-    var _c = useState(open), drawerContentsVisible = _c[0], setDrawerContentVisible = _c[1];
-    var hideDelay = useTheme().transitions.duration.leavingScreen;
-    useEffect(function () {
-        if (open !== drawerContentsVisible) {
-            if (open) {
-                // mount children before appear
-                setDrawerContentVisible(true);
-            }
-            else {
-                // unmount children only when closing transition ended
-                var timeout_1 = setTimeout(function () {
-                    setDrawerContentVisible(false);
-                }, hideDelay);
-                return function () { return clearTimeout(timeout_1); };
-            }
-        }
-    }, [open, hideDelay, drawerContentsVisible]);
-    return (React.createElement(MUIDrawer, __assign({ open: open }, otherProps), drawerContentsVisible && children));
-};
-Drawer.displayName = 'Drawer';
-export default Drawer;

package/esm/components/DropDownSelector/DropDownSelector.d.ts

@@ -1,36 +0,0 @@
-export namespace DropDownSelectorType {
-    let value: PropTypes.Requireable<object>;
-    let label: PropTypes.Validator<string>;
-    let getOptions: PropTypes.Requireable<(...args: any[]) => any>;
-    let options: PropTypes.Requireable<any[]>;
-    let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    let onCreate: PropTypes.Requireable<(...args: any[]) => any>;
-    let onClear: PropTypes.Requireable<(...args: any[]) => any>;
-    let createLabel: PropTypes.Requireable<string>;
-    let components: PropTypes.Requireable<object>;
-    let textFieldInputRef: PropTypes.Requireable<object>;
-    let TextFieldProps: PropTypes.Requireable<object>;
-    let height: PropTypes.Requireable<number>;
-    let classes: PropTypes.Requireable<object>;
-}
-export default DropDownSelector;
-import PropTypes from 'prop-types';
-declare function DropDownSelector({ value, label, createLabel, getOptions, options, height, onChange, onCreate, onClear, components, textFieldInputRef, TextFieldProps, classes, ...otherProps }: {
-    [x: string]: any;
-    value: any;
-    label: any;
-    createLabel: any;
-    getOptions: any;
-    options: any;
-    height?: number;
-    onChange?: any;
-    onCreate: any;
-    onClear?: any;
-    components: any;
-    textFieldInputRef: any;
-    TextFieldProps: any;
-    classes: any;
-}): JSX.Element;
-declare namespace DropDownSelector {
-    export { DropDownSelectorType as propTypes };
-}

package/esm/components/DropDownSelector/DropDownSelector.js

@@ -1,75 +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, { useRef, useState } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { defaultTo, identity, isEmpty, path, prop } from 'ramda';
-import DropdownIndicator from '../commonReactSelectComponents/DropdownIndicator';
-import Menu from './components/Menu';
-import AsyncSelect from '../ReactSelect/AsyncSelect';
-import Select from '../ReactSelect/Select';
-import { EmptyStub } from '../../core';
-import { isEmptyValue } from '@reltio/mdm-sdk';
-import { useInputStyles } from '../editors/constants';
-import SingleValue from './components/SingleValue';
-import { useStyles, customStyles, overloadMenuListStyle, withoutLabelInputStyle } from './styles';
-var DropDownSelector = function (_a) {
-    var _b;
-    var value = _a.value, label = _a.label, createLabel = _a.createLabel, getOptions = _a.getOptions, options = _a.options, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.onClear, onClear = _e === void 0 ? identity : _e, components = _a.components, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, classes = _a.classes, otherProps = __rest(_a, ["value", "label", "createLabel", "getOptions", "options", "height", "onChange", "onCreate", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes"]);
-    var styles = useStyles({ height: height });
-    var underlineStyle = useInputStyles();
-    var _f = useState(false), open = _f[0], setOpen = _f[1];
-    var inputRef = useRef(null);
-    var SelectComponent = getOptions ? AsyncSelect : Select;
-    var showIndicatorSeparator = prop('ClearIndicator', components)
-        ? {}
-        : { IndicatorSeparator: EmptyStub, ClearIndicator: EmptyStub };
-    var handleCreate = onCreate
-        ? function (value, group) {
-            onCreate(value, group);
-            setOpen(false);
-        }
-        : undefined;
-    var overloadStylesIfGroup = prop('Group', components) ? overloadMenuListStyle : {};
-    var overloadStylesIfNoLabel = isEmpty(label) ? withoutLabelInputStyle : {};
-    var mergedStyles = __assign(__assign(__assign({}, customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
-    var mergedClasses = __assign(__assign({}, styles), classes);
-    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue, Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', size: 'small', classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[underlineStyle.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
-};
-export var DropDownSelectorType = {
-    value: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-    label: PropTypes.string.isRequired,
-    getOptions: PropTypes.func,
-    options: PropTypes.array,
-    onChange: PropTypes.func,
-    onCreate: PropTypes.func,
-    onClear: PropTypes.func,
-    createLabel: PropTypes.string,
-    components: PropTypes.object,
-    textFieldInputRef: PropTypes.object,
-    TextFieldProps: PropTypes.object,
-    height: PropTypes.number,
-    classes: PropTypes.object
-};
-DropDownSelector.propTypes = DropDownSelectorType;
-export default DropDownSelector;

package/esm/components/DropDownSelector/components/Menu.d.ts

@@ -1,9 +0,0 @@
-export default Menu;
-declare function Menu(props: any): JSX.Element;
-declare namespace Menu {
-    namespace propTypes {
-        let children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        let selectProps: PropTypes.Validator<object>;
-    }
-}
-import PropTypes from 'prop-types';

package/esm/components/DropDownSelector/components/Menu.js

@@ -1,31 +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 AddIcon from '@mui/icons-material/Add';
-import { useMenuStyles } from './styles';
-import MenuWithPopper from '../../commonReactSelectComponents/MenuWithPopper';
-var Menu = function (props) {
-    var _a = props.selectProps, onCreate = _a.onCreate, createLabel = _a.createLabel, inputValue = _a.inputValue, components = _a.components, children = props.children;
-    var styles = useMenuStyles();
-    return (React.createElement(MenuWithPopper, __assign({}, props),
-        children,
-        createLabel && !prop('Group', components) && (React.createElement("span", { className: styles.addLabel, onClick: function () { return onCreate(inputValue); } },
-            React.createElement(AddIcon, { className: styles.addIcon }),
-            createLabel))));
-};
-Menu.propTypes = {
-    children: PropTypes.element.isRequired,
-    selectProps: PropTypes.object.isRequired
-};
-export default Menu;

package/esm/components/DropDownSelector/components/SingleValue.d.ts

@@ -1,9 +0,0 @@
-declare function SingleValue(props: any): JSX.Element;
-declare namespace SingleValue {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let innerProps: PropTypes.Requireable<object>;
-    }
-}
-export default SingleValue;
-import PropTypes from 'prop-types';

package/esm/components/DropDownSelector/components/SingleValue.js

@@ -1,24 +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 Typography from '@mui/material/Typography';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useSingleValueStyles } from './styles';
-export default function SingleValue(props) {
-    var menuIsOpen = props.selectProps.menuIsOpen, innerProps = props.innerProps, children = props.children;
-    var styles = useSingleValueStyles();
-    return (!menuIsOpen && (React.createElement(Typography, __assign({ className: styles.singleValue }, innerProps), children)));
-}
-SingleValue.propTypes = {
-    children: PropTypes.node,
-    innerProps: PropTypes.object
-};

package/esm/components/DropDownSelector/components/styles.d.ts

@@ -1,2 +0,0 @@
-export const useMenuStyles: (props?: any) => import("@mui/styles").ClassNameMap<"addLabel" | "addIcon">;
-export const useSingleValueStyles: (props?: any) => import("@mui/styles").ClassNameMap<"singleValue">;

package/esm/components/DropDownSelector/components/styles.js

@@ -1,33 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useMenuStyles = makeStyles(function (theme) { return ({
-    addLabel: {
-        display: 'flex',
-        padding: '0 7px',
-        height: '35px',
-        alignItems: 'center',
-        fontSize: '13px',
-        fontWeight: '500',
-        color: theme.palette.primary.main,
-        cursor: 'pointer',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        borderTop: 'solid 1px rgba(0, 0, 0, 0.14)',
-        backgroundColor: 'rgba(0, 0, 0, 0.03)'
-    },
-    addIcon: {
-        height: '18px',
-        width: '18px',
-        padding: '0 9px'
-    }
-}); });
-export var useSingleValueStyles = makeStyles({
-    singleValue: {
-        fontSize: '14px',
-        lineHeight: '16px',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        marginTop: '17px'
-    }
-});

package/esm/components/DropDownSelector/styles.d.ts

@@ -1,16 +0,0 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "control" | "formControl" | "valueContainer" | "dropdownIndicator" | "inputLabel" | "filledInputRoot">;
-export namespace customStyles {
-    function menu(baseStyles: any): any;
-    function menuList(baseStyles: any): any;
-    function group(baseStyles: any): any;
-    function input(baseStyles: any): any;
-    function option(baseStyles: any): any;
-}
-export namespace overloadMenuListStyle {
-    export function menuList_1(baseStyles: any): any;
-    export { menuList_1 as menuList };
-}
-export namespace withoutLabelInputStyle {
-    export function input_1(baseStyles: any): any;
-    export { input_1 as input };
-}

package/esm/components/EmptySearchResult/NoData.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import NoMessageComponent from './NoMessageComponent';
-type Props = Omit<React.ComponentPropsWithoutRef<typeof NoMessageComponent>, 'message'>;
-export declare const NoData: (props: Props) => JSX.Element;
-export default NoData;

package/esm/components/EmptySearchResult/NoData.js

@@ -1,18 +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 i18n from 'ui-i18n';
-import NoMessageComponent from './NoMessageComponent';
-export var NoData = function (props) {
-    return React.createElement(NoMessageComponent, __assign({ message: i18n.text('No data available') }, props));
-};
-export default NoData;

package/esm/components/EmptySearchResult/NoMessageComponent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = React.ComponentPropsWithoutRef<'div'> & {
-    message?: string;
-};
-declare const NoMessageComponent: ({ className, message, ...other }: Props) => JSX.Element;
-export default NoMessageComponent;

package/esm/components/EmptySearchResult/NoMessageComponent.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);
-};
-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 NoDataIcon from '../../icons/NoDataSearch';
-import { useStyles } from './styles';
-var NoMessageComponent = function (_a) {
-    var className = _a.className, message = _a.message, other = __rest(_a, ["className", "message"]);
-    var styles = useStyles();
-    return (React.createElement("div", __assign({ className: classnames(styles.container, className) }, other),
-        React.createElement(NoDataIcon, { className: styles.smallIcon }),
-        React.createElement("div", { className: styles.text }, message)));
-};
-export default NoMessageComponent;

package/esm/components/EmptySearchResult/NoResults.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import NoMessageComponent from './NoMessageComponent';
-type Props = Omit<React.ComponentPropsWithoutRef<typeof NoMessageComponent>, 'message'>;
-export declare const NoResults: (props: Props) => JSX.Element;
-export {};

package/esm/components/EmptySearchResult/NoResults.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 i18n from 'ui-i18n';
-import NoMessageComponent from './NoMessageComponent';
-export var NoResults = function (props) {
-    return React.createElement(NoMessageComponent, __assign({ message: i18n.text('No results found') }, props));
-};

package/esm/components/EmptySearchResult/index.d.ts

@@ -1,2 +0,0 @@
-export { NoData } from './NoData';
-export { NoResults } from './NoResults';

package/esm/components/EmptySearchResult/index.js

@@ -1,2 +0,0 @@
-export { NoData } from './NoData';
-export { NoResults } from './NoResults';

package/esm/components/EmptyState/EmptyState.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-export declare enum EMPTY_STATE_VARIANTS {
-    full = "full",
-    embedded = "embedded",
-    small = "small"
-}
-export declare const EMPTY_STATE_ICONS: {
-    SEARCH_RESULTS: React.FC<React.SVGProps<SVGSVGElement>>;
-    SELECT_ATTRIBUTES: React.FC<React.SVGProps<SVGSVGElement>>;
-    NO_DATA: React.FC<React.SVGProps<SVGSVGElement>>;
-    ERROR: React.FC<React.SVGProps<SVGSVGElement>>;
-};
-type Props = {
-    variant?: EMPTY_STATE_VARIANTS;
-    LogoRenderer?: React.ElementType;
-    text: string;
-    secondaryText?: string;
-    buttonTitle?: string;
-    access?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-};
-declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access }: Props) => JSX.Element;
-export default EmptyState;

package/esm/components/EmptyState/EmptyState.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { identity } from 'ramda';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import EmptySearchResultsIcon from '../../icons/EmptySearchResults';
-import SelectAttributesIcon from '../../icons/SelectAttributes';
-import NoData from '../../icons/NoData';
-import Error from '../../icons/Error';
-import { useStyles } from './styles';
-export var EMPTY_STATE_VARIANTS;
-(function (EMPTY_STATE_VARIANTS) {
-    EMPTY_STATE_VARIANTS["full"] = "full";
-    EMPTY_STATE_VARIANTS["embedded"] = "embedded";
-    EMPTY_STATE_VARIANTS["small"] = "small";
-})(EMPTY_STATE_VARIANTS || (EMPTY_STATE_VARIANTS = {}));
-export var EMPTY_STATE_ICONS = {
-    SEARCH_RESULTS: EmptySearchResultsIcon,
-    SELECT_ATTRIBUTES: SelectAttributesIcon,
-    NO_DATA: NoData,
-    ERROR: Error
-};
-var EmptyState = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? identity : _d, access = _a.access;
-    var styles = useStyles();
-    var showButton = access && buttonTitle;
-    return (React.createElement("div", { className: classnames(styles.root, styles["root_".concat(variant)]) },
-        React.createElement(LogoRenderer, { className: styles["".concat(variant)] }),
-        React.createElement("div", { className: styles.textBox },
-            React.createElement(Typography, { variant: "h5", classes: { h5: styles.text } }, text),
-            secondaryText && (React.createElement(Typography, { variant: "subtitle1", classes: { subtitle1: styles.secondaryText } }, secondaryText))),
-        showButton && (React.createElement(Button, { className: styles.button, variant: "contained", color: "primary", onClick: onClick }, buttonTitle))));
-};
-export default EmptyState;

package/esm/components/EntityAvatar/EntityAvatar.d.ts

@@ -1,8 +0,0 @@
-import { Entity } from '@reltio/mdm-sdk';
-type Props = {
-    entity: Entity;
-    avatarClassName?: string;
-    imageClassName?: string;
-};
-declare const EntityAvatar: ({ entity, avatarClassName, imageClassName }: Props) => JSX.Element;
-export default EntityAvatar;

package/esm/components/EntityAvatar/EntityAvatar.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { getEntityImage, getEntityTypeImage, getAbsoluteImageUrl, svg2Url } from '@reltio/mdm-sdk';
-import Avatar from '@mui/material/Avatar';
-import { DEFAULT_PROFILE_IMAGE } from './no-photo.svg';
-import { useMdmAbsoluteImagePath, useMdmMetadata } from '../../contexts';
-var EntityAvatar = function (_a) {
-    var entity = _a.entity, avatarClassName = _a.avatarClassName, imageClassName = _a.imageClassName;
-    var metadata = useMdmMetadata();
-    var absoluteImagePath = useMdmAbsoluteImagePath() || '';
-    var entityImageSource = getEntityImage(metadata, absoluteImagePath, entity);
-    var fallbackImage = getAbsoluteImageUrl(absoluteImagePath, getEntityTypeImage(metadata, entity.type));
-    var onImageLoadFail = function (e) {
-        e.target.onError = null;
-        e.target.src = svg2Url(DEFAULT_PROFILE_IMAGE);
-    };
-    return (React.createElement(Avatar, { className: classnames(avatarClassName, imageClassName), src: entityImageSource, imgProps: { onError: onImageLoadFail } },
-        React.createElement("img", { className: imageClassName, src: fallbackImage, alt: "fallback entity avatar", onError: onImageLoadFail })));
-};
-export default EntityAvatar;

package/esm/components/EntityTypeBadge/EntityTypeBadge.d.ts

@@ -1,8 +0,0 @@
-import { Entity } from '@reltio/mdm-sdk';
-type Props = {
-    entity: Entity;
-    className?: string;
-    size?: 'small' | 'medium';
-};
-declare const EntityTypeBadge: ({ entity, className, size }: Props) => JSX.Element;
-export default EntityTypeBadge;

package/esm/components/EntityTypeBadge/EntityTypeBadge.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { getEntityType, getEntityTypeLabel, getPropWithInheritance, theme, utils } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import { ExpandedValueTooltip } from '../../ExpandedValueTooltip';
-import { useMdmMetadata } from '../../contexts';
-import useStyles from './styles';
-var EntityTypeBadge = function (_a) {
-    var entity = _a.entity, className = _a.className, _b = _a.size, size = _b === void 0 ? 'small' : _b;
-    var styles = useStyles();
-    var metadata = useMdmMetadata();
-    var entityType = getEntityType(metadata, entity.type);
-    var color = entityType ? getPropWithInheritance(metadata, entityType, 'typeColor') : null;
-    var entityTypeColor = color || theme.palette.primary.main;
-    var entityTypeLabel = getEntityTypeLabel(metadata, entity);
-    return (React.createElement(ExpandedValueTooltip, { value: entityTypeLabel, placement: "top" },
-        React.createElement(Typography, { style: {
-                backgroundColor: entityTypeColor,
-                color: utils.Colors.getColor(entityTypeColor) ? '#FFFFFF' : '#212121'
-            }, className: classnames(styles["entityType-".concat(size)], styles['entityType-overflow'], className), component: "div" }, entityTypeLabel)));
-};
-export default EntityTypeBadge;

package/esm/components/EntityTypeBadge/styles.d.ts

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"entityType-overflow" | "entityType-small" | "entityType-medium">;
-export default useStyles;

package/esm/components/EntityTypeBadge/styles.js

@@ -1,26 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var useStyles = makeStyles({
-    'entityType-overflow': {
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap'
-    },
-    'entityType-small': {
-        padding: '1px 4px',
-        fontSize: '10px',
-        lineHeight: 'normal',
-        marginRight: '12px',
-        borderRadius: '2px',
-        flexShrink: 0
-    },
-    'entityType-medium': {
-        padding: '2px 8px 3px',
-        borderRadius: '2px',
-        fontSize: '13px',
-        fontWeight: 500,
-        lineHeight: '15px',
-        marginRight: '16px',
-        flexShrink: 0
-    }
-});
-export default useStyles;