@reltio/components 1.4.848 → 1.4.852

package/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.js

@@ -10,17 +10,33 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributesHeadCellRenderer = void 0;
 var react_1 = __importDefault(require("react"));
 var HeadCellRenderer_1 = __importDefault(require("./HeadCellRenderer"));
 var AddAttributesButton_1 = __importDefault(require("../AddAttributesButton/AddAttributesButton"));
 var Spacer_1 = __importDefault(require("../../../Spacer/Spacer"));
-var AttributesHeadCellRenderer = function (props) {
-    return (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
+var BasicTableView_1 = require("../../../BasicTableView");
+var ramda_1 = require("ramda");
+var AttributesHeadCellRenderer = function (_a) {
+    var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
+    return readOnly ? (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props))) : (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
         react_1.default.createElement(Spacer_1.default, null),
         react_1.default.createElement(AddAttributesButton_1.default, null)));
 };
-exports.default = AttributesHeadCellRenderer;
+exports.AttributesHeadCellRenderer = AttributesHeadCellRenderer;
+exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['readOnly']))(exports.AttributesHeadCellRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/AttributesFactory.d.ts

@@ -6,6 +6,8 @@ export declare type AttributesRendererProps = {
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
     parentUri: string;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onDelete: (event: DeleteInlineAttributeEvent) => void;
     onEdit: (event: EditInlineAttributeEvent) => void;
     onPin: (event: PinInlineAttributeEvent) => void;

package/components/history/ProfileBandHistory/ProfileBandHistory.d.ts

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

package/components/history/ProfileBandHistory/ProfileBandHistory.js

@@ -0,0 +1,45 @@
+"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;
+};
+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 react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var styles_1 = require("./styles");
+var ProfileBandHistory = function () {
+    var styles = styles_1.useStyles();
+    var historyEvent = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryEvent);
+    var dispatch = react_redux_1.useDispatch();
+    var onCancel = ramda_1.pipe(mdm_module_1.profile.history.actions.clearHistoryEvent, dispatch);
+    return historyEvent ? (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(Typography_1.default, { component: 'div' },
+            ui_i18n_1.default.text('You are viewing a historic slice:'),
+            ' ',
+            react_1.default.createElement("span", { className: styles.slice }, ui_i18n_1.default.date(historyEvent.aStamp, 'llll'))),
+        react_1.default.createElement(Button_1.default, { className: styles.cancelButton, variant: "contained", color: "primary", onClick: onCancel }, ui_i18n_1.default.text('Cancel')))) : null;
+};
+exports.default = ProfileBandHistory;

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

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

package/components/history/ProfileBandHistory/styles.js

@@ -0,0 +1,18 @@
+"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',
+        alignItems: 'flex-start'
+    },
+    slice: {
+        fontWeight: 500
+    },
+    cancelButton: {
+        width: '88px',
+        flexShrink: 0,
+        marginLeft: '15px'
+    }
+});

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

@@ -0,0 +1,4 @@
+export declare const useHistorySlice: () => {
+    isLoading: boolean;
+    historySlice: import("@reltio/mdm-module").HistorySlice;
+};

package/components/history/hooks/useHistorySlice.js

@@ -0,0 +1,58 @@
+"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 });
+exports.useHistorySlice = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var hooks_1 = require("../../../hooks");
+var useHistorySlice = function () {
+    var _a = react_1.useState(false), isLoading = _a[0], setIsLoading = _a[1];
+    var historyEvent = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryEvent);
+    var historySlice = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistorySlice);
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var dispatch = react_redux_1.useDispatch();
+    var safePromise = hooks_1.useSafePromise();
+    var _b = historyEvent || {}, aStamp = _b.aStamp, bStamp = _b.bStamp, overrideUri = _b.overrideUri;
+    var entityUri = overrideUri || (entity === null || entity === void 0 ? void 0 : entity.uri);
+    react_1.useEffect(function () {
+        if (!historySlice && historyEvent && entityUri) {
+            setIsLoading(true);
+            safePromise(Promise.all([
+                mdm_sdk_1.getEntityTimeSlice(entityUri, aStamp),
+                bStamp && bStamp !== 1 ? mdm_sdk_1.getEntityTimeSlice(entityUri, bStamp) : Promise.resolve(null)
+            ]))
+                .then(function (_a) {
+                var aEntity = _a[0], bEntity = _a[1];
+                dispatch(mdm_module_1.profile.history.actions.setHistorySlice({ aEntity: aEntity, bEntity: bEntity }));
+            })
+                .catch(function (e) {
+                console.warn('Failed to load entity slice', e);
+            })
+                .finally(function () {
+                setIsLoading(false);
+            });
+        }
+    }, [aStamp, bStamp, entityUri]);
+    return { isLoading: isLoading, historySlice: historySlice };
+};
+exports.useHistorySlice = useHistorySlice;

package/components/history/index.d.ts

@@ -1,7 +1,7 @@
 export { useHistoricUris } from './hooks/useHistoricUris';
 export { useHistoryWithTotal } from './hooks/useHistoryWithTotal';
+export { useHistorySlice } from './hooks/useHistorySlice';
 export { default as HistoryView } from './HistoryView/HistoryView';
 export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
-export { default as HistoryFilterButton } from './HistoryFilterButton/HistoryFilterButton';
-export { default as HistoryMenuButton } from './HistoryMenuButton/HistoryMenuButton';
+export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';
 export * from './types';

package/components/history/index.js

@@ -13,17 +13,17 @@ 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;
+exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistorySlice = 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 useHistorySlice_1 = require("./hooks/useHistorySlice");
+Object.defineProperty(exports, "useHistorySlice", { enumerable: true, get: function () { return useHistorySlice_1.useHistorySlice; } });
 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 HistoryFilterButton_1 = require("./HistoryFilterButton/HistoryFilterButton");
-Object.defineProperty(exports, "HistoryFilterButton", { enumerable: true, get: function () { return __importDefault(HistoryFilterButton_1).default; } });
-var HistoryMenuButton_1 = require("./HistoryMenuButton/HistoryMenuButton");
-Object.defineProperty(exports, "HistoryMenuButton", { enumerable: true, get: function () { return __importDefault(HistoryMenuButton_1).default; } });
+var ProfileBandHistory_1 = require("./ProfileBandHistory/ProfileBandHistory");
+Object.defineProperty(exports, "ProfileBandHistory", { enumerable: true, get: function () { return __importDefault(ProfileBandHistory_1).default; } });
 __exportStar(require("./types"), exports);

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.848",
+  "version": "1.4.852",
   "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.848",
-    "@reltio/mdm-sdk": "^1.4.848",
+    "@reltio/mdm-module": "^1.4.852",
+    "@reltio/mdm-sdk": "^1.4.852",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",