@reltio/components 1.4.1955 → 1.4.1957

package/cjs/DateRangeSelector/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    labels: {
+        fontSize: '14px'
+    },
+    agoLabel: {
+        minWidth: '30px',
+        textAlign: 'end',
+        margin: 'auto'
+    },
+    dateOption: {
+        display: 'flex',
+        marginRight: '30px'
+    },
+    dateOptionAgo: {
+        display: 'flex',
+        marginBottom: '10px'
+    },
+    dateOptionWithin: {
+        display: 'flex',
+        marginRight: '30px',
+        marginBottom: '10px'
+    },
+    dateOptionLabel: {
+        minWidth: '100px'
+    }
+});

package/cjs/InfoIcon/InfoIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const InfoIcon: React.ForwardRefExoticComponent<Omit<{
+    tooltipTitle?: React.ReactNode;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
+    showForDisabled?: boolean;
+} & Omit<Record<string, unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLElement>>;

package/cjs/InfoIcon/InfoIcon.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoIcon = void 0;
+var react_1 = __importStar(require("react"));
+var withTooltip_1 = require("../HOCs/withTooltip");
+var icons_1 = require("../icons");
+var styles_1 = require("./styles");
+var RowInfoIcon = (0, react_1.forwardRef)(function (props, ref) {
+    var className = props.className, restProps = __rest(props, ["className"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("span", __assign({}, restProps, { className: styles.root, ref: ref }),
+        react_1.default.createElement(icons_1.Info, { className: className })));
+});
+RowInfoIcon.displayName = 'RowInfoIcon';
+exports.InfoIcon = (0, withTooltip_1.withTooltip)(RowInfoIcon);

package/cjs/InfoIcon/index.d.ts

@@ -0,0 +1 @@
+export { InfoIcon } from './InfoIcon';

package/cjs/InfoIcon/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoIcon = void 0;
+var InfoIcon_1 = require("./InfoIcon");
+Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return InfoIcon_1.InfoIcon; } });

package/cjs/InfoIcon/styles.d.ts

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

package/cjs/InfoIcon/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    root: {
+        display: 'inline-flex'
+    }
+});

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.js

@@ -1,125 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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.DateRangeSelector = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-var Radio_1 = __importDefault(require("@mui/material/Radio"));
-var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var DateIntervalSelector_1 = require("../../../../../DateIntervalSelector");
-var events_1 = require("../../../../../helpers/events");
-var CustomDateRangeEditor_1 = require("../../../../../CustomDateRangeEditor");
-var useDidUpdateEffect_1 = require("../../../../../hooks/useDidUpdateEffect");
+var DateRangeSelector_1 = require("../../../../../DateRangeSelector");
 var styles_1 = require("../../styles");
