@agregio-solutions/design-system 1.102.2 → 1.102.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1419,6 +1419,120 @@ export const GroupControlledExpansion: Story = {
|
|
|
1419
1419
|
expect(canvas.getByText("Agrégat MA 1")).toBeInTheDocument();
|
|
1420
1420
|
},
|
|
1421
1421
|
};
|
|
1422
|
+
|
|
1423
|
+
export const Squared: Story = {
|
|
1424
|
+
args: {
|
|
1425
|
+
...GroupExpandedLanePacking.args,
|
|
1426
|
+
shape: "squared",
|
|
1427
|
+
},
|
|
1428
|
+
play: async ({ canvasElement, mount }) => {
|
|
1429
|
+
MockDate.set("2024-01-01T12:00:00.000Z");
|
|
1430
|
+
await mount();
|
|
1431
|
+
const canvas = within(canvasElement);
|
|
1432
|
+
const user = userEvent.setup();
|
|
1433
|
+
|
|
1434
|
+
await user.click(canvas.getByText("PSN"));
|
|
1435
|
+
await canvas.findByText("Agrégat A");
|
|
1436
|
+
|
|
1437
|
+
expect(canvas.getByTestId("timeline")).toHaveAttribute(
|
|
1438
|
+
"data-shape",
|
|
1439
|
+
"squared",
|
|
1440
|
+
);
|
|
1441
|
+
expect(canvas.getByTestId("Sub-line - azure")).toHaveStyle({
|
|
1442
|
+
borderRadius: "2px",
|
|
1443
|
+
});
|
|
1444
|
+
},
|
|
1445
|
+
};
|
|
1446
|
+
|
|
1447
|
+
export const GridLinesHours: Story = {
|
|
1448
|
+
args: {
|
|
1449
|
+
...GroupExpandedLanePacking.args,
|
|
1450
|
+
showGridLines: true,
|
|
1451
|
+
},
|
|
1452
|
+
play: async ({ canvasElement, mount }) => {
|
|
1453
|
+
MockDate.set("2024-01-01T12:00:00.000Z");
|
|
1454
|
+
await mount();
|
|
1455
|
+
const canvas = within(canvasElement);
|
|
1456
|
+
const user = userEvent.setup();
|
|
1457
|
+
|
|
1458
|
+
await user.click(canvas.getByText("PSN"));
|
|
1459
|
+
await canvas.findByText("Agrégat A");
|
|
1460
|
+
|
|
1461
|
+
// One line per hour boundary, both range edges excluded.
|
|
1462
|
+
expect(
|
|
1463
|
+
within(canvas.getByTestId("timeline-grid-lines")).getAllByTestId(
|
|
1464
|
+
/^grid-line-/,
|
|
1465
|
+
),
|
|
1466
|
+
).toHaveLength(23);
|
|
1467
|
+
|
|
1468
|
+
// A block starting at 10:00 is flush against the 10:00 line.
|
|
1469
|
+
const gridLine = canvas.getByTestId("grid-line-2024-01-01T10:00:00.000Z");
|
|
1470
|
+
const block = canvas.getByTestId("Sub-line - azure");
|
|
1471
|
+
expect(
|
|
1472
|
+
Math.abs(
|
|
1473
|
+
gridLine.getBoundingClientRect().right -
|
|
1474
|
+
block.getBoundingClientRect().left,
|
|
1475
|
+
),
|
|
1476
|
+
).toBeLessThanOrEqual(1);
|
|
1477
|
+
},
|
|
1478
|
+
};
|
|
1479
|
+
|
|
1480
|
+
export const GridLinesWeek: Story = {
|
|
1481
|
+
args: {
|
|
1482
|
+
...Week.args,
|
|
1483
|
+
showGridLines: true,
|
|
1484
|
+
},
|
|
1485
|
+
play: async ({ canvasElement, mount }) => {
|
|
1486
|
+
MockDate.set("2024-01-01T12:00:00.000Z");
|
|
1487
|
+
await mount();
|
|
1488
|
+
const canvas = within(canvasElement);
|
|
1489
|
+
|
|
1490
|
+
// Week mode: one line per day boundary over a 7-day range.
|
|
1491
|
+
expect(
|
|
1492
|
+
within(canvas.getByTestId("timeline-grid-lines")).getAllByTestId(
|
|
1493
|
+
/^grid-line-/,
|
|
1494
|
+
),
|
|
1495
|
+
).toHaveLength(6);
|
|
1496
|
+
|
|
1497
|
+
// A block starting on 02/01 at midnight is flush against that day's line.
|
|
1498
|
+
const gridLine = canvas.getByTestId("grid-line-2024-01-02T00:00:00.000Z");
|
|
1499
|
+
const block = canvas.getAllByTestId("block-2")[0];
|
|
1500
|
+
expect(
|
|
1501
|
+
Math.abs(
|
|
1502
|
+
gridLine.getBoundingClientRect().right -
|
|
1503
|
+
block.getBoundingClientRect().left,
|
|
1504
|
+
),
|
|
1505
|
+
).toBeLessThanOrEqual(1);
|
|
1506
|
+
},
|
|
1507
|
+
};
|
|
1508
|
+
|
|
1509
|
+
export const GridLinesMonth: Story = {
|
|
1510
|
+
args: {
|
|
1511
|
+
...Month.args,
|
|
1512
|
+
showGridLines: true,
|
|
1513
|
+
},
|
|
1514
|
+
play: async ({ canvasElement, mount }) => {
|
|
1515
|
+
MockDate.set("2024-01-11T12:00:00.000Z");
|
|
1516
|
+
await mount();
|
|
1517
|
+
const canvas = within(canvasElement);
|
|
1518
|
+
|
|
1519
|
+
// Month mode: still one line per day, 31 days means 30 inner boundaries.
|
|
1520
|
+
expect(
|
|
1521
|
+
within(canvas.getByTestId("timeline-grid-lines")).getAllByTestId(
|
|
1522
|
+
/^grid-line-/,
|
|
1523
|
+
),
|
|
1524
|
+
).toHaveLength(30);
|
|
1525
|
+
|
|
1526
|
+
const gridLine = canvas.getByTestId("grid-line-2024-01-10T00:00:00.000Z");
|
|
1527
|
+
const block = canvas.getAllByTestId("block-2")[0];
|
|
1528
|
+
expect(
|
|
1529
|
+
Math.abs(
|
|
1530
|
+
gridLine.getBoundingClientRect().right -
|
|
1531
|
+
block.getBoundingClientRect().left,
|
|
1532
|
+
),
|
|
1533
|
+
).toBeLessThanOrEqual(1);
|
|
1534
|
+
},
|
|
1535
|
+
};
|
|
1422
1536
|
```
|
|
1423
1537
|
|
|
1424
1538
|
## Developer notes
|
|
@@ -4,4 +4,4 @@ export declare const CoreTextInput: import('styled-components/dist/types').IStyl
|
|
|
4
4
|
}) => import('react').CSSProperties | undefined) | undefined;
|
|
5
5
|
}, {
|
|
6
6
|
hasIcon: boolean;
|
|
7
|
-
}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement
|
|
7
|
+
}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import('react').Component<any, {}, any>>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
2
|
+
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*,:after,:before{box-sizing:border-box}.design-system-icon{width:1em;display:inline-block}@font-face{font-family:EDF2020;font-style:normal;font-weight:400;src:url(/ds-fonts/EDF2020.woff2)format("woff2")}@font-face{font-family:EDF2020;font-style:normal;font-weight:700;src:url(/ds-fonts/EDF2020Bold.woff2)format("woff2")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:EDF2020,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--color-content-action-action:#1844ff;--color-content-action-action-darker:#0626ac;--color-content-action-action-lighter:#f1f7ff;--color-content-neutral-primary:#001a70;--color-content-neutral-primary-reversed:#fff;--color-content-neutral-secondary:#454545;--color-content-neutral-secondary-light:#666;--color-content-neutral-tertiary:#b0b0b0;--color-content-neutral-stroke:#e7e7e7;--color-content-brand-brand-1:#001a70;--color-content-brand-brand-2:#3f6eff;--color-content-brand-brand-3:#769fff;--color-content-brand-brand-4:#326a21;--color-content-brand-brand-5:#4f9e30;--color-content-brand-brand-6:#76c853;--color-content-brand-brand-7:#c62608;--color-content-brand-brand-8:#fe5716;--color-content-brand-brand-9:#ff7838;--color-content-message-informative:#009fd4;--color-content-message-informative-darker:#007fab;--color-content-message-informative-darkest:#065874;--color-content-message-informative-lighter:#effbff;--color-content-message-negative:#ed1515;--color-content-message-negative-darker:#c80d0d;--color-content-message-negative-darkest:#881414;--color-content-message-negative-lighter:#fff1f1;--color-content-message-positive:#11ab51;--color-content-message-positive-darker:#0c6f2d;--color-content-message-positive-darkest:#0d2e17;--color-content-message-positive-lighter:#e3ffed;--color-content-message-warning:#e27500;--color-content-message-warning-darker:#bb5002;--color-content-message-warning-darkest:#7c330b;--color-content-message-warning-lighter:#fffcea;--color-content-dataviz-orange-1:#fff5ed;--color-content-dataviz-orange-2:#ffcca8;--color-content-dataviz-orange-3:#fe5716;--color-content-dataviz-orange-4:#9d210f;--color-content-dataviz-brown-1:#fffcea;--color-content-dataviz-brown-2:#ffe785;--color-content-dataviz-brown-3:#ff9d00;--color-content-dataviz-brown-4:#983d08;--color-content-dataviz-azure-1:#f1f7ff;--color-content-dataviz-azure-2:#cee1ff;--color-content-dataviz-azure-3:#3f6eff;--color-content-dataviz-azure-4:#052dd2;--color-content-dataviz-ocean-1:#effbff;--color-content-dataviz-ocean-2:#b6efff;--color-content-dataviz-ocean-3:#009fd4;--color-content-dataviz-ocean-4:#006b8d;--color-content-dataviz-purple-1:#f9f5ff;--color-content-dataviz-purple-2:#e4d4ff;--color-content-dataviz-purple-3:#9351fb;--color-content-dataviz-purple-4:#5a1eab;--color-content-dataviz-pink-1:#ffedf8;--color-content-dataviz-pink-2:#ffc2e8;--color-content-dataviz-pink-3:#ee53b5;--color-content-dataviz-pink-4:#a11672;--color-content-dataviz-negative-1:#fff1f1;--color-content-dataviz-negative-2:#ffc5c5;--color-content-dataviz-negative-3:#ed1515;--color-content-dataviz-negative-4:#a50f0f;--color-content-dataviz-positive-1:#e3ffed;--color-content-dataviz-positive-2:#a4f2c2;--color-content-dataviz-positive-3:#11ab51;--color-content-dataviz-positive-4:#0c6f2d;--color-content-dataviz-neutral-1:#f6f6f6;--color-content-dataviz-neutral-2:#d1d1d1;--color-content-dataviz-neutral-3:#888;--color-content-dataviz-neutral-4:#454545;--color-background-neutral-overground:#fff;--color-background-neutral-ground:#fff;--color-background-neutral-ground-reversed:#0e275d;--color-background-neutral-underground-1:#f6f6f6;--color-background-neutral-underground-2:#e7e7e7;--color-background-highlight-focus:#009fd4;--color-background-highlight-focus-reversed:#fff;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:80px;--radius-minimal:2px;--radius-rounded:4px;--radius-full:8px;--stroke-default:1px;--stroke-doubled:2px;--text-font-size-3xl:40px;--text-font-size-2xl:32px;--text-font-size-xl:24px;--text-font-size-lg:20px;--text-font-size-md:16px;--text-font-size-sm:14px;--text-font-size-xs:12px;--text-line-height-3xl:56px;--text-line-height-2xl:40px;--text-line-height-xl:32px;--text-line-height-lg:28px;--text-line-height-md:24px;--text-line-height-sm:20px;--text-line-height-xs:16px;--shadow-light:0 1px 4px 0 #2626261f;--shadow-light-inverted:0 -1px 4px 0 #2626261f;--shadow-medium:0 2px 6px 0 #26262629;--shadow-medium-inverted:0 -2px 6px 0 #26262629;--shadow-strong:0 4px 12px 0 #26262629;--shadow-strong-inverted:0 -4px 12px 0 #26262629;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:20;--z-index-fixed:30;--z-index-modal-backdrop:40;--z-index-off-canvas:50;--z-index-modal:60;--z-index-popover:70;--z-index-tooltip:80}
|
|
3
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agregio-solutions/design-system",
|
|
3
|
-
"version": "1.102.
|
|
3
|
+
"version": "1.102.4",
|
|
4
4
|
"description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/design-system.js",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"@tanstack/react-table": "8.21.3",
|
|
56
56
|
"@types/lodash": "4.17.25",
|
|
57
57
|
"@types/node": "24.13.4",
|
|
58
|
-
"@types/react": "19.
|
|
59
|
-
"@types/react-dom": "19.
|
|
60
|
-
"@vitejs/plugin-react": "
|
|
58
|
+
"@types/react": "19.3.0",
|
|
59
|
+
"@types/react-dom": "19.3.0",
|
|
60
|
+
"@vitejs/plugin-react": "6.1.1",
|
|
61
61
|
"@vitest/browser": "4.1.11",
|
|
62
62
|
"@vitest/browser-playwright": "4.1.11",
|
|
63
63
|
"chromatic": "18.8.1",
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"mockdate": "3.0.5",
|
|
76
76
|
"playwright": "1.63.0",
|
|
77
77
|
"prettier": "3.9.6",
|
|
78
|
-
"react": "19.
|
|
79
|
-
"react-dom": "19.
|
|
78
|
+
"react": "19.3.0",
|
|
79
|
+
"react-dom": "19.3.0",
|
|
80
80
|
"react-hook-form": "7.88.0",
|
|
81
81
|
"react-router-dom": "7.18.3",
|
|
82
82
|
"recharts": "3.10.1",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"storybook": "10.6.0",
|
|
86
86
|
"typescript": "5.9.3",
|
|
87
87
|
"typescript-eslint": "8.70.0",
|
|
88
|
-
"vite": "
|
|
88
|
+
"vite": "8.3.0",
|
|
89
89
|
"vite-plugin-dts": "5.1.0",
|
|
90
90
|
"vite-tsconfig-paths": "6.1.1",
|
|
91
91
|
"vitest": "4.1.11"
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"dependencies": {
|
|
94
94
|
"clsx": "2.1.1",
|
|
95
95
|
"normalize.css": "8.0.1",
|
|
96
|
-
"react-aria-components": "1.
|
|
96
|
+
"react-aria-components": "1.21.1",
|
|
97
97
|
"sonner": "2.0.8",
|
|
98
98
|
"styled-components": "6.5.3"
|
|
99
99
|
},
|
|
@@ -108,6 +108,7 @@
|
|
|
108
108
|
}
|
|
109
109
|
},
|
|
110
110
|
"overrides": {
|
|
111
|
-
"storybook": "$storybook"
|
|
111
|
+
"storybook": "$storybook",
|
|
112
|
+
"@babel/plugin-transform-runtime": "^7.29.0"
|
|
112
113
|
}
|
|
113
114
|
}
|