@reltio/components 1.4.829 → 1.4.833

package/components/crosswalks/hooks/useModifiedEntity.d.ts

@@ -15,6 +15,6 @@ export declare const useModifiedEntity: ({ entity, onLoad, onModify, onError }:
     onPinAttribute: ({ attributeValue }: import("../../attributes/inline").PinInlineAttributeEvent) => void;
     onIgnoreAttribute: ({ attributeValue }: import("../../attributes/inline").IgnoreInlineAttributeEvent) => void;
     onEditAttribute: (event: EditInlineAttributeEvent) => void;
-    newlyCreatedNestedAttributes: string[];
+    newlyCreatedAttributes: string[];
 };
 export {};

package/components/crosswalks/hooks/useModifiedEntity.js

@@ -22,16 +22,17 @@ var useAttributeActions_1 = require("./useAttributeActions");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var core_1 = require("../../../core");
+var emptyArray = [];
 var useModifiedEntity = function (_a) {
     var entity = _a.entity, _b = _a.onLoad, onLoad = _b === void 0 ? core_1.noop : _b, _c = _a.onModify, onModify = _c === void 0 ? core_1.noop : _c, _d = _a.onError, onError = _d === void 0 ? core_1.noop : _d;
     var _e = react_1.useState(null), modifiedEntity = _e[0], setModifiedEntity = _e[1];
     var _f = react_1.useState(null), crosswalksMap = _f[0], setCrosswalksMap = _f[1];
     var temporaryAttributes = react_1.useRef([]);
-    var futureNestedAttributes = react_1.useRef([]);
-    var resetFutureNestedAttributes = react_1.useCallback(function () {
-        futureNestedAttributes.current = [];
+    var crosswalkForNewAttributes = react_1.useRef(null);
+    var resetCrosswalkForNewAttributes = react_1.useCallback(function () {
+        crosswalkForNewAttributes.current = null;
     }, []);
-    var _g = react_1.useState([]), newlyCreatedNestedAttributes = _g[0], setNewlyCreatedNestedAttributes = _g[1];
+    var _g = react_1.useState(emptyArray), newlyCreatedAttributes = _g[0], setNewlyCreatedAttributes = _g[1];
     var groupCrosswalksByAttrUri = function (crosswalks) {
         if (crosswalks === void 0) { crosswalks = []; }
         return crosswalks.reduce(function (acc, crosswalk) {
@@ -42,23 +43,28 @@ var useModifiedEntity = function (_a) {
         }, {});
     };
     react_1.useEffect(function () {
-        if ((modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.uri) === (entity === null || entity === void 0 ? void 0 : entity.uri)) {
-            setNewlyCreatedNestedAttributes(futureNestedAttributes.current
-                .map(function (nestedAttrUri) { var _a; return (_a = mdm_sdk_1.findNewAttributeValueByTempUri(entity, nestedAttrUri)) === null || _a === void 0 ? void 0 : _a.uri; })
-                .filter(function (uri) { return !!uri; }));
+        var newCrosswalksMap = {
+            entity: groupCrosswalksByAttrUri(entity === null || entity === void 0 ? void 0 : entity.crosswalks),
+            relation: ramda_1.pipe(mdm_sdk_1.getRelationCrosswalks, groupCrosswalksByAttrUri)(entity)
+        };
+        if ((modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.uri) === (entity === null || entity === void 0 ? void 0 : entity.uri) && crosswalkForNewAttributes.current) {
+            var ownerType = crosswalkForNewAttributes.current.ownerType;
+            var newAttributes = Object.keys(newCrosswalksMap[ownerType]);
+            var oldAttributes = Object.keys(crosswalksMap[ownerType]);
+            setNewlyCreatedAttributes(ramda_1.difference(newAttributes, oldAttributes));
         }
         else {
-            setNewlyCreatedNestedAttributes([]);
+            setNewlyCreatedAttributes(emptyArray);
         }
-        resetFutureNestedAttributes();
+        resetCrosswalkForNewAttributes();
         setModifiedEntity(entity);
-        setCrosswalksMap({
-            entity: groupCrosswalksByAttrUri(entity === null || entity === void 0 ? void 0 : entity.crosswalks),
-            relation: ramda_1.pipe(mdm_sdk_1.getRelationCrosswalks, groupCrosswalksByAttrUri)(entity)
-        });
+        setCrosswalksMap(newCrosswalksMap);
         temporaryAttributes.current = [];
     }, [entity]);
-    var handleError = react_1.useCallback(ramda_1.pipe(onError, resetFutureNestedAttributes), [onError, resetFutureNestedAttributes]);
+    var handleError = react_1.useCallback(ramda_1.pipe(onError, resetCrosswalkForNewAttributes), [
+        onError,
+        resetCrosswalkForNewAttributes
+    ]);
     var _h = useAttributeActions_1.useAttributeActions({
         onLoad: onLoad,
         onSuccess: onModify,
@@ -118,10 +124,7 @@ var useModifiedEntity = function (_a) {
                     attributeValue: mdm_sdk_1.findAttributeValueByUri(editedEntity, tempAttributeUri),
                     crosswalk: crosswalk
                 });
-                var parentUri = mdm_sdk_1.getParentUri(uri_1);
-                if (!mdm_sdk_1.isFirstLevelAttributeValueUri(uri_1) && mdm_sdk_1.isTempUri(parentUri)) {
-                    futureNestedAttributes.current.push(parentUri);
-                }
+                crosswalkForNewAttributes.current = crosswalk;
             }
         }
         else {
@@ -136,7 +139,7 @@ var useModifiedEntity = function (_a) {
         onPinAttribute: pinAttribute,
         onIgnoreAttribute: ignoreAttribute,
         onEditAttribute: onEditAttribute,
-        newlyCreatedNestedAttributes: newlyCreatedNestedAttributes
+        newlyCreatedAttributes: newlyCreatedAttributes
     };
 };
 exports.useModifiedEntity = useModifiedEntity;

package/components/history/HistoryFilterButton/HistoryFilterBitton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HistoryFilterButton: () => JSX.Element;
+export default HistoryFilterButton;

package/components/history/HistoryFilterButton/HistoryFilterBitton.js

@@ -0,0 +1,14 @@
+"use strict";
+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 FilterList_1 = __importDefault(require("@material-ui/icons/FilterList"));
+var SmallIconButton_1 = require("../../SmallIconButton");
+var styles_1 = require("./styles");
+var HistoryFilterButton = function () {
+    var styles = styles_1.useStyles();
+    return react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: FilterList_1.default, size: "XS", onClick: function () { }, className: styles.icon });
+};
+exports.default = HistoryFilterButton;

package/components/history/HistoryFilterButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon">;

package/components/history/HistoryFilterButton/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    icon: {
+        margin: 5
+    }
+});

