@reltio/components 1.4.2087 → 1.4.2089

package/DefaultCellValueRenderer/DefaultCellValueRenderer.js

@@ -18,14 +18,14 @@ import classnames from 'classnames';
 import { useStyles } from './styles';
 export var DefaultCellValueRenderer = function (props) {
     var styles = useStyles();
-    var value = props.value, dataTypeDefinition = props.columnData.dataTypeDefinition, className = props.className;
+    var value = props.value, _a = props.columnData, dataTypeDefinition = _a.dataTypeDefinition, columnClassName = _a.className, className = props.className;
     switch (dataTypeDefinition.type) {
         case DataTypes.TYPE_BLOB:
             return React.createElement(BlobRenderer, __assign({}, props));
         default: {
             var dataTypeValue = React.createElement(DataTypeValue, { value: value, dataTypeDefinition: dataTypeDefinition });
             return (React.createElement(ExpandedValueTooltip, { value: dataTypeValue },
-                React.createElement("div", { "data-reltio-id": "default-renderer", className: classnames(styles.defaultWrapper, className) }, dataTypeValue)));
+                React.createElement("div", { "data-reltio-id": "default-renderer", className: classnames(styles.defaultWrapper, className, columnClassName) }, dataTypeValue)));
         }
     }
 };

package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type DefaultHeadCellRendererWithTooltipProps = {
+    className?: string;
+    headCellData: {
+        label: string;
+        columnClassName?: string;
+    };
+    classes?: {
+        headCell?: string;
+        headLabel?: string;
+    };
+    dataReltioId?: string;
+};
+export declare const DefaultHeadCellRendererWithTooltip: ({ classes, dataReltioId, headCellData, className, ...props }: DefaultHeadCellRendererWithTooltipProps) => React.JSX.Element;

package/{SegmentsTable/components/HeadCellRenderer/HeadCellRenderer.js → DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js}

@@ -20,14 +20,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
 import classnames from 'classnames';
+import React from 'react';
 import DefaultHeadCellRenderer from 'react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer';
