@agregio-solutions/design-system 1.102.3 → 1.102.4

package/dist/packages/components/Timeline/doc.md

@@ -1419,6 +1419,120 @@ export const GroupControlledExpansion: Story = {
     expect(canvas.getByText("Agrégat MA 1")).toBeInTheDocument();
   },
 };
+
+export const Squared: Story = {
+  args: {
+    ...GroupExpandedLanePacking.args,
+    shape: "squared",
+  },
+  play: async ({ canvasElement, mount }) => {
+    MockDate.set("2024-01-01T12:00:00.000Z");
+    await mount();
+    const canvas = within(canvasElement);
+    const user = userEvent.setup();
+
+    await user.click(canvas.getByText("PSN"));
+    await canvas.findByText("Agrégat A");
+
+    expect(canvas.getByTestId("timeline")).toHaveAttribute(
+      "data-shape",
+      "squared",
+    );
+    expect(canvas.getByTestId("Sub-line - azure")).toHaveStyle({
+      borderRadius: "2px",
+    });
+  },
+};
+
+export const GridLinesHours: Story = {
+  args: {
+    ...GroupExpandedLanePacking.args,
+    showGridLines: true,
+  },
+  play: async ({ canvasElement, mount }) => {
+    MockDate.set("2024-01-01T12:00:00.000Z");
+    await mount();
+    const canvas = within(canvasElement);
+    const user = userEvent.setup();
+
+    await user.click(canvas.getByText("PSN"));
+    await canvas.findByText("Agrégat A");
+
+    // One line per hour boundary, both range edges excluded.
+    expect(
+      within(canvas.getByTestId("timeline-grid-lines")).getAllByTestId(
+        /^grid-line-/,
+      ),
+    ).toHaveLength(23);
+
+    // A block starting at 10:00 is flush against the 10:00 line.
+    const gridLine = canvas.getByTestId("grid-line-2024-01-01T10:00:00.000Z");
+    const block = canvas.getByTestId("Sub-line - azure");
+    expect(
+      Math.abs(
+        gridLine.getBoundingClientRect().right -
+          block.getBoundingClientRect().left,
+      ),
+    ).toBeLessThanOrEqual(1);
+  },
+};
+
+export const GridLinesWeek: Story = {
+  args: {
+    ...Week.args,
+    showGridLines: true,
+  },
+  play: async ({ canvasElement, mount }) => {
+    MockDate.set("2024-01-01T12:00:00.000Z");
+    await mount();
+    const canvas = within(canvasElement);
+
+    // Week mode: one line per day boundary over a 7-day range.
+    expect(
+      within(canvas.getByTestId("timeline-grid-lines")).getAllByTestId(
+        /^grid-line-/,
+      ),
+    ).toHaveLength(6);
+
+    // A block starting on 02/01 at midnight is flush against that day's line.
+    const gridLine = canvas.getByTestId("grid-line-2024-01-02T00:00:00.000Z");
+    const block = canvas.getAllByTestId("block-2")[0];
+    expect(
+      Math.abs(
+        gridLine.getBoundingClientRect().right -
+          block.getBoundingClientRect().left,
+      ),
+    ).toBeLessThanOrEqual(1);
+  },
+};
+
+export const GridLinesMonth: Story = {
+  args: {
+    ...Month.args,
+    showGridLines: true,
+  },
+  play: async ({ canvasElement, mount }) => {
+    MockDate.set("2024-01-11T12:00:00.000Z");
+    await mount();
+    const canvas = within(canvasElement);
+
+    // Month mode: still one line per day, 31 days means 30 inner boundaries.
+    expect(
+      within(canvas.getByTestId("timeline-grid-lines")).getAllByTestId(
+        /^grid-line-/,
+      ),
+    ).toHaveLength(30);
+
+    const gridLine = canvas.getByTestId("grid-line-2024-01-10T00:00:00.000Z");
+    const block = canvas.getAllByTestId("block-2")[0];
+    expect(
+      Math.abs(
+        gridLine.getBoundingClientRect().right -
+          block.getBoundingClientRect().left,
+      ),
+    ).toBeLessThanOrEqual(1);
+  },
+};
 ```
 
 ## Developer notes

package/dist/packages/internal-components/CoreTextInput/CoreTextInput.styled.d.ts

@@ -4,4 +4,4 @@ export declare const CoreTextInput: import('styled-components/dist/types').IStyl
     }) => import('react').CSSProperties | undefined) | undefined;
 }, {
     hasIcon: boolean;
-}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null, keyof import('react').Component<any, {}, any>>;
+}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import('react').Component<any, {}, any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.102.3",
+  "version": "1.102.4",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",
@@ -93,7 +93,7 @@
   "dependencies": {
     "clsx": "2.1.1",
     "normalize.css": "8.0.1",
-    "react-aria-components": "1.17.0",
+    "react-aria-components": "1.21.1",
     "sonner": "2.0.8",
     "styled-components": "6.5.3"
   },