-var emptyDates = [null, null];
-var emptyInterval = [null, 'minutes'];
 var DateRangeSelector = function (_a) {
     var value = _a.value, onChange = _a.onChange;
     var styles = (0, styles_1.useStyles)();
-    var getInitPeriodByType = function (type) {
-        if ((value === null || value === void 0 ? void 0 : value.type) === type) {
-            return value.period;
-        }
-        else if (type === mdm_sdk_1.DateRangeTypes.WITHIN || type === mdm_sdk_1.DateRangeTypes.AGO) {
-            return emptyInterval;
-        }
-        else if (type === mdm_sdk_1.DateRangeTypes.BETWEEN) {
-            return emptyDates;
-        }
-    };
-    var _b = (0, react_1.useState)(getInitPeriodByType(mdm_sdk_1.DateRangeTypes.BETWEEN)), datesInterval = _b[0], setDatesInterval = _b[1];
-    var _c = (0, react_1.useState)(getInitPeriodByType(mdm_sdk_1.DateRangeTypes.WITHIN)), withinInterval = _c[0], setWithinInterval = _c[1];
-    var _d = (0, react_1.useState)(getInitPeriodByType(mdm_sdk_1.DateRangeTypes.AGO)), agoInterval = _d[0], setAgoInterval = _d[1];
-    var getCurrentPeriodByType = function (type) {
-        if (type === mdm_sdk_1.DateRangeTypes.WITHIN) {
-            return withinInterval;
-        }
-        else if (type === mdm_sdk_1.DateRangeTypes.AGO) {
-            return agoInterval;
-        }
-        else if (type === mdm_sdk_1.DateRangeTypes.BETWEEN) {
-            return datesInterval;
-        }
-    };
-    var changeType = function (type) {
-        if ((value === null || value === void 0 ? void 0 : value.type) !== type) {
-            onChange({ period: getCurrentPeriodByType(type), type: type });
-        }
-    };
-    var changePeriod = function (period) {
-        onChange(__assign(__assign({}, value), { period: period }));
-    };
-    (0, useDidUpdateEffect_1.useDidUpdateEffect)(function () {
-        if (value) {
-            if (value.type === mdm_sdk_1.DateRangeTypes.WITHIN) {
-                setWithinInterval(value.period);
-            }
-            else if (value.type === mdm_sdk_1.DateRangeTypes.AGO) {
-                setAgoInterval(value.period);
-            }
-            else if (value.type === mdm_sdk_1.DateRangeTypes.BETWEEN) {
-                setDatesInterval(value.period);
-            }
-        }
-        else {
-            setDatesInterval(emptyDates);
-            setWithinInterval(emptyInterval);
-            setAgoInterval(emptyInterval);
-        }
-    }, [value]);
     return (react_1.default.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "date-range-selector" },
         react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Date')),
-        react_1.default.createElement(RadioGroup_1.default, { value: (value === null || value === void 0 ? void 0 : value.type) || null, onChange: (0, ramda_1.pipe)(events_1.getValue, changeType) },
-            react_1.default.createElement("div", { className: styles.dateOptionWithin },
-                react_1.default.createElement(FormControlLabel_1.default, { value: mdm_sdk_1.DateRangeTypes.WITHIN, control: react_1.default.createElement(Radio_1.default, { color: "primary" }), label: ui_i18n_1.default.text('Within the last'), classes: { label: (0, classnames_1.default)(styles.dateOptionLabel, styles.labels) } }),
-                react_1.default.createElement(DateIntervalSelector_1.DateIntervalSelector, { interval: withinInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.WITHIN); } })),
-            react_1.default.createElement("div", { className: styles.dateOptionAgo },
-                react_1.default.createElement(FormControlLabel_1.default, { value: mdm_sdk_1.DateRangeTypes.AGO, control: react_1.default.createElement(Radio_1.default, { color: "primary" }), label: ui_i18n_1.default.text('More than'), classes: { label: (0, classnames_1.default)(styles.dateOptionLabel, styles.labels) } }),
-                react_1.default.createElement(DateIntervalSelector_1.DateIntervalSelector, { interval: agoInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.AGO); } }),
-                react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.agoLabel, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Ago'))),
-            react_1.default.createElement("div", { className: styles.dateOption },
-                react_1.default.createElement(FormControlLabel_1.default, { value: mdm_sdk_1.DateRangeTypes.BETWEEN, control: react_1.default.createElement(Radio_1.default, { color: "primary" }), label: ui_i18n_1.default.text('Date range'), classes: { label: (0, classnames_1.default)(styles.dateOptionLabel, styles.labels) } }),
-                react_1.default.createElement(CustomDateRangeEditor_1.CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.BETWEEN); } })))));
+        react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, { value: value, onChange: onChange })));
 };
 exports.DateRangeSelector = DateRangeSelector;

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "option" | "labels" | "divider" | "clearButton" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "editorFields" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"labels" | "filterSubtitle" | "selectorWrapper">;

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/styles.js

@@ -3,10 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
-    container: {
-        width: 500,
-        boxSizing: 'border-box'
-    },
     labels: {
         fontSize: '14px'
     },
@@ -14,57 +10,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         paddingBottom: '10px',
         paddingLeft: '5px'
     },
-    agoLabel: {
-        minWidth: '30px',
-        textAlign: 'end',
-        margin: 'auto'
-    },
-    dateOption: {
-        display: 'flex',
-        marginRight: '30px'
-    },
-    dateOptionAgo: {
-        display: 'flex',
-        marginBottom: '10px'
-    },
-    dateOptionWithin: {
-        display: 'flex',
-        marginRight: '30px',
-        marginBottom: '10px'
-    },
-    dateOptionLabel: {
-        minWidth: '100px'
-    },
-    dropDownInput: {
-        width: '100%',
-        justifyContent: 'center',
-        backgroundColor: 'rgba(0, 0, 0, 0.03)',
-        borderTop: '4px'
-    },
-    editorFields: {
-        maxHeight: 400,
-        borderColor: 'rgba(0,0,0,0.12)'
-    },
-    clearButton: {
-        marginRight: 'auto'
-    },
     selectorWrapper: {
         marginBottom: '12px'
-    },
-    option: {
-        fontSize: '14px',
-        height: '32px'
-    },
-    selectorsGroup: {
-        display: 'flex',
-        flexDirection: 'column'
-    },
-    selectorHint: {
-        fontSize: 12,
-        lineHeight: '16px',
-        color: 'rgba(0,0,0,0.54)'
-    },
-    divider: {
-        marginBottom: 12
     }
 });

