@reltio/components 1.4.1355 → 1.4.1357

package/cjs/components/DateRangePicker/DateRangePicker.d.ts

@@ -5,6 +5,8 @@ declare type Props = {
     onApply: ([startDate, endDate]: Values) => void;
     values?: Values;
     type?: string;
+    minDate?: Date;
+    maxDate?: Date;
 };
 declare const DateRangePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default DateRangePicker;

package/cjs/components/DateRangePicker/DateRangePicker.js

@@ -43,7 +43,7 @@ var START_DATE = 0;
 var END_DATE = 1;
 var getDate = function (values, index) { return (0, ramda_1.pathOr)(null, [index], values); };
 var DateRangePicker = (0, react_1.forwardRef)(function (_a, ref) {
-    var onCancel = _a.onCancel, onApply = _a.onApply, values = _a.values, type = _a.type;
+    var onCancel = _a.onCancel, onApply = _a.onApply, values = _a.values, type = _a.type, minDate = _a.minDate, maxDate = _a.maxDate;
     var styles = (0, styles_1.useStyles)();
     var editorFromId = (0, react_1.useRef)((0, nanoid_1.default)());
     var editorToId = (0, react_1.useRef)((0, nanoid_1.default)());
@@ -75,8 +75,8 @@ var DateRangePicker = (0, react_1.forwardRef)(function (_a, ref) {
             react_1.default.createElement(SmallIconButton_1.default, { size: "L", icon: ArrowBack_1.default, onClick: onCancel }),
             react_1.default.createElement(Typography_1.default, { className: styles.title }, headerTitle)),
         react_1.default.createElement("div", { className: styles.dateRangeContainer },
-            react_1.default.createElement(ComponentEditor, { id: editorFromId.current, label: 'From', variant: "filled", value: startDate, onChange: selectStartDateHandler, className: styles.dateInput, margin: "dense" }),
-            react_1.default.createElement(ComponentEditor, { id: editorToId.current, label: 'To', variant: "filled", value: endDate, onChange: selectEndDateHandler, className: styles.dateInput, margin: "dense" })),
+            react_1.default.createElement(ComponentEditor, { id: editorFromId.current, label: 'From', variant: "filled", value: startDate, onChange: selectStartDateHandler, className: styles.dateInput, margin: "dense", minDate: minDate, maxDate: maxDate }),
+            react_1.default.createElement(ComponentEditor, { id: editorToId.current, label: 'To', variant: "filled", value: endDate, onChange: selectEndDateHandler, className: styles.dateInput, margin: "dense", minDate: minDate, maxDate: maxDate })),
         react_1.default.createElement("div", { className: styles.actionButtons },
             react_1.default.createElement(Button_1.default, { color: "primary", onClick: onUpdate, className: styles.button }, ui_i18n_1.default.text('Update')))));
 });

package/cjs/components/attributes/OvIcon/OvIcon.d.ts

@@ -1,31 +1,34 @@
-export const ChipWithTooltip: React.ForwardRefExoticComponent<any>;
+import React from 'react';
+import { AttributeType, SimpleAttributeValue, NestedAttributeValue, ReferenceAttributeValue } from '@reltio/mdm-sdk';
+export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, never>> & Partial<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    children?: null;
+    clickable?: boolean;
+    color?: "default" | "primary" | "secondary";
+    deleteIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    disabled?: boolean;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    label?: React.ReactNode;
+    onDelete?: (event: any) => void;
+    size?: "medium" | "small";
+    variant?: "default" | "outlined";
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Chip").ChipTypeMap<{}, "div">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+declare type ComplexWithLabel = NestedAttributeValue | ReferenceAttributeValue;
+declare type Props = {
+    className?: string;
+    attributeType: AttributeType;
+    nonOvValues: Array<SimpleAttributeValue | ComplexWithLabel>;
+    nonOvTotal: number;
+};
+declare const OvIcon: ({ className, attributeType, nonOvValues, nonOvTotal }: Props) => JSX.Element;
 export default OvIcon;
