@reltio/components 1.4.2003 → 1.4.2005

package/cjs/BarChart/BarChart.js

@@ -10,6 +10,17 @@ 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 };
 };
@@ -19,20 +30,22 @@ var react_1 = __importDefault(require("react"));
 var recharts_1 = require("recharts");
 var ChartTooltip_1 = require("../ChartTooltip");
 var useClickableChartStyle_1 = require("../hooks/useClickableChartStyle");
+var useDynamicYAxisWidth_1 = require("../hooks/useDynamicYAxisWidth");
 var helpers_1 = require("./helpers");
 var BarChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
     var _c = (0, helpers_1.getBarChartSettings)(options), barChart = _c.barChart, cartesianGrid = _c.cartesianGrid, bar = _c.bar, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis;
+    var _d = (0, useDynamicYAxisWidth_1.useDynamicYAxisWidth)({ chartYAxisProps: yAxis }), chartRef = _d.chartRef, dynamicYAxisWidth = __rest(_d, ["chartRef"]);
     var onBarClick = onItemClick && (function (_a) {
         var group = _a.group;
         return onItemClick(group);
     });
     var clickable = (0, useClickableChartStyle_1.useClickableChartStyle)(onBarClick);
-    return (react_1.default.createElement(recharts_1.BarChart, __assign({ width: width, height: height, data: data }, barChart),
+    return (react_1.default.createElement(recharts_1.BarChart, __assign({ width: width, height: height, data: data }, barChart, { ref: chartRef }),
         react_1.default.createElement(recharts_1.CartesianGrid, __assign({}, cartesianGrid)),
         react_1.default.createElement(recharts_1.Tooltip, __assign({ content: react_1.default.createElement(ChartTooltip_1.ChartTooltip, null) }, tooltip)),
         react_1.default.createElement(recharts_1.Bar, __assign({}, bar, { shape: react_1.default.createElement(recharts_1.Rectangle, { className: clickable }), onClick: onBarClick })),
         react_1.default.createElement(recharts_1.XAxis, __assign({}, xAxis)),
-        react_1.default.createElement(recharts_1.YAxis, __assign({}, yAxis))));
+        react_1.default.createElement(recharts_1.YAxis, __assign({}, yAxis, dynamicYAxisWidth))));
 };
 exports.BarChart = BarChart;

package/cjs/EditModeAttributesList/EditModeAttributesList.d.ts

@@ -12,5 +12,5 @@ declare const _default: React.ComponentType<{
     className?: string;
     fixedTypeUris?: string[];
     highlightAttribute?: (element: AttributeType, type: ScrollType) => void;
-} & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "drawLines" | "onAddAttributes" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer" | "showEmptyEditors">>;
+} & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "showEmptyEditors" | "drawLines" | "onAddAttributes" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer">>;
 export default _default;

package/cjs/EditModeAttributesList/EditModeAttributesList.js

