@reltio/components 1.4.1976 → 1.4.1977

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -47,12 +47,14 @@ var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EmptyStub_1 = require("../EmptyStub");
+var attributesSelector_1 = require("../helpers/attributesSelector");
 var helpers_1 = require("./helpers");
 var AttributesFilterSelector_1 = require("../AttributesFilterSelector");
 var RowActions_1 = require("./components/RowActions");
 var QueryBuilderRowsGroup_1 = require("../QueryBuilderRowsGroup");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var AttributeSelector_1 = require("./components/AttributeSelector");
+var useFilterAutoFocus_1 = require("../hooks/useFilterAutoFocus");
 var AttributesValuesEditor_1 = require("../AttributesValuesEditor");
 var styles_1 = require("./styles");
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: mdm_sdk_1.SearchOperator.and, values: [] };
@@ -61,8 +63,6 @@ var AttributesFiltersBuilder = function (_a) {
     var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub_1.EmptyStub : _e;
     var styles = (0, styles_1.useStyles)();
     var actualFilters = (0, react_1.useRef)(filters);
-    var attributeFilterRef = (0, react_1.useRef)(null);
-    var lastAttributesCountRef = (0, react_1.useRef)(null);
     var attributesCountRef = (0, react_1.useRef)(null);
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     actualFilters.current = filters;
@@ -75,20 +75,15 @@ var AttributesFiltersBuilder = function (_a) {
     var currentEntityType = (0, react_1.useMemo)(function () {
         var entityTypesUris = attributesTypesGroups.map(function (_a) {
             var attributeTypes = _a.attributeTypes;
-            return (0, helpers_1.getOperationalTypeUriFromAttrTypes)(attributeTypes);
+            return (0, attributesSelector_1.getOperationalTypeUriFromAttrTypes)(attributeTypes);
         });
         var closestEntityTypeAncestorUri = (0, mdm_sdk_1.findClosestCommonAncestor)(metadata, entityTypesUris);
         return (0, mdm_sdk_1.getEntityType)(metadata, closestEntityTypeAncestorUri);
     }, [attributesTypesGroups, metadata]);
-    var attributeSelectorItemsGroups = (0, react_1.useMemo)(function () { return (0, helpers_1.getAttributeSelectorItems)(metadata, attributesTypesGroups, attributesTypesGroupFilter); }, [attributesTypesGroups, metadata]);
+    var attributeSelectorItemsGroups = (0, react_1.useMemo)(function () { return (0, attributesSelector_1.getAttributeSelectorItems)(metadata, attributesTypesGroups, attributesTypesGroupFilter); }, [attributesTypesGroups, metadata]);
     var rowsData = (0, react_1.useMemo)(function () { return (filters.length ? (0, helpers_1.getRowsDataFromFilters)(filters, attributeSelectorItemsGroups) : []); }, [attributeSelectorItemsGroups, filters]);
+    var _f = (0, useFilterAutoFocus_1.useFilterAutoFocus)(rowsData), attributeFilterRef = _f.attributeFilterRef, lastAttributesCountRef = _f.lastAttributesCountRef;
     attributesCountRef.current = rowsData.length;
-    (0, react_1.useEffect)(function () {
-        if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {
-            attributeFilterRef.current.querySelector('input').focus();
-            lastAttributesCountRef.current = null;
-        }
-    }, [rowsData.length]);
     var handleAttributeSelectorOnOpen = (0, react_1.useCallback)(function () {
         lastAttributesCountRef.current = rowsData.length;
     }, [rowsData.length]);

package/cjs/AttributesFiltersBuilder/helpers.d.ts

@@ -1,7 +1,6 @@
-import { AttributeType, Metadata, SearchFilter } from '@reltio/mdm-sdk';
-import { AttributeSelectorItem, AttributeSelectorItemsGroup, AttributesTypesGroup } from '../types';
+import { SearchFilter } from '@reltio/mdm-sdk';
+import { AttributeSelectorItem, AttributeSelectorItemsGroup } from '../types';
 import { FilterOption } from './types';
-export declare const getAttributeSelectorItems: (metadata: Metadata, attributesTypesGroups: AttributesTypesGroup[], attributesTypesGroupFilter: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
 export declare const findValue: (options: FilterOption[], filter: string) => FilterOption;
 export declare const getRowsDataFromFilters: (filters: SearchFilter[], attributesGroupArr: AttributeSelectorItemsGroup[]) => {
     attribute: AttributeSelectorItem;
@@ -10,4 +9,3 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
     id: number;
     values: import("@reltio/mdm-sdk").SearchValue[];
 }[];
-export declare const getOperationalTypeUriFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/cjs/AttributesFiltersBuilder/helpers.js

@@ -1,77 +1,6 @@
 "use strict";
-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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOperationalTypeUriFromAttrTypes = exports.getRowsDataFromFilters = exports.findValue = exports.getAttributeSelectorItems = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var createAttributeItem = function (metadata, attrType, operationalTypeUri, parents) {
-    var title = attrType.label || attrType.name;
-    if ((0, mdm_sdk_1.isSpecialAttribute)(attrType)) {
-        return { attrType: attrType, title: title, fieldName: attrType.name };
-    }
-    if ((0, mdm_sdk_1.isInteractionTypeUri)(operationalTypeUri)) {
-        return { attrType: attrType, title: title, fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attrType.uri, parents) };
-    }
-    var entityTypeLabel = (0, mdm_sdk_1.getEntityTypeLabel)(metadata, { type: operationalTypeUri });
-    return {
-        attrType: attrType,
-        title: title,
-        entityTypeUri: operationalTypeUri,
-        pathToTitle: Array.isArray(parents)
-            ? __spreadArray(__spreadArray([entityTypeLabel], (0, ramda_1.chain)((0, ramda_1.prop)('label'), parents), true), [title], false) : [entityTypeLabel, title],
-        fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attrType.uri, parents)
-    };
-};
-var createAttributesConfig = function (metadata, attrNode, operationalTypeUri, parents) {
-    if (parents === void 0) { parents = []; }
-    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, operationalTypeUri, parents)), { uri: attrNode.uri });
-    var children = attrNode.children
-        ? attrNode.children.map(function (childNode) {
-            return createAttributesConfig(metadata, childNode, operationalTypeUri, parents.concat(attrNode));
-        })
-        : [];
-    if (children.length) {
-        resConfig.children = children;
-    }
-    return resConfig;
-};
-var getAttributeSelectorItems = function (metadata, attributesTypesGroups, attributesTypesGroupFilter) {
-    var attributeSelectorItemsGroup = attributesTypesGroups.map(function (_a) {
-        var id = _a.id, title = _a.title, attributeTypes = _a.attributeTypes;
-        var operationalTypeUri = (0, exports.getOperationalTypeUriFromAttrTypes)(attributeTypes);
-        return {
-            id: id,
-            title: title,
-            attributes: (0, mdm_sdk_1.getAttributesTreeFromAttributes)(attributeTypes, metadata).map(function (attrNode) {
-                var uri = (0, mdm_sdk_1.isSpecialAttribute)(attrNode) ? null : operationalTypeUri;
-                return createAttributesConfig(metadata, attrNode, uri);
-            })
-        };
-    });
-    return attributesTypesGroupFilter
-        ? attributesTypesGroupFilter(metadata, attributeSelectorItemsGroup)
-        : attributeSelectorItemsGroup;
-};
-exports.getAttributeSelectorItems = getAttributeSelectorItems;
+exports.getRowsDataFromFilters = exports.findValue = void 0;
 var findAttributeSelectorItem = function (fieldName, attributesGroup) {
     var attrGroup;
     var _loop_1 = function (attributesGroupItem) {
@@ -111,8 +40,3 @@ var getRowsDataFromFilters = function (filters, attributesGroupArr) {
     });
 };
 exports.getRowsDataFromFilters = getRowsDataFromFilters;