-import { ExpandedValueTooltip } from '../../../ExpandedValueTooltip';
-import styles from './HeadCellRenderer.module.css';
-export var HeadCellRenderer = function (_a) {
-    var className = _a.className, headCellData = _a.headCellData, otherProps = __rest(_a, ["className", "headCellData"]);
-    return (React.createElement("div", { className: classnames(styles.headCell, className) },
-        React.createElement(DefaultHeadCellRenderer, __assign({}, otherProps, { headCellData: __assign(__assign({}, headCellData), { label: (React.createElement(ExpandedValueTooltip, { value: headCellData.label },
-                    React.createElement("div", { className: styles.headLabel }, headCellData.label))) }) }))));
+import { ExpandedValueTooltip } from '../ExpandedValueTooltip';
+import styles from './DefaultHeadCellRendererWithTooltip.module.css';
+export var DefaultHeadCellRendererWithTooltip = function (_a) {
+    var _b = _a.classes, classes = _b === void 0 ? {} : _b, dataReltioId = _a.dataReltioId, headCellData = _a.headCellData, className = _a.className, props = __rest(_a, ["classes", "dataReltioId", "headCellData", "className"]);
+    var headCell = (classes === null || classes === void 0 ? void 0 : classes.headCell) || styles.headCell;
+    var headLabel = (classes === null || classes === void 0 ? void 0 : classes.headLabel) || styles.headLabel;
+    return (React.createElement("div", __assign({ className: classnames(headCell, className) }, (dataReltioId ? { 'data-reltio-id': dataReltioId } : {})),
+        React.createElement(DefaultHeadCellRenderer, __assign({}, props, { headCellData: __assign(__assign({}, headCellData), { label: (React.createElement(ExpandedValueTooltip, { value: headCellData.label },
+                    React.createElement("div", { className: headLabel }, headCellData.label))) }) }))));
 };

package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"headCell":"DefaultHeadCellRendererWithTooltip-headCell--JlLvL","headLabel":"DefaultHeadCellRendererWithTooltip-headLabel--fzLXE"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DefaultHeadCellRendererWithTooltip-headCell--JlLvL{align-items:center;display:flex;height:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div{padding:0 16px 0 22px;width:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div>span{justify-content:flex-end;width:100%}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE{color:var(--mui-palette-text-primary);font-size:12px;font-weight:500;line-height:16px;overflow:hidden;white-space:nowrap}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE:after{background:linear-gradient(90deg,hsla(0,0%,100%,.2),#fff);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}`;
+    head.appendChild(style);
+}
+export default styles;

package/DefaultHeadCellRendererWithTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
+export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';

package/DefaultHeadCellRendererWithTooltip/index.js

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

package/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.d.ts

@@ -1,9 +1,3 @@
 import React from 'react';
-type HeadCellRendererProps = {
-    className?: string;
-    headCellData: {
-        label: string;
-    };
-};
-export declare const HeadCellRenderer: ({ className, headCellData, ...otherProps }: HeadCellRendererProps) => React.JSX.Element;
-export {};
+import { DefaultHeadCellRendererWithTooltipProps } from '../../../DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip';
+export declare const HeadCellRenderer: (props: DefaultHeadCellRendererWithTooltipProps) => React.JSX.Element;

package/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js

@@ -9,26 +9,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
-import classnames from 'classnames';
-import DefaultHeadCellRenderer from 'react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer';
-import { ExpandedValueTooltip } from '../../../ExpandedValueTooltip';
+import { DefaultHeadCellRendererWithTooltip } from '../../../DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip';
 import { useStyles } from './styles';
-export var HeadCellRenderer = function (_a) {
-    var className = _a.className, headCellData = _a.headCellData, otherProps = __rest(_a, ["className", "headCellData"]);
+export var HeadCellRenderer = function (props) {
     var styles = useStyles();
-    return (React.createElement("div", { "data-reltio-id": "table-with-bar-head-cell", className: classnames(styles.headCell, className) },
-        React.createElement(DefaultHeadCellRenderer, __assign({}, otherProps, { headCellData: __assign(__assign({}, headCellData), { label: (React.createElement(ExpandedValueTooltip, { value: headCellData.label },
-                    React.createElement("div", { className: styles.headLabel }, headCellData.label))) }) }))));
+    return (React.createElement(DefaultHeadCellRendererWithTooltip, __assign({}, props, { classes: {
+            headCell: styles.headCell,
+            headLabel: styles.headLabel
+        }, dataReltioId: "table-with-bar-head-cell" })));
 };

package/cjs/DefaultCellValueRenderer/DefaultCellValueRenderer.js

@@ -24,14 +24,14 @@ var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var DefaultCellValueRenderer = function (props) {
     var styles = (0, styles_1.useStyles)();
-    var value = props.value, dataTypeDefinition = props.columnData.dataTypeDefinition, className = props.className;
+    var value = props.value, _a = props.columnData, dataTypeDefinition = _a.dataTypeDefinition, columnClassName = _a.className, className = props.className;
     switch (dataTypeDefinition.type) {
         case mdm_sdk_1.DataTypes.TYPE_BLOB:
             return react_1.default.createElement(BlobRenderer_1.BlobRenderer, __assign({}, props));
         default: {
             var dataTypeValue = react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: value, dataTypeDefinition: dataTypeDefinition });
             return (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: dataTypeValue },
-                react_1.default.createElement("div", { "data-reltio-id": "default-renderer", className: (0, classnames_1.default)(styles.defaultWrapper, className) }, dataTypeValue)));
+                react_1.default.createElement("div", { "data-reltio-id": "default-renderer", className: (0, classnames_1.default)(styles.defaultWrapper, className, columnClassName) }, dataTypeValue)));
         }
     }
 };

package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type DefaultHeadCellRendererWithTooltipProps = {
+    className?: string;
+    headCellData: {
+        label: string;
+        columnClassName?: string;
+    };
+    classes?: {
+        headCell?: string;
+        headLabel?: string;
+    };
+    dataReltioId?: string;
+};
+export declare const DefaultHeadCellRendererWithTooltip: ({ classes, dataReltioId, headCellData, className, ...props }: DefaultHeadCellRendererWithTooltipProps) => React.JSX.Element;