-import React from "react";
-declare function OvIcon({ className, attributeType, nonOvValues, nonOvTotal }: {
-    className: any;
-    attributeType: any;
-    nonOvValues?: any[];
-    nonOvTotal: any;
-}): JSX.Element;
-declare namespace OvIcon {
-    namespace propTypes {
-        export const className: PropTypes.Requireable<string>;
-        export const nonOvTotal: PropTypes.Requireable<number>;
-        export { AttributeTypeType as attributeType };
-        export const nonOvValues: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<object>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-        }> | PropTypes.InferProps<{
-            value: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            lookupCode: PropTypes.Requireable<string>;
-            lookupRawValue: PropTypes.Requireable<string>;
-        }>>[]>;
-    }
-}
-import PropTypes from "prop-types";
-import { AttributeTypeType } from "@reltio/mdm-sdk/src/constants";

package/cjs/components/attributes/OvIcon/OvIcon.js

@@ -1,36 +1,61 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipWithTooltip = void 0;
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
+var mdm_module_1 = require("@reltio/mdm-module");
 var DataTypeValue_1 = __importDefault(require("../../DataTypeValue/DataTypeValue"));
 var HOCs_1 = require("../../../HOCs");
+var react_redux_1 = require("react-redux");
+var styles_1 = require("./styles");
 exports.ChipWithTooltip = (0, HOCs_1.withTooltip)(Chip_1.default);
 var OvIcon = function (_a) {
-    var className = _a.className, attributeType = _a.attributeType, _b = _a.nonOvValues, nonOvValues = _b === void 0 ? [] : _b, nonOvTotal = _a.nonOvTotal;
+    var _b;
+    var className = _a.className, attributeType = _a.attributeType, _c = _a.nonOvValues, nonOvValues = _c === void 0 ? [] : _c, nonOvTotal = _a.nonOvTotal;
     var styles = (0, styles_1.useStyles)();
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var attributeUri = (_b = nonOvValues === null || nonOvValues === void 0 ? void 0 : nonOvValues[0]) === null || _b === void 0 ? void 0 : _b.uri;
+    var onClick = (0, react_1.useCallback)(function () {
+        var entityUri = attributeUri ? (0, mdm_sdk_1.getEntityUriFromAttributeUri)(attributeUri) : '';
+        dispatch(mdm_module_1.ui.actions.openEntity({ uri: entityUri, viewId: null, screen: 'sources' }));
+    }, [attributeUri, dispatch]);
     if (!nonOvTotal) {
         return null;
     }
     var tooltipTitle = nonOvValues.length
         ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
         : null;
-    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", classes: {
+    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: onClick, classes: {
             root: (0, classnames_1.default)(styles.container, className),
             label: styles.label
         } }));
 };
-OvIcon.propTypes = {
-    className: prop_types_1.default.string,
-    nonOvTotal: prop_types_1.default.number,
-    attributeType: mdm_sdk_1.AttributeTypeType,
-    nonOvValues: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([mdm_sdk_1.SimpleAttributeValueType, mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]))
-};
 exports.default = OvIcon;

package/cjs/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -12,11 +12,15 @@ export declare type DateRangeEditorProps = {
     dataTypeDefinition?: DataTypeDefinition;
     MenuProps?: Partial<MenuProps>;
     TextFieldProps?: TextFieldProps;
+    DateRangePickerProps?: {
+        minDate?: Date;
+        maxDate?: Date;
+    };
     className?: string;
     classes?: {
         dropdownIndicator?: string;
         root?: string;
     };
 };
-declare const DateRangeEditor: ({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, ...otherProps }: DateRangeEditorProps) => JSX.Element;
+declare const DateRangeEditor: ({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, DateRangePickerProps, TextFieldProps, MenuProps, ...otherProps }: DateRangeEditorProps) => JSX.Element;
 export default DateRangeEditor;