-var getOperationalTypeUriFromAttrTypes = function (attributeTypes) {
-    var regularAttribute = (0, mdm_sdk_1.findRegularAttribute)(attributeTypes);
-    return regularAttribute ? (0, mdm_sdk_1.getBaseUri)(regularAttribute.uri) : null;
-};
-exports.getOperationalTypeUriFromAttrTypes = getOperationalTypeUriFromAttrTypes;

package/cjs/helpers/attributesSelector.d.ts

@@ -0,0 +1,4 @@
+import { AttributeType, Metadata } from '@reltio/mdm-sdk';
+import { AttributeSelectorItemsGroup, AttributesTypesGroup } from '../types';
+export declare const getOperationalTypeUriFromAttrTypes: (attributeTypes: AttributeType[]) => any;
+export declare const getAttributeSelectorItems: (metadata: Metadata, attributesTypesGroups: AttributesTypesGroup[], attributesTypesGroupFilter: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];

package/cjs/helpers/attributesSelector.js

@@ -0,0 +1,79 @@
+"use strict";
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAttributeSelectorItems = exports.getOperationalTypeUriFromAttrTypes = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var createAttributeItem = function (metadata, attrType, operationalTypeUri, parents) {
+    var title = attrType.label || attrType.name;
+    if ((0, mdm_sdk_1.isSpecialAttribute)(attrType)) {
+        return { attrType: attrType, title: title, fieldName: attrType.name };
+    }
+    if ((0, mdm_sdk_1.isInteractionTypeUri)(operationalTypeUri)) {
+        return { attrType: attrType, title: title, fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attrType.uri, parents) };
+    }
+    var entityTypeLabel = (0, mdm_sdk_1.getEntityTypeLabel)(metadata, { type: operationalTypeUri });
+    return {
+        attrType: attrType,
+        title: title,
+        entityTypeUri: operationalTypeUri,
+        pathToTitle: Array.isArray(parents)
+            ? __spreadArray(__spreadArray([entityTypeLabel], (0, ramda_1.chain)((0, ramda_1.prop)('label'), parents), true), [title], false) : [entityTypeLabel, title],
+        fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attrType.uri, parents)
+    };
+};
+var createAttributesConfig = function (metadata, attrNode, operationalTypeUri, parents) {
+    if (parents === void 0) { parents = []; }
+    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, operationalTypeUri, parents)), { uri: attrNode.uri });
+    var children = attrNode.children
+        ? attrNode.children.map(function (childNode) {
+            return createAttributesConfig(metadata, childNode, operationalTypeUri, parents.concat(attrNode));
+        })
+        : [];
+    if (children.length) {
+        resConfig.children = children;
+    }
+    return resConfig;
+};
+var getOperationalTypeUriFromAttrTypes = function (attributeTypes) {
+    var regularAttribute = (0, mdm_sdk_1.findRegularAttribute)(attributeTypes);
+    return regularAttribute ? (0, mdm_sdk_1.getBaseUri)(regularAttribute.uri) : null;
+};
+exports.getOperationalTypeUriFromAttrTypes = getOperationalTypeUriFromAttrTypes;
+var getAttributeSelectorItems = function (metadata, attributesTypesGroups, attributesTypesGroupFilter) {
+    var attributeSelectorItemsGroup = attributesTypesGroups.map(function (_a) {
+        var id = _a.id, title = _a.title, attributeTypes = _a.attributeTypes;
+        var operationalTypeUri = (0, exports.getOperationalTypeUriFromAttrTypes)(attributeTypes);
+        return {
+            id: id,
+            title: title,
+            attributes: (0, mdm_sdk_1.getAttributesTreeFromAttributes)(attributeTypes, metadata).map(function (attrNode) {
+                var uri = (0, mdm_sdk_1.isSpecialAttribute)(attrNode) ? null : operationalTypeUri;
+                return createAttributesConfig(metadata, attrNode, uri);
+            })
+        };
+    });
+    return attributesTypesGroupFilter
+        ? attributesTypesGroupFilter(metadata, attributeSelectorItemsGroup)
+        : attributeSelectorItemsGroup;
+};
+exports.getAttributeSelectorItems = getAttributeSelectorItems;

