@reltio/components 1.4.2227 → 1.4.2229

package/features/crosswalks/AttributesTable/types.d.ts

@@ -1,14 +1,28 @@
 import React from 'react';
-import { AttributeType, AttributeValue, Crosswalk, SurvivorStrategy } from '@reltio/mdm-sdk';
+import { AttributeType, AttributeValue, Crosswalk, ParticipationStatus, SurvivorStrategy } from '@reltio/mdm-sdk';
 import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../types/inlineAttributes';
 import { ColumnData, RenderRowCellProps } from '../../../types/basicTable';
 import { CrosswalksMap } from '../../../types';
-export type RuleTypeValues = {
-    ruleType: SurvivorStrategy;
+export type StrategyAdditionalFields = {
     primaryAttributeUri?: string;
     comparisonAttributeUri?: string;
     sourcesUriOrder?: string[];
 };
+export type AppliedSurvivorshipStrategy = {
+    strategy: SurvivorStrategy;
+} & StrategyAdditionalFields;
+export type RuleTypeItem = {
+    type: 'rule';
+    data: AppliedSurvivorshipStrategy;
+    valueUri: string;
+} | {
+    type: 'status';
+    data: ParticipationStatus;
+    valueUri: string;
+};
+export type RuleTypeValues = {
+    ruleTypes: RuleTypeItem[];
+};
 export type OvValues = {
     attributeType: AttributeType;
     values: AttributeValue[];

package/features/crosswalks/contexts/SyncedValueHeightsContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type Props = {
+    reportHeight: (uri: string, height: number) => void;
+    getHeight: (key: string) => number | undefined;
+    clear: () => void;
+};
+export declare const SyncedValueHeightsProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useSyncedValueHeights: () => Props;
+export {};

package/features/crosswalks/contexts/SyncedValueHeightsContext.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
+var SyncedValueHeightsContext = createContext(null);
+export var SyncedValueHeightsProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState({}), heights = _b[0], setHeights = _b[1];
+    var reportHeight = useCallback(function (uri, height) {
+        if (!uri || !height || heights[uri] === height)
+            return;
+        setHeights(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[uri] = height, _a)));
+        });
+    }, [heights]);
+    var getHeight = useCallback(function (uri) { return (uri ? heights[uri] : 0); }, [heights]);
+    var clear = useCallback(function () {
+        setHeights({});
+    }, []);
+    var value = useMemo(function () { return ({ reportHeight: reportHeight, getHeight: getHeight, clear: clear }); }, [reportHeight, getHeight, clear]);
+    return React.createElement(SyncedValueHeightsContext.Provider, { value: value }, children);
+};
+export var useSyncedValueHeights = function () {
+    var context = useContext(SyncedValueHeightsContext);
+    if (!context) {
+        throw new Error('useSyncedValueHeights must be used within SyncedValueHeightsProvider');
+    }
+    return context;
+};

package/helpers/attributesSelector.d.ts

@@ -1,4 +1,3 @@
-import { AttributesTypesGroup, AttributeType, Metadata } from '@reltio/mdm-sdk';
+import { AttributesTypesGroup, Metadata } from '@reltio/mdm-sdk';
 import { AttributeSelectorItemsGroup } from '../types';
