@reltio/components 1.4.1110 → 1.4.1111

package/esm/components/VerticalHeadingsTable/helpers.js

@@ -0,0 +1,8 @@
+export var DefaultCellRenderer = function (_a) {
+    var value = _a.value;
+    return value || null;
+};
+export var DefaultHeadCellRenderer = function (_a) {
+    var label = _a.label;
+    return label || null;
+};

package/esm/components/VerticalHeadingsTable/types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare enum DndItemTypes {
+    Column = "Column",
+    Row = "Row"
+}
+export declare type RowData = {
+    id: string;
+    label: string;
+    cellRenderer?: (props: {
+        value: unknown;
+    }) => JSX.Element;
+    headCellRenderer?: (props: Pick<RowData, 'label' | 'attributeType'>) => JSX.Element;
+    [key: string]: unknown;
+};
+export declare type ColumnData = {
+    id: string;
+    isDraggable?: boolean;
+    [key: string]: any;
+};

package/esm/components/VerticalHeadingsTable/types.js

@@ -0,0 +1,5 @@
+export var DndItemTypes;
+(function (DndItemTypes) {
+    DndItemTypes["Column"] = "Column";
+    DndItemTypes["Row"] = "Row";
+})(DndItemTypes || (DndItemTypes = {}));

package/esm/components/crosswalks/CrosswalkDragLayer/styles.d.ts

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

package/esm/hooks/index.d.ts

@@ -21,4 +21,5 @@ export { useMarkAsNotMatchRequest } from './useMarkAsNotMatchRequest';
 export { useCustomScripts } from './useCustomScripts';
 export { useEditableConnection } from './useEditableConnection';
 export { useReadableSearchState } from './useReadableSearchState';
+export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';

package/esm/hooks/index.js

@@ -20,4 +20,5 @@ export { useMarkAsNotMatchRequest } from './useMarkAsNotMatchRequest';
 export { useCustomScripts } from './useCustomScripts';
 export { useEditableConnection } from './useEditableConnection';
 export { useReadableSearchState } from './useReadableSearchState';
+export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';

package/esm/hooks/useSavedStateForEntityType.d.ts

@@ -0,0 +1,14 @@
+declare type SavedState<T> = {
+    [entityType: string]: T;
+};
+declare type Props<T> = {
+    getSavedState: () => Promise<SavedState<T>>;
+    saveState: (state: SavedState<T>) => void;
+    entityTypeUri: string;
+};
+export declare const useSavedStateForEntityType: <T>({ getSavedState, saveState, entityTypeUri }: Props<T>) => {
+    isLoaded: boolean;
+    savedState: T;
+    updateSavedState: (stateToSave: T) => void;
+};
+export {};

package/esm/hooks/useSavedStateForEntityType.js

@@ -0,0 +1,43 @@
+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 { useEffect, useState } from 'react';
+import { useDidUpdateEffect } from './useDidUpdateEffect';
+export var useSavedStateForEntityType = function (_a) {
+    var getSavedState = _a.getSavedState, saveState = _a.saveState, entityTypeUri = _a.entityTypeUri;
+    var _b = useState({}), savedState = _b[0], setSavedState = _b[1];
+    var _c = useState(null), changedState = _c[0], setChangedState = _c[1];
+    var _d = useState(false), isLoaded = _d[0], setIsLoaded = _d[1];
+    var saveChangesLocallyForPrevEntityType = function () {
+        if (changedState) {
+            setSavedState(__assign(__assign({}, savedState), changedState));
+            setChangedState(null);
+        }
+    };
+    useDidUpdateEffect(saveChangesLocallyForPrevEntityType, [entityTypeUri]);
+    var updateSavedState = function (stateToSave) {
+        var _a;
+        var changedState = (_a = {},
+            _a[entityTypeUri] = stateToSave,
+            _a);
+        setChangedState(changedState);
+        saveState(__assign(__assign({}, savedState), changedState));
+    };
+    useEffect(function () {
+        getSavedState()
+            .then(function (savedState) {
+            setSavedState(savedState || {});
+        })
+            .then(function (_) { return setIsLoaded(true); })
+            .catch(function (_) { return setIsLoaded(true); });
+    }, []); // eslint-disable-line
+    return { isLoaded: isLoaded, savedState: savedState[entityTypeUri], updateSavedState: updateSavedState };
+};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1110",
+  "version": "1.4.1111",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1110",
-    "@reltio/mdm-sdk": "^1.4.1110",
+    "@reltio/mdm-module": "^1.4.1111",
+    "@reltio/mdm-sdk": "^1.4.1111",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",