package/cjs/components/editors/DateRangeEditor/DateRangeEditor.js

@@ -68,7 +68,7 @@ var DateRangeEditor = function (_a) {
     var _c;
     var label = _a.label, values = _a.values, options = _a.options, _d = _a.getValuesDateRange, getValuesDateRange = _d === void 0 ? helpers_1.convertValuesToDate : _d, _e = _a.onChange, onChange = _e === void 0 ? ramda_1.identity : _e, _f = _a.dataTypeDefinition, dataTypeDefinition = _f === void 0 ? {
         type: mdm_sdk_1.DataTypes.TYPE_DATE
-    } : _f, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps"]);
+    } : _f, DateRangePickerProps = _a.DateRangePickerProps, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "DateRangePickerProps", "TextFieldProps", "MenuProps"]);
     var classes = otherProps.classes;
     var placeholder = localeFormat + (dataTypeDefinition.type === mdm_sdk_1.DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
     var rangeOptions = (0, react_1.useMemo)(function () {
@@ -122,7 +122,7 @@ var DateRangeEditor = function (_a) {
                 style: {
                     width: customValue ? '100%' : (0, ramda_1.prop)('clientWidth', inputRef.current)
                 }
-            } }, MenuProps), customValue ? (react_1.default.createElement(DateRangePicker_1.default, { values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type })) : (rangeOptions.map(function (option) { return (react_1.default.createElement(MenuItem_1.default, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
+            } }, MenuProps), customValue ? (react_1.default.createElement(DateRangePicker_1.default, __assign({ values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type }, DateRangePickerProps))) : (rangeOptions.map(function (option) { return (react_1.default.createElement(MenuItem_1.default, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
             react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, option.label))); })))));
 };
 exports.default = DateRangeEditor;

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

@@ -5,6 +5,8 @@ declare type Props = {
     onApply: ([startDate, endDate]: Values) => void;
     values?: Values;
     type?: string;
+    minDate?: Date;
+    maxDate?: Date;
 };
 declare const DateRangePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default DateRangePicker;

package/esm/components/DateRangePicker/DateRangePicker.js

@@ -15,7 +15,7 @@ var START_DATE = 0;
 var END_DATE = 1;
 var getDate = function (values, index) { return pathOr(null, [index], values); };
 var DateRangePicker = forwardRef(function (_a, ref) {
-    var onCancel = _a.onCancel, onApply = _a.onApply, values = _a.values, type = _a.type;
+    var onCancel = _a.onCancel, onApply = _a.onApply, values = _a.values, type = _a.type, minDate = _a.minDate, maxDate = _a.maxDate;
     var styles = useStyles();
     var editorFromId = useRef(nanoid());
     var editorToId = useRef(nanoid());
@@ -47,8 +47,8 @@ var DateRangePicker = forwardRef(function (_a, ref) {
             React.createElement(SmallIconButton, { size: "L", icon: ArrowBack, onClick: onCancel }),
             React.createElement(Typography, { className: styles.title }, headerTitle)),
         React.createElement("div", { className: styles.dateRangeContainer },
-            React.createElement(ComponentEditor, { id: editorFromId.current, label: 'From', variant: "filled", value: startDate, onChange: selectStartDateHandler, className: styles.dateInput, margin: "dense" }),
-            React.createElement(ComponentEditor, { id: editorToId.current, label: 'To', variant: "filled", value: endDate, onChange: selectEndDateHandler, className: styles.dateInput, margin: "dense" })),
+            React.createElement(ComponentEditor, { id: editorFromId.current, label: 'From', variant: "filled", value: startDate, onChange: selectStartDateHandler, className: styles.dateInput, margin: "dense", minDate: minDate, maxDate: maxDate }),
+            React.createElement(ComponentEditor, { id: editorToId.current, label: 'To', variant: "filled", value: endDate, onChange: selectEndDateHandler, className: styles.dateInput, margin: "dense", minDate: minDate, maxDate: maxDate })),
         React.createElement("div", { className: styles.actionButtons },
             React.createElement(Button, { color: "primary", onClick: onUpdate, className: styles.button }, i18n.text('Update')))));
 });

