@reltio/components 1.4.1039 → 1.4.1043

package/cjs/components/SelectionPopup/SelectionPopup.js

@@ -26,45 +26,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
 var styles_js_1 = __importDefault(require("./styles.js"));
 var SearchInput_1 = __importDefault(require("../SearchInput/SearchInput"));
 var SelectionPopup = function (_a) {
-    var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, _b = _a.headerPlacement, headerPlacement = _b === void 0 ? 'top' : _b, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef"]);
+    var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, _b = _a.headerPlacement, headerPlacement = _b === void 0 ? 'top' : _b, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, _c = _a.anchorOrigin, anchorOrigin = _c === void 0 ? {
+        vertical: 'top',
+        horizontal: 'right'
+    } : _c, _d = _a.transformOrigin, transformOrigin = _d === void 0 ? {
+        vertical: 'top',
+        horizontal: 'right'
+    } : _d, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin"]);
     var classes = styles_js_1.default({ containerWidth: containerWidth, containerHeight: containerHeight });
     var header = (react_1.default.createElement(react_1.default.Fragment, null,
         !hideTitle && react_1.default.createElement("div", { className: classes.header }, title),
         !hideSearchInput && (react_1.default.createElement(SearchInput_1.default, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: classes.searchInputContainer }, placeholder: ui_i18n_1.default.text('Search & add attributes'), height: 40 }))));
-    return (react_1.default.createElement(Popover_1.default, __assign({}, otherProps),
+    return (react_1.default.createElement(Popover_1.default, __assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, otherProps),
         react_1.default.createElement("div", { className: classnames_1.default(classes.container, className), style: { width: containerWidth } },
             headerPlacement === 'top' && header,
             react_1.default.createElement("div", { className: classes.list }, children),
             headerPlacement === 'bottom' && header)));
 };
-SelectionPopup.propTypes = {
-    className: prop_types_1.default.string,
-    title: prop_types_1.default.string,
-    headerPlacement: prop_types_1.default.oneOf(['top', 'bottom']),
-    onSearch: prop_types_1.default.func,
-    searchInputOnKeyDown: prop_types_1.default.func,
-    containerWidth: prop_types_1.default.number,
-    containerHeight: prop_types_1.default.number,
-    hideTitle: prop_types_1.default.bool,
-    hideSearchInput: prop_types_1.default.bool,
-    searchInputRef: prop_types_1.default.shape({ current: prop_types_1.default.instanceOf(Element) }),
-    children: prop_types_1.default.node
-};
-SelectionPopup.defaultProps = {
-    anchorOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-    },
-    transformOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-    }
-};
 exports.default = SelectionPopup;

package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts

@@ -1,36 +1,18 @@
+import React from 'react';
+import { PaperProps } from '@material-ui/core/Paper';
+declare type Props = {
+    open: boolean;
+    anchorEl: HTMLElement;
+    className?: string;
+    onClose: () => void;
+    containerWidth: number;
+    containerHeight: number;
+    paperProps: Omit<PaperProps, 'evelation'>;
+    listContent?: React.ReactNode;
+    externalInputField?: React.ReactNode;
+    classes?: {
+        root?: string;
+    };
+};
+declare const SelectionPopupPopper: ({ open, anchorEl, className, onClose, containerWidth, containerHeight, paperProps, listContent, externalInputField, classes }: Props) => JSX.Element;
 export default SelectionPopupPopper;
-declare function SelectionPopupPopper({ open, anchorEl, className, onClose, containerWidth, containerHeight, paperProps, listContent, externalInputField, classes }: {
-    open: any;
-    anchorEl: any;
-    className: any;
-    onClose: any;
-    containerWidth: any;
-    containerHeight: any;
-    paperProps: any;
-    listContent: any;
-    externalInputField: any;
-    classes?: {};
-}): JSX.Element;
-declare namespace SelectionPopupPopper {
-    namespace propTypes {
-        const open: PropTypes.Requireable<boolean>;
-        const anchorEl: PropTypes.Requireable<object>;
-        const className: PropTypes.Requireable<string>;
-        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        const containerWidth: PropTypes.Requireable<number>;
-        const containerHeight: PropTypes.Requireable<number>;
-        const paperProps: PropTypes.Requireable<object>;
-        const listContent: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        const externalInputField: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        const classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-        }>>;
-    }
-    namespace defaultProps {
-        namespace popoverAnchorOrigin {
-            const vertical: string;
-            const horizontal: string;
-        }
-    }
-}
-import PropTypes from "prop-types";