package/components/history/HistoryHeader/HistoryHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type Props = {
+    total: number;
+};
+declare const HistoryHeader: ({ total }: Props) => JSX.Element;
+export default HistoryHeader;

package/components/history/HistoryHeader/HistoryHeader.js

@@ -0,0 +1,28 @@
+"use strict";
+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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var ramda_1 = require("ramda");
+var Spacer_1 = __importDefault(require("../../Spacer/Spacer"));
+var HistoryFilterBitton_1 = __importDefault(require("../HistoryFilterButton/HistoryFilterBitton"));
+var HistoryMenuButton_1 = __importDefault(require("../HistoryMenuButton/HistoryMenuButton"));
+var styles_1 = require("./styles");
+var HistoryHeader = function (_a) {
+    var total = _a.total;
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(Typography_1.default, { variant: "h6" }, ui_i18n_1.default.text('History')),
+        react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: styles.divider }),
+        !ramda_1.isNil(total) && (react_1.default.createElement(Typography_1.default, { variant: "body1", color: "textSecondary", className: styles.count }, total === 1
+            ? ui_i18n_1.default.text('${count} contributing profile', { count: total })
+            : ui_i18n_1.default.text('${count} contributing profiles', { count: total }))),
+        react_1.default.createElement(Spacer_1.default, null),
+        react_1.default.createElement(HistoryFilterBitton_1.default, null),
+        react_1.default.createElement(HistoryMenuButton_1.default, null)));
+};
+exports.default = HistoryHeader;

package/components/history/HistoryHeader/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "icon" | "root" | "divider">;

package/components/history/HistoryHeader/styles.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'center'
+    },
+    icon: {
+        margin: 4
+    },
+    divider: {
+        backgroundColor: 'rgba(0,0,0,0.12)',
+        margin: '3px 19px'
+    },
+    count: {
+        fontSize: 14
+    }
+});

package/components/history/HistoryMenuButton/HistoryMenuButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HistoryMenuButton: () => JSX.Element;
+export default HistoryMenuButton;

