@reltio/components 1.4.1956 → 1.4.1958

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/UpSetChart/UpSetChart.js

@@ -1,49 +1,14 @@
 "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.UpSetChart = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var react_2 = require("@upsetjs/react");
-var constants_1 = require("./constants");
-var styles_1 = require("./styles");
+var react_1 = __importDefault(require("react"));
 var UpSetChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data;
-    var styles = (0, styles_1.useStyles)();
-    var _b = (0, react_1.useState)(null), selection = _b[0], setSelection = _b[1];
-    var _c = (0, react_1.useMemo)(function () { return (0, react_2.extractCombinations)(data); }, [data]), sets = _c.sets, combinations = _c.combinations;
-    if (!width || !height)
+    if (!width || !height || !data)
         return null;
-    return (react_1.default.createElement(react_2.UpSetJS, { width: width, height: height, sets: sets, combinations: combinations, selection: selection, onHover: setSelection, barPadding: 0.6, dotPadding: 0.5, barLabelOffset: 4, exportButtons: false, heightRatios: [0.65], combinationName: ui_i18n_1.default.text('No. of unified profiles'), setName: "", setLabelAlignment: "left", alternatingBackgroundColor: "transparent", notMemberColor: constants_1.NOT_MEMBER_COLOR, hasSelectionColor: constants_1.SECONDARY_COLOR, selectionColor: constants_1.PRIMARY_COLOR, color: constants_1.PRIMARY_COLOR, textColor: constants_1.TEXT_COLOR, fontFamily: "inherit", classNames: {
-            setLabel: styles.setLabel,
-            barLabel: styles.barLabel,
-            axisTick: styles.axisTick,
-            chartLabel: styles.chartLabel
-        } }));
+    return react_1.default.createElement("div", null, "UpSet");
 };
 exports.UpSetChart = UpSetChart;

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/index.d.ts

@@ -176,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

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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.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 = exports.PotentialMatchReviewCard = void 0;
-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 = exports.UsersContext = void 0;
-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 = exports.useUnmaskedAttributeValue = 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 = 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; } });
@@ -384,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">;

package/esm/AttributesFiltersButton/styles.js

@@ -1,6 +1,9 @@
 import { alpha } from '@mui/material/styles';
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
+    title: {
+        padding: '0px 16px'
+    },
     triggerButton: {
         minWidth: 0,
         color: 'rgba(0,0,0,0.54)',
@@ -9,18 +12,18 @@ export var useStyles = makeStyles(function (theme) { return ({
         marginRight: '12px'
     },
     filtersBuilderWrapper: {
-        marginTop: '20px'
+        padding: '8px 16px',
+        display: 'flex',
+        flexDirection: 'column'
     },
     popupContent: {
-        paddingLeft: '16px',
-        paddingTop: '20px',
-        paddingBottom: '6px',
+        paddingTop: '12px',
+        paddingBottom: '8px',
         width: '770px'
     },
     divider: {
-        marginBottom: '14px',
-        marginLeft: '-16px',
-        borderColor: 'rgba(0, 0, 0, 0.121569)'
+        marginBottom: '4px',
+        borderColor: 'rgba(0, 0, 0, 0.1)'
     },
     changedFiltersIndicator: {
         backgroundColor: alpha(theme.palette.primary.main, 0.12)

package/esm/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -31,7 +31,7 @@ export var CustomDateRangeEditor = function (_a) {
     var onCancel = function () {
         setOpen(false);
     };
-    return (React.createElement("div", { className: styles.root },
+    return (React.createElement("div", { "data-reltio-id": "custom-date-range-editor", className: styles.root },
         React.createElement(TextField, { fullWidth: true, value: values.map(function (value) { return formatValue(value, placeholder); }).join(' \u2014 '), onClick: handleToggle, variant: "filled", ref: inputRef, InputProps: {
                 endAdornment: (React.createElement(ReactSelectDropdownIndicatorWithIconButton, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
                 disableUnderline: isNil(values),

package/esm/DateIntervalSelector/DateIntervalSelector.js

@@ -17,7 +17,7 @@ export var DateIntervalSelector = function (_a) {
     };
     var onNumberChange = pipe(getValue, parseInt, getIntervalFromValue, onChange);
     var onUnitChange = pipe(getIntervalFromUnit, onChange);
-    return (React.createElement("div", { className: styles.root },
+    return (React.createElement("div", { "data-reltio-id": "date-interval-selector", className: styles.root },
         React.createElement(TextField, { variant: "standard", type: "number", value: value || '', onChange: onNumberChange, inputProps: { min: 1, onFocus: onFocus }, InputProps: { classes: { root: styles.input } }, className: styles.inputNumber }),
         React.createElement(SimpleDropDownSelector, { label: '', placeholder: capitalize(unit), className: styles.inputUnit, value: { value: unit, label: capitalize(getIntervalUnitLabel(unit)) }, options: periods.map(function (value) { return ({
                 value: value,

package/esm/DateRangeSelector/DateRangeSelector.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DateRangeFilter, DateRangeTypes } from '@reltio/mdm-sdk';
+type Props = {
+    value: DateRangeFilter;
+    dateRangeTypes?: DateRangeTypes[];
+    onChange: (range: DateRangeFilter) => void;
+};
+export declare const DateRangeSelector: ({ value, onChange, dateRangeTypes }: Props) => React.JSX.Element;
+export {};