@reltio/components 1.4.1790 → 1.4.1824-hf

package/esm/components/CollapseButton/CollapseButton.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import classnames from 'classnames';
-import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
 import ExpandMore from '@mui/icons-material/ExpandMore';
 import { useStyles } from './styles';
 var CollapseButton = function (_a) {

package/esm/components/ColorBar/ColorBar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    className?: string;
+    width?: number | string;
+    maxWidth?: number;
+};
+declare const ColorBar: ({ className, width, maxWidth }: Props) => JSX.Element;
+export default ColorBar;

package/esm/components/ColorBar/ColorBar.js

@@ -0,0 +1,14 @@
+import React, { useCallback } from 'react';
+import classnames from 'classnames';
+import { is } from 'ramda';
+import { useStyles } from './styles';
+var widthIsNumber = function (width) { return is(Number, width); };
+var ColorBar = function (_a) {
+    var className = _a.className, _b = _a.width, width = _b === void 0 ? 0 : _b, maxWidth = _a.maxWidth;
+    var styles = useStyles();
+    var getBarColorWidth = useCallback(function (width) {
+        return (maxWidth ? (100 * width) / maxWidth : 0) + '%';
+    }, [maxWidth]);
+    return width ? (React.createElement("div", { className: classnames(styles.bar, className), style: { width: widthIsNumber(width) ? getBarColorWidth(width) : width } })) : null;
+};
+export default ColorBar;

package/esm/components/ColoredSourceIcon/ColoredSourceIcon.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import Tooltip from '@mui/material/Tooltip';
 import { getSourceSystemLabel } from '@reltio/mdm-sdk';
 import { useCrosswalkColor, useMdmMetadata } from '../../contexts';