package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js

@@ -15,7 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_js_1 = __importDefault(require("../styles.js"));
 var Popper_1 = __importDefault(require("../../Popper/Popper"));
@@ -37,24 +36,4 @@ var SelectionPopupPopper = function (_a) {
                         react_1.default.createElement("div", { className: commonStyles.list }, listContent)))));
         })));
 };
-SelectionPopupPopper.propTypes = {
-    open: prop_types_1.default.bool,
-    anchorEl: prop_types_1.default.object,
-    className: prop_types_1.default.string,
-    onClose: prop_types_1.default.func,
-    containerWidth: prop_types_1.default.number,
-    containerHeight: prop_types_1.default.number,
-    paperProps: prop_types_1.default.object,
-    listContent: prop_types_1.default.element,
-    externalInputField: prop_types_1.default.element,
-    classes: prop_types_1.default.shape({
-        root: prop_types_1.default.string
-    })
-};
-SelectionPopupPopper.defaultProps = {
-    popoverAnchorOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-    }
-};
 exports.default = SelectionPopupPopper;

package/cjs/components/SelectionPopup/helpers.d.ts

@@ -1,10 +1,24 @@
-export function useKeyboardNavigation({ items, open, onSelectFocusedItem, selectedItems, onClose }: {
-    items: any;
-    open: any;
-    onSelectFocusedItem: any;
-    selectedItems: any;
-    onClose: any;
-}): {
-    focusIndex: any;
-    handleKeyDown: (event: any) => boolean;
+import React from 'react';
+declare type Item = {
+    titleItemIndex?: number;
+    index: number;
+    item: {
+        item: Record<string, unknown>;
+        moveTo?: number;
+    };
 };
+declare type Props = {
+    items: Item[];
+    open: boolean;
+    onSelectFocusedItem: (item: {
+        item: Item['item']['item'];
+        groupData: Item['item'];
+    }) => void;
+    selectedItems: string[];
+    onClose: (event: React.KeyboardEvent) => void;
+};
+declare const useKeyboardNavigation: ({ items, open, onSelectFocusedItem, selectedItems, onClose }: Props) => {
+    focusIndex: number;
+    handleKeyDown: (event: React.KeyboardEvent) => boolean;
+};
+export { useKeyboardNavigation };

package/cjs/components/history/HistoryGraph/HistoryCircle.d.ts

@@ -9,5 +9,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<{
     isCollapsed?: boolean;
     showCollapseIcon?: boolean;
     showLine?: boolean;
-} & React.SVGProps<SVGGElement>, "string" | "visibility" | "values" | "filter" | "operator" | "id" | "type" | "max" | "children" | "radius" | "order" | "offset" | "method" | "width" | "height" | "in" | "key" | "attributeName" | "name" | "mode" | "attributeType" | "direction" | "path" | "from" | "to" | "end" | "clipPath" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "textDecoration" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "style" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "onScroll" | "className" | "y" | "d" | "origin" | "lang" | "tabIndex" | "role" | "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" | "onClick" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "media" | "target" | "min" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
+} & React.SVGProps<SVGGElement>, "string" | "visibility" | "values" | "filter" | "operator" | "id" | "type" | "max" | "children" | "radius" | "order" | "offset" | "method" | "width" | "height" | "in" | "format" | "key" | "attributeName" | "name" | "mode" | "attributeType" | "direction" | "path" | "from" | "to" | "end" | "clipPath" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "textDecoration" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "style" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "onScroll" | "className" | "y" | "d" | "origin" | "lang" | "tabIndex" | "role" | "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" | "onClick" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "media" | "target" | "min" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
 export default _default;

package/cjs/components/history/HistoryGraph/HistoryGraph.d.ts

