@reltio/components 1.4.1824-hf-2 → 1.4.1824

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/HOCs/withTooltip/propTypes.d.ts

@@ -1,7 +0,0 @@
-declare namespace _default {
-    let tooltipTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    let tooltipPlacement: PropTypes.Requireable<string>;
-    let showForDisabled: PropTypes.Requireable<boolean>;
-}
-export default _default;
-import PropTypes from 'prop-types';

package/esm/HOCs/withTooltip/propTypes.js

@@ -1,6 +0,0 @@
-import PropTypes from 'prop-types';
-export default {
-    tooltipTitle: PropTypes.node,
-    tooltipPlacement: PropTypes.string,
-    showForDisabled: PropTypes.bool
-};

package/esm/components/ActionButton/ActionButton.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export declare enum ActionButtonMode {
-    iconButton = "iconButton",
-    button = "button",
-    menuItem = "menuItem"
-}
-export type Props = {
-    className?: string;
-    disabled?: boolean;
-    icon: React.ElementType;
-    label: string;
-    mode: ActionButtonMode;
-    onClick: () => void;
-    onMenuClose?: () => void;
-};
-export declare const ActionButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;

package/esm/components/ActionButton/ActionButton.js

@@ -1,65 +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, { forwardRef } from 'react';
-import classnames from 'classnames';
-import Button from '@mui/material/Button';
-import MenuItem from '@mui/material/MenuItem';
-import Typography from '@mui/material/Typography';
-import { useStyles } from './styles';
-import { noop } from '../../core';
-import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
-import { SmallIconButtonWithTooltip } from '../SmallIconButton';
-export var ActionButtonMode;
-(function (ActionButtonMode) {
-    ActionButtonMode["iconButton"] = "iconButton";
-    ActionButtonMode["button"] = "button";
-    ActionButtonMode["menuItem"] = "menuItem";
-})(ActionButtonMode || (ActionButtonMode = {}));
-export var ActionButton = forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButtonMode.iconButton : _b, label = _a.label, disabled = _a.disabled, Icon = _a.icon, _c = _a.onClick, onClick = _c === void 0 ? noop : _c, _d = _a.onMenuClose, onMenuClose = _d === void 0 ? noop : _d, otherProps = __rest(_a, ["className", "mode", "label", "disabled", "icon", "onClick", "onMenuClose"]);
-    var styles = useStyles();
-    var getButtonView = function () {
-        switch (mode) {
-            case 'iconButton': {
-                return (React.createElement(SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: classnames(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon, showForDisabled: true }, otherProps)));
-            }
-            case 'button': {
-                return (React.createElement(Button, __assign({ className: classnames(styles.button, className), disabled: disabled, startIcon: React.createElement(Icon, null), onClick: onClick, color: "primary", classes: { startIcon: styles.startIcon } }, otherProps),
-                    React.createElement(ExpandedValueTooltip, { value: label },
-                        React.createElement("div", { className: styles.overflowStyle }, label))));
-            }
-            case 'menuItem': {
-                var handleClick = function () {
-                    onMenuClose();
-                    onClick();
-                };
-                return (React.createElement(MenuItem, __assign({ classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref }, otherProps),
-                    React.createElement(React.Fragment, null,
-                        React.createElement(Icon, { className: styles.menuIcon }),
-                        React.createElement(Typography, { classes: { root: styles.menuText } }, label))));
-            }
-        }
-    };
-    return getButtonView();
-});
-ActionButton.displayName = 'ActionButton';

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

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "startIcon" | "menuItem" | "menuText" | "iconButton" | "overflowStyle" | "menuIcon">;

package/esm/components/ActionButton/styles.js

@@ -1,45 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    button: {
-        whiteSpace: 'nowrap',
-        fontSize: '14px',
-        lineHeight: '16px',
-        letterSpacing: 0,
-        padding: '9px 16px 9px 12px',
-        '& svg g path, & svg path': {
-            fill: theme.palette.primary.main,
-            fillOpacity: 1
-        }
-    },
-    iconButton: {
-        '& svg g path, & svg path': {
-            fill: theme.palette.primary.main,
-            fillOpacity: 1
-        }
-    },
-    startIcon: {
-        marginLeft: 0,
-        marginRight: '8px',
-        width: '18px',
-        height: '18px',
-        alignItems: 'center'
-    },
-    overflowStyle: {
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis'
-    },
-    menuIcon: {
-        marginRight: '12px'
-    },
-    menuItem: {
-        minHeight: '28px',
-        padding: '2px 16px 2px 12px'
-    },
-    menuText: {
-        color: theme.palette.text.primary,
-        fontSize: '13px',
-        lineHeight: '15px',
-        letterSpacing: 0
-    }
-}); });

