@axa-fr/design-system-apollo-react 1.0.5-alpha.259 → 1.0.5-alpha.261
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/dist/Form/TextArea/TextAreaApollo.d.ts +12 -6
- package/dist/Form/TextArea/TextAreaCommon.d.ts +1 -6
- package/dist/Form/TextArea/TextAreaLF.d.ts +12 -6
- package/dist/Grid/{DebugGrid.js → DebugGridApollo.js} +3 -2
- package/dist/Grid/DebugGridCommon.d.ts +4 -0
- package/dist/Grid/DebugGridCommon.js +5 -0
- package/dist/Grid/DebugGridLF.d.ts +5 -0
- package/dist/Grid/DebugGridLF.js +17 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/indexLF.d.ts +1 -1
- package/dist/indexLF.js +1 -1
- package/package.json +3 -3
- /package/dist/Grid/{DebugGrid.d.ts → DebugGridApollo.d.ts} +0 -0
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
|
|
2
2
|
import { type ComponentProps } from "react";
|
|
3
3
|
import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
|
|
4
|
-
export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Pick<{
|
|
5
|
+
label?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
inputId: string;
|
|
9
|
+
idLabel: string;
|
|
10
|
+
sideButtonLabel?: string;
|
|
7
11
|
onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
|
|
12
|
+
buttonLabel?: string;
|
|
13
|
+
onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
|
|
15
|
+
}, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
|
|
16
|
+
classModifier?: string;
|
|
8
17
|
helper?: string;
|
|
9
18
|
error?: string;
|
|
10
|
-
description?: string;
|
|
11
|
-
label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
|
|
12
19
|
ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
|
|
13
20
|
ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
|
|
14
|
-
buttonLabel?: string;
|
|
15
21
|
onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
|
|
16
22
|
} & Partial<{
|
|
17
23
|
message?: string;
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
|
|
2
2
|
import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
|
|
3
3
|
import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
|
|
4
|
-
type Props = ComponentPropsWithRef<"textarea"> & {
|
|
4
|
+
type Props = ComponentPropsWithRef<"textarea"> & Pick<ComponentProps<typeof ItemLabel>, "label" | "description" | "buttonLabel" | "sideButtonLabel" | "onSideButtonClick"> & {
|
|
5
5
|
classModifier?: string;
|
|
6
|
-
sideButtonLabel: string;
|
|
7
|
-
onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
|
|
8
6
|
helper?: string;
|
|
9
7
|
error?: string;
|
|
10
|
-
description?: string;
|
|
11
|
-
label: ComponentProps<typeof ItemLabel>["label"];
|
|
12
8
|
ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
|
|
13
9
|
ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
|
|
14
|
-
buttonLabel?: string;
|
|
15
10
|
onButtonClick?: MouseEventHandler<HTMLButtonElement>;
|
|
16
11
|
} & Partial<ComponentPropsWithRef<typeof ItemMessage>>;
|
|
17
12
|
declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
|
|
2
2
|
import { type ComponentProps } from "react";
|
|
3
3
|
import { ItemMessage } from "../ItemMessage/ItemMessageLF";
|
|
4
|
-
export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Pick<{
|
|
5
|
+
label?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
inputId: string;
|
|
9
|
+
idLabel: string;
|
|
10
|
+
sideButtonLabel?: string;
|
|
7
11
|
onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
|
|
12
|
+
buttonLabel?: string;
|
|
13
|
+
onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
|
|
14
|
+
ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
|
|
15
|
+
}, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
|
|
16
|
+
classModifier?: string;
|
|
8
17
|
helper?: string;
|
|
9
18
|
error?: string;
|
|
10
|
-
description?: string;
|
|
11
|
-
label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
|
|
12
19
|
ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
|
|
13
20
|
ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
|
|
14
|
-
buttonLabel?: string;
|
|
15
21
|
onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
|
|
16
22
|
} & Partial<{
|
|
17
23
|
message?: string;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
|
|
3
3
|
import { useState } from "react";
|
|
4
|
-
import { CheckboxCard } from "
|
|
4
|
+
import { CheckboxCard } from "../Form/checkbox/checkboxCard/CheckboxCardApollo";
|
|
5
|
+
import { DebugGridCommon } from "./DebugGridCommon";
|
|
5
6
|
export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
|
|
6
7
|
const [checked, setChecked] = useState(isCheckedByDefault);
|
|
7
8
|
const handleChecked = () => setChecked(!checked);
|
|
@@ -12,5 +13,5 @@ export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
|
|
|
12
13
|
checked,
|
|
13
14
|
onClick: handleChecked,
|
|
14
15
|
},
|
|
15
|
-
] }), _jsx(
|
|
16
|
+
] }), _jsx(DebugGridCommon, { cols: cols })] }));
|
|
16
17
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
|
|
3
|
+
export const DebugGridCommon = ({ cols = 12 }) => {
|
|
4
|
+
return (_jsx("div", { className: "debug-grid", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) }));
|
|
5
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { CheckboxCard } from "../Form/checkbox/checkboxCard/CheckboxCardLF";
|
|
5
|
+
import { DebugGridCommon } from "./DebugGridCommon";
|
|
6
|
+
export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
|
|
7
|
+
const [checked, setChecked] = useState(isCheckedByDefault);
|
|
8
|
+
const handleChecked = () => setChecked(!checked);
|
|
9
|
+
return (_jsxs(_Fragment, { children: [_jsx(CheckboxCard, { type: "vertical", options: [
|
|
10
|
+
{
|
|
11
|
+
name: "debuggrid",
|
|
12
|
+
label: "Grid",
|
|
13
|
+
checked,
|
|
14
|
+
onClick: handleChecked,
|
|
15
|
+
},
|
|
16
|
+
] }), _jsx(DebugGridCommon, { cols: cols })] }));
|
|
17
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
|
|
|
7
7
|
export { Svg } from "./Svg/Svg";
|
|
8
8
|
export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
|
|
9
9
|
export { Tag, type TagVariants, tagVariants } from "./Tag/TagApollo";
|
|
10
|
-
export { DebugGrid } from "./Grid/
|
|
10
|
+
export { DebugGrid } from "./Grid/DebugGridApollo";
|
|
11
11
|
export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
|
|
12
12
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
|
|
13
13
|
export { TextArea } from "./Form/TextArea/TextAreaApollo";
|
package/dist/index.js
CHANGED
|
@@ -7,7 +7,7 @@ export { Link, linkVariants } from "./Link/LinkApollo";
|
|
|
7
7
|
export { Svg } from "./Svg/Svg";
|
|
8
8
|
export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
|
|
9
9
|
export { Tag, tagVariants } from "./Tag/TagApollo";
|
|
10
|
-
export { DebugGrid } from "./Grid/
|
|
10
|
+
export { DebugGrid } from "./Grid/DebugGridApollo";
|
|
11
11
|
export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
|
|
12
12
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
|
|
13
13
|
export { TextArea } from "./Form/TextArea/TextAreaApollo";
|
package/dist/indexLF.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
|
|
|
6
6
|
export { Svg } from "./Svg/Svg";
|
|
7
7
|
export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
|
|
8
8
|
export { Tag, type TagVariants, tagVariants } from "./Tag/TagLF";
|
|
9
|
-
export { DebugGrid } from "./Grid/
|
|
9
|
+
export { DebugGrid } from "./Grid/DebugGridLF";
|
|
10
10
|
export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
|
|
11
11
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
|
|
12
12
|
export { Select } from "./Form/Select/SelectLF";
|
package/dist/indexLF.js
CHANGED
|
@@ -6,7 +6,7 @@ export { Link, linkVariants } from "./Link/LinkLF";
|
|
|
6
6
|
export { Svg } from "./Svg/Svg";
|
|
7
7
|
export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
|
|
8
8
|
export { Tag, tagVariants } from "./Tag/TagLF";
|
|
9
|
-
export { DebugGrid } from "./Grid/
|
|
9
|
+
export { DebugGrid } from "./Grid/DebugGridLF";
|
|
10
10
|
export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
|
|
11
11
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
|
|
12
12
|
export { Select } from "./Form/Select/SelectLF";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axa-fr/design-system-apollo-react",
|
|
3
|
-
"version": "1.0.5-alpha.
|
|
3
|
+
"version": "1.0.5-alpha.261",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
},
|
|
47
47
|
"homepage": "https://github.com/AxaFrance/design-system#readme",
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@axa-fr/design-system-apollo-css": "1.0.5-alpha.
|
|
50
|
-
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.
|
|
49
|
+
"@axa-fr/design-system-apollo-css": "1.0.5-alpha.261",
|
|
50
|
+
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.261",
|
|
51
51
|
"@material-symbols/svg-400": ">= 0.19.0",
|
|
52
52
|
"react": ">= 18"
|
|
53
53
|
},
|
|
File without changes
|