package/cjs/hooks/useFilterAutoFocus/index.d.ts

@@ -0,0 +1 @@
+export { useFilterAutoFocus } from './useFilterAutoFocus';

package/cjs/hooks/useFilterAutoFocus/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilterAutoFocus = void 0;
+var useFilterAutoFocus_1 = require("./useFilterAutoFocus");
+Object.defineProperty(exports, "useFilterAutoFocus", { enumerable: true, get: function () { return useFilterAutoFocus_1.useFilterAutoFocus; } });

package/cjs/hooks/useFilterAutoFocus/useFilterAutoFocus.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const useFilterAutoFocus: (rowsData: Record<string, unknown>[]) => {
+    attributeFilterRef: import("react").MutableRefObject<any>;
+    lastAttributesCountRef: import("react").MutableRefObject<any>;
+    attributesCountRef: import("react").MutableRefObject<any>;
+};

package/cjs/hooks/useFilterAutoFocus/useFilterAutoFocus.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFilterAutoFocus = void 0;
+var react_1 = require("react");
+var useFilterAutoFocus = function (rowsData) {
+    var attributeFilterRef = (0, react_1.useRef)(null);
+    var lastAttributesCountRef = (0, react_1.useRef)(null);
+    var attributesCountRef = (0, react_1.useRef)(null);
+    attributesCountRef.current = rowsData.length;
+    (0, react_1.useEffect)(function () {
+        if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {
+            attributeFilterRef.current.querySelector('input').focus();
+            lastAttributesCountRef.current = null;
+        }
+    }, [rowsData.length]);
+    return { attributeFilterRef: attributeFilterRef, lastAttributesCountRef: lastAttributesCountRef, attributesCountRef: attributesCountRef };
+};
+exports.useFilterAutoFocus = useFilterAutoFocus;