package/cjs/icons/Info.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgInfo: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgInfo;

package/cjs/icons/Info.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgInfo = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgInfo" }, props),
+        react_1.default.createElement("path", { d: "M11.25 16.75h1.5V11h-1.5v5.75zM12 9.289c.229 0 .42-.078.575-.233a.782.782 0 00.233-.575.782.782 0 00-.232-.576.782.782 0 00-.576-.232.782.782 0 00-.575.232.782.782 0 00-.233.576c0 .229.078.42.232.575A.782.782 0 0012 9.29zm.002 12.211a9.254 9.254 0 01-3.706-.748 9.596 9.596 0 01-3.016-2.03 9.595 9.595 0 01-2.032-3.016 9.246 9.246 0 01-.748-3.704c0-1.314.25-2.55.748-3.706a9.596 9.596 0 012.03-3.016 9.594 9.594 0 013.016-2.032 9.246 9.246 0 013.704-.748c1.314 0 2.55.25 3.706.748a9.596 9.596 0 013.017 2.03 9.594 9.594 0 012.03 3.016 9.247 9.247 0 01.749 3.704c0 1.314-.25 2.55-.748 3.706a9.596 9.596 0 01-2.03 3.017 9.595 9.595 0 01-3.016 2.03 9.247 9.247 0 01-3.704.749zM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z", fill: "#003", fillOpacity: 0.8 })));
+};
+exports.default = SvgInfo;

package/cjs/icons/index.d.ts

@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
 export { default as Hyperlink } from './Hyperlink';
 export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
+export { default as Info } from './Info';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
 export { default as Merge } from './Merge';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reassign = exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = void 0;
+exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.Info = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Reassign = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -57,6 +57,8 @@ var Ignored_1 = require("./Ignored");
 Object.defineProperty(exports, "Ignored", { enumerable: true, get: function () { return __importDefault(Ignored_1).default; } });
 var IgnoredOutlined_1 = require("./IgnoredOutlined");
 Object.defineProperty(exports, "IgnoredOutlined", { enumerable: true, get: function () { return __importDefault(IgnoredOutlined_1).default; } });
+var Info_1 = require("./Info");
+Object.defineProperty(exports, "Info", { enumerable: true, get: function () { return __importDefault(Info_1).default; } });
 var LogIn_1 = require("./LogIn");
 Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
 var LogOut_1 = require("./LogOut");

package/cjs/index.d.ts

@@ -37,6 +37,7 @@ export { ExpandedValueTooltip } from './ExpandedValueTooltip';
 export { FacetViewHeader } from './FacetViewHeader';
 export { FilterButton } from './FilterButton';
 export { ImageAttributesLineEditor as EditableImageAttributesLine } from './ImageAttributesLineEditor';
+export { InfoIcon } from './InfoIcon';
 export { InlineAttributesPager } from './InlineAttributesPager';
 export { InlineImageAttribute } from './InlineImageAttribute';
 export { InlineNestedAttribute } from './InlineNestedAttribute';
@@ -175,6 +176,7 @@ export { ReltioMap } from './ReltioMap';
 export { RelationEditor } from './RelationEditor';
 export { GaugeChart } from './GaugeChart';
 export { UpSetChart } from './UpSetChart';
+export { DateRangeSelector } from './DateRangeSelector';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/cjs/index.js

@@ -14,13 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
-exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = void 0;
-exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = void 0;
-exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
-exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = void 0;
-exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = void 0;
-exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = void 0;
+exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
+exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = void 0;
+exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = void 0;
+exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = void 0;
+exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = void 0;
+exports.buildColumnsFilter = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = void 0;
+exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -102,6 +102,8 @@ var FilterButton_1 = require("./FilterButton");
 Object.defineProperty(exports, "FilterButton", { enumerable: true, get: function () { return FilterButton_1.FilterButton; } });
 var ImageAttributesLineEditor_1 = require("./ImageAttributesLineEditor");
 Object.defineProperty(exports, "EditableImageAttributesLine", { enumerable: true, get: function () { return ImageAttributesLineEditor_1.ImageAttributesLineEditor; } });