-export declare const getOperationalTypeUriFromAttrTypes: (attributeTypes: AttributeType[]) => any;
-export declare const getAttributeSelectorItems: (metadata: Metadata, attributesTypesGroups: AttributesTypesGroup[], attributesTypesGroupFilter: (attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
+export declare const getAttributeSelectorItems: (metadata: Metadata, attributesTypesGroups: AttributesTypesGroup[], attributesTypesGroupFilter?: (attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];

package/helpers/attributesSelector.js

@@ -19,31 +19,36 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { chain, prop } from 'ramda';
-import { attributeUriToSearchUri, findRegularAttribute, getAttributesTreeFromAttributes, getBaseUri, getEntityTypeLabel, isInteractionTypeUri, isSpecialAttribute } from '@reltio/mdm-sdk';
-var createAttributeItem = function (metadata, attrType, operationalTypeUri, parents) {
+import { attributeUriToSearchUri, getAttributesTreeFromAttributes, getEntityTypeLabel, isInteractionTypeUri, isSpecialAttribute } from '@reltio/mdm-sdk';
+var createAttributeItem = function (metadata, attrType, groupId, parents) {
     var title = attrType.label || attrType.name;
     if (isSpecialAttribute(attrType)) {
-        return { attrType: attrType, title: title, fieldName: attrType.name };
+        return {
+            attrType: attrType,
+            title: title,
+            fieldName: attrType.name,
+            groupId: groupId
+        };
     }
-    if (isInteractionTypeUri(operationalTypeUri)) {
-        return { attrType: attrType, title: title, fieldName: attributeUriToSearchUri(attrType.uri, parents) };
+    if (isInteractionTypeUri(groupId)) {
+        return { attrType: attrType, title: title, fieldName: attributeUriToSearchUri(attrType.uri, parents), groupId: groupId };
     }
-    var entityTypeLabel = getEntityTypeLabel(metadata, { type: operationalTypeUri });
+    var entityTypeLabel = getEntityTypeLabel(metadata, { type: groupId });
     return {
         attrType: attrType,
         title: title,
-        entityTypeUri: operationalTypeUri,
+        groupId: groupId,
         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, operationalTypeUri, parents) {
+var createAttributesConfig = function (metadata, attrNode, groupId, parents) {
     if (parents === void 0) { parents = []; }
-    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, operationalTypeUri, parents)), { uri: attrNode.uri });
+    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, groupId, parents)), { uri: attrNode.uri });
     var children = attrNode.children
         ? attrNode.children.map(function (childNode) {
-            return createAttributesConfig(metadata, childNode, operationalTypeUri, parents.concat(attrNode));
+            return createAttributesConfig(metadata, childNode, groupId, parents.concat(attrNode));
         })
         : [];
     if (children.length) {
@@ -51,20 +56,14 @@ var createAttributesConfig = function (metadata, attrNode, operationalTypeUri, p
     }
     return resConfig;
 };
-export var getOperationalTypeUriFromAttrTypes = function (attributeTypes) {
-    var regularAttribute = findRegularAttribute(attributeTypes);
-    return regularAttribute ? getBaseUri(regularAttribute.uri) : null;
-};
 export var getAttributeSelectorItems = function (metadata, attributesTypesGroups, attributesTypesGroupFilter) {
     var attributeSelectorItemsGroup = attributesTypesGroups.map(function (_a) {
         var id = _a.id, title = _a.title, attributeTypes = _a.attributeTypes;
-        var operationalTypeUri = getOperationalTypeUriFromAttrTypes(attributeTypes);
         return {
             id: id,
             title: title,
             attributes: getAttributesTreeFromAttributes(attributeTypes, metadata).map(function (attrNode) {
-                var uri = isSpecialAttribute(attrNode) ? null : operationalTypeUri;
-                return createAttributesConfig(metadata, attrNode, uri);
+                return createAttributesConfig(metadata, attrNode, id);
             })
         };
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2227",
+  "version": "1.4.2229",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2021",
+    "@reltio/mdm-sdk": "^1.4.2022",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/types/index.d.ts

@@ -45,6 +45,7 @@ export type AttributeSelectorItem = {
     entityTypeUri?: string;
     fieldName: string;
     groupName?: string;
+    groupId?: string;
     title: string;
     uri?: string;
     children?: AttributeSelectorItem[];

package/SimpleAttribute/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute" | "ovFalse">;

package/SimpleAttribute/styles.js

@@ -1,42 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { makeStyles } from '@mui/styles';
-import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
-export var useStyles = makeStyles(function (theme) { return ({
-    root: {
-        display: 'flex',
-        alignItems: 'start',
-        justifyContent: 'space-between'
-    },
-    commentsContainer: {
-        height: '15px',
-        marginRight: '-4px' // AttributesPager padding compensation
-    },
-    attributeValue: {
-        verticalAlign: 'middle',
-        wordBreak: 'break-all',
-        whiteSpace: 'break-spaces'
-    },
-    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]), { '& > a': {
-            color: historyPalettes[HistoryOperations.updateAttribute].color
-        } }),
-    insertAttribute: __assign(__assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]), { '& > a': {
-            color: historyPalettes[HistoryOperations.insertAttribute].color
-        } }),
-    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]), { '& > a': {
-            color: historyPalettes[HistoryOperations.deleteAttribute].color
-        } }),
-    multilineAttribute: {
-        width: 'fit-content'
-    },
-    ovFalse: theme.inactive
-}); });

package/cjs/SimpleAttribute/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute" | "ovFalse">;

package/cjs/SimpleAttribute/styles.js

@@ -1,45 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    root: {
-        display: 'flex',
-        alignItems: 'start',
-        justifyContent: 'space-between'
-    },
-    commentsContainer: {
-        height: '15px',
-        marginRight: '-4px' // AttributesPager padding compensation
-    },
-    attributeValue: {
-        verticalAlign: 'middle',
-        wordBreak: 'break-all',
-        whiteSpace: 'break-spaces'
-    },
-    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute]), { '& > a': {
-            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].color
-        } }),
-    insertAttribute: __assign(__assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]), { '& > a': {
-            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute].color
-        } }),
-    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute]), { '& > a': {
-            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].color
-        } }),
-    multilineAttribute: {
-        width: 'fit-content'
-    },
-    ovFalse: theme.inactive
-}); });

package/cjs/features/crosswalks/AttributesTable/components/RuleTypeRenderer/styles.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/RuleTypeRenderer/styles.js

@@ -1,13 +0,0 @@
-"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: 'flex',
-        alignItems: 'center'
-    },
-    label: {
-        marginRight: '5px'
-    }
-});

package/features/crosswalks/AttributesTable/components/RuleTypeRenderer/styles.d.ts

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

package/features/crosswalks/AttributesTable/components/RuleTypeRenderer/styles.js

@@ -1,10 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    root: {
-        display: 'flex',
-        alignItems: 'center'
-    },
-    label: {
-        marginRight: '5px'
-    }
-});