@axa-fr/design-system-look-and-feel-react 0.2.0-beta.339 → 0.2.0-beta.352
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.
- package/package.json +21 -17
- package/dist/Accordion/Accordion.stories.d.ts +0 -7
- package/dist/Accordion/Accordion.stories.js +0 -40
- package/dist/Accordion/__tests__/Accordion.test.d.ts +0 -1
- package/dist/Accordion/__tests__/Accordion.test.js +0 -50
- package/dist/Accordion/__tests__/AccordionTagDateContainer.test.d.ts +0 -1
- package/dist/Accordion/__tests__/AccordionTagDateContainer.test.js +0 -23
- package/dist/AccordionCore/AccordionCore.stories.d.ts +0 -8
- package/dist/AccordionCore/AccordionCore.stories.js +0 -41
- package/dist/AccordionCore/__tests__/AccordionCore.test.d.ts +0 -1
- package/dist/AccordionCore/__tests__/AccordionCore.test.js +0 -47
- package/dist/Alert/Alert.stories.d.ts +0 -6
- package/dist/Alert/Alert.stories.js +0 -37
- package/dist/Alert/__tests__/Alert.test.d.ts +0 -1
- package/dist/Alert/__tests__/Alert.test.js +0 -33
- package/dist/Button/Button.stories.d.ts +0 -22
- package/dist/Button/Button.stories.js +0 -99
- package/dist/Card/Card.stories.d.ts +0 -6
- package/dist/Card/Card.stories.js +0 -40
- package/dist/Card/__tests__/Card.test.d.ts +0 -1
- package/dist/Card/__tests__/Card.test.js +0 -27
- package/dist/Form/Checkbox/Checkbox.stories.d.ts +0 -6
- package/dist/Form/Checkbox/Checkbox.stories.js +0 -38
- package/dist/Form/Checkbox/CheckboxSelect.stories.d.ts +0 -6
- package/dist/Form/Checkbox/CheckboxSelect.stories.js +0 -55
- package/dist/Form/FileUpload/FIleUpload.stories.d.ts +0 -6
- package/dist/Form/FileUpload/FIleUpload.stories.js +0 -54
- package/dist/Form/InputError/InputError.stories.d.ts +0 -5
- package/dist/Form/InputError/InputError.stories.js +0 -12
- package/dist/Form/Radio/Radio.stories.d.ts +0 -6
- package/dist/Form/Radio/Radio.stories.js +0 -38
- package/dist/Form/Radio/RadioSelect.stories.d.ts +0 -8
- package/dist/Form/Radio/RadioSelect.stories.js +0 -112
- package/dist/Form/Select/Select.stories.d.ts +0 -10
- package/dist/Form/Select/Select.stories.js +0 -31
- package/dist/Form/Text/Text.stories.d.ts +0 -9
- package/dist/Form/Text/Text.stories.js +0 -51
- package/dist/IconBg/IconBg.stories.d.ts +0 -5
- package/dist/IconBg/IconBg.stories.js +0 -23
- package/dist/IconBg/__tests__/IconBg.test.d.ts +0 -1
- package/dist/IconBg/__tests__/IconBg.test.js +0 -22
- package/dist/Layout/Footer/Footer.stories.d.ts +0 -14
- package/dist/Layout/Footer/Footer.stories.js +0 -48
- package/dist/Layout/Header/Header.stories.d.ts +0 -10
- package/dist/Layout/Header/Header.stories.js +0 -52
- package/dist/Layout/Header/NavBar/NavBar.stories.d.ts +0 -8
- package/dist/Layout/Header/NavBar/NavBar.stories.js +0 -17
- package/dist/Layout/Header/PreviousLink/PreviousLink.stories.d.ts +0 -8
- package/dist/Layout/Header/PreviousLink/PreviousLink.stories.js +0 -16
- package/dist/Link/Link.stories.d.ts +0 -5
- package/dist/Link/Link.stories.js +0 -14
- package/dist/List/ClickList/ClickItem/__tests__/ClickItem.test.d.ts +0 -1
- package/dist/List/ClickList/ClickItem/__tests__/ClickItem.test.js +0 -62
- package/dist/List/ClickList/ClickList.stories.d.ts +0 -7
- package/dist/List/ClickList/ClickList.stories.js +0 -103
- package/dist/List/ClickList/__tests__/ClickList.client.test.d.ts +0 -1
- package/dist/List/ClickList/__tests__/ClickList.client.test.js +0 -18
- package/dist/List/ContentItemDuo/ContentItemDuo.stories.d.ts +0 -28
- package/dist/List/ContentItemDuo/ContentItemDuo.stories.js +0 -86
- package/dist/List/ContentItemDuo/__tests__/ContentItemDuo.test.d.ts +0 -1
- package/dist/List/ContentItemDuo/__tests__/ContentItemDuo.test.js +0 -40
- package/dist/List/ContentItemMono/ContentItemMono.stories.d.ts +0 -16
- package/dist/List/ContentItemMono/ContentItemMono.stories.js +0 -99
- package/dist/List/ContentItemMono/__tests__/ContentItemMono.test.d.ts +0 -1
- package/dist/List/ContentItemMono/__tests__/ContentItemMono.test.js +0 -45
- package/dist/List/ContentTabList/ContentTabItem/__tests__/ContentTabItem.test.d.ts +0 -1
- package/dist/List/ContentTabList/ContentTabItem/__tests__/ContentTabItem.test.js +0 -100
- package/dist/List/ContentTabList/ContentTabList.stories.d.ts +0 -7
- package/dist/List/ContentTabList/ContentTabList.stories.js +0 -78
- package/dist/List/ContentTabList/__tests__/ContentTabList.test.d.ts +0 -1
- package/dist/List/ContentTabList/__tests__/ContentTabList.test.js +0 -57
- package/dist/List/List.stories.d.ts +0 -8
- package/dist/List/List.stories.js +0 -31
- package/dist/List/__tests__/List.test.d.ts +0 -1
- package/dist/List/__tests__/List.test.js +0 -30
- package/dist/Loader/Loader.stories.d.ts +0 -6
- package/dist/Loader/Loader.stories.js +0 -15
- package/dist/ModalClient/Modal.stories.d.ts +0 -7
- package/dist/ModalClient/Modal.stories.js +0 -37
- package/dist/Pagination/Pagination.stories.d.ts +0 -11
- package/dist/Pagination/Pagination.stories.js +0 -19
- package/dist/Stepper/Stepper.stories.d.ts +0 -16
- package/dist/Stepper/Stepper.stories.js +0 -23
- package/dist/Svg/Svg.stories.d.ts +0 -7
- package/dist/Svg/Svg.stories.js +0 -40
- package/dist/Svg/__tests__/Svg.test.d.ts +0 -1
- package/dist/Svg/__tests__/Svg.test.js +0 -38
- package/dist/Tabs/Tabs.stories.d.ts +0 -17
- package/dist/Tabs/Tabs.stories.js +0 -89
- package/dist/Tag/Tag.stories.d.ts +0 -5
- package/dist/Tag/Tag.stories.js +0 -22
- package/dist/Tag/__test__/Tag.test.d.ts +0 -1
- package/dist/Tag/__test__/Tag.test.js +0 -18
- package/dist/Title/Title.stories.d.ts +0 -6
- package/dist/Title/Title.stories.js +0 -45
- package/dist/Title/__tests__/Title.test.d.ts +0 -1
- package/dist/Title/__tests__/Title.test.js +0 -28
- package/dist/Title/__tests__/TitleWithSubtitles.test.d.ts +0 -1
- package/dist/Title/__tests__/TitleWithSubtitles.test.js +0 -14
package/dist/Tag/Tag.stories.js
DELETED
@@ -1,22 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { Tag } from ".";
|
3
|
-
const meta = {
|
4
|
-
title: "Components/Tag",
|
5
|
-
component: Tag,
|
6
|
-
};
|
7
|
-
export default meta;
|
8
|
-
export const Default = {
|
9
|
-
name: "Tag",
|
10
|
-
render: (args) => _jsx(Tag, { ...args }),
|
11
|
-
args: {
|
12
|
-
children: "Texte",
|
13
|
-
classModifier: "",
|
14
|
-
},
|
15
|
-
argTypes: {
|
16
|
-
classModifier: {
|
17
|
-
options: ["", "success", "error", "warning", "info"],
|
18
|
-
control: { type: "select" },
|
19
|
-
defaultValue: "",
|
20
|
-
},
|
21
|
-
},
|
22
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { render, screen } from "@testing-library/react";
|
3
|
-
import { Tag } from "../Tag";
|
4
|
-
describe("Tag", () => {
|
5
|
-
it("should render children correctly", () => {
|
6
|
-
const children = "Sample Tag";
|
7
|
-
render(_jsx(Tag, { children: children }));
|
8
|
-
const tagSpan = screen.getByText(children);
|
9
|
-
expect(tagSpan).toHaveClass("af-tag__label");
|
10
|
-
expect(tagSpan.parentElement).toHaveClass("af-tag");
|
11
|
-
});
|
12
|
-
it("should have custom classModifier", () => {
|
13
|
-
const children = "Sample Tag";
|
14
|
-
const classModifier = "modifier";
|
15
|
-
render(_jsx(Tag, { classModifier: classModifier, children: children }));
|
16
|
-
expect(screen.getByText(children).parentElement).toHaveClass(`af-tag af-tag--${classModifier}`);
|
17
|
-
});
|
18
|
-
});
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
2
|
-
import { Title } from ".";
|
3
|
-
declare const meta: Meta<typeof Title>;
|
4
|
-
export default meta;
|
5
|
-
export declare const TitleWithIcon: StoryObj<typeof Title>;
|
6
|
-
export declare const TitleWithoutIcon: StoryObj<typeof Title>;
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import article from "@material-symbols/svg-400/outlined/article-fill.svg";
|
3
|
-
import { Title } from ".";
|
4
|
-
import { Svg } from "../Svg";
|
5
|
-
import { TitleSize } from "./constants";
|
6
|
-
const meta = {
|
7
|
-
title: "Components/Title",
|
8
|
-
component: Title,
|
9
|
-
};
|
10
|
-
export default meta;
|
11
|
-
export const TitleWithIcon = {
|
12
|
-
name: "Title With Icon",
|
13
|
-
render: (args) => _jsx(Title, { ...args }),
|
14
|
-
args: {
|
15
|
-
children: "Titre de la page",
|
16
|
-
firstSubtitle: "Sous-titre 1",
|
17
|
-
secondSubtitle: "Sous-titre 2",
|
18
|
-
icon: _jsx(Svg, { src: article }),
|
19
|
-
size: TitleSize.XL,
|
20
|
-
},
|
21
|
-
argTypes: {
|
22
|
-
size: {
|
23
|
-
options: Object.values(TitleSize),
|
24
|
-
control: { type: "select" },
|
25
|
-
defaultValue: TitleSize.XL,
|
26
|
-
},
|
27
|
-
},
|
28
|
-
};
|
29
|
-
export const TitleWithoutIcon = {
|
30
|
-
name: "Title Without Icon",
|
31
|
-
render: (args) => _jsx(Title, { ...args }),
|
32
|
-
args: {
|
33
|
-
children: "Titre de la page",
|
34
|
-
firstSubtitle: "Sous-titre 1",
|
35
|
-
secondSubtitle: "Sous-titre 2",
|
36
|
-
size: TitleSize.XL,
|
37
|
-
},
|
38
|
-
argTypes: {
|
39
|
-
size: {
|
40
|
-
options: Object.values(TitleSize),
|
41
|
-
control: { type: "select" },
|
42
|
-
defaultValue: TitleSize.XL,
|
43
|
-
},
|
44
|
-
},
|
45
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { render, screen } from "@testing-library/react";
|
3
|
-
import { Title } from "..";
|
4
|
-
import { TitleSize } from "../constants";
|
5
|
-
describe("Title", () => {
|
6
|
-
it("should render correctly", () => {
|
7
|
-
render(_jsx(Title, { firstSubtitle: "firstSubtitle", secondSubtitle: "secondSubtitle", icon: "icon", children: "Title" }));
|
8
|
-
expect(screen.getByRole("heading", { name: "Title", level: 1 })).toBeInTheDocument();
|
9
|
-
expect(screen.getByText("firstSubtitle")).toBeInTheDocument();
|
10
|
-
expect(screen.getByText("secondSubtitle")).toBeInTheDocument();
|
11
|
-
expect(screen.getByText("icon")).toBeInTheDocument();
|
12
|
-
});
|
13
|
-
it("should have custom class", () => {
|
14
|
-
render(_jsx(Title, { firstSubtitle: "firstSubtitle", className: "custom-class", children: "Title" }));
|
15
|
-
expect(screen.getByText("Title").parentElement).toHaveClass("custom-class");
|
16
|
-
});
|
17
|
-
it("should have custom class with modifier", () => {
|
18
|
-
render(_jsx(Title, { firstSubtitle: "firstSubtitle", className: "custom-class", classModifier: "modifier", children: "Title" }));
|
19
|
-
expect(screen.getByText("Title").parentElement).toHaveClass("custom-class custom-class--modifier");
|
20
|
-
});
|
21
|
-
it('should not display icon and second subtitle when size is "L"', () => {
|
22
|
-
render(_jsx(Title, { firstSubtitle: "firstSubtitle", secondSubtitle: "secondSubtitle", icon: "icon", size: TitleSize.L, children: "Title" }));
|
23
|
-
expect(screen.getByRole("heading", { name: "Title", level: 1 })).toBeInTheDocument();
|
24
|
-
expect(screen.getByText("firstSubtitle")).toBeInTheDocument();
|
25
|
-
expect(screen.queryByText("secondSubtitle")).not.toBeInTheDocument();
|
26
|
-
expect(screen.queryByText("icon")).not.toBeInTheDocument();
|
27
|
-
});
|
28
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { render, screen } from "@testing-library/react";
|
3
|
-
import { TitleWithSubtitles } from "../TitleWithSubtitles";
|
4
|
-
describe("TitleWithSubtitles", () => {
|
5
|
-
it("should render title and the two subtitles", () => {
|
6
|
-
const title = "Sample Title";
|
7
|
-
const firstSubtitle = "First Subtitle";
|
8
|
-
const secondSubtitle = "Second Subtitle";
|
9
|
-
render(_jsx(TitleWithSubtitles, { title: title, firstSubtitle: firstSubtitle, secondSubtitle: secondSubtitle }));
|
10
|
-
screen.getByRole("heading", { name: title, level: 1 });
|
11
|
-
expect(screen.getByText(firstSubtitle)).toBeInTheDocument();
|
12
|
-
expect(screen.getByText(secondSubtitle)).toBeInTheDocument();
|
13
|
-
});
|
14
|
-
});
|