@axa-fr/design-system-look-and-feel-react 1.0.5-ci.121 → 1.0.5-ci.123
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.
@@ -37,15 +37,7 @@ const FileUpload = ({ id, label, buttonLabel, instructions, dropzoneDescription,
|
|
37
37
|
? errors.some((fileError) => fileError.id === fileId)
|
38
38
|
: false;
|
39
39
|
const errorMessage = errors?.find((fileError) => fileError.id === fileId)?.message;
|
40
|
-
return (_jsxs("li", { className: "af-form__file-line", children: [_jsxs("div", { className: `af-form__file-line-container ${isInError ? "af-form__file-line-container--error" : ""}`, children: [_jsxs("div", { className: "af-form__file-title", children: [getIcon(isInError, isLoading), _jsxs("div", { children: [_jsx("span", { className: "af-form__file-name", children: name }), _jsx("span", { className: "af-form__file-size", children: effectiveSize })] })] }), _jsxs("div", { className: "af-form__file-actions", children: [onView && (_jsx(
|
41
|
-
if (e.key === "Enter") {
|
42
|
-
onView(fileId);
|
43
|
-
}
|
44
|
-
}, className: "af-form__file-actions-icon", src: visibility })), onDelete && (_jsx(Svg, { tabIndex: 0, role: "button", "aria-label": "Supprimer", onClick: () => onDelete(fileId), onKeyDown: (e) => {
|
45
|
-
if (e.key === "Enter") {
|
46
|
-
onDelete(fileId);
|
47
|
-
}
|
48
|
-
}, className: "af-form__file-actions-icon", src: close }))] })] }), isInError && (_jsxs("small", { className: "af-form__file-error", children: [_jsx(Svg, { src: errorO, className: "af-form__file-error-icon", width: 18 }), errorMessage] }))] }, fileId));
|
40
|
+
return (_jsxs("li", { className: "af-form__file-line", children: [_jsxs("div", { className: `af-form__file-line-container ${isInError ? "af-form__file-line-container--error" : ""}`, children: [_jsxs("div", { className: "af-form__file-title", children: [getIcon(isInError, isLoading), _jsxs("div", { children: [_jsx("span", { className: "af-form__file-name", children: name }), _jsx("span", { className: "af-form__file-size", children: effectiveSize })] })] }), _jsxs("div", { className: "af-form__file-actions", children: [onView && (_jsx(Button, { "aria-label": "Visualiser", onClick: () => onView(fileId), variant: "ghost", iconLeft: _jsx(Svg, { src: visibility }) })), onDelete && (_jsx(Button, { "aria-label": "Supprimer", onClick: () => onDelete(fileId), variant: "ghost", iconLeft: _jsx(Svg, { src: close }) }))] })] }), isInError && (_jsxs("small", { className: "af-form__file-error", children: [_jsx(Svg, { src: errorO, className: "af-form__file-error-icon", width: 18 }), errorMessage] }))] }, fileId));
|
49
41
|
}) })] }))] }));
|
50
42
|
};
|
51
43
|
FileUpload.displayName = "FileUpload";
|
@@ -0,0 +1 @@
|
|
1
|
+
export { ItemMessage } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -0,0 +1 @@
|
|
1
|
+
export { ItemMessage } from "@axa-fr/design-system-apollo-react/lf";
|
package/dist/index.d.ts
CHANGED
@@ -10,6 +10,7 @@ export { Divider } from "./Divider";
|
|
10
10
|
export { Checkbox, CheckboxSelect } from "./Form/Checkbox";
|
11
11
|
export { FileUpload } from "./Form/FileUpload";
|
12
12
|
export { InputError } from "./Form/InputError";
|
13
|
+
export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
|
13
14
|
export { Radio, RadioSelect } from "./Form/Radio";
|
14
15
|
export { Select } from "./Form/Select";
|
15
16
|
export { Text as TextInput } from "./Form/Text";
|
package/dist/index.js
CHANGED
@@ -9,6 +9,7 @@ export { Divider } from "./Divider";
|
|
9
9
|
export { Checkbox, CheckboxSelect } from "./Form/Checkbox";
|
10
10
|
export { FileUpload } from "./Form/FileUpload";
|
11
11
|
export { InputError } from "./Form/InputError";
|
12
|
+
export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
|
12
13
|
export { Radio, RadioSelect } from "./Form/Radio";
|
13
14
|
export { Select } from "./Form/Select";
|
14
15
|
export { Text as TextInput } from "./Form/Text";
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@axa-fr/design-system-look-and-feel-react",
|
3
|
-
"version": "1.0.5-ci.
|
3
|
+
"version": "1.0.5-ci.123",
|
4
4
|
"description": "",
|
5
5
|
"main": "./dist/index.js",
|
6
6
|
"types": "./dist/index.d.ts",
|
@@ -47,7 +47,8 @@
|
|
47
47
|
},
|
48
48
|
"homepage": "https://github.com/AxaFrance/design-system#readme",
|
49
49
|
"peerDependencies": {
|
50
|
-
"@axa-fr/design-system-
|
50
|
+
"@axa-fr/design-system-apollo-react": "*",
|
51
|
+
"@axa-fr/design-system-look-and-feel-css": "1.0.5-ci.123",
|
51
52
|
"@material-symbols/svg-400": ">= 0.19.0",
|
52
53
|
"react": ">= 18"
|
53
54
|
},
|