@@ -78,7 +78,17 @@ var EditModeAttributesList = function (_a) {
     var moreAttrTypes = (0, helpers_1.getMoreAttrTypes)(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
     var pinnedAttributes = (0, react_1.useContext)(PinnedAttributesContext_1.PinnedAttributesContext);
     var pagersData = (0, react_1.useMemo)(function () {
-        return (0, mdm_sdk_1.getAttributesListForEditMode)(filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate, alwaysVisibleAttributes);
+        return (0, mdm_sdk_1.getAttributesListForEditMode)({
+            attrTypes: filteredAttrTypes,
+            mode: mode,
+            entity: entity,
+            showEmptyEditors: showEmptyEditors,
+            showNonOv: showNonOv,
+            pinnedAttributes: pinnedAttributes,
+            configCanCreate: canCreate,
+            alwaysVisible: alwaysVisibleAttributes,
+            isTemporary: (0, mdm_sdk_1.isTempUri)(parentUri)
+        });
     }, [
         filteredAttrTypes,
         mode,
@@ -87,7 +97,8 @@ var EditModeAttributesList = function (_a) {
         showNonOv,
         pinnedAttributes,
         canCreate,
-        alwaysVisibleAttributes
+        alwaysVisibleAttributes,
+        parentUri
     ]);
     var _e = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(fixedTypeUris, pagersData); }, [pagersData, fixedTypeUris]), fixedPagersData = _e[0], regularPagersData = _e[1];
     var onAddMoreAttributes = (0, react_1.useCallback)(function (attributeTypes) {

package/cjs/EditModeAttributesList/EditModeAttributesList.test.js

@@ -351,6 +351,14 @@ describe('EditModeAttributesList tests', function () {
         (0, enzyme_1.mount)(react_1.default.createElement(PinnedAttributesContext_1.PinnedAttributesContext.Provider, { value: pinnedAttributes },
             react_1.default.createElement(EditModeAttributesList_1.default, { mode: mdm_sdk_1.Mode.Editing, attrTypes: attributes_test_data_1.attributesList, entity: entity, parentUri: parentUri },
                 react_1.default.createElement(Child, null))));
-        expect(mdm_sdk_1.getAttributesListForEditMode).toHaveBeenCalledWith(attributes_test_data_1.attributesList, mdm_sdk_1.Mode.Editing, entity, undefined, undefined, pinnedAttributes, true, []);
+        expect(mdm_sdk_1.getAttributesListForEditMode).toHaveBeenCalledWith({
+            attrTypes: attributes_test_data_1.attributesList,
+            mode: mdm_sdk_1.Mode.Editing,
+            entity: entity,
+            pinnedAttributes: pinnedAttributes,
+            configCanCreate: true,
+            alwaysVisible: [],
+            isTemporary: false
+        });
     });
 });

package/cjs/LineChart/LineChart.js

@@ -10,6 +10,17 @@ 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 };
 };
@@ -20,14 +31,16 @@ var recharts_1 = require("recharts");
 var helpers_1 = require("./helpers");
 var ChartTooltip_1 = require("../ChartTooltip");
 var useClickableChartStyle_1 = require("../hooks/useClickableChartStyle");
+var useDynamicYAxisWidth_1 = require("../hooks/useDynamicYAxisWidth");
 var LineChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
     var _c = (0, helpers_1.getLineChartSettings)(options), cartesianGrid = _c.cartesianGrid, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis, lineChart = _c.lineChart, line = _c.line;
+    var _d = (0, useDynamicYAxisWidth_1.useDynamicYAxisWidth)({ chartYAxisProps: yAxis }), chartRef = _d.chartRef, dynamicYAxisWidth = __rest(_d, ["chartRef"]);
     var clickable = (0, useClickableChartStyle_1.useClickableChartStyle)(onItemClick);