package/cjs/{SegmentsTable/components/HeadCellRenderer/HeadCellRenderer.js → DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js}

@@ -25,16 +25,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadCellRenderer = void 0;
-var react_1 = __importDefault(require("react"));
+exports.DefaultHeadCellRendererWithTooltip = void 0;
 var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
 var DefaultHeadCellRenderer_1 = __importDefault(require("react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer"));
-var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
-var HeadCellRenderer_module_css_1 = __importDefault(require("./HeadCellRenderer.module.css"));
-var HeadCellRenderer = function (_a) {
-    var className = _a.className, headCellData = _a.headCellData, otherProps = __rest(_a, ["className", "headCellData"]);
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(HeadCellRenderer_module_css_1.default.headCell, className) },
-        react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, otherProps, { headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: headCellData.label },
-                    react_1.default.createElement("div", { className: HeadCellRenderer_module_css_1.default.headLabel }, headCellData.label))) }) }))));
+var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
+var DefaultHeadCellRendererWithTooltip_module_css_1 = __importDefault(require("./DefaultHeadCellRendererWithTooltip.module.css"));
+var DefaultHeadCellRendererWithTooltip = function (_a) {
+    var _b = _a.classes, classes = _b === void 0 ? {} : _b, dataReltioId = _a.dataReltioId, headCellData = _a.headCellData, className = _a.className, props = __rest(_a, ["classes", "dataReltioId", "headCellData", "className"]);
+    var headCell = (classes === null || classes === void 0 ? void 0 : classes.headCell) || DefaultHeadCellRendererWithTooltip_module_css_1.default.headCell;
+    var headLabel = (classes === null || classes === void 0 ? void 0 : classes.headLabel) || DefaultHeadCellRendererWithTooltip_module_css_1.default.headLabel;
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(headCell, className) }, (dataReltioId ? { 'data-reltio-id': dataReltioId } : {})),
+        react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, props, { headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: headCellData.label },
+                    react_1.default.createElement("div", { className: headLabel }, headCellData.label))) }) }))));
 };
-exports.HeadCellRenderer = HeadCellRenderer;
+exports.DefaultHeadCellRendererWithTooltip = DefaultHeadCellRendererWithTooltip;

package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"headCell":"DefaultHeadCellRendererWithTooltip-headCell--JlLvL","headLabel":"DefaultHeadCellRendererWithTooltip-headLabel--fzLXE"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DefaultHeadCellRendererWithTooltip-headCell--JlLvL{align-items:center;display:flex;height:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div{padding:0 16px 0 22px;width:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div>span{justify-content:flex-end;width:100%}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE{color:var(--mui-palette-text-primary);font-size:12px;font-weight:500;line-height:16px;overflow:hidden;white-space:nowrap}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE:after{background:linear-gradient(90deg,hsla(0,0%,100%,.2),#fff);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/DefaultHeadCellRendererWithTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
+export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';

package/cjs/DefaultHeadCellRendererWithTooltip/index.js

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

package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.d.ts

@@ -1,9 +1,3 @@
 import React from 'react';
-type HeadCellRendererProps = {
-    className?: string;
-    headCellData: {
-        label: string;
-    };
-};
-export declare const HeadCellRenderer: ({ className, headCellData, ...otherProps }: HeadCellRendererProps) => React.JSX.Element;
-export {};
+import { DefaultHeadCellRendererWithTooltipProps } from '../../../DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip';
+export declare const HeadCellRenderer: (props: DefaultHeadCellRendererWithTooltipProps) => React.JSX.Element;

package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js

@@ -10,32 +10,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeadCellRenderer = void 0;
 var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var DefaultHeadCellRenderer_1 = __importDefault(require("react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer"));
-var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
+var DefaultHeadCellRendererWithTooltip_1 = require("../../../DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip");
 var styles_1 = require("./styles");
-var HeadCellRenderer = function (_a) {
-    var className = _a.className, headCellData = _a.headCellData, otherProps = __rest(_a, ["className", "headCellData"]);
+var HeadCellRenderer = function (props) {
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { "data-reltio-id": "table-with-bar-head-cell", className: (0, classnames_1.default)(styles.headCell, className) },
-        react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, otherProps, { headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: headCellData.label },
-                    react_1.default.createElement("div", { className: styles.headLabel }, headCellData.label))) }) }))));
+    return (react_1.default.createElement(DefaultHeadCellRendererWithTooltip_1.DefaultHeadCellRendererWithTooltip, __assign({}, props, { classes: {
+            headCell: styles.headCell,
+            headLabel: styles.headLabel
+        }, dataReltioId: "table-with-bar-head-cell" })));
 };
 exports.HeadCellRenderer = HeadCellRenderer;

