@reltio/components 1.4.827 → 1.4.831

package/components/attributes/inline/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -86,7 +86,10 @@ var SimpleAttributeEditor = function (_a) {
             onClose();
     };
     return (react_1.default.createElement(Popover_1.default, { open: !!containerRef, anchorEl: containerRef.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, classes: {
-            paper: classnames_1.default(styles.paper, (_b = {}, _b["" + styles.booleanInput] = mdm_sdk_1.isBooleanType(dataTypeDefinition.type), _b)),
+            paper: classnames_1.default(styles.paper, (_b = {},
+                _b[styles.booleanEditor] = mdm_sdk_1.isBooleanType(dataTypeDefinition.type),
+                _b[styles.timestampEditor] = mdm_sdk_1.isTimestampBasedType(dataTypeDefinition.type),
+                _b)),
             root: styles.popoverRoot
         }, onKeyUp: onKeyUp, onBackdropClick: applyChangesAndClose },
         react_1.default.createElement(editors_1.DataTypeValueEditor, { autoFocus: true, dataTypeDefinition: dataTypeDefinition, fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), onChange: changeEditorValue, TextFieldProps: TextFieldProps, value: editorValue, fullWidth: true })));

package/components/attributes/inline/SimpleAttributeEditor/styles.d.ts

@@ -2,5 +2,5 @@ declare type StylesProps = {
     color: string;
     containerWidth: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "paper" | "inputMultiline" | "textField" | "popoverRoot" | "booleanInput">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "paper" | "inputMultiline" | "textField" | "popoverRoot" | "booleanEditor" | "timestampEditor">;
 export {};

package/components/attributes/inline/SimpleAttributeEditor/styles.js

@@ -15,9 +15,14 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
             paddingBottom: 0
         }
     },
-    booleanInput: {
+    booleanEditor: {
         paddingLeft: '10px'
     },
+    timestampEditor: {
+        '&$paper': {
+            minWidth: '255px'
+        }
+    },
     paper: function (_a) {
         var color = _a.color, containerWidth = _a.containerWidth;
         return ({

package/components/crosswalks/CrosswalkDateEditor/styles.d.ts

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

package/components/editors/LookupEditor/entriesHelpers.js

@@ -4,8 +4,12 @@ exports.buildLookupEntries = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var LOOKUP_URI_SEPARATOR = '.';
+var splitOnce = ramda_1.curry(function (separator, string) {
+    var _a = string.split(separator), first = _a[0], other = _a.slice(1);
+    return [first, other.join(separator)];
+});
 // eslint-disable-next-line react-hooks/rules-of-hooks
-var getLookupByUri = ramda_1.useWith(ramda_1.path, [ramda_1.split(LOOKUP_URI_SEPARATOR)]);
+var getLookupByUri = ramda_1.useWith(ramda_1.path, [splitOnce(LOOKUP_URI_SEPARATOR)]);
 var byLabel = ramda_1.ascend(ramda_1.prop('label'));
 var buildLookupEntries = function (lookupTypeCode, lookups) {
     var getLookupPath = function (uri) {
@@ -15,7 +19,7 @@ var buildLookupEntries = function (lookupTypeCode, lookups) {
     var buildEntry = function (_a) {
         var uri = _a[0], value = _a[1];
         var lookup = getLookupByUri(uri, lookups);
-        var _b = uri.split(LOOKUP_URI_SEPARATOR), code = _b[1];
+        var _b = splitOnce(LOOKUP_URI_SEPARATOR, uri), code = _b[1];
         var label = mdm_sdk_1.getLookupLabel(code, lookup.displayName);
         return lookup === value ? { label: label, value: code } : { label: label, values: buildEntries(value) };
     };

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.827",
+  "version": "1.4.831",
   "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.827",
-    "@reltio/mdm-sdk": "^1.4.827",
+    "@reltio/mdm-module": "^1.4.831",
+    "@reltio/mdm-sdk": "^1.4.831",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",