package/cjs/index.d.ts

@@ -178,6 +178,7 @@ export { RelationEditor } from './RelationEditor';
 export { GaugeChart } from './GaugeChart';
 export { UpSetChart } from './UpSetChart';
 export { DateRangeSelector } from './DateRangeSelector';
+export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';
@@ -267,11 +268,13 @@ export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
 export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 export { useMarkers, resolveMarkers } from './hooks/useMarkers';
 export { useSegmentationRequest } from './hooks/useSegmentationRequest';
+export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
 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 { getAttributeSelectorItems } from './helpers/attributesSelector';
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';

package/cjs/index.js

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
 exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = void 0;
 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.ReadableSearchQueryBuilder = 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 = exports.ErrorMessage = exports.ConfigureColumnsPopup = void 0;
-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.DateRangeSelector = exports.UpSetChart = 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 = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = void 0;
-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 = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = void 0;
-exports.resolveMarkers = exports.useMarkers = 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 = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = 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 = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentationRequest = void 0;
+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.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = 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 = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = void 0;
+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 = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = void 0;
+exports.useMarkers = 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 = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = 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.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -389,6 +389,8 @@ var UpSetChart_1 = require("./UpSetChart");
 Object.defineProperty(exports, "UpSetChart", { enumerable: true, get: function () { return UpSetChart_1.UpSetChart; } });
 var DateRangeSelector_1 = require("./DateRangeSelector");
 Object.defineProperty(exports, "DateRangeSelector", { enumerable: true, get: function () { return DateRangeSelector_1.DateRangeSelector; } });