package/esm/components/attributes/OvIcon/OvIcon.d.ts

@@ -1,31 +1,34 @@
-export const ChipWithTooltip: React.ForwardRefExoticComponent<any>;
+import React from 'react';
+import { AttributeType, SimpleAttributeValue, NestedAttributeValue, ReferenceAttributeValue } from '@reltio/mdm-sdk';
+export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, never>> & Partial<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    children?: null;
+    clickable?: boolean;
+    color?: "default" | "primary" | "secondary";
+    deleteIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    disabled?: boolean;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    label?: React.ReactNode;
+    onDelete?: (event: any) => void;
+    size?: "medium" | "small";
+    variant?: "default" | "outlined";
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Chip").ChipTypeMap<{}, "div">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+declare type ComplexWithLabel = NestedAttributeValue | ReferenceAttributeValue;
+declare type Props = {
+    className?: string;
+    attributeType: AttributeType;
+    nonOvValues: Array<SimpleAttributeValue | ComplexWithLabel>;
+    nonOvTotal: number;
+};
+declare const OvIcon: ({ className, attributeType, nonOvValues, nonOvTotal }: Props) => JSX.Element;
 export default OvIcon;
-import React from "react";
-declare function OvIcon({ className, attributeType, nonOvValues, nonOvTotal }: {
-    className: any;
-    attributeType: any;
-    nonOvValues?: any[];
-    nonOvTotal: any;
-}): JSX.Element;
-declare namespace OvIcon {
-    namespace propTypes {
-        export const className: PropTypes.Requireable<string>;
-        export const nonOvTotal: PropTypes.Requireable<number>;
-        export { AttributeTypeType as attributeType };
-        export const nonOvValues: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<object>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-        }> | PropTypes.InferProps<{
-            value: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            lookupCode: PropTypes.Requireable<string>;
-            lookupRawValue: PropTypes.Requireable<string>;
-        }>>[]>;
-    }
-}
-import PropTypes from "prop-types";
-import { AttributeTypeType } from "@reltio/mdm-sdk/src/constants";

package/esm/components/attributes/OvIcon/OvIcon.js

@@ -1,30 +1,32 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { useCallback } from 'react';
 import classnames from 'classnames';
 import Chip from '@material-ui/core/Chip';
-import { AttributeTypeType, getAttrDataTypeDefinition, getAttributeValue, isComplexAttribute, NestedAttributeValueType, getLabel, ReferenceAttributeValueType, SimpleAttributeValueType } from '@reltio/mdm-sdk';
-import { useStyles } from './styles';
+import { getAttrDataTypeDefinition, getAttributeValue, isComplexAttribute, getLabel, getEntityUriFromAttributeUri } from '@reltio/mdm-sdk';
+import { ui } from '@reltio/mdm-module';
 import DataTypeValue from '../../DataTypeValue/DataTypeValue';
 import { withTooltip } from '../../../HOCs';