package/components/history/HistoryMenuButton/HistoryMenuButton.js

@@ -0,0 +1,14 @@
+"use strict";
+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 MoreVert_1 = __importDefault(require("@material-ui/icons/MoreVert"));
+var SmallIconButton_1 = require("../../SmallIconButton");
+var styles_1 = require("./styles");
+var HistoryMenuButton = function () {
+    var styles = styles_1.useStyles();
+    return react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: MoreVert_1.default, size: "XS", onClick: function () { }, className: styles.icon });
+};
+exports.default = HistoryMenuButton;

package/components/history/HistoryMenuButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon">;

package/components/history/HistoryMenuButton/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    icon: {
+        margin: 5
+    }
+});

package/components/history/HistoryView/HistoryView.d.ts

@@ -0,0 +1,8 @@
+import { HistoryWithTotal } from '@reltio/mdm-sdk';
+import React from 'react';
+declare type Props = {
+    isLoading: boolean;
+    historyWithTotal: HistoryWithTotal;
+};
+declare const _default: React.MemoExoticComponent<({ isLoading, historyWithTotal }: Props) => JSX.Element>;
+export default _default;

package/components/history/HistoryView/HistoryView.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var styles_1 = require("./styles");
+var HistoryView = function (_a) {
+    var isLoading = _a.isLoading, historyWithTotal = _a.historyWithTotal;
+    var styles = styles_1.useStyles();
+    return react_1.default.createElement("div", { className: styles.root }, !isLoading && react_1.default.createElement("div", null, "total: " + (historyWithTotal === null || historyWithTotal === void 0 ? void 0 : historyWithTotal.total)));
+};
+exports.default = react_1.memo(HistoryView);

package/components/history/HistoryView/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;

package/components/history/HistoryView/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        flex: 1
+    }
+});

package/components/history/hooks/useHistoricUris.d.ts

@@ -0,0 +1,9 @@
+declare type Props = {
+    entityUri: string;
+    enabled?: boolean;
+};
+export declare const useHistoricUris: ({ entityUri, enabled }: Props) => {
+    isLoading: boolean;
+    historicUris: string[];
+};
+export {};

package/components/history/hooks/useHistoricUris.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistoricUris = void 0;
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var hooks_1 = require("../../../hooks");
+var useHistoricUris = function (_a) {
+    var entityUri = _a.entityUri, _b = _a.enabled, enabled = _b === void 0 ? true : _b;
+    var _c = react_1.useState(null), historicUris = _c[0], setHistoricUris = _c[1];
+    var _d = react_1.useState(false), isLoading = _d[0], setIsLoading = _d[1];
+    var safePromise = hooks_1.useSafePromise();
+    var onError = function (e) {
+        console.warn('Failed to load historic URIs', e);
+        setHistoricUris(null);
+    };
+    var loadData = react_1.useCallback(function () {
+        if (entityUri) {
+            setIsLoading(true);
+            safePromise(mdm_sdk_1.getHistoricUris({ entityUri: entityUri }))
+                .then(function (results) {
+                setHistoricUris(results);
+            })
+                .catch(onError)
+                .finally(function () {
+                setIsLoading(false);
+            });
+        }
+        else {
+            setHistoricUris(null);
+        }
+    }, [entityUri]);
+    react_1.useEffect(function () {
+        if (enabled) {
+            loadData();
+        }
+    }, [loadData, enabled]);
+    return { isLoading: isLoading, historicUris: historicUris };
+};
+exports.useHistoricUris = useHistoricUris;

package/components/history/hooks/useHistoryWithTotal.d.ts

@@ -0,0 +1,15 @@
+import { HistoryWithTotal } from '@reltio/mdm-sdk';
+declare type Props = {
+    entityUri: string;
+    enabled?: boolean;
+    historicUris: string[];
+    max?: number;
+    offset?: number;
+    order?: string;
+    filter?: any;
+};
+export declare const useHistoryWithTotal: ({ entityUri, enabled, historicUris, ...options }: Props) => {
+    isLoading: boolean;
+    historyWithTotal: HistoryWithTotal;
+};
+export {};

package/components/history/hooks/useHistoryWithTotal.js