+var MetadataTypesSelector_1 = require("./MetadataTypesSelector");
+Object.defineProperty(exports, "MetadataTypesSelector", { enumerable: true, get: function () { return MetadataTypesSelector_1.MetadataTypesSelector; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });
@@ -595,6 +597,8 @@ Object.defineProperty(exports, "useMarkers", { enumerable: true, get: function (
 Object.defineProperty(exports, "resolveMarkers", { enumerable: true, get: function () { return useMarkers_1.resolveMarkers; } });
 var useSegmentationRequest_1 = require("./hooks/useSegmentationRequest");
 Object.defineProperty(exports, "useSegmentationRequest", { enumerable: true, get: function () { return useSegmentationRequest_1.useSegmentationRequest; } });
+var useFilterAutoFocus_1 = require("./hooks/useFilterAutoFocus");
+Object.defineProperty(exports, "useFilterAutoFocus", { enumerable: true, get: function () { return useFilterAutoFocus_1.useFilterAutoFocus; } });
 // helpers
 var basicTable_1 = require("./helpers/basicTable");
 Object.defineProperty(exports, "buildColumnsFilter", { enumerable: true, get: function () { return basicTable_1.buildColumnsFilter; } });
@@ -613,6 +617,8 @@ 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; } });
+var attributesSelector_1 = require("./helpers/attributesSelector");
+Object.defineProperty(exports, "getAttributeSelectorItems", { enumerable: true, get: function () { return attributesSelector_1.getAttributeSelectorItems; } });
 __exportStar(require("./types/preferences"), exports);
 __exportStar(require("./types"), exports);
 // constants

package/esm/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -18,16 +18,18 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useCallback, useRef, useMemo, useEffect, memo } from 'react';
+import React, { useCallback, useRef, useMemo, memo } from 'react';
 import { always, evolve } from 'ramda';
 import { SearchOperator, findClosestCommonAncestor, getEntityType } from '@reltio/mdm-sdk';
 import { EmptyStub } from '../EmptyStub';
-import { getAttributeSelectorItems, getOperationalTypeUriFromAttrTypes, getRowsDataFromFilters } from './helpers';
+import { getAttributeSelectorItems, getOperationalTypeUriFromAttrTypes } from '../helpers/attributesSelector';
+import { getRowsDataFromFilters } from './helpers';
 import { AttributesFilterSelector } from '../AttributesFilterSelector';
 import { RowActions } from './components/RowActions';
 import { QueryBuilderRowsGroup } from '../QueryBuilderRowsGroup';
 import { useMdmMetadata } from '../contexts/MdmModuleContext';
 import { AttributeSelector } from './components/AttributeSelector';
+import { useFilterAutoFocus } from '../hooks/useFilterAutoFocus';
 import { AttributesValuesEditor } from '../AttributesValuesEditor';
 import { useStyles } from './styles';
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: SearchOperator.and, values: [] };
@@ -36,8 +38,6 @@ var AttributesFiltersBuilder = function (_a) {
     var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub : _e;
     var styles = useStyles();
     var actualFilters = useRef(filters);
-    var attributeFilterRef = useRef(null);
-    var lastAttributesCountRef = useRef(null);
     var attributesCountRef = useRef(null);
     var metadata = useMdmMetadata();
     actualFilters.current = filters;
@@ -57,13 +57,8 @@ var AttributesFiltersBuilder = function (_a) {
     }, [attributesTypesGroups, metadata]);
     var attributeSelectorItemsGroups = useMemo(function () { return getAttributeSelectorItems(metadata, attributesTypesGroups, attributesTypesGroupFilter); }, [attributesTypesGroups, metadata]);
     var rowsData = useMemo(function () { return (filters.length ? getRowsDataFromFilters(filters, attributeSelectorItemsGroups) : []); }, [attributeSelectorItemsGroups, filters]);