+import { useDispatch } from 'react-redux';
+import { useStyles } from './styles';
 export var ChipWithTooltip = withTooltip(Chip);
 var OvIcon = function (_a) {
-    var className = _a.className, attributeType = _a.attributeType, _b = _a.nonOvValues, nonOvValues = _b === void 0 ? [] : _b, nonOvTotal = _a.nonOvTotal;
+    var _b;
+    var className = _a.className, attributeType = _a.attributeType, _c = _a.nonOvValues, nonOvValues = _c === void 0 ? [] : _c, nonOvTotal = _a.nonOvTotal;
     var styles = useStyles();
+    var dispatch = useDispatch();
+    var attributeUri = (_b = nonOvValues === null || nonOvValues === void 0 ? void 0 : nonOvValues[0]) === null || _b === void 0 ? void 0 : _b.uri;
+    var onClick = useCallback(function () {
+        var entityUri = attributeUri ? getEntityUriFromAttributeUri(attributeUri) : '';
+        dispatch(ui.actions.openEntity({ uri: entityUri, viewId: null, screen: 'sources' }));
+    }, [attributeUri, dispatch]);
     if (!nonOvTotal) {
         return null;
     }
     var tooltipTitle = nonOvValues.length
         ? nonOvValues.map(function (value, i) { return (React.createElement("div", { key: i }, isComplexAttribute(attributeType) ? (getLabel(value.label)) : (React.createElement(DataTypeValue, { value: getAttributeValue(value), dataTypeDefinition: getAttrDataTypeDefinition(attributeType), rich: false })))); })
         : null;
-    return (React.createElement(ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", classes: {
+    return (React.createElement(ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: onClick, classes: {
             root: classnames(styles.container, className),
             label: styles.label
         } }));
 };
-OvIcon.propTypes = {
-    className: PropTypes.string,
-    nonOvTotal: PropTypes.number,
-    attributeType: AttributeTypeType,
-    nonOvValues: PropTypes.arrayOf(PropTypes.oneOfType([SimpleAttributeValueType, NestedAttributeValueType, ReferenceAttributeValueType]))
-};
 export default OvIcon;

package/esm/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -12,11 +12,15 @@ export declare type DateRangeEditorProps = {
     dataTypeDefinition?: DataTypeDefinition;
     MenuProps?: Partial<MenuProps>;
     TextFieldProps?: TextFieldProps;
+    DateRangePickerProps?: {
+        minDate?: Date;
+        maxDate?: Date;
+    };
     className?: string;
     classes?: {
         dropdownIndicator?: string;
         root?: string;
     };
 };
-declare const DateRangeEditor: ({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, ...otherProps }: DateRangeEditorProps) => JSX.Element;
+declare const DateRangeEditor: ({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, DateRangePickerProps, TextFieldProps, MenuProps, ...otherProps }: DateRangeEditorProps) => JSX.Element;
 export default DateRangeEditor;

package/esm/components/editors/DateRangeEditor/DateRangeEditor.js

@@ -40,7 +40,7 @@ var DateRangeEditor = function (_a) {
     var _c;
     var label = _a.label, values = _a.values, options = _a.options, _d = _a.getValuesDateRange, getValuesDateRange = _d === void 0 ? convertValuesToDate : _d, _e = _a.onChange, onChange = _e === void 0 ? identity : _e, _f = _a.dataTypeDefinition, dataTypeDefinition = _f === void 0 ? {
         type: DataTypes.TYPE_DATE
-    } : _f, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps"]);
+    } : _f, DateRangePickerProps = _a.DateRangePickerProps, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "DateRangePickerProps", "TextFieldProps", "MenuProps"]);
     var classes = otherProps.classes;
     var placeholder = localeFormat + (dataTypeDefinition.type === DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
     var rangeOptions = useMemo(function () {
@@ -94,7 +94,7 @@ var DateRangeEditor = function (_a) {
                 style: {
                     width: customValue ? '100%' : prop('clientWidth', inputRef.current)
                 }
-            } }, MenuProps), customValue ? (React.createElement(DateRangePicker, { values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type })) : (rangeOptions.map(function (option) { return (React.createElement(MenuItem, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
+            } }, MenuProps), customValue ? (React.createElement(DateRangePicker, __assign({ values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type }, DateRangePickerProps))) : (rangeOptions.map(function (option) { return (React.createElement(MenuItem, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
             React.createElement(Typography, { classes: { root: styles.menuText } }, option.label))); })))));
 };
 export default DateRangeEditor;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1355",
+  "version": "1.4.1357",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1355",
-    "@reltio/mdm-sdk": "^1.4.1355",
+    "@reltio/mdm-module": "^1.4.1357",
+    "@reltio/mdm-sdk": "^1.4.1357",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",