@reltio/components 1.4.1928 → 1.4.1929

package/cjs/BasicTable/basicTableViewState.d.ts

@@ -1,34 +1,82 @@
-export namespace actions {
-    let changeColumns: (payload: any) => {
+import { createStandardAction } from '@reltio/mdm-sdk';
+import { ColumnData, ColumnFilter, ColumnSize, Sorting } from '../types/basicTable';
+export declare enum ActionTypes {
+    CHANGE_COLUMNS = "CHANGE_COLUMNS",
+    TOGGLE_FILTERS = "TOGGLE_FILTERS",
+    CHANGE_FILTER = "CHANGE_FILTER",
+    TOGGLE_SORT = "TOGGLE_SORT",
+    CHANGE_PAGE = "CHANGE_PAGE",
+    CHANGE_ROWS_PER_PAGE = "CHANGE_ROWS_PER_PAGE"
+}
+export type BasicTableState = {
+    visibleColumns: ColumnData['id'][];
+    columnsSize?: ColumnSize[];
+    filters?: Record<ColumnData['id'], ColumnFilter>;
+    sorting?: Sorting;
+    page: number;
+    rowsPerPage: number;
+    rowsPerPageOptions?: number[];
+    [key: string]: unknown;
+};
+export type BasicTableAction = ReturnType<ReturnType<typeof createStandardAction>>;
+export type BasicTableReducer = <TableState extends BasicTableState, TableAction extends BasicTableAction>(state: TableState, action: TableAction) => TableState;
+export declare const actions: {
+    changeColumns: (payload: any) => {
         type: any;
         payload: any;
     };
-    let toggleFilters: (payload: any) => {
+    toggleFilters: (payload: any) => {
         type: any;
         payload: any;
     };
-    let changeFilter: (payload: any) => {
+    changeFilter: (payload: any) => {
         type: any;
         payload: any;
     };
-    let toggleSort: (payload: any) => {
+    toggleSort: (payload: any) => {
         type: any;
         payload: any;
     };
-    let changePage: (payload: any) => {
+    changePage: (payload: any) => {
         type: any;
         payload: any;
     };
-    let changeRowsPerPage: (payload: any) => {
+    changeRowsPerPage: (payload: any) => {
         type: any;
         payload: any;
     };
-}
-export function changeVisibleColumns(state: any, nextVisibleColumns: any): any;
-export function reducer(state: any, action: any): any;
-declare namespace _default {
-    export { reducer };
-    export { actions };
-    export { changeVisibleColumns };
-}
+};
+export declare const changeVisibleColumns: (state: BasicTableState, nextVisibleColumns?: BasicTableState['visibleColumns']) => any;
+export declare const reducer: BasicTableReducer;
+declare const _default: {
+    reducer: BasicTableReducer;
+    actions: {
+        changeColumns: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        toggleFilters: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        changeFilter: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        toggleSort: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        changePage: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        changeRowsPerPage: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+    };
+    ActionTypes: typeof ActionTypes;
+    changeVisibleColumns: (state: BasicTableState, nextVisibleColumns?: string[]) => any;
+};
 export default _default;

package/cjs/BasicTable/basicTableViewState.js

@@ -11,28 +11,42 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducer = exports.changeVisibleColumns = exports.actions = void 0;
+exports.reducer = exports.changeVisibleColumns = exports.actions = exports.ActionTypes = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
-var CHANGE_COLUMNS = 'CHANGE_COLUMNS';
-var TOGGLE_FILTERS = 'TOGGLE_FILTERS';
-var CHANGE_FILTER = 'CHANGE_FILTER';
-var TOGGLE_SORT = 'TOGGLE_SORT';
-var CHANGE_PAGE = 'CHANGE_PAGE';
-var CHANGE_ROWS_PER_PAGE = 'CHANGE_ROWS_PER_PAGE';
+var ActionTypes;
+(function (ActionTypes) {
+    ActionTypes["CHANGE_COLUMNS"] = "CHANGE_COLUMNS";
+    ActionTypes["TOGGLE_FILTERS"] = "TOGGLE_FILTERS";
+    ActionTypes["CHANGE_FILTER"] = "CHANGE_FILTER";
+    ActionTypes["TOGGLE_SORT"] = "TOGGLE_SORT";
+    ActionTypes["CHANGE_PAGE"] = "CHANGE_PAGE";
+    ActionTypes["CHANGE_ROWS_PER_PAGE"] = "CHANGE_ROWS_PER_PAGE";
+})(ActionTypes || (exports.ActionTypes = ActionTypes = {}));
 exports.actions = {
-    changeColumns: (0, mdm_sdk_1.createStandardAction)(CHANGE_COLUMNS),
-    toggleFilters: (0, mdm_sdk_1.createStandardAction)(TOGGLE_FILTERS),
-    changeFilter: (0, mdm_sdk_1.createStandardAction)(CHANGE_FILTER),
-    toggleSort: (0, mdm_sdk_1.createStandardAction)(TOGGLE_SORT),
-    changePage: (0, mdm_sdk_1.createStandardAction)(CHANGE_PAGE),
-    changeRowsPerPage: (0, mdm_sdk_1.createStandardAction)(CHANGE_ROWS_PER_PAGE)
+    changeColumns: (0, mdm_sdk_1.createStandardAction)(ActionTypes.CHANGE_COLUMNS),
+    toggleFilters: (0, mdm_sdk_1.createStandardAction)(ActionTypes.TOGGLE_FILTERS),
+    changeFilter: (0, mdm_sdk_1.createStandardAction)(ActionTypes.CHANGE_FILTER),
+    toggleSort: (0, mdm_sdk_1.createStandardAction)(ActionTypes.TOGGLE_SORT),
+    changePage: (0, mdm_sdk_1.createStandardAction)(ActionTypes.CHANGE_PAGE),
+    changeRowsPerPage: (0, mdm_sdk_1.createStandardAction)(ActionTypes.CHANGE_ROWS_PER_PAGE)
 };
 var changeVisibleColumns = function (state, nextVisibleColumns) {
+    if (nextVisibleColumns === void 0) { nextVisibleColumns = []; }
     var removedColumns = (0, ramda_1.difference)(state.visibleColumns, nextVisibleColumns);
     var isRemovedColumn = function (columnId) { return removedColumns.includes(columnId); };
     return (0, ramda_1.evolve)({
         visibleColumns: (0, ramda_1.always)(nextVisibleColumns),
+        columnsSize: function (columnsSize) {
+            if (columnsSize === void 0) { columnsSize = []; }
+            return nextVisibleColumns.map(function (columnId) {
+                var columnSize = columnsSize.find(function (_a) {
+                    var id = _a.id;
+                    return id === columnId;
+                });
+                return __assign({ id: columnId, size: (columnSize === null || columnSize === void 0 ? void 0 : columnSize.manuallyChanged) ? columnSize.size : 0 }, ((columnSize === null || columnSize === void 0 ? void 0 : columnSize.manuallyChanged) ? { manuallyChanged: true } : {}));
+            });
+        },
         sorting: (0, ramda_1.when)(function (sorting) {
             if (sorting === void 0) { sorting = {}; }
             return isRemovedColumn(sorting.field);
@@ -41,26 +55,29 @@ var changeVisibleColumns = function (state, nextVisibleColumns) {
             return { field: nextSortField, order: 'asc' };
         }),
         filters: function (filters) {
-            return (0, ramda_1.keys)(filters).reduce(function (acc, columnId) { return (isRemovedColumn(columnId) ? (0, ramda_1.dissoc)(columnId, acc) : acc); }, filters);
+            if (filters === void 0) { filters = {}; }
+            return (0, ramda_1.keys)(filters).reduce(function (acc, columnId) {
+                return isRemovedColumn(columnId) ? (0, ramda_1.dissoc)(columnId, acc) : acc;
+            }, filters);
         }
     }, state);
 };
 exports.changeVisibleColumns = changeVisibleColumns;
 var reducer = function (state, action) {
     switch (action.type) {
-        case CHANGE_COLUMNS: {
+        case ActionTypes.CHANGE_COLUMNS: {
             var columnIds = action.payload;
             return (0, exports.changeVisibleColumns)(state, columnIds);
         }
-        case TOGGLE_FILTERS: {
+        case ActionTypes.TOGGLE_FILTERS: {
             var enableFilters = !state.filters;
             return __assign(__assign({}, state), { filters: enableFilters ? {} : null, page: enableFilters ? state.page : 0 });
         }
-        case CHANGE_FILTER: {
+        case ActionTypes.CHANGE_FILTER: {
             var _a = action.payload, columnId = _a.columnId, filter = _a.filter;
             return (0, ramda_1.evolve)({ filters: filter ? (0, ramda_1.assoc)(columnId, filter) : (0, ramda_1.dissoc)(columnId), page: (0, ramda_1.always)(0) }, state);
         }
-        case TOGGLE_SORT: {
+        case ActionTypes.TOGGLE_SORT: {
             var nextSortField = action.payload;
             var prevSortField = (0, ramda_1.path)(['sorting', 'field'], state);
             var prevSortOrder = (0, ramda_1.path)(['sorting', 'order'], state);
@@ -69,9 +86,9 @@ var reducer = function (state, action) {
                     order: (0, mdm_sdk_1.toggleSortOrder)(nextSortField === prevSortField ? prevSortOrder : null)
                 }, page: 0 });
         }
-        case CHANGE_PAGE:
+        case ActionTypes.CHANGE_PAGE:
             return __assign(__assign({}, state), { page: action.payload });
-        case CHANGE_ROWS_PER_PAGE:
+        case ActionTypes.CHANGE_ROWS_PER_PAGE:
             return __assign(__assign({}, state), { rowsPerPage: action.payload });
         default:
             return state;
@@ -81,5 +98,6 @@ exports.reducer = reducer;
 exports.default = {
     reducer: exports.reducer,
     actions: exports.actions,
+    ActionTypes: ActionTypes,
     changeVisibleColumns: exports.changeVisibleColumns
 };

package/cjs/BasicTable/basicTableViewState.test.js

@@ -13,6 +13,26 @@ describe('basicTableViewState tests', function () {
             };
             expect((0, basicTableViewState_1.changeVisibleColumns)(prevState, visibleColumns)).toEqual(nextState);
         });
+        it('should update columns size on changing visible columns', function () {
+            var prevState = {
+                visibleColumns: ['column1', 'column2', 'column3', 'column4'],
+                columnsSize: [
+                    { id: 'column1', size: 100, manuallyChanged: true },
+                    { id: 'column2', size: 200 },
+                    { id: 'column3', size: 300, manuallyChanged: true },
+                    { id: 'column4', size: 400 }
+                ]
+            };
+            var visibleColumns = ['column1', 'column4'];
+            var nextState = {
+                visibleColumns: visibleColumns,
+                columnsSize: [
+                    { id: 'column1', size: 100, manuallyChanged: true },
+                    { id: 'column4', size: 0 }
+                ]
+            };
+            expect((0, basicTableViewState_1.changeVisibleColumns)(prevState, visibleColumns)).toEqual(nextState);
+        });
         it('should remove filters for columns that are no longer visible', function () {
             var prevState = {
                 visibleColumns: ['column1', 'column2'],

package/cjs/contexts/ProfileTablesContext/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ProfileTablesPreferences } from '../../types/preferences';
+export declare const ProfileTablesContext: import("react").Context<{
+    profileTablesPreferences: ProfileTablesPreferences;
+    setProfileTablesPreferences: (profileTablesPreferences: ProfileTablesPreferences) => void;
+}>;

package/cjs/contexts/ProfileTablesContext/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileTablesContext = void 0;
+var react_1 = require("react");
+exports.ProfileTablesContext = (0, react_1.createContext)({
+    profileTablesPreferences: {},
+    setProfileTablesPreferences: function () { }
+});

package/cjs/helpers/basicTable.d.ts

@@ -1,5 +1,6 @@
 import { FacetFilter } from '@reltio/mdm-sdk';
-import { ColumnData, ColumnFilter } from '../types/basicTable';
+import { ColumnData, ColumnFilter, ColumnSize } from '../types/basicTable';
+import { ColumnsSizeById } from '../types/preferences';
 export declare const defaultGetRowCellHeight: ({ columnData, cell }: {
     columnData: any;
     cell: any;
@@ -11,3 +12,4 @@ export declare const defaultRenderRowCell: ({ cell, CellValueRenderer, ...otherP
 }) => any;
 export declare const columnFilterToMdmFilter: (columnData: Pick<ColumnData, 'id' | 'dataTypeDefinition'>, columnFilter?: ColumnFilter) => FacetFilter;
 export declare const buildColumnsFilter: (columnsData: ColumnData[], filters?: Record<string, ColumnFilter>) => string;
+export declare const buildColumnsSizeById: (columnsSize?: ColumnSize[]) => ColumnsSizeById;

package/cjs/helpers/basicTable.js

@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildColumnsFilter = exports.columnFilterToMdmFilter = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = void 0;
+exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.columnFilterToMdmFilter = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = void 0;
 var react_1 = __importDefault(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -76,3 +76,14 @@ var buildColumnsFilter = function (columnsData, filters) {
         .orSome('');
 };
 exports.buildColumnsFilter = buildColumnsFilter;
+var buildColumnsSizeById = function (columnsSize) {
+    if (columnsSize === void 0) { columnsSize = []; }
+    return columnsSize.reduce(function (columnsSizeById, _a) {
+        var id = _a.id, size = _a.size, manuallyChanged = _a.manuallyChanged;
+        if (manuallyChanged) {
+            columnsSizeById[id] = size;
+        }
+        return columnsSizeById;
+    }, {});
+};
+exports.buildColumnsSizeById = buildColumnsSizeById;

package/cjs/hooks/useSavedState/useSavedState.d.ts

@@ -1,4 +1,4 @@
 export declare const useSavedState: <T>(getSavedState: () => Promise<T>) => {
     isLoaded: boolean;
-    savedState: T | Record<string, never>;
+    savedState: Record<string, never> | T;
 };

package/cjs/hooks/useSavedStateForEntityType/useSavedStateForEntityType.d.ts

@@ -1,5 +1,5 @@
 type SavedState<T> = {
-    [entityType: string]: T;
+    [entityTypeUri: string]: T;
 };
 type Props<T> = {
     getSavedState: () => Promise<SavedState<T>>;

package/cjs/index.d.ts

@@ -222,6 +222,7 @@ export { MaskedAttributesProvider, useMaskAttributeValue, useUnmaskAttributeValu
 export { RowCollapseContext as BasicTableRowCollapseContext } from './contexts/RowCollapseContext';
 export { BasicTableContext } from './contexts/BasicTableContext';
 export { HiddenAttributesContext } from './contexts/HiddenAttributesContext';
+export { ProfileTablesContext } from './contexts/ProfileTablesContext';
 export { useScrollToAttributeError } from './hooks/useScrollToAttributeError';
 export { useMatchesColumnsData } from './hooks/useMatchesColumnsData';
 export { useActions } from './hooks/useActions';
@@ -260,7 +261,7 @@ export { useClickableChartStyle as useClickableStyle } from './hooks/useClickabl
 export { useDynamicRowCellHeight } from './hooks/useDynamicRowCellHeight';
 export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
 export { useMaskedAttribute } from './hooks/useMaskedAttribute';
-export { buildColumnsFilter, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
+export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';
 export { getChecked, getValue, isControlOrCommandPressed } from './helpers/events';
@@ -268,7 +269,8 @@ export { mergeClasses } from './helpers/classes';
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';
-export type { ColumnData, ColumnFilter, Sorting, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue } from './types/basicTable';
+export type { ColumnData, ColumnSize, ColumnFilter, Sorting, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue } from './types/basicTable';
+export * from './types/preferences';
 export * from './types';
 export * from './constants';
 export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';

package/cjs/index.js

@@ -19,8 +19,8 @@ exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor
 exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = void 0;
 exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
 exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = void 0;
-exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.HiddenAttributesContext = exports.BasicTableContext = void 0;
-exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = void 0;
+exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = void 0;
+exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -500,6 +500,8 @@ var BasicTableContext_1 = require("./contexts/BasicTableContext");
 Object.defineProperty(exports, "BasicTableContext", { enumerable: true, get: function () { return BasicTableContext_1.BasicTableContext; } });
 var HiddenAttributesContext_1 = require("./contexts/HiddenAttributesContext");
 Object.defineProperty(exports, "HiddenAttributesContext", { enumerable: true, get: function () { return HiddenAttributesContext_1.HiddenAttributesContext; } });
+var ProfileTablesContext_1 = require("./contexts/ProfileTablesContext");
+Object.defineProperty(exports, "ProfileTablesContext", { enumerable: true, get: function () { return ProfileTablesContext_1.ProfileTablesContext; } });
 // hooks
 var useScrollToAttributeError_1 = require("./hooks/useScrollToAttributeError");
 Object.defineProperty(exports, "useScrollToAttributeError", { enumerable: true, get: function () { return useScrollToAttributeError_1.useScrollToAttributeError; } });
@@ -581,6 +583,7 @@ Object.defineProperty(exports, "useMaskedAttribute", { enumerable: true, get: fu
 // helpers
 var basicTable_1 = require("./helpers/basicTable");
 Object.defineProperty(exports, "buildColumnsFilter", { enumerable: true, get: function () { return basicTable_1.buildColumnsFilter; } });
+Object.defineProperty(exports, "buildColumnsSizeById", { enumerable: true, get: function () { return basicTable_1.buildColumnsSizeById; } });
 Object.defineProperty(exports, "columnFilterToMdmFilter", { enumerable: true, get: function () { return basicTable_1.columnFilterToMdmFilter; } });
 Object.defineProperty(exports, "defaultGetRowCellHeight", { enumerable: true, get: function () { return basicTable_1.defaultGetRowCellHeight; } });
 Object.defineProperty(exports, "defaultRenderRowCell", { enumerable: true, get: function () { return basicTable_1.defaultRenderRowCell; } });
@@ -595,6 +598,7 @@ Object.defineProperty(exports, "getValue", { enumerable: true, get: function ()
 Object.defineProperty(exports, "isControlOrCommandPressed", { enumerable: true, get: function () { return events_1.isControlOrCommandPressed; } });
 var classes_1 = require("./helpers/classes");
 Object.defineProperty(exports, "mergeClasses", { enumerable: true, get: function () { return classes_1.mergeClasses; } });
+__exportStar(require("./types/preferences"), exports);
 __exportStar(require("./types"), exports);
 // constants
 __exportStar(require("./constants"), exports);

package/cjs/test-utils/index.js

@@ -131,7 +131,7 @@ var mockElementSizes = function (element, defaults) {
 };
 exports.mockElementSizes = mockElementSizes;
 var mockBasicTableSizing = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.width, width = _c === void 0 ? 2000 : _c, _d = _b.height, height = _d === void 0 ? 1000 : _d;
+    var _b = _a === void 0 ? {} : _a, _c = _b.width, width = _c === void 0 ? 2100 : _c, _d = _b.height, height = _d === void 0 ? 1000 : _d;
     var _e = (0, exports.mockElementSizes)(window.HTMLElement.prototype, { offsetHeight: height, offsetWidth: width }), mock = _e.mock, unmock = _e.unmock;
     mock();
     return unmock;

package/cjs/types/basicTable.d.ts

@@ -33,6 +33,11 @@ export type ColumnData = {
     filterOptions?: ColumnFilterOptions;
     [key: string]: unknown;
 };
+export type ColumnSize = {
+    id: string;
+    size: number;
+    manuallyChanged?: boolean;
+};
 export type GroupedColumns<TColumnData = ColumnData> = {
     id: string;
     label: string;

package/cjs/types/preferences.d.ts

@@ -0,0 +1,8 @@
+import { BaseProfileViewConfig } from '@reltio/mdm-sdk';
+import { ColumnData, ColumnSize } from './basicTable';
+export type ColumnsSizeById = Record<ColumnSize['id'], ColumnSize['size']>;
+export type TablePreferences = {
+    visibleColumns?: ColumnData['id'][];
+    columnsSizeById?: ColumnsSizeById;
+};
+export type ProfileTablesPreferences = Record<BaseProfileViewConfig['id'], TablePreferences>;

package/cjs/types/preferences.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/esm/BasicTable/basicTableViewState.d.ts

@@ -1,34 +1,82 @@
-export namespace actions {
-    let changeColumns: (payload: any) => {
+import { createStandardAction } from '@reltio/mdm-sdk';
+import { ColumnData, ColumnFilter, ColumnSize, Sorting } from '../types/basicTable';
+export declare enum ActionTypes {
+    CHANGE_COLUMNS = "CHANGE_COLUMNS",
+    TOGGLE_FILTERS = "TOGGLE_FILTERS",
+    CHANGE_FILTER = "CHANGE_FILTER",
+    TOGGLE_SORT = "TOGGLE_SORT",
+    CHANGE_PAGE = "CHANGE_PAGE",
+    CHANGE_ROWS_PER_PAGE = "CHANGE_ROWS_PER_PAGE"
+}
+export type BasicTableState = {
+    visibleColumns: ColumnData['id'][];
+    columnsSize?: ColumnSize[];
+    filters?: Record<ColumnData['id'], ColumnFilter>;
+    sorting?: Sorting;
+    page: number;
+    rowsPerPage: number;
+    rowsPerPageOptions?: number[];
+    [key: string]: unknown;
+};
+export type BasicTableAction = ReturnType<ReturnType<typeof createStandardAction>>;
+export type BasicTableReducer = <TableState extends BasicTableState, TableAction extends BasicTableAction>(state: TableState, action: TableAction) => TableState;
+export declare const actions: {
+    changeColumns: (payload: any) => {
         type: any;
         payload: any;
     };
-    let toggleFilters: (payload: any) => {
+    toggleFilters: (payload: any) => {
         type: any;
         payload: any;
     };
-    let changeFilter: (payload: any) => {
+    changeFilter: (payload: any) => {
         type: any;
         payload: any;
     };
-    let toggleSort: (payload: any) => {
+    toggleSort: (payload: any) => {
         type: any;
         payload: any;
     };
-    let changePage: (payload: any) => {
+    changePage: (payload: any) => {
         type: any;
         payload: any;
     };
-    let changeRowsPerPage: (payload: any) => {
+    changeRowsPerPage: (payload: any) => {
         type: any;
         payload: any;
     };
-}
-export function changeVisibleColumns(state: any, nextVisibleColumns: any): any;
-export function reducer(state: any, action: any): any;
-declare namespace _default {
-    export { reducer };
-    export { actions };
-    export { changeVisibleColumns };
-}
+};
+export declare const changeVisibleColumns: (state: BasicTableState, nextVisibleColumns?: BasicTableState['visibleColumns']) => any;
+export declare const reducer: BasicTableReducer;
+declare const _default: {
+    reducer: BasicTableReducer;
+    actions: {
+        changeColumns: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        toggleFilters: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        changeFilter: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        toggleSort: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        changePage: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+        changeRowsPerPage: (payload: any) => {
+            type: any;
+            payload: any;
+        };
+    };
+    ActionTypes: typeof ActionTypes;
+    changeVisibleColumns: (state: BasicTableState, nextVisibleColumns?: string[]) => any;
+};
 export default _default;

package/esm/BasicTable/basicTableViewState.js

@@ -11,25 +11,39 @@ var __assign = (this && this.__assign) || function () {
 };
 import { toggleSortOrder, createStandardAction } from '@reltio/mdm-sdk';
 import { always, assoc, difference, dissoc, evolve, keys, path, when } from 'ramda';
-var CHANGE_COLUMNS = 'CHANGE_COLUMNS';
-var TOGGLE_FILTERS = 'TOGGLE_FILTERS';
-var CHANGE_FILTER = 'CHANGE_FILTER';
-var TOGGLE_SORT = 'TOGGLE_SORT';
-var CHANGE_PAGE = 'CHANGE_PAGE';
-var CHANGE_ROWS_PER_PAGE = 'CHANGE_ROWS_PER_PAGE';
+export var ActionTypes;
+(function (ActionTypes) {
+    ActionTypes["CHANGE_COLUMNS"] = "CHANGE_COLUMNS";
+    ActionTypes["TOGGLE_FILTERS"] = "TOGGLE_FILTERS";
+    ActionTypes["CHANGE_FILTER"] = "CHANGE_FILTER";
+    ActionTypes["TOGGLE_SORT"] = "TOGGLE_SORT";
+    ActionTypes["CHANGE_PAGE"] = "CHANGE_PAGE";
+    ActionTypes["CHANGE_ROWS_PER_PAGE"] = "CHANGE_ROWS_PER_PAGE";
+})(ActionTypes || (ActionTypes = {}));
 export var actions = {
-    changeColumns: createStandardAction(CHANGE_COLUMNS),
-    toggleFilters: createStandardAction(TOGGLE_FILTERS),
-    changeFilter: createStandardAction(CHANGE_FILTER),
-    toggleSort: createStandardAction(TOGGLE_SORT),
-    changePage: createStandardAction(CHANGE_PAGE),
-    changeRowsPerPage: createStandardAction(CHANGE_ROWS_PER_PAGE)
+    changeColumns: createStandardAction(ActionTypes.CHANGE_COLUMNS),
+    toggleFilters: createStandardAction(ActionTypes.TOGGLE_FILTERS),
+    changeFilter: createStandardAction(ActionTypes.CHANGE_FILTER),
+    toggleSort: createStandardAction(ActionTypes.TOGGLE_SORT),
+    changePage: createStandardAction(ActionTypes.CHANGE_PAGE),
+    changeRowsPerPage: createStandardAction(ActionTypes.CHANGE_ROWS_PER_PAGE)
 };
 export var changeVisibleColumns = function (state, nextVisibleColumns) {
+    if (nextVisibleColumns === void 0) { nextVisibleColumns = []; }
     var removedColumns = difference(state.visibleColumns, nextVisibleColumns);
     var isRemovedColumn = function (columnId) { return removedColumns.includes(columnId); };
     return evolve({
         visibleColumns: always(nextVisibleColumns),
+        columnsSize: function (columnsSize) {
+            if (columnsSize === void 0) { columnsSize = []; }
+            return nextVisibleColumns.map(function (columnId) {
+                var columnSize = columnsSize.find(function (_a) {
+                    var id = _a.id;
+                    return id === columnId;
+                });
+                return __assign({ id: columnId, size: (columnSize === null || columnSize === void 0 ? void 0 : columnSize.manuallyChanged) ? columnSize.size : 0 }, ((columnSize === null || columnSize === void 0 ? void 0 : columnSize.manuallyChanged) ? { manuallyChanged: true } : {}));
+            });
+        },
         sorting: when(function (sorting) {
             if (sorting === void 0) { sorting = {}; }
             return isRemovedColumn(sorting.field);
@@ -38,25 +52,28 @@ export var changeVisibleColumns = function (state, nextVisibleColumns) {
             return { field: nextSortField, order: 'asc' };
         }),
         filters: function (filters) {
-            return keys(filters).reduce(function (acc, columnId) { return (isRemovedColumn(columnId) ? dissoc(columnId, acc) : acc); }, filters);
+            if (filters === void 0) { filters = {}; }
+            return keys(filters).reduce(function (acc, columnId) {
+                return isRemovedColumn(columnId) ? dissoc(columnId, acc) : acc;
+            }, filters);
         }
     }, state);
 };
 export var reducer = function (state, action) {
     switch (action.type) {
-        case CHANGE_COLUMNS: {
+        case ActionTypes.CHANGE_COLUMNS: {
             var columnIds = action.payload;
             return changeVisibleColumns(state, columnIds);
         }
-        case TOGGLE_FILTERS: {
+        case ActionTypes.TOGGLE_FILTERS: {
             var enableFilters = !state.filters;
             return __assign(__assign({}, state), { filters: enableFilters ? {} : null, page: enableFilters ? state.page : 0 });
         }
-        case CHANGE_FILTER: {
+        case ActionTypes.CHANGE_FILTER: {
             var _a = action.payload, columnId = _a.columnId, filter = _a.filter;
             return evolve({ filters: filter ? assoc(columnId, filter) : dissoc(columnId), page: always(0) }, state);
         }
-        case TOGGLE_SORT: {
+        case ActionTypes.TOGGLE_SORT: {
             var nextSortField = action.payload;
             var prevSortField = path(['sorting', 'field'], state);
             var prevSortOrder = path(['sorting', 'order'], state);
@@ -65,9 +82,9 @@ export var reducer = function (state, action) {
                     order: toggleSortOrder(nextSortField === prevSortField ? prevSortOrder : null)
                 }, page: 0 });
         }
-        case CHANGE_PAGE:
+        case ActionTypes.CHANGE_PAGE:
             return __assign(__assign({}, state), { page: action.payload });
-        case CHANGE_ROWS_PER_PAGE:
+        case ActionTypes.CHANGE_ROWS_PER_PAGE:
             return __assign(__assign({}, state), { rowsPerPage: action.payload });
         default:
             return state;
@@ -76,5 +93,6 @@ export var reducer = function (state, action) {
 export default {
     reducer: reducer,
     actions: actions,
+    ActionTypes: ActionTypes,
     changeVisibleColumns: changeVisibleColumns
 };

package/esm/BasicTable/basicTableViewState.test.js

@@ -11,6 +11,26 @@ describe('basicTableViewState tests', function () {
             };
             expect(changeVisibleColumns(prevState, visibleColumns)).toEqual(nextState);
         });
+        it('should update columns size on changing visible columns', function () {
+            var prevState = {
+                visibleColumns: ['column1', 'column2', 'column3', 'column4'],
+                columnsSize: [
+                    { id: 'column1', size: 100, manuallyChanged: true },
+                    { id: 'column2', size: 200 },
+                    { id: 'column3', size: 300, manuallyChanged: true },
+                    { id: 'column4', size: 400 }
+                ]
+            };
+            var visibleColumns = ['column1', 'column4'];
+            var nextState = {
+                visibleColumns: visibleColumns,
+                columnsSize: [
+                    { id: 'column1', size: 100, manuallyChanged: true },
+                    { id: 'column4', size: 0 }
+                ]
+            };
+            expect(changeVisibleColumns(prevState, visibleColumns)).toEqual(nextState);
+        });
         it('should remove filters for columns that are no longer visible', function () {
             var prevState = {
                 visibleColumns: ['column1', 'column2'],

package/esm/contexts/ProfileTablesContext/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ProfileTablesPreferences } from '../../types/preferences';
+export declare const ProfileTablesContext: import("react").Context<{
+    profileTablesPreferences: ProfileTablesPreferences;
+    setProfileTablesPreferences: (profileTablesPreferences: ProfileTablesPreferences) => void;
+}>;

package/esm/contexts/ProfileTablesContext/index.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export var ProfileTablesContext = createContext({
+    profileTablesPreferences: {},
+    setProfileTablesPreferences: function () { }
+});

package/esm/helpers/basicTable.d.ts

@@ -1,5 +1,6 @@
 import { FacetFilter } from '@reltio/mdm-sdk';
-import { ColumnData, ColumnFilter } from '../types/basicTable';
+import { ColumnData, ColumnFilter, ColumnSize } from '../types/basicTable';
+import { ColumnsSizeById } from '../types/preferences';
 export declare const defaultGetRowCellHeight: ({ columnData, cell }: {
     columnData: any;
     cell: any;
@@ -11,3 +12,4 @@ export declare const defaultRenderRowCell: ({ cell, CellValueRenderer, ...otherP
 }) => any;
 export declare const columnFilterToMdmFilter: (columnData: Pick<ColumnData, 'id' | 'dataTypeDefinition'>, columnFilter?: ColumnFilter) => FacetFilter;
 export declare const buildColumnsFilter: (columnsData: ColumnData[], filters?: Record<string, ColumnFilter>) => string;
+export declare const buildColumnsSizeById: (columnsSize?: ColumnSize[]) => ColumnsSizeById;

package/esm/helpers/basicTable.js

@@ -66,3 +66,13 @@ export var buildColumnsFilter = function (columnsData, filters) {
         .map(buildFilterQueryString())
         .orSome('');
 };
+export var buildColumnsSizeById = function (columnsSize) {
+    if (columnsSize === void 0) { columnsSize = []; }
+    return columnsSize.reduce(function (columnsSizeById, _a) {
+        var id = _a.id, size = _a.size, manuallyChanged = _a.manuallyChanged;
+        if (manuallyChanged) {
+            columnsSizeById[id] = size;
+        }
+        return columnsSizeById;
+    }, {});
+};

package/esm/hooks/useSavedState/useSavedState.d.ts

@@ -1,4 +1,4 @@
 export declare const useSavedState: <T>(getSavedState: () => Promise<T>) => {
     isLoaded: boolean;
-    savedState: T | Record<string, never>;
+    savedState: Record<string, never> | T;
 };

package/esm/hooks/useSavedStateForEntityType/useSavedStateForEntityType.d.ts

@@ -1,5 +1,5 @@
 type SavedState<T> = {
-    [entityType: string]: T;
+    [entityTypeUri: string]: T;
 };
 type Props<T> = {
     getSavedState: () => Promise<SavedState<T>>;

package/esm/index.d.ts

@@ -222,6 +222,7 @@ export { MaskedAttributesProvider, useMaskAttributeValue, useUnmaskAttributeValu
 export { RowCollapseContext as BasicTableRowCollapseContext } from './contexts/RowCollapseContext';
 export { BasicTableContext } from './contexts/BasicTableContext';
 export { HiddenAttributesContext } from './contexts/HiddenAttributesContext';
+export { ProfileTablesContext } from './contexts/ProfileTablesContext';
 export { useScrollToAttributeError } from './hooks/useScrollToAttributeError';
 export { useMatchesColumnsData } from './hooks/useMatchesColumnsData';
 export { useActions } from './hooks/useActions';
@@ -260,7 +261,7 @@ export { useClickableChartStyle as useClickableStyle } from './hooks/useClickabl
 export { useDynamicRowCellHeight } from './hooks/useDynamicRowCellHeight';
 export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
 export { useMaskedAttribute } from './hooks/useMaskedAttribute';
-export { buildColumnsFilter, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
+export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';
 export { getChecked, getValue, isControlOrCommandPressed } from './helpers/events';
@@ -268,7 +269,8 @@ export { mergeClasses } from './helpers/classes';
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';
-export type { ColumnData, ColumnFilter, Sorting, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue } from './types/basicTable';
+export type { ColumnData, ColumnSize, ColumnFilter, Sorting, GroupedColumnsData, GroupedColumns, RenderRowCellProps, RowId, ElementsRowsData, TableRowsData, RowValue } from './types/basicTable';
+export * from './types/preferences';
 export * from './types';
 export * from './constants';
 export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';

package/esm/index.js

@@ -225,6 +225,7 @@ export { MaskedAttributesProvider, useMaskAttributeValue, useUnmaskAttributeValu
 export { RowCollapseContext as BasicTableRowCollapseContext } from './contexts/RowCollapseContext';
 export { BasicTableContext } from './contexts/BasicTableContext';
 export { HiddenAttributesContext } from './contexts/HiddenAttributesContext';
+export { ProfileTablesContext } from './contexts/ProfileTablesContext';
 // hooks
 export { useScrollToAttributeError } from './hooks/useScrollToAttributeError';
 export { useMatchesColumnsData } from './hooks/useMatchesColumnsData';
@@ -265,11 +266,12 @@ export { useDynamicRowCellHeight } from './hooks/useDynamicRowCellHeight';
 export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
 export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 // helpers
-export { buildColumnsFilter, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
+export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';
 export { getChecked, getValue, isControlOrCommandPressed } from './helpers/events';
 export { mergeClasses } from './helpers/classes';
+export * from './types/preferences';
 export * from './types';
 // constants
 export * from './constants';

package/esm/test-utils/index.js

@@ -123,7 +123,7 @@ export var mockElementSizes = function (element, defaults) {
     return { mock: mock, unmock: unmock };
 };
 export var mockBasicTableSizing = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.width, width = _c === void 0 ? 2000 : _c, _d = _b.height, height = _d === void 0 ? 1000 : _d;
+    var _b = _a === void 0 ? {} : _a, _c = _b.width, width = _c === void 0 ? 2100 : _c, _d = _b.height, height = _d === void 0 ? 1000 : _d;
     var _e = mockElementSizes(window.HTMLElement.prototype, { offsetHeight: height, offsetWidth: width }), mock = _e.mock, unmock = _e.unmock;
     mock();
     return unmock;

package/esm/types/basicTable.d.ts

@@ -33,6 +33,11 @@ export type ColumnData = {
     filterOptions?: ColumnFilterOptions;
     [key: string]: unknown;
 };
+export type ColumnSize = {
+    id: string;
+    size: number;
+    manuallyChanged?: boolean;
+};
 export type GroupedColumns<TColumnData = ColumnData> = {
     id: string;
     label: string;

package/esm/types/preferences.d.ts

@@ -0,0 +1,8 @@
+import { BaseProfileViewConfig } from '@reltio/mdm-sdk';
+import { ColumnData, ColumnSize } from './basicTable';
+export type ColumnsSizeById = Record<ColumnSize['id'], ColumnSize['size']>;
+export type TablePreferences = {
+    visibleColumns?: ColumnData['id'][];
+    columnsSizeById?: ColumnsSizeById;
+};
+export type ProfileTablesPreferences = Record<BaseProfileViewConfig['id'], TablePreferences>;

package/esm/types/preferences.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1928",
+  "version": "1.4.1929",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1844",
+    "@reltio/mdm-sdk": "^1.4.1845",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",