+    var _f = useFilterAutoFocus(rowsData), attributeFilterRef = _f.attributeFilterRef, lastAttributesCountRef = _f.lastAttributesCountRef;
     attributesCountRef.current = rowsData.length;
-    useEffect(function () {
-        if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {
-            attributeFilterRef.current.querySelector('input').focus();
-            lastAttributesCountRef.current = null;
-        }
-    }, [rowsData.length]);
     var handleAttributeSelectorOnOpen = useCallback(function () {
         lastAttributesCountRef.current = rowsData.length;
     }, [rowsData.length]);

package/esm/AttributesFiltersBuilder/helpers.d.ts

@@ -1,7 +1,6 @@
-import { AttributeType, Metadata, SearchFilter } from '@reltio/mdm-sdk';
-import { AttributeSelectorItem, AttributeSelectorItemsGroup, AttributesTypesGroup } from '../types';
+import { SearchFilter } from '@reltio/mdm-sdk';
+import { AttributeSelectorItem, AttributeSelectorItemsGroup } from '../types';
 import { FilterOption } from './types';
-export declare const getAttributeSelectorItems: (metadata: Metadata, attributesTypesGroups: AttributesTypesGroup[], attributesTypesGroupFilter: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];
 export declare const findValue: (options: FilterOption[], filter: string) => FilterOption;
 export declare const getRowsDataFromFilters: (filters: SearchFilter[], attributesGroupArr: AttributeSelectorItemsGroup[]) => {
     attribute: AttributeSelectorItem;
@@ -10,4 +9,3 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
     id: number;
     values: import("@reltio/mdm-sdk").SearchValue[];
 }[];
-export declare const getOperationalTypeUriFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/esm/AttributesFiltersBuilder/helpers.js

@@ -1,73 +1,3 @@
-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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { getAttributesTreeFromAttributes, attributeUriToSearchUri, isSpecialAttribute, getBaseUri, getEntityTypeLabel, findRegularAttribute, isInteractionTypeUri } from '@reltio/mdm-sdk';
-import { chain, prop } from 'ramda';
-var createAttributeItem = function (metadata, attrType, operationalTypeUri, parents) {
-    var title = attrType.label || attrType.name;
-    if (isSpecialAttribute(attrType)) {
-        return { attrType: attrType, title: title, fieldName: attrType.name };
-    }
-    if (isInteractionTypeUri(operationalTypeUri)) {
-        return { attrType: attrType, title: title, fieldName: attributeUriToSearchUri(attrType.uri, parents) };
-    }
-    var entityTypeLabel = getEntityTypeLabel(metadata, { type: operationalTypeUri });
-    return {
-        attrType: attrType,
-        title: title,
-        entityTypeUri: operationalTypeUri,
-        pathToTitle: Array.isArray(parents)
-            ? __spreadArray(__spreadArray([entityTypeLabel], chain(prop('label'), parents), true), [title], false) : [entityTypeLabel, title],
-        fieldName: attributeUriToSearchUri(attrType.uri, parents)
-    };
-};
-var createAttributesConfig = function (metadata, attrNode, operationalTypeUri, parents) {
-    if (parents === void 0) { parents = []; }
-    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, operationalTypeUri, parents)), { uri: attrNode.uri });
-    var children = attrNode.children
-        ? attrNode.children.map(function (childNode) {
-            return createAttributesConfig(metadata, childNode, operationalTypeUri, parents.concat(attrNode));
-        })
-        : [];
-    if (children.length) {
-        resConfig.children = children;
-    }
-    return resConfig;
-};
-export var getAttributeSelectorItems = function (metadata, attributesTypesGroups, attributesTypesGroupFilter) {
-    var attributeSelectorItemsGroup = attributesTypesGroups.map(function (_a) {
-        var id = _a.id, title = _a.title, attributeTypes = _a.attributeTypes;
-        var operationalTypeUri = getOperationalTypeUriFromAttrTypes(attributeTypes);
-        return {
-            id: id,
-            title: title,
-            attributes: getAttributesTreeFromAttributes(attributeTypes, metadata).map(function (attrNode) {
-                var uri = isSpecialAttribute(attrNode) ? null : operationalTypeUri;
-                return createAttributesConfig(metadata, attrNode, uri);
-            })
-        };
-    });
-    return attributesTypesGroupFilter
-        ? attributesTypesGroupFilter(metadata, attributeSelectorItemsGroup)
-        : attributeSelectorItemsGroup;
-};
 var findAttributeSelectorItem = function (fieldName, attributesGroup) {
     var attrGroup;
     var _loop_1 = function (attributesGroupItem) {
@@ -105,7 +35,3 @@ export var getRowsDataFromFilters = function (filters, attributesGroupArr) {
         };
     });
 };