-    return (react_1.default.createElement(recharts_1.LineChart, __assign({ width: width, height: height, data: data }, lineChart),
+    return (react_1.default.createElement(recharts_1.LineChart, __assign({ width: width, height: height, data: data }, lineChart, { ref: chartRef }),
         react_1.default.createElement(recharts_1.CartesianGrid, __assign({}, cartesianGrid)),
         react_1.default.createElement(recharts_1.XAxis, __assign({}, xAxis)),
-        react_1.default.createElement(recharts_1.YAxis, __assign({}, yAxis)),
+        react_1.default.createElement(recharts_1.YAxis, __assign({}, yAxis, dynamicYAxisWidth)),
         react_1.default.createElement(recharts_1.Tooltip, __assign({ content: react_1.default.createElement(ChartTooltip_1.ChartTooltip, null) }, tooltip)),
         react_1.default.createElement(recharts_1.Line, __assign({}, line, { activeDot: __assign(__assign({}, line.activeDot), { className: clickable, onClick: function (_, event) { return onItemClick(event.payload.group); } }) }))));
 };

package/cjs/LineChart/LineChart.test.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -42,12 +65,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var LineChart_1 = require("./LineChart");
+var useDynamicYAxisWidthHook = __importStar(require("../hooks/useDynamicYAxisWidth/useDynamicYAxisWidth"));
 describe('LinesChart', function () {
     var defaultData = [
         { label: 'first', value: 10, group: 'group1' },
         { label: 'second', value: 20, group: 'group2' },
         { label: 'third', value: 30, group: 'group3' }
     ];
+    jest.spyOn(useDynamicYAxisWidthHook, 'useDynamicYAxisWidth').mockImplementation(function (_a) {
+        var tickFormatter = _a.chartYAxisProps.tickFormatter;
+        return ({ chartRef: { current: null }, width: 60, tickFormatter: tickFormatter });
+    });
     var onItemClickSpy = jest.fn();
     var setUp = function (data) {
         if (data === void 0) { data = defaultData; }

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

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

package/cjs/hooks/useDynamicYAxisWidth/index.js

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

package/cjs/hooks/useDynamicYAxisWidth/useDynamicYAxisWidth.d.ts

@@ -0,0 +1,13 @@
+import { type DependencyList } from 'react';
+import { type YAxisProps } from 'recharts';
+type Props = {
+    chartYAxisProps?: Partial<YAxisProps>;
+    modifyWidth?: (width: number) => number;
+    effectDependencies?: DependencyList;
+};
+export declare const useDynamicYAxisWidth: ({ chartYAxisProps: { tickFormatter, width: fixedWidth }, modifyWidth, effectDependencies }?: Props) => {
+    width: number;
+    tickFormatter: (value: number | string, index: number) => string;
+    chartRef: import("react").MutableRefObject<any>;
+};
+export {};

package/cjs/hooks/useDynamicYAxisWidth/useDynamicYAxisWidth.js

@@ -0,0 +1,47 @@
+"use strict";
+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.useDynamicYAxisWidth = void 0;
+var react_1 = require("react");
+var WIDTH_DEFAULT = 60;
+var WIDTH_MAX = 100;
+var canvas = document === null || document === void 0 ? void 0 : document.createElement('canvas');
+var context = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
+var propsDefault = {
+    chartYAxisProps: { tickFormatter: function (value) { return String(value); }, width: WIDTH_DEFAULT },
+    modifyWidth: function (width) { return width; }
+};
+var useDynamicYAxisWidth = function (_a) {
+    var _b = _a === void 0 ? propsDefault : _a, _c = _b.chartYAxisProps, _d = _c === void 0 ? propsDefault.chartYAxisProps : _c, _e = _d.tickFormatter, tickFormatter = _e === void 0 ? propsDefault.chartYAxisProps.tickFormatter : _e, _f = _d.width, fixedWidth = _f === void 0 ? propsDefault.chartYAxisProps.width : _f, _g = _b.modifyWidth, modifyWidth = _g === void 0 ? propsDefault.modifyWidth : _g, effectDependencies = _b.effectDependencies;
+    var chartRef = (0, react_1.useRef)(null);
+    var _h = (0, react_1.useState)(fixedWidth), width = _h[0], setWidth = _h[1];
+    var formattedTicks = new Set();
+    var tickFormatterWithCollector = function (value, index) {
+        var formattedTick = tickFormatter(value, index);
+        formattedTicks.add(formattedTick);
+        return formattedTick;
+    };
+    (0, react_1.useLayoutEffect)(function () {
+        var _a;
+        if (window && context && ((_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.container)) {
+            context.font = window.getComputedStyle(chartRef.current.container, null).getPropertyValue('font');
+            var maxTickWidth = Math.max.apply(Math, __spreadArray([0], Array.from(formattedTicks).map(function (formattedTick) { return context.measureText(formattedTick).width; }), false));
+            if (maxTickWidth) {
+                var newWidth = modifyWidth(Math.min(Math.ceil(maxTickWidth) + 2, WIDTH_MAX));
+                if (newWidth !== width) {
+                    setWidth(newWidth);
+                }
+            }
+        }
+    }, effectDependencies); // eslint-disable-line react-hooks/exhaustive-deps
+    return { width: width, tickFormatter: tickFormatterWithCollector, chartRef: chartRef };
+};
+exports.useDynamicYAxisWidth = useDynamicYAxisWidth;

package/cjs/index.d.ts

@@ -268,6 +268,7 @@ export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 export { useMarkers, resolveMarkers } from './hooks/useMarkers';
 export { useSegmentationRequest } from './hooks/useSegmentationRequest';
 export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
+export { useDynamicYAxisWidth } from './hooks/useDynamicYAxisWidth';
 export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';

package/cjs/index.js

@@ -20,7 +20,7 @@ exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.Mo
 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.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.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 = exports.PopupBoundariesContext = void 0;
 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 = exports.useReloadData = void 0;
-exports.mockComputedStyles = 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 = exports.useMarkers = void 0;
+exports.mockComputedStyles = 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.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -599,6 +599,8 @@ 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; } });
+var useDynamicYAxisWidth_1 = require("./hooks/useDynamicYAxisWidth");
+Object.defineProperty(exports, "useDynamicYAxisWidth", { enumerable: true, get: function () { return useDynamicYAxisWidth_1.useDynamicYAxisWidth; } });
 // helpers
 var basicTable_1 = require("./helpers/basicTable");
 Object.defineProperty(exports, "buildColumnsFilter", { enumerable: true, get: function () { return basicTable_1.buildColumnsFilter; } });

package/esm/BarChart/BarChart.js

@@ -9,23 +9,36 @@ 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 { Bar, Rectangle, BarChart as BarChartWidget, CartesianGrid, Tooltip, XAxis, YAxis } from 'recharts';
 import { ChartTooltip } from '../ChartTooltip';
 import { useClickableChartStyle } from '../hooks/useClickableChartStyle';
+import { useDynamicYAxisWidth } from '../hooks/useDynamicYAxisWidth';
 import { getBarChartSettings } from './helpers';
 export var BarChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
     var _c = getBarChartSettings(options), barChart = _c.barChart, cartesianGrid = _c.cartesianGrid, bar = _c.bar, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis;
+    var _d = useDynamicYAxisWidth({ chartYAxisProps: yAxis }), chartRef = _d.chartRef, dynamicYAxisWidth = __rest(_d, ["chartRef"]);
     var onBarClick = onItemClick && (function (_a) {
         var group = _a.group;
         return onItemClick(group);
     });
     var clickable = useClickableChartStyle(onBarClick);
-    return (React.createElement(BarChartWidget, __assign({ width: width, height: height, data: data }, barChart),
+    return (React.createElement(BarChartWidget, __assign({ width: width, height: height, data: data }, barChart, { ref: chartRef }),
         React.createElement(CartesianGrid, __assign({}, cartesianGrid)),
         React.createElement(Tooltip, __assign({ content: React.createElement(ChartTooltip, null) }, tooltip)),
         React.createElement(Bar, __assign({}, bar, { shape: React.createElement(Rectangle, { className: clickable }), onClick: onBarClick })),
         React.createElement(XAxis, __assign({}, xAxis)),
-        React.createElement(YAxis, __assign({}, yAxis))));
+        React.createElement(YAxis, __assign({}, yAxis, dynamicYAxisWidth))));
 };

package/esm/EditModeAttributesList/EditModeAttributesList.d.ts

@@ -12,5 +12,5 @@ declare const _default: React.ComponentType<{
     className?: string;
     fixedTypeUris?: string[];
     highlightAttribute?: (element: AttributeType, type: ScrollType) => void;
-} & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "drawLines" | "onAddAttributes" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer" | "showEmptyEditors">>;
+} & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "showEmptyEditors" | "drawLines" | "onAddAttributes" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer">>;
 export default _default;