@@ -16,7 +16,7 @@ export declare const HistoryCircleWithTooltip: React.ForwardRefExoticComponent<i
     isCollapsed?: boolean;
     showCollapseIcon?: boolean;
     showLine?: boolean;
-} & React.SVGProps<SVGGElement>, "string" | "visibility" | "values" | "filter" | "operator" | "id" | "type" | "max" | "children" | "radius" | "order" | "offset" | "method" | "width" | "height" | "in" | "key" | "attributeName" | "name" | "mode" | "attributeType" | "direction" | "path" | "from" | "to" | "end" | "clipPath" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "textDecoration" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "style" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "onScroll" | "className" | "y" | "d" | "origin" | "lang" | "tabIndex" | "role" | "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" | "onClick" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "media" | "target" | "min" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
+} & React.SVGProps<SVGGElement>, "string" | "visibility" | "values" | "filter" | "operator" | "id" | "type" | "max" | "children" | "radius" | "order" | "offset" | "method" | "width" | "height" | "in" | "format" | "key" | "attributeName" | "name" | "mode" | "attributeType" | "direction" | "path" | "from" | "to" | "end" | "clipPath" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "textDecoration" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "style" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "onScroll" | "className" | "y" | "d" | "origin" | "lang" | "tabIndex" | "role" | "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" | "onClick" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "media" | "target" | "min" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
 declare type Props = {
     graphData: HistoryData;
     onHistoryCircleMouseOver?: (uri: string, timestamp: number, index: number) => void;

package/cjs/components/index.d.ts

@@ -50,7 +50,8 @@ export { default as EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from '
 export { default as EntityAvatar } from './EntityAvatar/EntityAvatar';
 export { default as EntityTypeBadge } from './EntityTypeBadge/EntityTypeBadge';
 export { default as EntityTypeIcon } from './EntityTypeIcon/EntityTypeIcon';
-export { default as EntityTypesSelector } from './EntityTypesSelector/EntityTypesSelector';
+export { EntityTypesSelector } from './EntityTypesSelector/EntityTypesSelector';
+export { RelationTypesSelector } from './RelationTypesSelector/RelationTypesSelector';
 export { default as EntityUriLink } from './EntityUriLink/EntityUriLink';
 export { default as ErrorBoundary } from './ErrorBoundary/ErrorBoundary';
 export { default as ErrorPopup } from './ErrorPopup/ErrorPopup';

package/cjs/components/index.js

@@ -14,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
-exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = void 0;
-exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = void 0;
+exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = void 0;
+exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -119,7 +119,9 @@ Object.defineProperty(exports, "EntityTypeBadge", { enumerable: true, get: funct
 var EntityTypeIcon_1 = require("./EntityTypeIcon/EntityTypeIcon");
 Object.defineProperty(exports, "EntityTypeIcon", { enumerable: true, get: function () { return __importDefault(EntityTypeIcon_1).default; } });
 var EntityTypesSelector_1 = require("./EntityTypesSelector/EntityTypesSelector");
-Object.defineProperty(exports, "EntityTypesSelector", { enumerable: true, get: function () { return __importDefault(EntityTypesSelector_1).default; } });
+Object.defineProperty(exports, "EntityTypesSelector", { enumerable: true, get: function () { return EntityTypesSelector_1.EntityTypesSelector; } });
+var RelationTypesSelector_1 = require("./RelationTypesSelector/RelationTypesSelector");
+Object.defineProperty(exports, "RelationTypesSelector", { enumerable: true, get: function () { return RelationTypesSelector_1.RelationTypesSelector; } });
 var EntityUriLink_1 = require("./EntityUriLink/EntityUriLink");
 Object.defineProperty(exports, "EntityUriLink", { enumerable: true, get: function () { return __importDefault(EntityUriLink_1).default; } });
 var ErrorBoundary_1 = require("./ErrorBoundary/ErrorBoundary");

package/esm/components/EntityTypesSelector/EntityTypesSelector.d.ts

@@ -1,55 +1,17 @@
-declare var _default: React.MemoExoticComponent<{
-    ({ entityTypes, selectedEntityTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: {
-        entityTypes: any;
-        selectedEntityTypes: any;
-        single: any;
-        placeholder: any;
-        enableEmptyValueUnderline: any;
-        onChange: any;
-        classes?: {};
-        ListLabelProps?: {};
-        disabled?: boolean;
-    }): JSX.Element;
-    propTypes: {
-        entityTypes: PropTypes.Requireable<PropTypes.InferProps<{
-            typeColor: PropTypes.Requireable<string>;
-            typeIcon: PropTypes.Requireable<string>;
-            typeImage: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            attributes: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                description: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
-                hidden: PropTypes.Requireable<boolean>;
-                faceted: PropTypes.Requireable<boolean>;
-                searchable: PropTypes.Requireable<boolean>;
-                uri: PropTypes.Requireable<string>;
-                access: PropTypes.Requireable<string[]>;
-                cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                    minValue: PropTypes.Requireable<number>;
-                    maxValue: PropTypes.Requireable<number>;
-                }>>;
-            }>[]>;
-        }>[]>;
-        selectedEntityTypes: PropTypes.Validator<string[]>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        single: PropTypes.Requireable<boolean>;
-        enableEmptyValueUnderline: PropTypes.Requireable<boolean>;
-        placeholder: PropTypes.Requireable<string>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            inputText: PropTypes.Requireable<string>;
-            input: PropTypes.Requireable<string>;
-        }>>;
-        ListLabelProps: PropTypes.Requireable<PropTypes.InferProps<{
-            maxWidth: PropTypes.Requireable<number>;
-        }>>;
-        disabled: PropTypes.Requireable<boolean>;
-    };
-}>;
-export default _default;
-import PropTypes from "prop-types";
-import React from "react";
+import React from 'react';
+import { TEntityType } from '@reltio/mdm-sdk';
+import { MetadataTypesSelector } from '../MetadataTypesSelector/MetadataTypesSelector';
+declare type MetadataTypesSelectorProps = React.ComponentProps<typeof MetadataTypesSelector>;
+declare type Props = {
+    entityTypes: TEntityType[];
+    selectedEntityTypes: string[];
+    onChange: (values: string[]) => void;
+    single?: boolean;
+    placeholder?: string;
+    enableEmptyValueUnderline?: boolean;
+    classes?: MetadataTypesSelectorProps['classes'];
+    ListLabelProps?: MetadataTypesSelectorProps['ListLabelProps'];
+    disabled?: boolean;
+};
+export declare const EntityTypesSelector: React.MemoExoticComponent<({ entityTypes, selectedEntityTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: Props) => JSX.Element>;
+export {};

package/esm/components/EntityTypesSelector/EntityTypesSelector.js

@@ -1,121 +1,10 @@
-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, { memo, useCallback, useMemo, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
+import React, { useMemo, memo } from 'react';
 import i18n from 'ui-i18n';
-import { pipe, prop, propEq } from 'ramda';
-import classnames from 'classnames';
-import { ArrowDropDown } from '@material-ui/icons';
-import TextField from '@material-ui/core/TextField';
-import { utils, EntityTypeType, isAvailableEntityType } from '@reltio/mdm-sdk';
-import { useStyles } from './styles';
-import SmallIconButton from '../SmallIconButton/SmallIconButton';
-import SelectionPopup from '../SelectionPopup/SelectionPopup';
-import { useKeyboardNavigation } from '../SelectionPopup/helpers';
-import SelectEntityTypesList from './SelectEntityTypesList';
-import ListLabel from './ListLabel/ListLabel';
-var MIN_CONTAINER_WIDTH = 255;
-var LIST_HEIGHT = 245;
-var POPUP_HEIGHT = 355;
-var EntityTypesSelector = function (_a) {
-    var _b, _c, _d, _e;
-    var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, single = _a.single, placeholder = _a.placeholder, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, onChange = _a.onChange, _f = _a.classes, classes = _f === void 0 ? {} : _f, _g = _a.ListLabelProps, ListLabelProps = _g === void 0 ? {} : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h;
-    var styles = useStyles();
-    var _j = useState(false), isPopupOpen = _j[0], setIsPopupOpen = _j[1];
-    var openPopup = useCallback(function () { return setIsPopupOpen(true); }, []);
-    var closePopup = useCallback(function () { return setIsPopupOpen(false); }, []);
-    var _k = useState(''), filterText = _k[0], setFilterText = _k[1];
-    var clearFilterText = useCallback(function () { return setFilterText(''); }, []);
-    var handleClose = useCallback(pipe(clearFilterText, closePopup), [closePopup, clearFilterText]);
-    var items = useMemo(function () {
-        return entityTypes
-            .filter(isAvailableEntityType)
-            .filter(function (_a) {
-            var label = _a.label;
-            return utils.strings.search(label, filterText);
-        })
-            .map(function (item, index) { return ({ item: { item: __assign(__assign({}, item), { filterText: filterText }) }, index: index }); });
-    }, [entityTypes, filterText]);
-    var selectedLabels = useMemo(function () { return selectedEntityTypes.map(function (uri) { return entityTypes.find(propEq('uri', uri)); }).map(prop('label')); }, [selectedEntityTypes, entityTypes]);
-    var handleListItemClick = useCallback(function (entityType, checked) {
-        if (single) {
-            onChange(checked ? [entityType.uri] : []);
-            handleClose();
-        }
-        else {
-            onChange(checked
-                ? selectedEntityTypes.concat(entityType.uri)
-                : selectedEntityTypes.filter(function (uri) { return uri !== entityType.uri; }));
-        }
-    }, [selectedEntityTypes, onChange, single, handleClose]);
-    var handleSearchOnEnter = useCallback(function (_a) {
-        var item = _a.item;
-        var checked = !selectedEntityTypes.includes(item.uri);
-        handleListItemClick(item, checked);
-    }, [selectedEntityTypes, handleListItemClick]);
-    var _l = useKeyboardNavigation({
-        items: items,
-        open: isPopupOpen,
-        onSelectFocusedItem: handleSearchOnEnter,
-        selectedItems: selectedEntityTypes,
-        onClose: handleClose
-    }), focusIndex = _l.focusIndex, handleKeyDown = _l.handleKeyDown;
-    var rootRef = useRef();
-    var rootWidth = rootRef.current ? rootRef.current.getBoundingClientRect().width : 0;
-    var containerWidth = Math.max(rootWidth, MIN_CONTAINER_WIDTH);
-    var noTypesSelected = selectedEntityTypes.length === 0;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TextField, { label: i18n.text('Entity type'), ref: rootRef, InputProps: {
-                startAdornment: noTypesSelected && !placeholder ? null : (React.createElement("div", { className: classnames(styles.inputText, classes.inputText) }, noTypesSelected ? (React.createElement("div", null, placeholder)) : (React.createElement(ListLabel, __assign({}, ListLabelProps, { list: selectedLabels }))))),
-                classes: {
-                    root: styles.inputRoot,
-                    input: classnames(styles.input, classes.input, (_b = {},
-                        _b[styles.emptyInput] = noTypesSelected && !placeholder,
-                        _b)),
-                    disabled: classnames(styles.disabledInput, (_c = {}, _c[styles.disabledPointer] = disabled, _c)),
-                    underline: styles.disabledUnderline
-                },
-                endAdornment: (React.createElement(SmallIconButton, { size: 'L', icon: ArrowDropDown, iconClassName: classnames(styles.icon, (_d = {},
-                        _d[styles['popup-opened-icon']] = isPopupOpen,
-                        _d)), disabled: disabled })),
-                readOnly: true,
-                disabled: true,
-                disableUnderline: noTypesSelected && !enableEmptyValueUnderline
-            }, inputProps: {
-                tabIndex: -1
-            }, InputLabelProps: {
-                classes: {
-                    root: classnames(styles.inputLabel, classes.label)
-                }
-            }, value: "", onClick: disabled ? undefined : openPopup, classes: { root: classnames(styles.root, classes.root) }, margin: "dense", variant: "filled", disabled: disabled, "data-reltio-id": "entity-type-selector" }),
-        React.createElement(SelectionPopup, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: i18n.text('Select entity types'), containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = 'entity-type-selector-popup', _e) },
-            React.createElement(SelectEntityTypesList, { items: items, onItemClick: handleListItemClick, selectedEntityTypes: selectedEntityTypes, width: containerWidth, height: LIST_HEIGHT, focusIndex: focusIndex }))));
-};
-EntityTypesSelector.propTypes = {
-    entityTypes: PropTypes.arrayOf(EntityTypeType),
-    selectedEntityTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
-    onChange: PropTypes.func.isRequired,
-    single: PropTypes.bool,
-    enableEmptyValueUnderline: PropTypes.bool,
-    placeholder: PropTypes.string,
-    classes: PropTypes.shape({
-        root: PropTypes.string,
-        label: PropTypes.string,
-        inputText: PropTypes.string,
-        input: PropTypes.string
-    }),
-    ListLabelProps: PropTypes.shape({
-        maxWidth: PropTypes.number
-    }),
-    disabled: PropTypes.bool
-};
-export default memo(EntityTypesSelector);
+import { isAvailableEntityType } from '@reltio/mdm-sdk';
+import { MetadataTypesSelector } from '../MetadataTypesSelector/MetadataTypesSelector';
+export var EntityTypesSelector = memo(function (_a) {
+    var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, single = _a.single, placeholder = _a.placeholder, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, onChange = _a.onChange, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.ListLabelProps, ListLabelProps = _c === void 0 ? {} : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
+    var items = useMemo(function () { return entityTypes.filter(isAvailableEntityType); }, [entityTypes]);
+    return (React.createElement(MetadataTypesSelector, { items: items, selectedItemsUris: selectedEntityTypes, single: single, placeholder: placeholder, enableEmptyValueUnderline: enableEmptyValueUnderline, onChange: onChange, classes: classes, ListLabelProps: ListLabelProps, disabled: disabled, label: i18n.text('Entity type'), dataReltioId: "entity-type-selector", selectionPopupTitle: i18n.text('Select entity types') }));
+});
+EntityTypesSelector.displayName = 'EntityTypesSelector';

