@reltio/components 1.4.2227 → 1.4.2228

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2227",
+  "version": "1.4.2228",
   "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/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'
-    }
-});