@reltio/components 1.4.1927 → 1.4.1929

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/RCTree/RCTree.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { TreeNodeProps } from 'rc-tree';
-import 'rc-tree/assets/index.css';
 import { RCTreeNode } from './types';
 type Props = {
     treeData: RCTreeNode[];

package/esm/RCTree/RCTree.js

@@ -1,7 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
 import Tree from 'rc-tree';
 import classnames from 'classnames';
-import 'rc-tree/assets/index.css';
 import { DefaultSwitchRenderer } from './DefaultSwitchRenderer';
 import { convertTreeData, defaultIsLeaf } from './helper';
 import { useStyles } from './styles';

package/esm/RCTree/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "collapseButton" | "switcherButtonWrapper" | "switcherButton" | "treeWrapper" | "@global .rc-tree-node-content-wrapper" | "@global .rc-tree-treenode" | "@global .rc-tree-icon_loading">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "collapseButton" | "switcherButtonWrapper" | "switcherButton" | "treeWrapper" | "@global">;

package/esm/RCTree/styles.js

@@ -25,13 +25,208 @@ export var useStyles = makeStyles(function () { return ({
     treeWrapper: {
         border: 'none'
     },
-    '@global .rc-tree-node-content-wrapper': {
-        height: 'auto !important'
-    },
-    '@global .rc-tree-treenode': {
-        display: 'flex'
-    },
-    '@global .rc-tree-icon_loading': {
-        display: 'none !important'
+    /* rc-tree/assets/index.css */
+    '@global': {
+        '.rc-tree': {
+            margin: 0,
+            border: '1px solid transparent'
+        },
+        '.rc-tree-focused:not(.rc-tree-active-focused)': {
+            borderColor: 'cyan'
+        },
+        '.rc-tree .rc-tree-treenode': {
+            margin: 0,
+            padding: 0,
+            lineHeight: '24px',
+            whiteSpace: 'nowrap',
+            listStyle: 'none',
+            outline: 0
+        },
+        '.rc-tree .rc-tree-treenode .draggable': {
+            color: '#333',
+            userSelect: 'none'
+        },
+        '.rc-tree .rc-tree-treenode.dragging': {
+            background: 'rgba(100, 100, 255, 0.1)'
+        },
+        '.rc-tree .rc-tree-treenode.drop-container > .draggable::after': {
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            boxShadow: 'inset 0 0 0 2px red',
+            content: "''"
+        },
+        '.rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode': {
+            borderLeft: '2px solid chocolate'
+        },
+        '.rc-tree .rc-tree-treenode.drop-target': {
+            backgroundColor: 'yellowgreen'
+        },
+        '.rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode': {
+            borderLeft: 'none'
+        },
+        '.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper': {
+            color: '#a60000 !important',
+            fontWeight: 'bold !important'
+        },
+        '.rc-tree .rc-tree-treenode ul': {
+            margin: 0,
+            padding: '0 0 0 18px'
+        },
+        '.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper': {
+            position: 'relative',
+            display: 'inline-block',
+            height: '24px',
+            margin: 0,
+            padding: 0,
+            textDecoration: 'none',
+            verticalAlign: 'top',
+            cursor: 'pointer'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-switcher, .rc-tree .rc-tree-treenode span.rc-tree-checkbox, .rc-tree .rc-tree-treenode span.rc-tree-iconEle': {
+            display: 'inline-block',
+            width: '16px',
+            height: '16px',
+            marginRight: '2px',
+            lineHeight: '16px',
+            verticalAlign: '-0.125em',
+            backgroundColor: 'transparent',
+            backgroundImage: "url('data:image/png;base64,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')",
+            backgroundRepeat: 'no-repeat',
+            backgroundAttachment: 'scroll',
+            border: '0 none',
+            outline: 'none',
+            cursor: 'pointer'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize, .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize, .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize': {
+            backgroundImage: 'none'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-icon_loading': {
+            marginRight: '2px',
+            verticalAlign: 'top',
+            display: 'none!important'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop': {
+            cursor: 'auto'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open': {
+            backgroundPosition: '-93px -56px'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close': {
+            backgroundPosition: '-75px -56px'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox': {
+            width: '13px',
+            height: '13px',
+            margin: '0 3px',
+            backgroundPosition: '0 0'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked': {
+            backgroundPosition: '-14px 0'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate': {
+            backgroundPosition: '-14px -28px'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled': {
+            backgroundPosition: '0 -56px'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled': {
+            backgroundPosition: '-14px -56px'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled': {
+            position: 'relative',
+            background: '#ccc',
+            borderRadius: '3px'
+        },
+        '.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after': {
+            position: 'absolute',
+            top: '5px',
+            left: '3px',
+            width: '5px',
+            height: 0,
+            border: '2px solid #fff',
+            borderTop: 0,
+            borderLeft: 0,
+            transform: 'scale(1)',
+            content: "' '"
+        },
+        '.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop': {
+            background: 'none'
+        },
+        '.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul': {
+            background: "url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y"
+        },
+        '.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop': {
+            backgroundPosition: '-56px -18px'
+        },
+        '.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop': {
+            backgroundPosition: '-56px -36px'
+        },
+        '.rc-tree-child-tree': {
+            display: 'none'
+        },
+        '.rc-tree-child-tree-open': {
+            display: 'block'
+        },
+        '.rc-tree-treenode-disabled > span:not(.rc-tree-switcher), .rc-tree-treenode-disabled > a, .rc-tree-treenode-disabled > a span': {
+            color: '#767676',
+            cursor: 'not-allowed'
+        },
+        '.rc-tree-treenode-active': {
+            background: 'rgba(0, 0, 0, 0.1)'
+        },
+        '.rc-tree-node-selected': {
+            backgroundColor: '#ffe6b0',
+            boxShadow: '0 0 0 1px #ffb951',
+            opacity: 0.8
+        },
+        '.rc-tree-icon__open': {
+            marginRight: '2px',
+            verticalAlign: 'top',
+            backgroundPosition: '-110px -16px'
+        },
+        '.rc-tree-icon__close': {
+            marginRight: '2px',
+            verticalAlign: 'top',
+            backgroundPosition: '-110px 0'
+        },
+        '.rc-tree-icon__docu': {
+            marginRight: '2px',
+            verticalAlign: 'top',
+            backgroundPosition: '-110px -32px'
+        },
+        '.rc-tree-icon__customize': {
+            marginRight: '2px',
+            verticalAlign: 'top'
+        },
+        '.rc-tree-title': {
+            display: 'inline-block'
+        },
+        '.rc-tree-indent': {
+            display: 'inline-block',
+            height: 0,
+            verticalAlign: 'bottom'
+        },
+        '.rc-tree-indent-unit': {
+            display: 'inline-block',
+            width: '16px'
+        },
+        '.rc-tree-draggable-icon': {
+            display: 'inline-flex',
+            justifyContent: 'center',
+            width: '16px'
+        },
+        //Custom styles
+        '.rc-tree-node-content-wrapper': {
+            height: 'auto !important'
+        },
+        '.rc-tree-treenode': {
+            display: 'flex'
+        },
+        '.rc-tree-icon_loading': {
+            display: 'none !important'
+        }
     }
 }); });

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;
 };