package/esm/EditModeAttributesList/EditModeAttributesList.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useCallback, useContext, useMemo, useState, useEffect } from 'react';
 import i18n from 'ui-i18n';
-import { getCreatableAttributeTypes, getAttributesListForEditMode, getParentUri, checkCanCreateAttribute, getBaseUri, Mode } from '@reltio/mdm-sdk';
+import { getCreatableAttributeTypes, getAttributesListForEditMode, getParentUri, checkCanCreateAttribute, getBaseUri, Mode, isTempUri } from '@reltio/mdm-sdk';
 import { last, path } from 'ramda';
 import { EditModeAttributesPager } from '../EditModeAttributesPager';
 import { BranchDecorator } from '../BranchDecorator';
@@ -50,7 +50,17 @@ var EditModeAttributesList = function (_a) {
     var moreAttrTypes = getMoreAttrTypes(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
     var pinnedAttributes = useContext(PinnedAttributesContext);
     var pagersData = useMemo(function () {
-        return getAttributesListForEditMode(filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate, alwaysVisibleAttributes);
+        return getAttributesListForEditMode({
+            attrTypes: filteredAttrTypes,
+            mode: mode,
+            entity: entity,
+            showEmptyEditors: showEmptyEditors,
+            showNonOv: showNonOv,
+            pinnedAttributes: pinnedAttributes,
+            configCanCreate: canCreate,
+            alwaysVisible: alwaysVisibleAttributes,
+            isTemporary: isTempUri(parentUri)
+        });
     }, [
         filteredAttrTypes,
         mode,
@@ -59,7 +69,8 @@ var EditModeAttributesList = function (_a) {
         showNonOv,
         pinnedAttributes,
         canCreate,
-        alwaysVisibleAttributes
+        alwaysVisibleAttributes,
+        parentUri
     ]);
     var _e = useMemo(function () { return splitPagersData(fixedTypeUris, pagersData); }, [pagersData, fixedTypeUris]), fixedPagersData = _e[0], regularPagersData = _e[1];
     var onAddMoreAttributes = useCallback(function (attributeTypes) {

package/esm/EditModeAttributesList/EditModeAttributesList.test.js

@@ -346,6 +346,14 @@ describe('EditModeAttributesList tests', function () {
         mount(React.createElement(PinnedAttributesContext.Provider, { value: pinnedAttributes },
             React.createElement(EditModeAttributesList, { mode: Mode.Editing, attrTypes: attributesList, entity: entity, parentUri: parentUri },
                 React.createElement(Child, null))));
-        expect(getAttributesListForEditMode).toHaveBeenCalledWith(attributesList, Mode.Editing, entity, undefined, undefined, pinnedAttributes, true, []);
+        expect(getAttributesListForEditMode).toHaveBeenCalledWith({
+            attrTypes: attributesList,
+            mode: Mode.Editing,
+            entity: entity,
+            pinnedAttributes: pinnedAttributes,
+            configCanCreate: true,
+            alwaysVisible: [],
+            isTemporary: false
+        });
     });
 });

package/esm/LineChart/LineChart.js

@@ -9,19 +9,32 @@ 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 { CartesianGrid, Line, LineChart as LineChartWidget, Tooltip, XAxis, YAxis } from 'recharts';
 import { getLineChartSettings } from './helpers';
 import { ChartTooltip } from '../ChartTooltip';
 import { useClickableChartStyle } from '../hooks/useClickableChartStyle';
+import { useDynamicYAxisWidth } from '../hooks/useDynamicYAxisWidth';
 export var LineChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
     var _c = getLineChartSettings(options), cartesianGrid = _c.cartesianGrid, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis, lineChart = _c.lineChart, line = _c.line;
+    var _d = useDynamicYAxisWidth({ chartYAxisProps: yAxis }), chartRef = _d.chartRef, dynamicYAxisWidth = __rest(_d, ["chartRef"]);
     var clickable = useClickableChartStyle(onItemClick);
-    return (React.createElement(LineChartWidget, __assign({ width: width, height: height, data: data }, lineChart),
+    return (React.createElement(LineChartWidget, __assign({ width: width, height: height, data: data }, lineChart, { ref: chartRef }),
         React.createElement(CartesianGrid, __assign({}, cartesianGrid)),
         React.createElement(XAxis, __assign({}, xAxis)),
-        React.createElement(YAxis, __assign({}, yAxis)),
+        React.createElement(YAxis, __assign({}, yAxis, dynamicYAxisWidth)),
         React.createElement(Tooltip, __assign({ content: React.createElement(ChartTooltip, null) }, tooltip)),
         React.createElement(Line, __assign({}, line, { activeDot: __assign(__assign({}, line.activeDot), { className: clickable, onClick: function (_, event) { return onItemClick(event.payload.group); } }) }))));
 };

package/esm/LineChart/LineChart.test.js

@@ -37,12 +37,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { LineChart } from './LineChart';
+import * as useDynamicYAxisWidthHook from '../hooks/useDynamicYAxisWidth/useDynamicYAxisWidth';
 describe('LinesChart', function () {
     var defaultData = [
         { label: 'first', value: 10, group: 'group1' },
         { label: 'second', value: 20, group: 'group2' },
         { label: 'third', value: 30, group: 'group3' }
     ];
+    jest.spyOn(useDynamicYAxisWidthHook, 'useDynamicYAxisWidth').mockImplementation(function (_a) {
+        var tickFormatter = _a.chartYAxisProps.tickFormatter;
+        return ({ chartRef: { current: null }, width: 60, tickFormatter: tickFormatter });
+    });
     var onItemClickSpy = jest.fn();
     var setUp = function (data) {
         if (data === void 0) { data = defaultData; }

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

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

package/esm/hooks/useDynamicYAxisWidth/index.js

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

package/esm/hooks/useDynamicYAxisWidth/useDynamicYAxisWidth.d.ts

@@ -0,0 +1,13 @@
+import { type DependencyList } from 'react';
+import { type YAxisProps } from 'recharts';
+type Props = {
+    chartYAxisProps?: Partial<YAxisProps>;
+    modifyWidth?: (width: number) => number;
+    effectDependencies?: DependencyList;
+};
+export declare const useDynamicYAxisWidth: ({ chartYAxisProps: { tickFormatter, width: fixedWidth }, modifyWidth, effectDependencies }?: Props) => {
+    width: number;
+    tickFormatter: (value: number | string, index: number) => string;
+    chartRef: import("react").MutableRefObject<any>;
+};
+export {};

package/esm/hooks/useDynamicYAxisWidth/useDynamicYAxisWidth.js

@@ -0,0 +1,43 @@
+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 { useLayoutEffect, useRef, useState } from 'react';
+var WIDTH_DEFAULT = 60;
+var WIDTH_MAX = 100;
+var canvas = document === null || document === void 0 ? void 0 : document.createElement('canvas');
+var context = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
+var propsDefault = {
+    chartYAxisProps: { tickFormatter: function (value) { return String(value); }, width: WIDTH_DEFAULT },
+    modifyWidth: function (width) { return width; }
+};
+export var useDynamicYAxisWidth = function (_a) {
+    var _b = _a === void 0 ? propsDefault : _a, _c = _b.chartYAxisProps, _d = _c === void 0 ? propsDefault.chartYAxisProps : _c, _e = _d.tickFormatter, tickFormatter = _e === void 0 ? propsDefault.chartYAxisProps.tickFormatter : _e, _f = _d.width, fixedWidth = _f === void 0 ? propsDefault.chartYAxisProps.width : _f, _g = _b.modifyWidth, modifyWidth = _g === void 0 ? propsDefault.modifyWidth : _g, effectDependencies = _b.effectDependencies;
+    var chartRef = useRef(null);
+    var _h = useState(fixedWidth), width = _h[0], setWidth = _h[1];
+    var formattedTicks = new Set();
+    var tickFormatterWithCollector = function (value, index) {
+        var formattedTick = tickFormatter(value, index);
+        formattedTicks.add(formattedTick);
+        return formattedTick;
+    };
+    useLayoutEffect(function () {
+        var _a;
+        if (window && context && ((_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.container)) {
+            context.font = window.getComputedStyle(chartRef.current.container, null).getPropertyValue('font');
+            var maxTickWidth = Math.max.apply(Math, __spreadArray([0], Array.from(formattedTicks).map(function (formattedTick) { return context.measureText(formattedTick).width; }), false));
+            if (maxTickWidth) {
+                var newWidth = modifyWidth(Math.min(Math.ceil(maxTickWidth) + 2, WIDTH_MAX));
+                if (newWidth !== width) {
+                    setWidth(newWidth);
+                }
+            }
+        }
+    }, effectDependencies); // eslint-disable-line react-hooks/exhaustive-deps
+    return { width: width, tickFormatter: tickFormatterWithCollector, chartRef: chartRef };
+};

package/esm/index.d.ts

@@ -268,6 +268,7 @@ export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 export { useMarkers, resolveMarkers } from './hooks/useMarkers';
 export { useSegmentationRequest } from './hooks/useSegmentationRequest';
 export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
+export { useDynamicYAxisWidth } from './hooks/useDynamicYAxisWidth';
 export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';
 export { showDefaultErrorMessage, showErrorMessage } from './helpers/errors';

package/esm/index.js

@@ -272,6 +272,7 @@ export { useMaskedAttribute } from './hooks/useMaskedAttribute';
 export { useMarkers, resolveMarkers } from './hooks/useMarkers';
 export { useSegmentationRequest } from './hooks/useSegmentationRequest';
 export { useFilterAutoFocus } from './hooks/useFilterAutoFocus';
+export { useDynamicYAxisWidth } from './hooks/useDynamicYAxisWidth';
 // helpers
 export { buildColumnsFilter, buildColumnsSizeById, columnFilterToMdmFilter, defaultGetRowCellHeight, defaultRenderRowCell } from './helpers/basicTable';
 export { enrichDataWithPercents } from './helpers/charts';

package/package.json

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