@dynatrace/strato-components 3.6.0 → 3.7.0

package/charts/honeycomb/components/canvas/renderers/CanvasHexagonRenderer.js

@@ -26,6 +26,7 @@ var import_get_hexagon_geometry = require("../../../utils/get-hexagon-geometry.j
 var import_draw_label_and_value = require("../utils/draw-label-and-value.js");
 var import_fill_shape = require("../utils/fill-shape.js");
 var import_remove_transparent_border = require("../utils/remove-transparent-border.js");
+var import_should_render_labels = require("../utils/should-render-labels.js");
 const createHexagonPath = (ctx, hexagonGeometry, radius) => {
   ctx.beginPath();
   ctx.moveTo(hexagonGeometry[0].x, hexagonGeometry[0].y);
@@ -46,7 +47,7 @@ const CanvasHexagonRenderer = (props) => {
     fillColor,
     strokeColor = fillColor,
     radius = 0,
-    showLabels,
+    labelsDisplay,
     truncationMode
   } = props;
   const { hexagonGeometry, textArea } = (0, import_get_hexagon_geometry.getHexagonGeometry)(x, y, width);
@@ -55,14 +56,15 @@ const CanvasHexagonRenderer = (props) => {
       createHexagonPath(ctx, hexagonGeometry, radius);
       (0, import_remove_transparent_border.removeTransparentBorder)(ctx, strokeColor);
       (0, import_fill_shape.fillShape)(ctx, fillColor);
-      if (showLabels) {
+      if ((0, import_should_render_labels.shouldRenderLabels)(labelsDisplay)) {
         (0, import_draw_label_and_value.drawLabelAndValue)(
           ctx,
           value,
           textArea,
           fillColor,
           name,
-          truncationMode
+          truncationMode,
+          labelsDisplay
         );
       }
       return false;
@@ -73,7 +75,7 @@ const CanvasHexagonRenderer = (props) => {
       width,
       fillColor,
       strokeColor,
-      showLabels,
+      labelsDisplay,
       truncationMode,
       name,
       value

package/charts/honeycomb/components/canvas/renderers/CanvasSquareRenderer.d.ts

@@ -1,4 +1,5 @@
 import type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';
+import type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';
 interface CanvasSquareRendererProps {
     x: number;
     y: number;
@@ -8,7 +9,7 @@ interface CanvasSquareRendererProps {
     name?: string;
     strokeColor?: 'transparent' | string;
     radius?: number;
-    showLabels?: boolean;
+    labelsDisplay?: HoneycombLabelsDisplay;
     truncationMode?: TruncationMode;
 }
 export declare const CanvasSquareRenderer: {

package/charts/honeycomb/components/canvas/renderers/CanvasSquareRenderer.js

@@ -25,6 +25,7 @@ var import_useCanvas = require("../../../../core/components/canvas/hooks/useCanv
 var import_draw_label_and_value = require("../utils/draw-label-and-value.js");
 var import_fill_shape = require("../utils/fill-shape.js");
 var import_remove_transparent_border = require("../utils/remove-transparent-border.js");
+var import_should_render_labels = require("../utils/should-render-labels.js");
 const createRoundedSquarePath = (ctx, x, y, width, radius) => {
   ctx.moveTo(x, y);
   ctx.beginPath();
@@ -48,7 +49,7 @@ const CanvasSquareRenderer = (props) => {
     value,
     name = "",
     radius = 0,
-    showLabels,
+    labelsDisplay,
     truncationMode
   } = props;
   const textArea = getSquareTextArea(x, y, width);
@@ -57,14 +58,15 @@ const CanvasSquareRenderer = (props) => {
       createRoundedSquarePath(ctx, x, y, width, radius);
       (0, import_remove_transparent_border.removeTransparentBorder)(ctx, strokeColor);
       (0, import_fill_shape.fillShape)(ctx, fillColor);
-      if (showLabels) {
+      if ((0, import_should_render_labels.shouldRenderLabels)(labelsDisplay)) {
         (0, import_draw_label_and_value.drawLabelAndValue)(
           ctx,
           value,
           textArea,
           fillColor,
           name,
-          truncationMode
+          truncationMode,
+          labelsDisplay
         );
       }
       return false;
@@ -75,7 +77,7 @@ const CanvasSquareRenderer = (props) => {
       width,
       fillColor,
       strokeColor,
-      showLabels,
+      labelsDisplay,
       truncationMode,
       name,
       value,

package/charts/honeycomb/components/canvas/utils/draw-label-and-value.d.ts

@@ -1,3 +1,4 @@
 import type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';
 import { CanvasTextAreaProps } from '../../../types/canvas-text-area.js';
-export declare const drawLabelAndValue: (ctx: CanvasRenderingContext2D, value: string | number, textArea: CanvasTextAreaProps, backgroundColor: string, name?: string, truncationMode?: TruncationMode) => void;
+import type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';
+export declare const drawLabelAndValue: (ctx: CanvasRenderingContext2D, value: string | number, textArea: CanvasTextAreaProps, backgroundColor: string, name: string | undefined, truncationMode: TruncationMode | undefined, labelsDisplay: HoneycombLabelsDisplay) => void;

package/charts/honeycomb/components/canvas/utils/draw-label-and-value.js

@@ -26,7 +26,73 @@ var import_render_text_to_canvas = require("./render-text-to-canvas.js");
 var import_color_contrast = require("../../../../core/utils/color-contrast.js");
 var import_constants = require("../../../constants.js");
 const topAndBottomPadding = 2;
-const drawLabelAndValue = (ctx, value, textArea, backgroundColor, name = "", truncationMode = "middle") => {
+const renderNameMode = ({
+  ctx,
+  x,
+  y,
+  renderedName,
+  nameHeight,
+  ableToRenderName
+}) => {
+  if (ableToRenderName) {
+    (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedName, "label", x, y + nameHeight / 2);
+  }
+};
+const renderValueMode = (params) => {
+  const {
+    ctx,
+    x,
+    y,
+    renderedValue,
+    valueHeight,
+    nameHeight,
+    ableToRenderValue,
+    ableToRenderName,
+    textArea,
+    value,
+    truncationMode
+  } = params;
+  if (ableToRenderValue) {
+    (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedValue, "value", x, y + valueHeight / 2);
+  } else if (ableToRenderName) {
+    const cropValueAsLabel = (0, import_get_truncation_method.getTruncationMethod)(
+      ctx,
+      textArea,
+      value.toString(),
+      truncationMode,
+      "label"
+    );
+    (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, cropValueAsLabel(), "label", x, y + nameHeight / 2);
+  }
+};
+const renderAllMode = ({
+  ctx,
+  x,
+  y,
+  renderedName,
+  renderedValue,
+  nameHeight,
+  valueHeight,
+  ableToRenderBoth,
+  ableToRenderName,
+  ableToRenderValue
+}) => {
+  if (ableToRenderBoth) {
+    (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedName, "label", x, y - 2);
+    (0, import_render_text_to_canvas.renderTextToCanvas)(
+      ctx,
+      renderedValue,
+      "value",
+      x,
+      y + nameHeight + nameHeight * 0.5
+    );
+  } else if (ableToRenderName) {
+    (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedName, "label", x, y + nameHeight / 2);
+  } else if (ableToRenderValue) {
+    (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedValue, "value", x, y + valueHeight / 2);
+  }
+};
+const drawLabelAndValue = (ctx, value, textArea, backgroundColor, name = "", truncationMode = "middle", labelsDisplay) => {
   const { x, y } = textArea;
   const cropNameToFit = (0, import_get_truncation_method.getTruncationMethod)(
     ctx,
@@ -47,23 +113,30 @@ const drawLabelAndValue = (ctx, value, textArea, backgroundColor, name = "", tru
   } = (0, import_measure_node_text_content.measureNodeTextContent)(ctx, value, name, textArea);
   if (ableToRenderNothing) {
     return;
-  } else {
-    const textColor = (0, import_color_contrast.getColorByContrast)(backgroundColor);
-    ctx.textAlign = import_constants.HONEYCOMB_DEFAULT_TEXT_ALIGNMENT;
-    ctx.fillStyle = textColor;
-    const availableWidth = textArea.width - topAndBottomPadding * 2;
-    const renderedName = availableWidth > nameWidth ? name : cropNameToFit();
-    const renderedValue = availableWidth >= valueWidth ? value.toString() : cropValueToFit();
-    if (ableToRenderBoth) {
-      (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedName, "label", x, y - 2);
-      const valueY = y + nameHeight + nameHeight * 0.5;
-      (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedValue, "value", x, valueY);
-    } else if (ableToRenderName) {
-      const nameCenteredY = y + nameHeight / 2;
-      (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedName, "label", x, nameCenteredY);
-    } else if (ableToRenderValue) {
-      const valueCenteredY = y + valueHeight / 2;
-      availableWidth > valueWidth && (0, import_render_text_to_canvas.renderTextToCanvas)(ctx, renderedValue, "value", x, valueCenteredY);
-    }
+  }
+  ctx.textAlign = import_constants.HONEYCOMB_DEFAULT_TEXT_ALIGNMENT;
+  ctx.fillStyle = (0, import_color_contrast.getColorByContrast)(backgroundColor);
+  const availableWidth = textArea.width - topAndBottomPadding * 2;
+  const renderParams = {
+    ctx,
+    x,
+    y,
+    renderedName: availableWidth > nameWidth ? name : cropNameToFit(),
+    renderedValue: availableWidth >= valueWidth ? value.toString() : cropValueToFit(),
+    nameHeight,
+    valueHeight,
+    ableToRenderName,
+    ableToRenderValue,
+    ableToRenderBoth,
+    textArea,
+    value,
+    truncationMode
+  };
+  if (labelsDisplay === "name") {
+    renderNameMode(renderParams);
+  } else if (labelsDisplay === "value") {
+    renderValueMode(renderParams);
+  } else if (labelsDisplay === "all") {
+    renderAllMode(renderParams);
   }
 };

package/charts/honeycomb/components/canvas/utils/should-render-labels.d.ts

@@ -0,0 +1,2 @@
+import type { HoneycombLabelsDisplay } from '../../../types/honeycomb.js';
+export declare const shouldRenderLabels: (labelsDisplay: HoneycombLabelsDisplay | undefined) => labelsDisplay is Exclude<HoneycombLabelsDisplay, "none">;

package/charts/{xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.sty.js → honeycomb/components/canvas/utils/should-render-labels.js}

@@ -15,10 +15,9 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var XYChartTooltipTemplate_css_exports = {};
-__export(XYChartTooltipTemplate_css_exports, {
-  body: () => body
+var should_render_labels_exports = {};
+__export(should_render_labels_exports, {
+  shouldRenderLabels: () => shouldRenderLabels
 });
-module.exports = __toCommonJS(XYChartTooltipTemplate_css_exports);
-var import_XYChartTooltipTemplate_css_ts_vanilla = require("./XYChartTooltipTemplate.css");
-var body = "_fnoz5j0-3-6-0";
+module.exports = __toCommonJS(should_render_labels_exports);
+const shouldRenderLabels = (labelsDisplay) => labelsDisplay !== void 0 && labelsDisplay !== "none";

package/charts/honeycomb/components/tooltip/HoneycombOverlayTooltip.js

@@ -21,16 +21,16 @@ __export(HoneycombOverlayTooltip_exports, {
 });
 module.exports = __toCommonJS(HoneycombOverlayTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_utils = require("../../../core/components/overlay-tooltip/_to-be-removed/utils.js");
+var import_useTooltipData = require("../../../core/components/overlay-tooltip/hooks/useTooltipData.js");
 var import_OverlayTooltip = require("../../../core/components/overlay-tooltip/OverlayTooltip.js");
-var import_utils2 = require("../../../core/components/overlay-tooltip/utils.js");
+var import_utils = require("../../../core/components/overlay-tooltip/utils.js");
 var import_use_honeycomb_custom_tooltip = require("../../hooks/use-honeycomb-custom-tooltip.js");
 var import_use_honeycomb_truncation_mode = require("../../hooks/use-honeycomb-truncation-mode.js");
 const HoneycombOverlayTooltip = (props) => {
-  const data = (0, import_utils.useTooltipData)().data;
+  const data = (0, import_useTooltipData.useTooltipData)().data;
   const truncationMode = (0, import_use_honeycomb_truncation_mode.useHoneycombTruncationMode)();
   const tooltip = (0, import_use_honeycomb_custom_tooltip.useHoneycombCustomTooltip)();
-  if (tooltip?.hidden || (0, import_utils2.isTooltipDataEmpty)(data)) {
+  if (tooltip?.hidden || (0, import_utils.isTooltipDataEmpty)(data)) {
     return null;
   }
   const series = data.series[0];

package/charts/honeycomb/constants.d.ts

@@ -1,5 +1,5 @@
 import { HoneycombRequiredConfigProps } from './types/honeycomb-internal.js';
-import { type HoneycombDatasetType } from './types/honeycomb.js';
+import { type HoneycombDatasetType, type HoneycombLabelsDisplay } from './types/honeycomb.js';
 import { HiveTileBestFitProps } from './types/rendering.js';
 import { HoneycombState } from './types/state.js';
 import { type LegendPosition } from '../core/types/legend.js';
@@ -32,6 +32,7 @@ export declare const NON_OVERLAPPING_HEIGHT: {
 export declare const NOT_HOVERED_TILE_OPACITY = 0.2;
 export declare const HOVERED_TILE_OPACITY = 1;
 export declare const DEFAULT_LEGEND_POSITION: LegendPosition;
+export declare const DEFAULT_HONEYCOMB_LABELS_DISPLAY: HoneycombLabelsDisplay;
 export declare const DEFAULT_HONEYCOMB_CONFIG: HoneycombRequiredConfigProps;
 export declare const DEFAULT_TILE_NAME = "node";
 export declare const initialState: HoneycombState;

package/charts/honeycomb/constants.js

@@ -32,6 +32,7 @@ __export(constants_exports, {
   DEFAULT_HONEYCOMB_COLOR_PALETTE: () => DEFAULT_HONEYCOMB_COLOR_PALETTE,
   DEFAULT_HONEYCOMB_CONFIG: () => DEFAULT_HONEYCOMB_CONFIG,
   DEFAULT_HONEYCOMB_HEIGHT: () => DEFAULT_HONEYCOMB_HEIGHT,
+  DEFAULT_HONEYCOMB_LABELS_DISPLAY: () => DEFAULT_HONEYCOMB_LABELS_DISPLAY,
   DEFAULT_HONEYCOMB_SHAPE: () => DEFAULT_HONEYCOMB_SHAPE,
   DEFAULT_HONEYCOMB_TILE_COLOR: () => DEFAULT_HONEYCOMB_TILE_COLOR,
   DEFAULT_HONEYCOMB_WIDTH: () => DEFAULT_HONEYCOMB_WIDTH,
@@ -80,6 +81,7 @@ const NON_OVERLAPPING_HEIGHT = {
 const NOT_HOVERED_TILE_OPACITY = 0.2;
 const HOVERED_TILE_OPACITY = 1;
 const DEFAULT_LEGEND_POSITION = "auto";
+const DEFAULT_HONEYCOMB_LABELS_DISPLAY = "none";
 const DEFAULT_HONEYCOMB_CONFIG = {
   shape: DEFAULT_HONEYCOMB_SHAPE,
   colorScheme: DEFAULT_HONEYCOMB_COLOR_PALETTE,
@@ -90,7 +92,7 @@ const DEFAULT_HONEYCOMB_CONFIG = {
   truncationMode: "middle",
   min: void 0,
   max: void 0,
-  showLabels: false,
+  labelsDisplay: DEFAULT_HONEYCOMB_LABELS_DISPLAY,
   colorRules: []
 };
 const DEFAULT_TILE_NAME = "node";

package/charts/honeycomb/context/honeycomb-labels-display.context.d.ts

@@ -0,0 +1,2 @@
+import type { HoneycombLabelsDisplay } from '../types/honeycomb.js';
+export declare const HoneycombLabelsDisplayContext: import("react").Context<HoneycombLabelsDisplay>;

package/charts/honeycomb/{contexts/HoneycombOverlayRefContext.js → context/honeycomb-labels-display.context.js}

@@ -15,10 +15,11 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var HoneycombOverlayRefContext_exports = {};
-__export(HoneycombOverlayRefContext_exports, {
-  HoneycombOverlayRefContext: () => HoneycombOverlayRefContext
+var honeycomb_labels_display_context_exports = {};
+__export(honeycomb_labels_display_context_exports, {
+  HoneycombLabelsDisplayContext: () => HoneycombLabelsDisplayContext
 });
-module.exports = __toCommonJS(HoneycombOverlayRefContext_exports);
+module.exports = __toCommonJS(honeycomb_labels_display_context_exports);
 var import_react = require("react");
-const HoneycombOverlayRefContext = (0, import_react.createContext)(void 0);
+var import_constants = require("../constants.js");
+const HoneycombLabelsDisplayContext = (0, import_react.createContext)(import_constants.DEFAULT_HONEYCOMB_LABELS_DISPLAY);

package/charts/honeycomb/hooks/use-honeycomb-labels-display.d.ts

@@ -0,0 +1,2 @@
+import type { HoneycombLabelsDisplay } from '../types/honeycomb.js';
+export declare const useHoneycombLabelsDisplay: () => HoneycombLabelsDisplay;

package/charts/honeycomb/hooks/use-honeycomb-labels-display.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_honeycomb_labels_display_exports = {};
+__export(use_honeycomb_labels_display_exports, {
+  useHoneycombLabelsDisplay: () => useHoneycombLabelsDisplay
+});
+module.exports = __toCommonJS(use_honeycomb_labels_display_exports);
+var import_react = require("react");
+var import_honeycomb_labels_display_context = require("../context/honeycomb-labels-display.context.js");
+const useHoneycombLabelsDisplay = () => (0, import_react.useContext)(import_honeycomb_labels_display_context.HoneycombLabelsDisplayContext);

package/charts/honeycomb/types/honeycomb-config-properties.d.ts

@@ -1,6 +1,6 @@
 import type { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';
 import type { HoneycombCustomTooltipConfig } from './honeycomb-internal.js';
-import type { HoneycombTileShape } from './honeycomb.js';
+import type { HoneycombLabelsDisplay, HoneycombTileShape } from './honeycomb.js';
 import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';
 import type { ChartUnit } from '../../core/types/chart-unit.js';
 import type { ColorPalette } from '../../core/types/color-palette.js';
@@ -54,7 +54,18 @@ export interface HoneycombChartProperties {
     min?: number | 'data-min';
     /** The max value configuration to display */
     max?: number | 'data-max';
-    /** Show/hide labels and values within the nodes */
+    /**
+     * Controls which label content is shown inside each honeycomb tile.
+     * Takes precedence over `showLabels` when both are provided.
+     *
+     * @defaultValue 'none'
+     */
+    labelsDisplay?: HoneycombLabelsDisplay;
+    /**
+     * Show/hide labels and values within the nodes.
+     *
+     * @deprecated Use `labelsDisplay` instead. Will be removed in a future major release.
+     */
     showLabels?: boolean;
     colorRules?: ColorRuleProps[];
     /** Tooltip configuration */

package/charts/honeycomb/types/honeycomb-internal.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';
-import { HoneycombTileData, HoneycombTileShape } from './honeycomb.js';
+import { HoneycombLabelsDisplay, HoneycombTileData, HoneycombTileShape } from './honeycomb.js';
 import { HoneycombToolbarConfig } from './toolbar.js';
 import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';
 import { ChartUnit } from '../../core/types/chart-unit.js';
@@ -83,8 +83,8 @@ export interface HoneycombRequiredConfigProps {
     min: 'data-min' | number | undefined;
     /** The max value to display */
     max: 'data-max' | number | undefined;
-    /** Show/hide labels and values within the nodes */
-    showLabels: boolean;
+    /** Controls which label content is shown inside each honeycomb tile */
+    labelsDisplay: HoneycombLabelsDisplay;
     colorRules: ColorRuleProps[];
     tooltip?: HoneycombCustomTooltipConfig;
 }

package/charts/honeycomb/types/honeycomb.d.ts

@@ -26,6 +26,18 @@ export interface HoneycombChartRef {
  * @public
  */
 export type HoneycombTileShape = 'circle' | 'square' | 'hexagon';
+/**
+ * Controls which label content is shown inside each honeycomb tile.
+ *
+ * - `'all'` – show both name and value (space permitting)
+ * - `'name'` – show the tile name only
+ * - `'value'` – show the tile value only
+ * - `'none'` – show no labels
+ *
+ * @defaultValue 'none'
+ * @public
+ */
+export type HoneycombLabelsDisplay = 'all' | 'none' | 'name' | 'value';
 /**
  * Information hold by each tile in the honeycomb
  * @public
@@ -89,10 +101,18 @@ export interface HoneycombBaseProps extends MaskingProps, StylingProps, DataTest
      * @defaultValue 'middle'
      */
     truncationMode?: TruncationMode;
+    /**
+     * Controls which label content is shown inside each honeycomb tile.
+     * Takes precedence over `showLabels` when both are provided.
+     *
+     * @defaultValue 'none'
+     */
+    labelsDisplay?: HoneycombLabelsDisplay;
     /**
      * Show/hide label on honeycomb nodes.
      *
-     * @defaultValue 'false'
+     * @defaultValue false
+     * @deprecated Use `labelsDisplay` instead. Will be removed in a future major release.
      */
     showLabels?: boolean;
 }

package/charts/honeycomb/types/rendering.d.ts

@@ -1,4 +1,4 @@
-import { HoneycombTileData } from './honeycomb.js';
+import type { HoneycombLabelsDisplay, HoneycombTileData } from './honeycomb.js';
 import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';
 import type { Point } from '../../core/types/point.js';
 export interface TilePositionMetadata {
@@ -39,5 +39,5 @@ export interface TileConcreteDisplayProps {
     name?: string;
     strokeColor?: string;
     truncationMode?: TruncationMode;
-    showLabels?: boolean;
+    labelsDisplay?: HoneycombLabelsDisplay;
 }

package/charts/honeycomb/utils/build-honeycomb-config.js

@@ -27,6 +27,7 @@ var import_is_honeycomb_tile_categorical_data = require("./is-honeycomb-tile-cat
 var import_is_honeycomb_tile_numeric_data = require("./is-honeycomb-tile-numeric-data.js");
 var import_ColorRule = require("../../core/slots/ColorRule.js");
 var import_constants = require("../constants.js");
+const showLabelsToLabelsDisplay = (showLabels) => showLabels ? "all" : "none";
 const checkCategoricalDataset = (data) => Array.isArray(data) && ((0, import_lodash_es.isString)(data[0]) || (0, import_is_honeycomb_tile_categorical_data.isHoneycombTileCategoricalData)(data[0] ?? {}));
 const checkNumericalDataset = (props) => Array.isArray(props.data) && ((0, import_lodash_es.isNumber)(props.data[0]) || (0, import_is_honeycomb_tile_numeric_data.isHoneycombTileNumericData)(props.data[0] ?? {}));
 const getDefaultColorScheme = (props, contextConfig) => {
@@ -60,7 +61,11 @@ const buildHoneycombConfig = (props, contextConfig, slots) => {
   const unit = props.unit ?? contextConfig.unit ?? void 0;
   const truncationMode = props.truncationMode ?? contextConfig.truncationMode ?? import_constants.DEFAULT_HONEYCOMB_CONFIG.truncationMode;
   const formatter = props.formatter ?? contextConfig.formatter;
-  const showLabels = props.showLabels ?? contextConfig.showLabels ?? false;
+  const legacyPropsShowLabels = props.showLabels;
+  const fromPropsShowLabels = legacyPropsShowLabels !== void 0 ? showLabelsToLabelsDisplay(legacyPropsShowLabels) : void 0;
+  const legacyConfigShowLabels = contextConfig.showLabels;
+  const fromConfigShowLabels = legacyConfigShowLabels !== void 0 ? showLabelsToLabelsDisplay(legacyConfigShowLabels) : void 0;
+  const labelsDisplay = props.labelsDisplay ?? fromPropsShowLabels ?? contextConfig.labelsDisplay ?? fromConfigShowLabels ?? import_constants.DEFAULT_HONEYCOMB_CONFIG.labelsDisplay;
   const legend = (0, import_lodash_es.merge)(
     {},
     import_constants.DEFAULT_HONEYCOMB_CONFIG.legend,
@@ -83,7 +88,7 @@ const buildHoneycombConfig = (props, contextConfig, slots) => {
     truncationMode,
     min,
     max,
-    showLabels,
+    labelsDisplay,
     colorRules,
     tooltip: slots.tooltip ?? contextConfig.tooltip
   };