@reltio/components 1.4.1109 → 1.4.1112

package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.js

@@ -1,50 +1,18 @@
-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 React, { memo } from 'react';
-import PropTypes from 'prop-types';
-var DefaultHeadCellRenderer = function (_a) {
-    var label = _a.label;
-    return label || null;
-};
-var DefaultCellRenderer = function (_a) {
-    var value = _a.value;
-    return value || null;
-};
+import React, { memo, useRef } from 'react';
+import { TableRow } from './TableRow/TableRow';
+import { TableRowWithDnd } from './TableRowWithDnd/TableRowWithDnd';
+import { TableColumnDragLayer } from './TableColumnDragLayer/TableColumnDragLayer';
 var VerticalHeadingsTable = function (_a) {
-    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
-    var renderRow = function (rowData) {
-        var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
-        var HeadCellRenderer = rowData.headCellRenderer || DefaultHeadCellRenderer;
-        return (React.createElement("tr", { key: rowData.id },
-            React.createElement("th", { key: rowData.id },
-                React.createElement(HeadCellRenderer, __assign({}, rowData))),
-            columnsData.map(function (columnValue, index) { return (React.createElement("td", { key: index, onMouseOver: function () { return setHoveredColumn(columnValue); }, onMouseLeave: resetHoveredColumn },
-                React.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
-    };
-    return (React.createElement("table", { className: className },
-        theadRowsNumber > 0 && React.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(renderRow)),
-        React.createElement("tbody", null, rowsData.slice(theadRowsNumber).map(renderRow))));
-};
-VerticalHeadingsTable.propTypes = {
-    rowsData: PropTypes.arrayOf(PropTypes.shape({
-        id: PropTypes.string,
-        label: PropTypes.string,
-        headCellRenderer: PropTypes.func,
-        cellRenderer: PropTypes.func
-    })),
-    columnsData: PropTypes.arrayOf(PropTypes.object),
-    theadRowsNumber: PropTypes.number,
-    className: PropTypes.string,
-    setHoveredColumn: PropTypes.func,
-    resetHoveredColumn: PropTypes.func
+    var _b;
+    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _c = _a.theadRowsNumber, theadRowsNumber = _c === void 0 ? 0 : _c, onMoveRow = _a.onMoveRow, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
+    var tableRef = useRef(null);
+    var tableHeight = (_b = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TableColumnDragLayer, { columnHeight: tableHeight }),
+        React.createElement("table", { ref: tableRef, className: className },
+            theadRowsNumber > 0 && (React.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(function (rowData, index) { return (React.createElement(TableRow, { key: rowData.id, rowData: rowData, columnsData: columnsData, index: index, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })); }))),
+            React.createElement("tbody", null, rowsData.slice(theadRowsNumber).map(function (rowData, index) {
+                return onMoveRow ? (React.createElement(TableRowWithDnd, { key: rowData.id, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveRow: onMoveRow, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })) : (React.createElement(TableRow, { key: rowData.id, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
+            })))));
 };
 export default memo(VerticalHeadingsTable);

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

@@ -0,0 +1,6 @@
+export declare const DefaultCellRenderer: ({ value }: {
+    value: any;
+}) => any;
+export declare const DefaultHeadCellRenderer: ({ label }: {
+    label: any;
+}) => any;

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/attributes/PivotingAttributes/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "body" | "entityTypeLabel" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "body" | "icon" | "entityTypeLabel" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
 export declare const usePivotingTooltipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "arrow">;

package/esm/components/attributes/editMode/MoreAttributesButton/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dense" | "icon" | "buttonLabel" | "moreButton" | "moreAttributes" | "popupContainer" | "moreAttributesPopup">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "dense" | "buttonLabel" | "moreButton" | "moreAttributes" | "popupContainer" | "moreAttributesPopup">;

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/components/editors/DateEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "icon" | "inputLabel" | "iconButtonRoot" | "adornedEnd" | "adornmentPositionEnd" | "inputRoot">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "underline" | "inputLabel" | "iconButtonRoot" | "adornedEnd" | "adornmentPositionEnd" | "inputRoot">;

package/esm/components/workflow/components/AddWorkflowButton/styles.d.ts

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

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.1109",
+  "version": "1.4.1112",
   "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.1109",
-    "@reltio/mdm-sdk": "^1.4.1109",
+    "@reltio/mdm-module": "^1.4.1112",
+    "@reltio/mdm-sdk": "^1.4.1112",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",