+var InfoIcon_1 = require("./InfoIcon");
+Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return InfoIcon_1.InfoIcon; } });
 var InlineAttributesPager_1 = require("./InlineAttributesPager");
 Object.defineProperty(exports, "InlineAttributesPager", { enumerable: true, get: function () { return InlineAttributesPager_1.InlineAttributesPager; } });
 var InlineImageAttribute_1 = require("./InlineImageAttribute");
@@ -382,6 +384,8 @@ var GaugeChart_1 = require("./GaugeChart");
 Object.defineProperty(exports, "GaugeChart", { enumerable: true, get: function () { return GaugeChart_1.GaugeChart; } });
 var UpSetChart_1 = require("./UpSetChart");
 Object.defineProperty(exports, "UpSetChart", { enumerable: true, get: function () { return UpSetChart_1.UpSetChart; } });
+var DateRangeSelector_1 = require("./DateRangeSelector");
+Object.defineProperty(exports, "DateRangeSelector", { enumerable: true, get: function () { return DateRangeSelector_1.DateRangeSelector; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });

package/esm/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -22,7 +22,7 @@ import React, { useCallback, useRef, useMemo, useEffect, memo } from 'react';
 import { always, evolve } from 'ramda';
 import { SearchOperator, findClosestCommonAncestor, getEntityType } from '@reltio/mdm-sdk';
 import { EmptyStub } from '../EmptyStub';
-import { getAttributeSelectorItems, getEntityTypeFromAttrTypes, getRowsDataFromFilters } from './helpers';
+import { getAttributeSelectorItems, getOperationalTypeUriFromAttrTypes, getRowsDataFromFilters } from './helpers';
 import { AttributesFilterSelector } from '../AttributesFilterSelector';
 import { RowActions } from './components/RowActions';
 import { QueryBuilderRowsGroup } from '../QueryBuilderRowsGroup';
@@ -50,7 +50,7 @@ var AttributesFiltersBuilder = function (_a) {
     var currentEntityType = useMemo(function () {
         var entityTypesUris = attributesTypesGroups.map(function (_a) {
             var attributeTypes = _a.attributeTypes;
-            return getEntityTypeFromAttrTypes(attributeTypes);
+            return getOperationalTypeUriFromAttrTypes(attributeTypes);
         });
         var closestEntityTypeAncestorUri = findClosestCommonAncestor(metadata, entityTypesUris);
         return getEntityType(metadata, closestEntityTypeAncestorUri);

package/esm/AttributesFiltersBuilder/helpers.d.ts

@@ -10,4 +10,4 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
     id: number;
     values: import("@reltio/mdm-sdk").SearchValue[];
 }[];
-export declare const getEntityTypeFromAttrTypes: (attributeTypes: AttributeType[]) => any;
+export declare const getOperationalTypeUriFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/esm/AttributesFiltersBuilder/helpers.js

@@ -18,29 +18,32 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { getAttributesTreeFromAttributes, attributeUriToSearchUri, isSpecialAttribute, getBaseUri, getEntityTypeLabel, getEntityType, findRegularAttribute } from '@reltio/mdm-sdk';
+import { getAttributesTreeFromAttributes, attributeUriToSearchUri, isSpecialAttribute, getBaseUri, getEntityTypeLabel, findRegularAttribute, isInteractionTypeUri } from '@reltio/mdm-sdk';
 import { chain, prop } from 'ramda';
-var createAttributeItem = function (metadata, attrType, entityTypeUri, parents) {
-    var entityTypeLabel = getEntityTypeLabel(metadata, { type: entityTypeUri });
+var createAttributeItem = function (metadata, attrType, operationalTypeUri, parents) {
     var title = attrType.label || attrType.name;
-    var attributeProps = isSpecialAttribute(attrType)
-        ? {
-            fieldName: attrType.name
-        }
-        : {
-            entityTypeUri: entityTypeUri,
-            pathToTitle: Array.isArray(parents)
-                ? __spreadArray(__spreadArray([entityTypeLabel], chain(prop('label'), parents), true), [title], false) : [entityTypeLabel, title],
-            fieldName: attributeUriToSearchUri(attrType.uri, parents)
-        };
-    return __assign({ attrType: attrType, title: title }, attributeProps);
+    if (isSpecialAttribute(attrType)) {
+        return { attrType: attrType, title: title, fieldName: attrType.name };
+    }
+    if (isInteractionTypeUri(operationalTypeUri)) {
+        return { attrType: attrType, title: title, fieldName: attributeUriToSearchUri(attrType.uri, parents) };
+    }
+    var entityTypeLabel = getEntityTypeLabel(metadata, { type: operationalTypeUri });
+    return {
+        attrType: attrType,
+        title: title,
+        entityTypeUri: operationalTypeUri,
+        pathToTitle: Array.isArray(parents)
+            ? __spreadArray(__spreadArray([entityTypeLabel], chain(prop('label'), parents), true), [title], false) : [entityTypeLabel, title],
+        fieldName: attributeUriToSearchUri(attrType.uri, parents)
+    };
 };
-var createAttributesConfig = function (metadata, attrNode, entityTypeUri, parents) {
+var createAttributesConfig = function (metadata, attrNode, operationalTypeUri, parents) {
     if (parents === void 0) { parents = []; }
-    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, entityTypeUri, parents)), { uri: attrNode.uri });
+    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, operationalTypeUri, parents)), { uri: attrNode.uri });
     var children = attrNode.children
         ? attrNode.children.map(function (childNode) {
-            return createAttributesConfig(metadata, childNode, entityTypeUri, parents.concat(attrNode));
+            return createAttributesConfig(metadata, childNode, operationalTypeUri, parents.concat(attrNode));
         })
         : [];
     if (children.length) {
@@ -51,13 +54,13 @@ var createAttributesConfig = function (metadata, attrNode, entityTypeUri, parent
 export var getAttributeSelectorItems = function (metadata, attributesTypesGroups, attributesTypesGroupFilter) {
     var attributeSelectorItemsGroup = attributesTypesGroups.map(function (_a) {
         var id = _a.id, title = _a.title, attributeTypes = _a.attributeTypes;
-        var entityType = getEntityType(metadata, getEntityTypeFromAttrTypes(attributeTypes));
+        var operationalTypeUri = getOperationalTypeUriFromAttrTypes(attributeTypes);
         return {
             id: id,
             title: title,
             attributes: getAttributesTreeFromAttributes(attributeTypes, metadata).map(function (attrNode) {
-                var entityTypeUri = isSpecialAttribute(attrNode) ? null : entityType.uri;
-                return createAttributesConfig(metadata, attrNode, entityTypeUri);
+                var uri = isSpecialAttribute(attrNode) ? null : operationalTypeUri;
+                return createAttributesConfig(metadata, attrNode, uri);
             })
         };
     });
@@ -102,7 +105,7 @@ export var getRowsDataFromFilters = function (filters, attributesGroupArr) {
         };
     });
 };