@@ -0,0 +1,61 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistoryWithTotal = void 0;
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var hooks_1 = require("../../../hooks");
+var useHistoryWithTotal = function (_a) {
+    var entityUri = _a.entityUri, _b = _a.enabled, enabled = _b === void 0 ? true : _b, historicUris = _a.historicUris, options = __rest(_a, ["entityUri", "enabled", "historicUris"]);
+    var _c = react_1.useState(null), historyWithTotal = _c[0], setHistoryWithTotal = _c[1];
+    var _d = react_1.useState(false), isLoading = _d[0], setIsLoading = _d[1];
+    var safePromise = hooks_1.useSafePromise();
+    var onError = function (e) {
+        console.warn('Failed to load history', e);
+        setHistoryWithTotal(null);
+    };
+    var loadData = react_1.useCallback(function () {
+        if (entityUri && historicUris) {
+            setIsLoading(true);
+            safePromise(mdm_sdk_1.getHistoryWithTotal(__assign({ entityUri: entityUri, historicUris: historicUris }, options)))
+                .then(function (results) {
+                setHistoryWithTotal(results);
+            })
+                .catch(onError)
+                .finally(function () {
+                setIsLoading(false);
+            });
+        }
+        else {
+            setHistoryWithTotal(null);
+        }
+    }, [entityUri, historicUris]);
+    react_1.useEffect(function () {
+        if (enabled) {
+            loadData();
+        }
+    }, [loadData, enabled]);
+    return { isLoading: isLoading, historyWithTotal: historyWithTotal };
+};
+exports.useHistoryWithTotal = useHistoryWithTotal;

package/components/history/index.d.ts

@@ -0,0 +1,6 @@
+export { useHistoricUris } from './hooks/useHistoricUris';
+export { useHistoryWithTotal } from './hooks/useHistoryWithTotal';
+export { default as HistoryView } from './HistoryView/HistoryView';
+export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
+export { default as HistoryFilterButton } from './HistoryFilterButton/HistoryFilterBitton';
+export { default as HistoryMenuButton } from './HistoryMenuButton/HistoryMenuButton';

package/components/history/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HistoryMenuButton = exports.HistoryFilterButton = exports.HistoryHeader = exports.HistoryView = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
+var useHistoricUris_1 = require("./hooks/useHistoricUris");
+Object.defineProperty(exports, "useHistoricUris", { enumerable: true, get: function () { return useHistoricUris_1.useHistoricUris; } });
+var useHistoryWithTotal_1 = require("./hooks/useHistoryWithTotal");
+Object.defineProperty(exports, "useHistoryWithTotal", { enumerable: true, get: function () { return useHistoryWithTotal_1.useHistoryWithTotal; } });
+var HistoryView_1 = require("./HistoryView/HistoryView");
+Object.defineProperty(exports, "HistoryView", { enumerable: true, get: function () { return __importDefault(HistoryView_1).default; } });
+var HistoryHeader_1 = require("./HistoryHeader/HistoryHeader");
+Object.defineProperty(exports, "HistoryHeader", { enumerable: true, get: function () { return __importDefault(HistoryHeader_1).default; } });
+var HistoryFilterBitton_1 = require("./HistoryFilterButton/HistoryFilterBitton");
+Object.defineProperty(exports, "HistoryFilterButton", { enumerable: true, get: function () { return __importDefault(HistoryFilterBitton_1).default; } });
+var HistoryMenuButton_1 = require("./HistoryMenuButton/HistoryMenuButton");
+Object.defineProperty(exports, "HistoryMenuButton", { enumerable: true, get: function () { return __importDefault(HistoryMenuButton_1).default; } });

package/components/index.d.ts

@@ -117,3 +117,4 @@ export { default as ConfirmDeleteDialog } from './ConfirmDeleteDialog/ConfirmDel
 export * from './crosswalks';
 export { ReltioMap } from './ReltioMap';
 export { default as ErrorMessage } from './ErrorWrapper/ErrorMessage';
+export * from './history';

package/components/index.js

@@ -252,3 +252,4 @@ var ReltioMap_1 = require("./ReltioMap");
 Object.defineProperty(exports, "ReltioMap", { enumerable: true, get: function () { return ReltioMap_1.ReltioMap; } });
 var ErrorMessage_1 = require("./ErrorWrapper/ErrorMessage");
 Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return __importDefault(ErrorMessage_1).default; } });
+__exportStar(require("./history"), exports);

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.829",
+  "version": "1.4.833",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.829",
-    "@reltio/mdm-sdk": "^1.4.829",
+    "@reltio/mdm-module": "^1.4.833",
+    "@reltio/mdm-sdk": "^1.4.833",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",