@reltio/components 1.4.1806-hf → 1.4.1824-hf

package/esm/components/crosswalks/hooks/useAttributeActions.js

@@ -35,8 +35,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback } from 'react';
-import { createAttribute, deleteAttribute, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
-import { andThen, pipe, prop } from 'ramda';
+import { createAttribute, entityCumulativeUpdate, getBaseUri, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
+import { andThen, pipe, prop, defaultTo, map } from 'ramda';
 import { noop } from '../../../core';
 export var useAttributeActions = function (_a) {
     var _b = _a.onSuccess, onSuccess = _b === void 0 ? noop : _b, _c = _a.onError, onError = _c === void 0 ? noop : _c, _d = _a.onLoad, onLoad = _d === void 0 ? noop : _d;
@@ -59,15 +59,14 @@ export var useAttributeActions = function (_a) {
         var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalks = _a.crosswalks;
         var action = isReference(attributeType)
             ? pipe(getReferencedRelationFromAttrValue, prop('objectURI'), removeRelation, handleErrorResponse)(attributeValue)
-            : Promise.all((crosswalks || []).map(function (_a) {
+            : pipe(defaultTo([]), map(function (_a) {
                 var type = _a.type, value = _a.value, sourceTable = _a.sourceTable;
-                return handleErrorResponse(deleteAttribute({
-                    attributeUri: attributeValue.uri,
-                    sourceUri: type,
-                    crosswalkValue: value,
-                    crosswalkSourceTable: sourceTable
-                }));
-            }));
+                return ({
+                    type: 'DELETE_ATTRIBUTE',
+                    uri: attributeValue.uri,
+                    crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
+                });
+            }), function (diff) { return ({ uri: getBaseUri(attributeValue.uri), diff: diff }); }, entityCumulativeUpdate, handleErrorResponse)(crosswalks);
         handleAction(action);
     }, [handleAction, handleErrorResponse]);
     var pinAttributeAction = useCallback(function (_a) {

package/esm/components/history/HistoryTree/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"historyTree" | "graph" | "history" | "buttonContainer" | "shadow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"graph" | "historyTree" | "history" | "buttonContainer" | "shadow">;

package/esm/components/history/hooks/useHistoryDiff.js

@@ -22,6 +22,7 @@ var prepareHistorySlice = function (historySlice) {
 };
 export var useHistoryDiff = function () {
     var setHistoryDiff = useMdmAction('setHistoryDiff');
+    var clearHistoryDiff = useMdmAction('clearHistoryDiff');
     var historySlice = useMdmHistorySlice();
     var historyDiff = useMdmHistoryDiff();
     var historyMode = useMdmHistoryMode();
@@ -33,6 +34,9 @@ export var useHistoryDiff = function () {
             var historyDiff_1 = historyManager.computeEntityHistoryDiff(prepareHistorySlice(historyMode === HistoryMode.Current ? entity : bEntity), prepareHistorySlice(aEntity));
             setHistoryDiff(historyDiff_1);
         }
+        else {
+            clearHistoryDiff();
+        }
     }, [historySlice, historyMode, setHistoryDiff, entity]);
     return historyDiff || defaultHistoryDiff;
 };

package/esm/components/history/hooks/useHistorySlice.js

@@ -1,15 +1,23 @@
 import { useState, useEffect } from 'react';
-import { getEntityTimeSlice } from '@reltio/mdm-sdk';
+import { getEntityTimeSlice, isEditableMode } from '@reltio/mdm-sdk';
 import { useSafePromise } from '../../../hooks';
-import { useMdmAction, useMdmHistorySlice } from '../../../contexts';
+import { useMdmAction, useMdmHistorySlice, useMdmMode } from '../../../contexts';
 export var useHistorySlice = function (_a) {
     var entity = _a.entity, historyEvent = _a.historyEvent;
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
     var setHistorySlice = useMdmAction('setHistorySlice');
+    var clearHistoryEvent = useMdmAction('clearHistoryEvent');
     var historySlice = useMdmHistorySlice();
     var safePromise = useSafePromise();
+    var mode = useMdmMode();
     var _c = historyEvent || {}, aStamp = _c.aStamp, bStamp = _c.bStamp, overrideUri = _c.overrideUri;
     var entityUri = overrideUri || (entity === null || entity === void 0 ? void 0 : entity.uri);
+    useEffect(function () {
+        if (isEditableMode(mode) && entityUri) {
+            safePromise(Promise.resolve());
+            clearHistoryEvent();
+        }
+    }, [mode, entityUri]);
     useEffect(function () {
         if (historyEvent && entityUri) {
             setIsLoading(true);

package/esm/contexts/ConfigPermissionsContext/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProfileViewConfig } from '@reltio/mdm-sdk';
+import { ProfileView } from '@reltio/mdm-sdk';
 type ConfigPermissionsContextValue = {
     canCreate: boolean;
     canUpdate: boolean;
@@ -8,7 +8,7 @@ type ConfigPermissionsContextValue = {
 declare const ConfigPermissionsContext: React.Context<ConfigPermissionsContextValue>;
 type Props = {
     children: React.ReactNode;
-    view?: ProfileViewConfig;
+    view?: ProfileView;
 };
 declare const ConfigPermissionsContextProvider: ({ children, view }: Props) => JSX.Element;
 declare const useAttributeValueConfigPermissions: (attributeValueUri: string) => {

package/esm/contexts/MdmModuleContext/context.d.ts

@@ -1,4 +1,4 @@
-import { Metadata, SearchState, AttributesPresentation, Entity, Mode, AttributeType, AttributeError, ImageAttributeValue, SortingStrategy, DependentLookupsConfig, PivotingValue, PivotingAttribute, DataTenant, HistoryDiff, ImageAttributeFieldsOrder, Connection, User, SearchNavigationData, SearchProviderData, Lookups, HistoryMode, HistorySlice, HistoryEvent, RequestNextPageOfAttributeValuesPayload, LookupsForTypeResolvedPayload, RelationsLoadedPayload, CompactRelationType, AddAttributesPayload, ModifyAttributePayload, RemoveAttributePayload, RelationsState, DependentLookupsState, ActivityFilter, SearchOptions, GlobalFilter, LayoutConfig, ProfileConfigItem } from '@reltio/mdm-sdk';
+import { Metadata, SearchState, AttributesPresentation, Entity, Mode, AttributeType, AttributeError, ImageAttributeValue, SortingStrategy, DependentLookupsConfig, PivotingValue, PivotingAttribute, DataTenant, HistoryDiff, ImageAttributeFieldsOrder, Connection, User, SearchNavigationData, SearchProviderData, Lookups, HistoryMode, HistorySlice, HistoryEvent, RequestNextPageOfAttributeValuesPayload, LookupsForTypeResolvedPayload, RelationsLoadedPayload, CompactRelationType, AddAttributesPayload, ModifyAttributePayload, RemoveAttributePayload, RelationsState, DependentLookupsState, ActivityFilter, SearchOptions, GlobalFilter, Layout, Profile } from '@reltio/mdm-sdk';
 import { AnyAction } from '../../types';
 export type MdmModuleValuesContextProps = Partial<{
     autoCloseInterval: number;
@@ -51,8 +51,8 @@ export type MdmModuleValuesContextProps = Partial<{
     searchProviderData: SearchProviderData;
     isWorkflowEnabled: boolean;
     isCollaborationEnabled: boolean;
-    uiConfigLayout: LayoutConfig;
-    uiConfigProfile: ProfileConfigItem[];
+    uiConfigLayout: Layout;
+    uiConfigProfile: Profile;
 }>;
 export type MdmModuleActionsContextProps = Partial<{
     openSearch: (payload: SearchState) => void;
@@ -93,6 +93,7 @@ export type MdmModuleActionsContextProps = Partial<{
     modeUpdated: (payload: Mode) => void;
     setHistoryEvent: (payload: HistoryEvent) => void;
     clearHistoryEvent: () => void;
+    clearHistoryDiff: () => void;
     setHistoryDiff: (payload: HistoryDiff) => void;
     setHistorySlice: (payload: HistorySlice) => void;
     updateSearchNavigationDataFields: (payload: Partial<SearchNavigationData>) => void;
@@ -158,6 +159,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     modeUpdated: (payload: Mode) => void;
     setHistoryEvent: (payload: HistoryEvent) => void;
     clearHistoryEvent: () => void;
+    clearHistoryDiff: () => void;
     setHistoryDiff: (payload: HistoryDiff) => void;
     setHistorySlice: (payload: HistorySlice) => void;
     updateSearchNavigationDataFields: (payload: Partial<SearchNavigationData>) => void;
@@ -230,8 +232,8 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     searchProviderData: SearchProviderData;
     isWorkflowEnabled: boolean;
     isCollaborationEnabled: boolean;
-    uiConfigLayout: LayoutConfig;
-    uiConfigProfile: ProfileConfigItem[];
+    uiConfigLayout: Layout;
+    uiConfigProfile: Profile;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;

package/esm/contexts/MdmModuleContext/hooks.d.ts

@@ -70,7 +70,7 @@ export declare const useMdmDependentLookupEditorContext: (attributeValue: Simple
 };
 export declare const useMdmGlobalSearchRequestOptions: (omittingFields?: string[]) => import("@reltio/mdm-sdk").GlobalSearchRequestOptions;
 export declare const useMdmAuthoringItemsByEntityType: (entityTypeUri: string) => import("@reltio/mdm-sdk").AuthoringItem[];
-export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation">(action: T) => Partial<{
+export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "clearHistoryDiff" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation">(action: T) => Partial<{
     openSearch: (payload: import("@reltio/mdm-sdk").SearchState) => void;
     openHistoryEvent: (payload: {
         entityUri: string;
@@ -109,6 +109,7 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     modeUpdated: (payload: import("@reltio/mdm-sdk").Mode) => void;
     setHistoryEvent: (payload: import("@reltio/mdm-sdk").HistoryEvent) => void;
     clearHistoryEvent: () => void;
+    clearHistoryDiff: () => void;
     setHistoryDiff: (payload: import("@reltio/mdm-sdk").HistoryDiff) => void;
     setHistorySlice: (payload: import("@reltio/mdm-sdk").HistorySlice) => void;
     updateSearchNavigationDataFields: (payload: Partial<import("@reltio/mdm-sdk").SearchNavigationData>) => void;

package/esm/hooks/usePivotingDataLoader/usePivotingDataLoader.d.ts

@@ -3,11 +3,9 @@ export declare const MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export type Props = {
     value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;
-    config: {
-        entityType?: string;
-    };
+    entityType?: string;
 };
-export declare const usePivotingDataLoader: ({ value, attributeType, config }: Props) => {
+export declare const usePivotingDataLoader: ({ value, attributeType, entityType: configEntityType }: Props) => {
     entities: Entity[];
     total: number;
     loadPivotingData: () => void;

package/esm/hooks/usePivotingDataLoader/usePivotingDataLoader.js

@@ -15,13 +15,13 @@ import { useMdmEntity, useMdmGlobalSearchRequestOptions } from '../../contexts';
 import { useSafePromise } from '../useSafePromise';
 export var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export var usePivotingDataLoader = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b;
-    var _c = useState([]), entities = _c[0], setEntities = _c[1];
-    var _d = useState(0), total = _d[0], setTotal = _d[1];
+    var value = _a.value, attributeType = _a.attributeType, configEntityType = _a.entityType;
+    var _b = useState([]), entities = _b[0], setEntities = _b[1];
+    var _c = useState(0), total = _c[0], setTotal = _c[1];
     var safePromise = useSafePromise();
-    var entity = useMdmEntity() || {};
+    var entity = useMdmEntity();
     var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions();
-    var entityType = config.entityType || entity.type;
+    var entityType = configEntityType || (entity === null || entity === void 0 ? void 0 : entity.type);
     var filters = useMemo(function () { return convertPivotingValueToSearchFilters({ value: value, attributeType: attributeType, entityType: entityType }); }, [attributeType, entityType, value]);
     var options = useMemo(function () { return (__assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP, sort: 'label' }, (globalSearchRequestOptions || {}))); }, [globalSearchRequestOptions]);
     var loadPivotingData = useCallback(function () {

package/esm/hooks/useRelationsLoader.d.ts

@@ -7,7 +7,7 @@ type Props = {
     filter?: string;
     page: number;
     rowsPerPage: number;
-    config: Pick<RelationsViewConfig | RelationsTableViewConfig, 'suggested' | 'content' | 'id'>;
+    config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'> | Pick<RelationsTableViewConfig, 'content' | 'id'>;
     entity: Entity;
     relationActivityFilter?: ActivityFilter;
     mode: Mode;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1806-hf",
+  "version": "1.4.1824-hf",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1806-hf",
+    "@reltio/mdm-sdk": "^1.4.1752",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/components/charts/types/BarChartOptions.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { BarChart } from 'recharts';
-export type BarChartOptions = {
-    margin?: React.ComponentProps<typeof BarChart>['margin'];
-    isLabelRotated?: boolean;
-    isHorizontal?: boolean;
-};

package/cjs/components/charts/types/ChartData.d.ts

@@ -1,7 +0,0 @@
-export type ChartData = {
-    value: number;
-    label: string;
-    group: string;
-    localizedValue?: string;
-    percent?: number;
-};

package/cjs/components/charts/types/ChartData.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/charts/types/ChartProps.d.ts

@@ -1,7 +0,0 @@
-import { ChartData } from './ChartData';
-export type ChartProps = {
-    data: ChartData[];
-    width: number;
-    height: number;
-    onItemClick?: (group: string) => void;
-};

package/cjs/components/charts/types/ChartProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/charts/types/LineChartOptions.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { LineChart } from 'recharts';
-export type LineChartOptions = {
-    margin?: React.ComponentProps<typeof LineChart>['margin'];
-    isLabelRotated?: boolean;
-};

package/cjs/components/charts/types/LineChartOptions.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/charts/types/TableWithBarsOptions.d.ts

@@ -1,4 +0,0 @@
-export type TableWithBarsOptions = {
-    headers?: string[];
-    showValues?: boolean;
-};

package/cjs/components/charts/types/TableWithBarsOptions.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/esm/components/charts/types/BarChartOptions.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { BarChart } from 'recharts';
-export type BarChartOptions = {
-    margin?: React.ComponentProps<typeof BarChart>['margin'];
-    isLabelRotated?: boolean;
-    isHorizontal?: boolean;
-};

package/esm/components/charts/types/ChartData.d.ts

@@ -1,7 +0,0 @@
-export type ChartData = {
-    value: number;
-    label: string;
-    group: string;
-    localizedValue?: string;
-    percent?: number;
-};

package/esm/components/charts/types/ChartData.js

@@ -1 +0,0 @@
-export {};

package/esm/components/charts/types/ChartProps.d.ts

@@ -1,7 +0,0 @@
-import { ChartData } from './ChartData';
-export type ChartProps = {
-    data: ChartData[];
-    width: number;
-    height: number;
-    onItemClick?: (group: string) => void;
-};

package/esm/components/charts/types/ChartProps.js

@@ -1 +0,0 @@
-export {};

package/esm/components/charts/types/LineChartOptions.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { LineChart } from 'recharts';
-export type LineChartOptions = {
-    margin?: React.ComponentProps<typeof LineChart>['margin'];
-    isLabelRotated?: boolean;
-};

package/esm/components/charts/types/LineChartOptions.js

@@ -1 +0,0 @@
-export {};

package/esm/components/charts/types/TableWithBarsOptions.d.ts

@@ -1,4 +0,0 @@
-export type TableWithBarsOptions = {
-    headers?: string[];
-    showValues?: boolean;
-};

package/esm/components/charts/types/TableWithBarsOptions.js

@@ -1 +0,0 @@
-export {};