-export var getOperationalTypeUriFromAttrTypes = function (attributeTypes) {
-    var regularAttribute = findRegularAttribute(attributeTypes);
-    return regularAttribute ? getBaseUri(regularAttribute.uri) : null;
-};

package/esm/helpers/attributesSelector.d.ts

@@ -0,0 +1,4 @@
+import { AttributeType, Metadata } from '@reltio/mdm-sdk';
+import { AttributeSelectorItemsGroup, AttributesTypesGroup } from '../types';
+export declare const getOperationalTypeUriFromAttrTypes: (attributeTypes: AttributeType[]) => any;
+export declare const getAttributeSelectorItems: (metadata: Metadata, attributesTypesGroups: AttributesTypesGroup[], attributesTypesGroupFilter: (metadata: Metadata, attributeSelectorItemsGroup: AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[]) => AttributeSelectorItemsGroup[];

package/esm/helpers/attributesSelector.js

@@ -0,0 +1,74 @@
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { chain, prop } from 'ramda';
+import { attributeUriToSearchUri, findRegularAttribute, getAttributesTreeFromAttributes, getBaseUri, getEntityTypeLabel, isInteractionTypeUri, isSpecialAttribute } from '@reltio/mdm-sdk';
+var createAttributeItem = function (metadata, attrType, operationalTypeUri, parents) {
+    var title = attrType.label || attrType.name;
+    if (isSpecialAttribute(attrType)) {
+        return { attrType: attrType, title: title, fieldName: attrType.name };
+    }
+    if (isInteractionTypeUri(operationalTypeUri)) {
+        return { attrType: attrType, title: title, fieldName: attributeUriToSearchUri(attrType.uri, parents) };
+    }
+    var entityTypeLabel = getEntityTypeLabel(metadata, { type: operationalTypeUri });
+    return {
+        attrType: attrType,
+        title: title,
+        entityTypeUri: operationalTypeUri,
+        pathToTitle: Array.isArray(parents)
+            ? __spreadArray(__spreadArray([entityTypeLabel], chain(prop('label'), parents), true), [title], false) : [entityTypeLabel, title],
+        fieldName: attributeUriToSearchUri(attrType.uri, parents)
+    };
+};
+var createAttributesConfig = function (metadata, attrNode, operationalTypeUri, parents) {
+    if (parents === void 0) { parents = []; }
+    var resConfig = __assign(__assign({}, createAttributeItem(metadata, attrNode, operationalTypeUri, parents)), { uri: attrNode.uri });
+    var children = attrNode.children
+        ? attrNode.children.map(function (childNode) {
+            return createAttributesConfig(metadata, childNode, operationalTypeUri, parents.concat(attrNode));
+        })
+        : [];
+    if (children.length) {
+        resConfig.children = children;
+    }
+    return resConfig;
+};
+export var getOperationalTypeUriFromAttrTypes = function (attributeTypes) {
+    var regularAttribute = findRegularAttribute(attributeTypes);
+    return regularAttribute ? getBaseUri(regularAttribute.uri) : null;
+};
+export var getAttributeSelectorItems = function (metadata, attributesTypesGroups, attributesTypesGroupFilter) {
+    var attributeSelectorItemsGroup = attributesTypesGroups.map(function (_a) {
+        var id = _a.id, title = _a.title, attributeTypes = _a.attributeTypes;
+        var operationalTypeUri = getOperationalTypeUriFromAttrTypes(attributeTypes);
+        return {
+            id: id,
+            title: title,
+            attributes: getAttributesTreeFromAttributes(attributeTypes, metadata).map(function (attrNode) {
+                var uri = isSpecialAttribute(attrNode) ? null : operationalTypeUri;
+                return createAttributesConfig(metadata, attrNode, uri);
+            })
+        };
+    });
+    return attributesTypesGroupFilter
+        ? attributesTypesGroupFilter(metadata, attributeSelectorItemsGroup)
+        : attributeSelectorItemsGroup;
+};

package/esm/hooks/useFilterAutoFocus/index.d.ts

@@ -0,0 +1 @@
+export { useFilterAutoFocus } from './useFilterAutoFocus';

package/esm/hooks/useFilterAutoFocus/index.js

@@ -0,0 +1 @@
+export { useFilterAutoFocus } from './useFilterAutoFocus';

package/esm/hooks/useFilterAutoFocus/useFilterAutoFocus.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const useFilterAutoFocus: (rowsData: Record<string, unknown>[]) => {
+    attributeFilterRef: import("react").MutableRefObject<any>;
+    lastAttributesCountRef: import("react").MutableRefObject<any>;
+    attributesCountRef: import("react").MutableRefObject<any>;
+};

package/esm/hooks/useFilterAutoFocus/useFilterAutoFocus.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from 'react';
+export var useFilterAutoFocus = function (rowsData) {
+    var attributeFilterRef = useRef(null);
+    var lastAttributesCountRef = useRef(null);
+    var attributesCountRef = useRef(null);
+    attributesCountRef.current = rowsData.length;
+    useEffect(function () {
+        if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {
+            attributeFilterRef.current.querySelector('input').focus();
+            lastAttributesCountRef.current = null;
+        }
+    }, [rowsData.length]);
+    return { attributeFilterRef: attributeFilterRef, lastAttributesCountRef: lastAttributesCountRef, attributesCountRef: attributesCountRef };
+};

package/esm/index.d.ts

@@ -178,6 +178,7 @@ export { RelationEditor } from './RelationEditor';
 export { GaugeChart } from './GaugeChart';
 export { UpSetChart } from './UpSetChart';
 export { DateRangeSelector } from './DateRangeSelector';
+export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';
@@ -267,11 +268,13 @@ export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
 export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 export { useMarkers, resolveMarkers } from './hooks/useMarkers';
 export { useSegmentationRequest } from './hooks/useSegmentationRequest';
+export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
 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 { getAttributeSelectorItems } from './helpers/attributesSelector';
 export type { AttributeFiltersComponentProps } from './AttributesFiltersBuilder';
 export type { ChartData } from './types/charts';
 export type { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from './types/inlineAttributes';

package/esm/index.js

@@ -179,6 +179,7 @@ export { RelationEditor } from './RelationEditor';
 export { GaugeChart } from './GaugeChart';
 export { UpSetChart } from './UpSetChart';
 export { DateRangeSelector } from './DateRangeSelector';
+export { MetadataTypesSelector } from './MetadataTypesSelector';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
@@ -271,12 +272,14 @@ export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
 export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 export { useMarkers, resolveMarkers } from './hooks/useMarkers';
 export { useSegmentationRequest } from './hooks/useSegmentationRequest';
+export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
 // helpers
 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 { getAttributeSelectorItems } from './helpers/attributesSelector';
 export * from './types/preferences';
 export * from './types';
 // constants

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1976",
+  "version": "1.4.1977",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",