-import { SourceIcon } from '../../SourceIcon';
+import SourceIcon from '../SourceIcon/SourceIcon';
 import { useStyles } from './styles';
 var ColoredSourceIcon = function (_a) {
     var className = _a.className, crosswalk = _a.crosswalk, _b = _a.showTooltip, showTooltip = _b === void 0 ? true : _b;

package/esm/components/CommentsContainer/CommentsContainer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Comment } from '@reltio/mdm-sdk';
 type Props = {
     className?: string;

package/esm/components/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -36,7 +36,7 @@ import classnames from 'classnames';
 import { chain, curry, map } from 'ramda';
 import { getMaxItemWidth } from '@reltio/mdm-sdk';
 import SelectionPopup from '../SelectionPopup/SelectionPopup';
-import { AttributeListItem } from '../../AttributeListItem';
+import AttributeListItem from '../AttributeListItem/AttributeListItem';
 import { flattenGroupedItemsData } from '../VirtualGroupedList/helpers';
 import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
 import { useKeyboardNavigation } from '../SelectionPopup/helpers';

package/esm/components/ConfirmDeleteDialog/ConfirmDeleteDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     open: boolean;
     onClose: () => void;

package/esm/components/ConnectionEditor/ConnectionEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AttributeItem, EditingConnection, Entity, TRelationType } from '@reltio/mdm-sdk';
 type Props = {
     connection: EditingConnection;

package/esm/components/ConnectionEditor/ConnectionEditor.js

@@ -9,17 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { useStyles } from './styles';
+import { useDidUpdateEffect } from '../../hooks';
 import React, { useCallback, useEffect, useMemo } from 'react';
+import { Directions, getActivenessAttributes, getSuitableEntityTypeUrisForRelationTypes, getDefaultRelationTypeObject, getLabel, getRelationAttributesList, getRelationType, isAvailableRelationBetweenEntities, Mode } from '@reltio/mdm-sdk';
+import AttributesList from '../attributes/editMode/AttributesList';
 import classnames from 'classnames';
 import { uniq } from 'ramda';
-import { Directions, getActivenessAttributes, getSuitableEntityTypeUrisForRelationTypes, getDefaultRelationTypeObject, getLabel, getRelationAttributesList, getRelationType, isAvailableRelationBetweenEntities, Mode } from '@reltio/mdm-sdk';
-import { EditModeAttributesList } from '../../EditModeAttributesList';
 import ConnectionRelationTypeSelector from '../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';
 import ErrorWrapper from '../ErrorWrapper/ErrorWrapper';
-import { EntitySelector } from '../../EntitySelector';
+import EntitySelector from '../attributes/editMode/EntitySelector/EntitySelector';
 import { useMdmGlobalSearchRequestOptions, useMdmMetadata } from '../../contexts';
-import { useDidUpdateEffect } from '../../hooks';
-import { useStyles } from './styles';
 export var ConnectionEditor = function (_a) {
     var _b;
     var connection = _a.connection, relatedEntity = _a.relatedEntity, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, showEmptyEditors = _a.showEmptyEditors, entityErrorMessage = _a.entityErrorMessage, onChangeAttribute = _a.onChangeAttribute, onRemoveAttribute = _a.onRemoveAttribute, onAddAttributes = _a.onAddAttributes, onChangeRelationType = _a.onChangeRelationType, onChangeEntity = _a.onChangeEntity;
@@ -85,5 +85,5 @@ export var ConnectionEditor = function (_a) {
         onChangeRelationType && (React.createElement(ConnectionRelationTypeSelector, { className: styles.item, relation: selectorCompatibleRelation, metadata: metadata, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: handleChangeRelationType })),
         onChangeEntity && (React.createElement(ErrorWrapper, { errorMessage: entityErrorMessage, className: styles.item },
             React.createElement(EntitySelector, { key: relationTypeUri, className: classnames((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: Mode.Editing, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
-        relationTypeUri && (React.createElement(EditModeAttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: Mode.Editing, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
+        relationTypeUri && (React.createElement(AttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: Mode.Editing, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
 };

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dense" | "item">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"item" | "dense">;

package/esm/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

@@ -25,7 +25,7 @@ import PropTypes from 'prop-types';
 import { ConnectionRelationType, RelationTypeType } from '@reltio/mdm-sdk';
 import { identity, pipe } from 'ramda';
 import { useRelationTypeSelector } from '../../hooks';
-import { RelationTypeSelector } from '../../RelationTypeSelector';
+import RelationTypeSelector from '../attributes/editMode/RelationTypeSelector/RelationTypeSelector';
 var ConnectionRelationTypeSelector = function (_a) {
     var _b = _a.relation, relation = _b === void 0 ? {} : _b, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, _e = _a.onChange, onChange = _e === void 0 ? identity : _e, _f = _a.applyFirstByDefault, applyFirstByDefault = _f === void 0 ? false : _f, _g = _a.reversedContextLabels, reversedContextLabels = _g === void 0 ? false : _g, otherProps = __rest(_a, ["relation", "inRelationTypes", "outRelationTypes", "onChange", "applyFirstByDefault", "reversedContextLabels"]);
     var _h = useRelationTypeSelector({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;

package/esm/components/DataTenantBadge/DataTenantBadge.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     dataTenantId: string;
     className?: string;

package/esm/components/DateIntervalSelector/DateIntervalSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     interval: [number, string];
     onChange: ([number, string]: [any, any]) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DrawerProps } from '@mui/material/Drawer';
 type Props = DrawerProps;
 declare const Drawer: {

package/esm/components/DropDownMenuButton/DropDownMenuButton.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { MenuProps } from '@mui/material/Menu';
+import { DropDownMenuItem } from '../../types';
+type Props<T> = {
+    className?: string;
+    buttonComponent?: React.ElementType;
+    buttonContent?: React.ReactNode;
+    menuItems?: T[];
+    buttonProps?: Record<string, unknown>;
+    popoverProps?: Omit<MenuProps, 'open'>;
+    menuId: string;
+    onMenuOpen?: () => void;
+    onMenuClose?: () => void;
+    MenuItemRenderer?: (props: any) => JSX.Element;
+};
+declare function DropDownMenuButton<T = DropDownMenuItem>({ className, menuId, buttonComponent, buttonContent, menuItems, buttonProps, popoverProps, onMenuOpen, onMenuClose, MenuItemRenderer }: Props<T>): JSX.Element;
+declare namespace DropDownMenuButton {
+    var displayName: string;
+}
+export default DropDownMenuButton;

package/esm/components/DropDownMenuButton/DropDownMenuButton.js

@@ -0,0 +1,50 @@
+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, { useCallback, useRef, useState } from 'react';
+import classnames from 'classnames';
+import { identity } from 'ramda';
+import Button from '@mui/material/Button';
+import Menu from '@mui/material/Menu';
+import { useDidUpdateEffect } from '../../hooks';
+import DefaultMenuItemRenderer from './MenuItemRenderer';
+import { useStyles } from './styles';
+function DropDownMenuButton(_a) {
+    var _b;
+    var className = _a.className, menuId = _a.menuId, _c = _a.buttonComponent, buttonComponent = _c === void 0 ? Button : _c, buttonContent = _a.buttonContent, _d = _a.menuItems, menuItems = _d === void 0 ? [] : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? {} : _e, _f = _a.popoverProps, popoverProps = _f === void 0 ? {} : _f, _g = _a.onMenuOpen, onMenuOpen = _g === void 0 ? identity : _g, _h = _a.onMenuClose, onMenuClose = _h === void 0 ? identity : _h, _j = _a.MenuItemRenderer, MenuItemRenderer = _j === void 0 ? DefaultMenuItemRenderer : _j;
+    var ButtonComponent = buttonComponent;
+    var styles = useStyles();
+    var buttonRef = useRef();
+    var _k = useState(false), isOpen = _k[0], setIsOpen = _k[1];
+    useDidUpdateEffect(function () {
+        isOpen ? onMenuOpen() : onMenuClose();
+    }, [isOpen]);
+    var handleToggle = useCallback(function (e) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+        setIsOpen(function (open) { return !open; });
+    }, []);
+    var renderMenuItem = function (item, index) {
+        return React.createElement(MenuItemRenderer, { item: item, key: index, onMenuClose: handleToggle });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ButtonComponent, __assign({ "data-reltio-id": 'drop-down-menu-button', ref: buttonRef, className: classnames(styles.buttonRoot, (_b = {},
+                _b[styles.selected] = isOpen,
+                _b), className), onClick: handleToggle, "aria-pressed": isOpen, "aria-controls": isOpen ? menuId : undefined, "aria-haspopup": "true" }, buttonProps), buttonContent),
+        React.createElement(Menu, __assign({ id: menuId, variant: "menu", open: isOpen, autoFocus: false, classes: { paper: styles.paper }, anchorEl: buttonRef.current, onClose: handleToggle, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right'
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right'
+            }, elevation: 2, MenuListProps: { autoFocusItem: isOpen } }, popoverProps), menuItems.map(renderMenuItem))));
+}
+DropDownMenuButton.displayName = 'DropDownMenuButton';
+export default DropDownMenuButton;

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

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

package/esm/components/DropDownMenuButton/MenuItemRenderer.js

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react';
+import { identity } from 'ramda';
+import Checkbox from '@mui/material/Checkbox';
+import MenuItem from '@mui/material/MenuItem';
+import Typography from '@mui/material/Typography';
+import withTooltip from '../../HOCs/withTooltip/withTooltip';
+import { useStyles } from './styles';
+var MenuItemWithTooltip = withTooltip(MenuItem);
+var MenuItemRenderer = forwardRef(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? identity : _b;
+    var styles = useStyles();
+    var disabled = item.disabled, text = item.text, tooltip = item.tooltip, onClick = item.onClick, _c = item.id, id = _c === void 0 ? '' : _c, selectable = item.selectable, selected = item.selected;
+    var handleClick = function (e) {
+        onMenuClose(e);
+        onClick(e);
+    };
+    return (React.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-modal": true, "data-reltio-id": "reltio-search-menu-item".concat(id) },
+        selectable && React.createElement(Checkbox, { checked: selected, color: "primary" }),
+        React.createElement(Typography, { classes: { root: styles.menuText } }, text)));
+});
+MenuItemRenderer.displayName = 'MenuItemRenderer';
+export default MenuItemRenderer;

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"selected" | "paper" | "menuItem" | "menuText" | "buttonRoot">;

package/esm/components/DropDownMenuButton/styles.js

@@ -0,0 +1,26 @@
+import { alpha } from '@mui/material/styles';
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    buttonRoot: {
+        '&$selected': {
+            color: theme.palette.action.active,
+            backgroundColor: alpha(theme.palette.action.active, 0.12),
+            '&:hover': {
+                backgroundColor: alpha(theme.palette.action.active, 0.15)
+            }
+        }
+    },
+    selected: {},
+    paper: {
+        minWidth: '112px'
+    },
+    menuItem: {
+        minHeight: '32px'
+    },
+    menuText: {
+        color: theme.palette.text.primary,
+        fontSize: '13px',
+        lineHeight: '15px',
+        letterSpacing: 0
+    }
+}); });

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "text" | "smallIcon">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "container" | "smallIcon">;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "text" | "root" | "textBox" | "secondaryText" | "root_small" | "embedded" | "full">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "button" | "root" | "textBox" | "secondaryText" | "root_small" | "embedded" | "full">;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Entity } from '@reltio/mdm-sdk';
 type Props = {
     entity: Entity;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Entity } from '@reltio/mdm-sdk';
 type Props = {
     entity: Entity;

package/esm/components/EntityTypeBadge/EntityTypeBadge.js

@@ -2,7 +2,7 @@ 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 ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
 import { useMdmMetadata } from '../../contexts';
 import useStyles from './styles';
 var EntityTypeBadge = function (_a) {

package/esm/components/EntityTypeIcon/EntityTypeIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TEntityType } from '@reltio/mdm-sdk';
 type Props = {
     entityType: TEntityType;

package/esm/components/EntityUriLink/EntityUriLink.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const EntityUriLink: React.ForwardRefExoticComponent<Pick<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "target" | "href"> & {
+declare const EntityUriLink: React.ForwardRefExoticComponent<Pick<Omit<React.HTMLProps<HTMLAnchorElement>, "target" | "href" | "onClick"> & {
     value: string;
     screen?: string;
     shouldOpenInNewTab?: boolean;
-}, "color" | "content" | "height" | "translate" | "width" | "start" | "hidden" | "screen" | "size" | "style" | "default" | "wrap" | "open" | "multiple" | "disabled" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "cite" | "data" | "form" | "label" | "span" | "summary" | "pattern" | "key" | "name" | "value" | "max" | "media" | "method" | "min" | "type" | "crossOrigin" | "classID" | "useMap" | "wmode" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "high" | "low" | "optimum" | "autoComplete" | "cols" | "maxLength" | "minLength" | "readOnly" | "required" | "rows" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "src" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "dateTime" | "acceptCharset" | "action" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "list" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "httpEquiv" | "reversed" | "selected" | "async" | "defer" | "colSpan" | "headers" | "rowSpan" | "scope" | "kind" | "srcLang" | "poster" | "shouldOpenInNewTab"> & React.RefAttributes<HTMLAnchorElement>>;
+}, "value" | "label" | "id" | "step" | "type" | "name" | "hidden" | "content" | "max" | "open" | "title" | "data" | "list" | "scope" | "key" | "children" | "default" | "defaultValue" | "required" | "size" | "method" | "headers" | "start" | "prefix" | "action" | "width" | "height" | "pattern" | "summary" | "integrity" | "results" | "cite" | "form" | "slot" | "span" | "style" | "color" | "translate" | "screen" | "wrap" | "multiple" | "disabled" | "className" | "lang" | "media" | "min" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "htmlFor" | "as" | "hrefLang" | "rel" | "sizes" | "charSet" | "cellPadding" | "cellSpacing" | "selected" | "src" | "srcSet" | "autoComplete" | "autoFocus" | "dateTime" | "manifest" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "acceptCharset" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "challenge" | "keyType" | "keyParams" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "async" | "defer" | "nonce" | "scoped" | "colSpan" | "rowSpan" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "shouldOpenInNewTab"> & React.RefAttributes<HTMLAnchorElement>>;
 export default EntityUriLink;

package/esm/components/ErrorPopup/ErrorPopup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type AddError = (error: {
     title: string;
     message: string;

package/esm/components/ErrorWrapper/ErrorMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     message?: string;
     className?: string;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"wrapper" | "caption" | "helperText">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"caption" | "helperText" | "wrapper">;

package/esm/components/ExpandableSearchInput/ExpandableSearchInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     query: string;
     onChange: (value: string) => void;

package/esm/components/ExpandableSearchInput/ExpandableSearchInput.js

@@ -6,7 +6,7 @@ import IconButton from '@mui/material/IconButton';
 import Input from '@mui/material/Input';
 import InputAdornment from '@mui/material/InputAdornment';
 import SearchIcon from '@mui/icons-material/Search';
-import { SmallIconButton } from '../../SmallIconButton';
+import { SmallIconButton } from '../SmallIconButton';
 import { getValue } from '../../core';
 import { useStyles } from './styles';
 export var ExpandableSearchInput = function (_a) {

package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TooltipProps } from '@mui/material/Tooltip';
+type Props = Omit<TooltipProps, 'title' | 'classes'> & {
+    children: React.ReactNode;
+    value?: React.ReactNode;
+    className?: string;
+    showOnExceededWidth?: boolean;
+    showOnExceededHeight?: boolean;
+};
+declare const ExpandedValueTooltip: ({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: Props) => JSX.Element;
+export default ExpandedValueTooltip;

package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.js

@@ -0,0 +1,45 @@
+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, useEffect } from 'react';
+import ReactResizeDetector from 'react-resize-detector';
+import Tooltip from '@mui/material/Tooltip';
+import { useStyles } from './styles';
+var checkOverflow = function (el, showOnExceededWidth, showOnExceededHeight) {
+    return (el &&
+        ((showOnExceededWidth && el.clientWidth < el.scrollWidth) ||
+            (showOnExceededHeight && el.clientHeight < el.scrollHeight)));
+};
+var ExpandedValueTooltip = function (_a) {
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, className = _a.className, _c = _a.showOnExceededWidth, showOnExceededWidth = _c === void 0 ? true : _c, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
+    var tooltipStyles = useStyles();
+    var childrenRef = useRef();
+    var _d = useState(false), isOverflowing = _d[0], setIsOverflowing = _d[1];
+    var updateOverflowState = function () {
+        return setIsOverflowing(checkOverflow(childrenRef.current, showOnExceededWidth, showOnExceededHeight));
+    };
+    useEffect(updateOverflowState, [showOnExceededHeight, showOnExceededWidth, value]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ReactResizeDetector, { handleWidth: showOnExceededWidth, handleHeight: showOnExceededHeight, onResize: updateOverflowState, refreshMode: "debounce", refreshRate: 100 }),
+        React.createElement(Tooltip, __assign({ ref: childrenRef, title: isOverflowing ? value : '', classes: __assign(__assign({}, tooltipStyles), { tooltip: className }) }, otherProps), children)));
+};
+export default ExpandedValueTooltip;

package/esm/components/FacetViewHeader/FacetViewHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    title: string;
+    children?: React.ReactNode;
+};
+declare const FacetViewHeader: ({ className, title, children }: Props) => JSX.Element;
+export default FacetViewHeader;

package/esm/components/FacetViewHeader/FacetViewHeader.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import classnames from 'classnames';
+import BasicViewHeader from '../BasicViewHeader/BasicViewHeader';
+import { useStyles } from './styles';
+var FacetViewHeader = function (_a) {
+    var className = _a.className, title = _a.title, children = _a.children;
+    var styles = useStyles();
+    return (React.createElement(BasicViewHeader, { title: title, classes: { root: classnames(styles.container, className), title: styles.title } }, children));
+};
+export default FacetViewHeader;

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "container">;

package/esm/components/HierarchicalAttributeTooltip/HierarchicalAttributeTooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipProps } from '@mui/material/Tooltip';
 type Props = Omit<TooltipProps, 'title'> & {
     pathToTitle?: string[];

package/esm/components/HierarchyNodeTitle/HierarchyNodeTitle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type NodeTitleProps = {
     title: string;
     entityUri: string;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "popper" | "selected">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "selected" | "popper">;

package/esm/components/Highlighter/Highlighter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     text?: string;
     highlight?: string;

package/esm/components/Image/CheckedIcon/CheckedIcon.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    checked: boolean;
+    className?: string;
+    onClick: (e: any) => void;
+};
+export declare const CheckedIcon: ({ checked, className, onClick }: Props) => JSX.Element;
+export {};

package/esm/components/Image/Image.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export declare const ImageSizesStyles: {
+    SMALL: {
+        imageWidth: number;
+        imageHeight: number;
+    };
+    MEDIUM: {
+        imageWidth: number;
+        imageHeight: number;
+    };
+    LARGE: {
+        imageWidth: number;
+        imageHeight: number;
+    };
+    OVERRIDE: {
+        imageWidth: string;
+        imageHeight: string;
+    };
+};
+export type ImageSizeType = {
+    imageWidth: number | string;
+    imageHeight: number | string;
+};
+type Props = {
+    src: string;
+    className?: string;
+    containerClassName?: string;
+    size?: ImageSizeType;
+    overlay?: React.ReactNode;
+    onClick?: () => void;
+};
+declare const _default: React.MemoExoticComponent<(props: Props) => JSX.Element>;
+export default _default;