package/esm/components/ActionsPanel/ActionsPanel.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export type Action = {
-    ActionButton: (props: any) => JSX.Element;
-    show: boolean;
-    props: Record<string, unknown>;
-};
-type Props = {
-    actions: Action[];
-    numberOfButtons?: number;
-    mode?: 'normal' | 'hover';
-    actionButtonSize?: string;
-    classes?: {
-        actionButton: string;
-        moreOptions: string;
-    };
-    onActionsMenuOpen?: () => void;
-    onActionsMenuClose?: () => void;
-    dataReltioId?: string;
-};
-declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => JSX.Element;
-export default ActionsPanel;

package/esm/components/ActionsPanel/ActionsPanel.js

@@ -1,37 +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 { splitAt } from 'ramda';
-import i18n from 'ui-i18n';
-import MoreVertIcon from '@mui/icons-material/MoreVert';
-import { ActionButtonMode } from '../ActionButton/ActionButton';
-import { SmallIconButtonWithTooltip } from '../SmallIconButton';
-import DropDownMenuButton from '../DropDownMenuButton/DropDownMenuButton';
-import MenuItemRenderer from './MenuItemRenderer';
-var ActionsPanel = function (_a) {
-    var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
-    var _d = splitAt(numberOfButtons, actions), buttonActions = _d[0], menuActions = _d[1];
-    var buttonMode = mode === 'normal' ? ActionButtonMode.button : ActionButtonMode.iconButton;
-    var buttonSize = mode === 'normal' ? 'MPlus' : 'S';
-    return (React.createElement(React.Fragment, null,
-        buttonActions.map(function (_a, index) {
-            var ActionButton = _a.ActionButton, props = _a.props;
-            return (React.createElement(ActionButton, __assign({ key: index, mode: buttonMode, className: classes === null || classes === void 0 ? void 0 : classes.actionButton }, (actionButtonSize ? { size: actionButtonSize } : {}), props)));
-        }),
-        menuActions.length > 0 && (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
-                icon: MoreVertIcon,
-                size: buttonSize,
-                tooltipTitle: i18n.text('More actions'),
-                'data-reltio-id': dataReltioId
-            }, className: classes === null || classes === void 0 ? void 0 : classes.moreOptions, menuId: 'matches-view-actions', menuItems: menuActions, onMenuOpen: onActionsMenuOpen, onMenuClose: onActionsMenuClose, MenuItemRenderer: MenuItemRenderer }))));
-};
-export default ActionsPanel;

package/esm/components/ActionsPanel/MenuItemRenderer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Action } from './ActionsPanel';
-type Props = {
-    item: Action;
-    onMenuClose?: () => void;
-};
-declare const MenuItemRenderer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
-export default MenuItemRenderer;

package/esm/components/ActionsPanel/MenuItemRenderer.js

@@ -1,20 +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, { forwardRef } from 'react';
-import { identity } from 'ramda';
-var MenuItemRenderer = forwardRef(function (_a, ref) {
-    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? identity : _b;
-    var ActionButton = item.ActionButton, props = item.props;
-    return React.createElement(ActionButton, __assign({ ref: ref, mode: "menuItem", onMenuClose: onMenuClose }, props));
-});
-MenuItemRenderer.displayName = 'MenuItemRenderer';
-export default MenuItemRenderer;

package/esm/components/ArrowExpandButton/ArrowExpandButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { IconButtonProps } from '@mui/material/IconButton';
-type Props = {
-    expanded: boolean;
-    className?: string;
-} & Omit<IconButtonProps, 'size'>;
-declare const ArrowExpandButton: (props: Props) => JSX.Element;
-export default ArrowExpandButton;