package/esm/components/MetadataTypesSelector/ListLabel/ListLabel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    maxWidth?: number;
+    list: string[];
+};
+export declare const ListLabel: ({ list, maxWidth }: Props) => JSX.Element;
+export {};

package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/ListLabel.js

@@ -1,9 +1,8 @@
 import React, { useEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
 import Tooltip from '@material-ui/core/Tooltip';
 import { useStyles } from './styles';
 import { countHiddenItems, getListLabel, getListLabelWidth } from './helpers';
-var ListLabel = function (_a) {
+export var ListLabel = function (_a) {
     var list = _a.list, maxWidth = _a.maxWidth;
     var styles = useStyles();
     var labelRef = useRef();
@@ -20,8 +19,3 @@ var ListLabel = function (_a) {
             React.createElement("div", { className: styles.visibleItemsLabel }, visibleItemsLabel),
             hasHiddenItems && React.createElement("div", { className: styles.hiddenCount }, "+" + hiddenItemsCount))));
 };
-ListLabel.propTypes = {
-    list: PropTypes.arrayOf(PropTypes.string).isRequired,
-    maxWidth: PropTypes.number
-};
-export default ListLabel;

package/esm/components/MetadataTypesSelector/ListLabel/helpers.d.ts

@@ -0,0 +1,4 @@
+declare const countHiddenItems: (list: string[], labelEl: HTMLDivElement) => number;
+declare const getListLabel: (list: string[]) => string;
+declare const getListLabelWidth: (maxWidth?: number) => string;
+export { countHiddenItems, getListLabel, getListLabelWidth };

package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/helpers.js

@@ -20,7 +20,7 @@ var countOverflowItems = function (list, labelEl) {
 var findFirstOverflowItemIndex = function (list, labelEl) {
     var childNodes = labelEl.childNodes, clientLeft = labelEl.clientLeft, clientWidth = labelEl.clientWidth;
     if (childNodes.length > 0) {
-        var textNode = childNodes[0];
+        var textNode = Array.from(childNodes)[0];
         var range = document.createRange();
         range.setStart(textNode, 0);
         for (var index = 0; index < list.length; index++) {

package/esm/components/MetadataTypesSelector/ListLabel/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"listLabelContainer" | "listLabel" | "visibleItemsLabel" | "hiddenCount">;