-export var getEntityTypeFromAttrTypes = function (attributeTypes) {
+export var getOperationalTypeUriFromAttrTypes = function (attributeTypes) {
     var regularAttribute = findRegularAttribute(attributeTypes);
     return regularAttribute ? getBaseUri(regularAttribute.uri) : null;
 };

package/esm/AttributesFiltersButton/AttributesFiltersButton.js

@@ -57,7 +57,7 @@ var AttributesFiltersButton = function (_a) {
                 horizontal: 'left'
             } },
             React.createElement(React.Fragment, null,
-                React.createElement(Typography, { variant: "h6" }, title !== null && title !== void 0 ? title : i18n.text('Filter')),
+                React.createElement(Typography, { variant: "h6", className: styles.title }, title !== null && title !== void 0 ? title : i18n.text('Filter')),
                 React.createElement("div", { className: styles.filtersBuilderWrapper },
                     children,
                     React.createElement(AttributesFiltersBuilder, { attributesTypesGroups: attributesTypesGroups, attributesTypesGroupFilter: attributesTypesGroupFilter, filters: filters, onChange: setFilters, components: components, onFilterAttributeChange: onFilterAttributeChange, classes: classes })),

package/esm/AttributesFiltersButton/components/ActionButtons/styles.js

@@ -17,7 +17,7 @@ export var useStyles = makeStyles(function () { return ({
     buttonsWrapper: {
         display: 'flex'
     },
-    applyButton: __assign(__assign({}, allButtonsStyle), { marginRight: '16px' }),
+    applyButton: __assign(__assign({}, allButtonsStyle), { marginRight: '12px' }),
     cancelButton: __assign(__assign({}, allButtonsStyle), { marginLeft: 'auto' }),
-    clearButon: __assign({}, allButtonsStyle)
+    clearButon: __assign(__assign({}, allButtonsStyle), { marginLeft: '12px' })
 }); });

package/esm/AttributesFiltersButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"divider" | "triggerButton" | "filtersBuilderWrapper" | "popupContent" | "changedFiltersIndicator">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "divider" | "triggerButton" | "filtersBuilderWrapper" | "popupContent" | "changedFiltersIndicator">;