package/cjs/index.d.ts

@@ -179,6 +179,8 @@ export { UpSetChart } from './UpSetChart';
 export { DateRangeSelector } from './DateRangeSelector';
 export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { LazyRenderer } from './LazyRenderer';
+export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
+export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

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.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.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.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.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.LazyRenderer = 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.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = void 0;
-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 = exports.PopupBoundariesContext = exports.HistoryDiffContext = void 0;
-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.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.applyCompactValuesCountConstraint = 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.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = void 0;
+exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = 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.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = void 0;
+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 = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+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.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = void 0;
+exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.applyCompactValuesCountConstraint = 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.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -393,6 +393,8 @@ var MetadataTypesSelector_1 = require("./MetadataTypesSelector");
 Object.defineProperty(exports, "MetadataTypesSelector", { enumerable: true, get: function () { return MetadataTypesSelector_1.MetadataTypesSelector; } });
 var LazyRenderer_1 = require("./LazyRenderer");
 Object.defineProperty(exports, "LazyRenderer", { enumerable: true, get: function () { return LazyRenderer_1.LazyRenderer; } });
+var DefaultHeadCellRendererWithTooltip_1 = require("./DefaultHeadCellRendererWithTooltip");
+Object.defineProperty(exports, "DefaultHeadCellRendererWithTooltip", { enumerable: true, get: function () { return DefaultHeadCellRendererWithTooltip_1.DefaultHeadCellRendererWithTooltip; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });

package/index.d.ts

@@ -179,6 +179,8 @@ export { UpSetChart } from './UpSetChart';
 export { DateRangeSelector } from './DateRangeSelector';
 export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { LazyRenderer } from './LazyRenderer';
+export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
+export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/index.js

@@ -180,6 +180,7 @@ export { UpSetChart } from './UpSetChart';
 export { DateRangeSelector } from './DateRangeSelector';
 export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { LazyRenderer } from './LazyRenderer';
+export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2087",
+  "version": "1.4.2089",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1927",
+    "@reltio/mdm-sdk": "^1.4.1929",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/SegmentsTable/CellRenderer.module.css.js

@@ -1,9 +0,0 @@
-const styles = {"attribute":"SegmentsTable-attribute--xdeVk"};
-if (typeof document !== 'undefined') {
-    const head = document.head || document.getElementsByTagName('head')[0]
-    const style = document.createElement('style');
-    style.type = 'text/css'
-    style.innerHTML = `.SegmentsTable-attribute--xdeVk{align-items:center;color:var(--mui-palette-text-primary);display:flex;font-size:13px;font-weight:400;height:100%;line-height:15px;overflow:hidden;padding:0 16px;position:relative;white-space:nowrap}.SegmentsTable-attribute--xdeVk:after{background:linear-gradient(90deg,hsla(0,0%,100%,.2),#fff);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}`;
-    head.appendChild(style);
-}
-export default styles;

package/SegmentsTable/SegmentsTable.d.ts

@@ -1,13 +0,0 @@
-import React, { RefObject } from 'react';
-import { Segment } from '@reltio/mdm-sdk';
-import { Sorting } from '../types/basicTable';
-type Props = {
-    width: number;
-    height: number;
-    segments: Segment[];
-    basicTableRef?: RefObject<HTMLDivElement>;
-    onSort: (field: string) => void;
-    sorting?: Sorting;
-};
-export declare const SegmentsTable: ({ width, height, segments, basicTableRef, onSort, sorting }: Props) => React.JSX.Element;
-export {};

package/SegmentsTable/SegmentsTable.js

@@ -1,70 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import i18n from 'ui-i18n';
-import { BasicTable } from '../BasicTable';
-import { getSegmentTableData } from './helpers';
-import { HeadCellRenderer } from './components/HeadCellRenderer';
-import { AttributeCellRenderer } from './components/AttributeCellRenderer';
-import { LabelCellRenderer } from './components/LabelCellRenderer';
-import { AudienceCountCellRenderer } from './components/AudienceCountCellRenderer';
-import { BarCellRenderer } from './components/BarCellRenderer';
-import { BarHeadCellRenderer } from './components/BarHeadCellRenderer';
-import styles from './SegmentsTable.module.css';
-export var SegmentsTable = function (_a) {
-    var width = _a.width, height = _a.height, segments = _a.segments, basicTableRef = _a.basicTableRef, onSort = _a.onSort, sorting = _a.sorting;
-    var containerStyle = useMemo(function () { return ({
-        width: width,
-        height: height
-    }); }, [width, height]);
-    var maxCount = useMemo(function () { return Math.max.apply(Math, segments.map(function (item) { return item.count; })); }, [segments]);
-    var headData = useMemo(function () { return [
-        {
-            id: 'label',
-            label: i18n.text('Segments'),
-            resizable: false,
-            minWidth: 130,
-            sortable: true,
-            initialWidth: width * 0.34,
-            headCellRenderer: HeadCellRenderer,
-            rowCellValueRenderer: LabelCellRenderer
-        },
-        {
-            id: 'refreshedOn',
-            label: i18n.text('Refreshed On'),
-            resizable: false,
-            minWidth: 160,
-            initialWidth: width * 0.18,
-            autoResize: false,
-            headCellRenderer: HeadCellRenderer,
-            rowCellValueRenderer: AttributeCellRenderer
-        },
-        {
-            id: 'audienceCount',
-            label: i18n.text('Audience Count'),
-            resizable: false,
-            minWidth: 130,
-            initialWidth: width * 0.14,
-            autoResize: false,
-            headCellRenderer: HeadCellRenderer,
-            rowCellValueRenderer: AudienceCountCellRenderer
-        },
-        {
-            id: 'audienceCountBar',
-            label: '',
-            resizable: false,
-            minWidth: 130,
-            initialWidth: width * 0.34,
-            maxCount: maxCount,
-            headCellRenderer: BarHeadCellRenderer,
-            rowCellValueRenderer: BarCellRenderer
-        }
-    ]; }, [width, maxCount]);
-    var context = useMemo(function () { return ({
-        maxCount: maxCount
-    }); }, [maxCount]);
-    var rowsData = useMemo(function () { return getSegmentTableData(segments); }, [segments]);
-    var handleSort = useCallback(function (field) {
-        onSort(field);
-    }, [onSort]);
-    return (React.createElement("div", { style: containerStyle, className: styles.container },
-        React.createElement(BasicTable, { sorting: sorting, onSort: handleSort, columnsData: headData, rowsData: rowsData, headRowHeight: 48, getRowCellHeight: null, defaultColumnWidth: 100, defaultColumnMinWidth: 100, ref: basicTableRef, context: context })));
-};

package/SegmentsTable/SegmentsTable.module.css.js

@@ -1,9 +0,0 @@
-const styles = {"container":"SegmentsTable-container--LfVXz"};
-if (typeof document !== 'undefined') {
-    const head = document.head || document.getElementsByTagName('head')[0]
-    const style = document.createElement('style');
-    style.type = 'text/css'
-    style.innerHTML = `.SegmentsTable-container--LfVXz{display:flex;flex-direction:column}`;
-    head.appendChild(style);
-}
-export default styles;

package/SegmentsTable/SegmentsTable.test.d.ts

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