package/esm/components/ArrowExpandButton/ArrowExpandButton.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 SmallIconButton from '../SmallIconButton/SmallIconButton';
-import ArrowRight from '@mui/icons-material/ArrowRight';
-import { useStyles } from './styles';
-var ArrowExpandButton = function (props) {
-    var _a;
-    var styles = useStyles();
-    var expanded = props.expanded, className = props.className, otherProps = __rest(props, ["expanded", "className"]);
-    return (React.createElement(SmallIconButton, __assign({ icon: ArrowRight, size: "XXS", disableRipple: true, iconClassName: classnames(styles.expandIcon, (_a = {}, _a[styles.expanded] = expanded, _a)), className: classnames(className, styles.expandButton), "data-reltio-id": "arrow-expand-button" }, otherProps)));
-};
-export default ArrowExpandButton;

package/esm/components/AttributeGroupIcon/AttributeGroupIcon.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Metadata } from '@reltio/mdm-sdk';
-type Props = {
-    group: {
-        id: string;
-        title: string;
-    };
-    metadata: Metadata;
-};
-declare const AttributeGroupIcon: ({ group, metadata }: Props) => JSX.Element;
-export default AttributeGroupIcon;

package/esm/components/AttributeGroupIcon/AttributeGroupIcon.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { getAbsoluteImageUrl, getEntityTypeGraphIcon } from '@reltio/mdm-sdk';
-import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
-import { useMdmAbsoluteImagePath } from '../../contexts';
-import { useStyles } from './styles';
-var AttributeGroupIcon = function (_a) {
-    var group = _a.group, metadata = _a.metadata;
-    var styles = useStyles();
-    var absoluteImagePath = useMdmAbsoluteImagePath();
-    var entityTypeGraphIcon = getEntityTypeGraphIcon(metadata, { type: group.id });
-    var absoluteImageUrl = getAbsoluteImageUrl(absoluteImagePath, entityTypeGraphIcon);
-    return React.createElement(AvatarWithFallback, { className: styles.icon, icon: absoluteImageUrl, avatarText: group.title[0] });
-};
-export default AttributeGroupIcon;

package/esm/components/AttributeListItem/AttrTypeIcon.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { AttributeType } from '@reltio/mdm-sdk';
-type Props = {
-    attrType?: AttributeType;
-};
-declare const AttrTypeIcon: ({ attrType }: Props) => JSX.Element;
-export default AttrTypeIcon;

package/esm/components/AttributeListItem/AttrTypeIcon.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { DataTypes } from '@reltio/mdm-sdk';
-import NestedAttrIcon from '../../icons/NestedAttribute';
-import ReferenceAttrIcon from '../../icons/ReferenceAttribute';
-import SimpleAttrIcon from '../../icons/SimpleAttribute';
-import { useStyles } from './styles';
-var getIconForAttrType = function (attrType) {
-    switch (attrType.type) {
-        case DataTypes.TYPE_IMAGE:
-        case DataTypes.TYPE_NESTED:
-            return NestedAttrIcon;
-        case DataTypes.TYPE_REFERENCE:
-            return ReferenceAttrIcon;
-        default:
-            return SimpleAttrIcon;
-    }
-};
-var AttrTypeIcon = function (_a) {
-    var _b = _a.attrType, attrType = _b === void 0 ? {} : _b;
-    var styles = useStyles();
-    var Icon = getIconForAttrType(attrType);
-    return React.createElement(Icon, { className: styles.icon });
-};
-export default AttrTypeIcon;

package/esm/components/AttributeListItem/AttributeListItem.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import { AttributeType } from '@reltio/mdm-sdk';
-import { MenuItemProps } from '@mui/material/MenuItem';
-export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent<import("prop-types").InferPropsInner<Pick<{
-    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-    tooltipPlacement: import("prop-types").Requireable<string>;
-    showForDisabled: import("prop-types").Requireable<boolean>;
-}, never>> & Partial<import("prop-types").InferPropsInner<Pick<{
-    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-    tooltipPlacement: import("prop-types").Requireable<string>;
-    showForDisabled: import("prop-types").Requireable<boolean>;
-}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & React.SVGProps<SVGSVGElement> & {
-    children?: React.ReactNode;
-}>;
-type Data = {
-    attrType?: AttributeType;
-};
-type Props = {
-    data: Data;
-    checked: boolean;
-    label: React.ReactNode;
-    labelInText?: string;
-    level?: number;
-    isFocused?: boolean;
-    isRequired?: boolean;
-    hideIcon?: boolean;
-    hideCheckBox?: boolean;
-    notSelectable?: boolean;
-    disableHorizontalScrollbar?: boolean;
-    onClick?: (data: Data, checked: boolean, groupId: string) => void;
-    subItemMargin?: number;
-    groupId?: string;
-    style?: MenuItemProps['style'];
-    LogoIcon?: React.ElementType;
-    className?: string;
-    disableNonSelectable?: boolean;
-    disableGutters?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className, disableNonSelectable, disableGutters }: Props) => JSX.Element>;
-export default _default;

