@reltio/components 1.4.2226 → 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.2226",
+  "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/cjs/icons/VerifyAllIcon.d.ts

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

package/cjs/icons/VerifyAllIcon.js

@@ -1,26 +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);
-};
-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 VerifyAllIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", "data-reltio-id": "SvgVerifyAllIcon" }, props),
-        react_1.default.createElement("g", { clipPath: "url(#clip0_196_3459)" },
-            react_1.default.createElement("path", { d: "M1.86621 14.2667H4.59961V15.5997H1.86621C1.13305 15.5996 0.533238 14.9999 0.533203 14.2667V11.5333H1.86621V14.2667ZM15.5996 14.2667C15.5996 15 14.9999 15.5997 14.2666 15.5997H11.5332V14.2667H14.2666V11.5333H15.5996V14.2667ZM11.457 10.422C10.7145 11.7829 9.4738 12.8381 8 13.2003C6.52622 12.838 5.28531 11.783 4.54297 10.422H11.457ZM12.2002 4.74524V7.5636C12.2002 7.93658 12.1627 8.30597 12.0928 8.66711H15.4668V9.53333H0.533203V8.66711H3.9082C3.83828 8.30596 3.80078 7.93659 3.80078 7.5636V4.74524L8 2.86633L12.2002 4.74524ZM4.59961 1.86633H1.86621V4.59973H0.533203V1.86633C0.533381 1.13326 1.13313 0.533503 1.86621 0.533325H4.59961V1.86633ZM14.2666 0.533325C14.9998 0.53336 15.5994 1.13317 15.5996 1.86633V4.59973H14.2666V1.86633H11.5332V0.533325H14.2666Z", fill: "black", fillOpacity: "0.54" })),
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("clipPath", { id: "clip0_196_3459" },
-                react_1.default.createElement("rect", { width: "16", height: "16", fill: "white" })))));
-};
-exports.default = VerifyAllIcon;

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'
-    }
-});

package/icons/VerifyAllIcon.d.ts

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

package/icons/VerifyAllIcon.js

@@ -1,21 +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 React from 'react';
-var VerifyAllIcon = function (props) {
-    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", "data-reltio-id": "SvgVerifyAllIcon" }, props),
-        React.createElement("g", { clipPath: "url(#clip0_196_3459)" },
-            React.createElement("path", { d: "M1.86621 14.2667H4.59961V15.5997H1.86621C1.13305 15.5996 0.533238 14.9999 0.533203 14.2667V11.5333H1.86621V14.2667ZM15.5996 14.2667C15.5996 15 14.9999 15.5997 14.2666 15.5997H11.5332V14.2667H14.2666V11.5333H15.5996V14.2667ZM11.457 10.422C10.7145 11.7829 9.4738 12.8381 8 13.2003C6.52622 12.838 5.28531 11.783 4.54297 10.422H11.457ZM12.2002 4.74524V7.5636C12.2002 7.93658 12.1627 8.30597 12.0928 8.66711H15.4668V9.53333H0.533203V8.66711H3.9082C3.83828 8.30596 3.80078 7.93659 3.80078 7.5636V4.74524L8 2.86633L12.2002 4.74524ZM4.59961 1.86633H1.86621V4.59973H0.533203V1.86633C0.533381 1.13326 1.13313 0.533503 1.86621 0.533325H4.59961V1.86633ZM14.2666 0.533325C14.9998 0.53336 15.5994 1.13317 15.5996 1.86633V4.59973H14.2666V1.86633H11.5332V0.533325H14.2666Z", fill: "black", fillOpacity: "0.54" })),
-        React.createElement("defs", null,
-            React.createElement("clipPath", { id: "clip0_196_3459" },
-                React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
-};
-export default VerifyAllIcon;