@agregio-solutions/design-system 1.97.1 → 1.99.0

package/dist/packages/components/Timeline/utils/Timeline.types.d.ts

@@ -34,6 +34,25 @@ export type Block = {
      */
     onClick?: () => void;
 };
+export type MergedBlock = {
+    /**
+     * The start date of the merged interval
+     */
+    startDate: Date;
+    /**
+     * The end date of the merged interval
+     */
+    endDate: Date;
+    /**
+     * The color shared by all blocks merged into this interval
+     */
+    color: Block["color"];
+    /**
+     * The original blocks (from all sub-lines) that were merged into this interval
+     */
+    blocks: Array<Block>;
+};
+export type GroupHoverTextFormatter = (mergedBlock: MergedBlock) => string;
 export type SubLine = {
     /**
      * The name of the sub-line, displayed at the left when expanded
@@ -71,10 +90,22 @@ export type GroupLine = {
      * The sub-lines to display when expanded
      */
     subLines: Array<SubLine>;
+    /**
+     * Custom formatter for the hover text of the merged blocks shown on the group's
+     * collapsed row. Receives the merged date range, color, and the original blocks
+     * that were merged into it. Defaults to a "start date - end date" format.
+     * Give it a stable identity (e.g. via `useCallback`, or defined outside the
+     * component) so the merge computation isn't redone on every render.
+     */
+    groupHoverText?: GroupHoverTextFormatter;
 };
 export type Line = SimpleLine | GroupLine;
+/**
+ * Expanded state of the group lines, keyed by group line name.
+ */
+export type ExpandedGroups = Record<string, boolean>;
 export declare function isGroupLine(line: Line): line is GroupLine;
 export declare const NAMES_SECTION_WIDTH = 188;
 export declare const lineHeightForIndentLevel: (indentLevel: number) => 40 | 58;
-export declare const maxBlocksToDisplayBeforeCollapsingForIndentLevel: (indentLevel: number) => 3 | 5;
+export declare const maxLanesToDisplayBeforeCollapsingForIndentLevel: (indentLevel: number) => 3 | 5;
 export {};

package/dist/packages/components/Timeline/utils/mergeBlocksByColor/mergeBlocksByColor.d.ts

@@ -1,7 +1,7 @@
-import { Block, SubLine } from '../Timeline.types';
+import { Block, GroupHoverTextFormatter, SubLine } from '../Timeline.types';
 /**
  * Merges blocks from all sub-lines by color.
  * For each color group, overlapping intervals are merged into a single block.
  * Returns a flat array of merged blocks.
  */
-export declare function mergeBlocksByColor(subLines: SubLine[]): Block[];
+export declare function mergeBlocksByColor(subLines: SubLine[], groupHoverText?: GroupHoverTextFormatter): Block[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.97.1",
+  "version": "1.99.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",