package/esm/components/AttributeListItem/AttributeListItem.js

@@ -1,44 +0,0 @@
-import React, { memo } from 'react';
-import classnames from 'classnames';
-import i18n from 'ui-i18n';
-import ListItemText from '@mui/material/ListItemText';
-import Checkbox from '@mui/material/Checkbox';
-import MenuItem from '@mui/material/MenuItem';
-import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
-import { isNested } from '@reltio/mdm-sdk';
-import withTooltip from '../../HOCs/withTooltip/withTooltip';
-import RequiredMark from '../RequiredMark/RequiredMark';
-import { noop } from '../../core';
-import AttrTypeIcon from './AttrTypeIcon';
-import Marginator from '../Marginator/Marginator';
-import RecommendedIcon from '../../icons/Recommended';
-import { useStyles } from './styles';
-export var RecommendedIconWithTooltip = withTooltip(RecommendedIcon);
-var AttributeListItem = function (_a) {
-    var _b, _c, _d;
-    var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className, disableNonSelectable = _a.disableNonSelectable, disableGutters = _a.disableGutters;
-    var styles = useStyles();
-    var attrType = (data || {}).attrType;
-    var isButton = (!hideCheckBox || !isNested(attrType)) && !notSelectable;
-    var handleItemClick = function () { return onClick(data, !checked, groupId); };
-    var showLogoIcon = !!LogoIcon;
-    var renderIcon = function (attrType) {
-        return groupId === 'recommended' ? (React.createElement(RecommendedIconWithTooltip, { className: styles.recommendedIcon, tooltipTitle: i18n.text('Recommended'), showForDisabled: true })) : (React.createElement(AttrTypeIcon, { attrType: attrType }));
-    };
-    return (React.createElement(ExpandedValueTooltip, { value: labelInText || label, className: styles.itemTooltip, placement: "bottom-end" },
-        React.createElement(MenuItem, { className: classnames(styles.container, styles.listItem, (_b = {}, _b[styles.defaultCursor] = !isButton, _b), className), onClick: isButton ? handleItemClick : undefined, style: style, dense: true, disabled: disableNonSelectable && notSelectable, classes: {
-                focusVisible: styles.listItemFocus,
-                selected: styles.listItemFocus
-            }, selected: isFocused, tabIndex: -1, disableGutters: disableGutters },
-            !hideCheckBox && (React.createElement(Checkbox, { checked: checked, disableRipple: true, disabled: !isButton, className: classnames(styles.checkbox, (_c = {}, _c[styles.checked] = checked, _c)), tabIndex: -1 })),
-            React.createElement(Marginator, { margin: subItemMargin, level: level, className: styles.marginWrapper },
-                React.createElement(React.Fragment, null,
-                    !hideIcon && renderIcon(attrType),
-                    React.createElement("div", { className: classnames(styles.itemTextWrapper, (_d = {}, _d[styles.marginText] = hideIcon, _d)) },
-                        showLogoIcon && React.createElement(LogoIcon, { className: styles.logoIcon }),
-                        React.createElement(ListItemText, { primary: React.createElement(React.Fragment, null,
-                                label,
-                                isRequired && React.createElement(RequiredMark, null)), className: styles.itemText })))),
-            isButton && disableHorizontalScrollbar && React.createElement("div", { className: styles.itemAfter }))));
-};
-export default memo(AttributeListItem);

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

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "container" | "checkbox" | "checked" | "listItem" | "listItemFocus" | "recommendedIcon" | "logoIcon" | "itemAfter" | "itemText" | "marginWrapper" | "defaultCursor" | "itemTooltip" | "marginText" | "itemTextWrapper">;