@axa-fr/design-system-apollo-react 1.0.3-ci.116

package/dist/Button/ButtonApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Button/ButtonApollo.scss";
+export { Button, buttonVariants, type ButtonVariants } from "./ButtonCommon";

package/dist/Button/ButtonApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Button/ButtonApollo.scss";
+export { Button, buttonVariants } from "./ButtonCommon";

package/dist/Button/ButtonCommon.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from "react";
+export declare const buttonVariants: {
+    readonly primary: "primary";
+    readonly "primary-business": "primary-business";
+    readonly "primary-inverse": "primary-inverse";
+    readonly secondary: "secondary";
+    readonly "secondary-inverse": "secondary-inverse";
+    readonly tertiary: "tertiary";
+    readonly ghost: "ghost";
+};
+export type ButtonVariants = keyof typeof buttonVariants;
+type ButtonProps = {
+    variant?: ButtonVariants;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    loading?: boolean;
+} & ComponentPropsWithoutRef<"button">;
+export declare const Button: ({ children, className, variant, iconLeft, iconRight, disabled, loading, ...args }: PropsWithChildren<ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Button/ButtonCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader } from "../Loader/Loader";
+export const buttonVariants = {
+    primary: "primary",
+    "primary-business": "primary-business",
+    "primary-inverse": "primary-inverse",
+    secondary: "secondary",
+    "secondary-inverse": "secondary-inverse",
+    tertiary: "tertiary",
+    ghost: "ghost",
+};
+export const Button = ({ children, className, variant = "primary", iconLeft, iconRight, disabled, loading, ...args }) => (_jsxs("button", { className: ["af-btn-client", `af-btn-client--${variant}`, className]
+        .filter(Boolean)
+        .join(" "), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, loading && _jsx(Loader, { size: 24, border: 3, variant: "gray" })] }));

package/dist/Button/ButtonLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Button/ButtonLF.scss";
+export { Button, buttonVariants, type ButtonVariants } from "./ButtonCommon";

package/dist/Button/ButtonLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Button/ButtonLF.scss";
+export { Button, buttonVariants } from "./ButtonCommon";

package/dist/Loader/Loader.d.ts

@@ -0,0 +1,12 @@
+import "@axa-fr/design-system-apollo-css/dist/Loader/Loader.scss";
+type LoaderProps = {
+    border?: number;
+    size?: number;
+    variant?: "blue" | "gray" | "white";
+    text?: string;
+};
+declare const Loader: {
+    ({ border, size, variant, text, }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Loader };

package/dist/Loader/Loader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Loader/Loader.scss";
+import classNames from "classnames";
+const Loader = ({ border = 5, size = 60, variant = "blue", text = "Chargement en cours", }) => (_jsx("div", { role: "alert", "aria-busy": true, "aria-label": text, "aria-live": "assertive", className: classNames("af-loader__container", `af-loader__container--${variant}`), style: {
+        width: `${size}px`,
+        height: `${size}px`,
+        borderWidth: `${border}px`,
+        borderTopWidth: `${border}px`,
+    }, children: _jsx("div", { className: "af-loader__container-spin", "aria-hidden": "true" }) }));
+Loader.displayName = "Loader";
+export { Loader };

package/dist/Svg/Svg.d.ts

@@ -0,0 +1,7 @@
+import { type SVGAttributes } from "react";
+type SvgProps = SVGAttributes<SVGSVGElement> & {
+    src: string;
+    alt?: string;
+};
+export declare const Svg: ({ src, alt, width, height, ...props }: SvgProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/Svg/Svg.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { svgInjector } from "./svgInjector";
+const cloneAttributes = (from, to) => {
+    const attributes = from.getAttributeNames();
+    attributes.forEach((attribute) => {
+        to.setAttribute(attribute, from.getAttribute(attribute));
+    });
+};
+export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
+    const rootRef = React.useRef(null);
+    const [hasError, setHasError] = React.useState(false);
+    React.useLayoutEffect(() => {
+        if (hasError) {
+            setHasError(false);
+        }
+    }, [src]);
+    React.useLayoutEffect(() => {
+        if (hasError) {
+            return;
+        }
+        const root = rootRef.current;
+        if (root) {
+            const parent = document.createElement("div");
+            const svg = document.createElement("svg");
+            parent.appendChild(svg);
+            cloneAttributes(root, svg);
+            svg.setAttribute("width", width.toString());
+            svg.setAttribute("height", height.toString());
+            svgInjector(svg, {
+                afterEach: (error, svgInject) => {
+                    if (error) {
+                        setHasError(true);
+                    }
+                    if (svgInject) {
+                        root.innerHTML = svgInject.innerHTML;
+                        cloneAttributes(svgInject, root);
+                    }
+                },
+            });
+        }
+    }, [src, width, height, hasError]);
+    if (hasError) {
+        return alt ? (_jsx("span", { ...props, children: alt })) : null;
+    }
+    return (_jsx("svg", { ref: rootRef, "data-src": src, width: width, height: height, ...props }));
+};

package/dist/Svg/svgInjector.d.ts

@@ -0,0 +1,12 @@
+import { type AfterAll, type BeforeEach, type Errback, type EvalScripts } from "@tanem/svg-injector";
+type Options = {
+    afterAll?: AfterAll;
+    afterEach?: Errback;
+    beforeEach?: BeforeEach;
+    cacheRequests?: boolean;
+    evalScripts?: EvalScripts;
+    httpRequestWithCredentials?: boolean;
+    renumerateIRIElements?: boolean;
+};
+export declare const svgInjector: (element: HTMLElement | SVGSVGElement | null, { beforeEach, ...options }?: Options) => void;
+export {};

package/dist/Svg/svgInjector.js

@@ -0,0 +1,31 @@
+import { SVGInjector, } from "@tanem/svg-injector";
+import DOMPurify from "dompurify";
+const attributesToRestore = ["fill", "stroke"];
+const restoreAttributes = (element, svg) => {
+    const attributes = {};
+    element?.getAttributeNames().forEach((attribute) => {
+        if (attribute.startsWith("aria-") ||
+            attributesToRestore.includes(attribute)) {
+            attributes[attribute] = element.getAttribute(attribute);
+        }
+    });
+    Object.keys(attributes).forEach((attribute) => {
+        svg.setAttribute(attribute, attributes[attribute]);
+    });
+};
+export const svgInjector = (element, { beforeEach = () => { }, ...options } = {}) => {
+    if (!element) {
+        return;
+    }
+    SVGInjector(element, {
+        ...options,
+        beforeEach: (svg) => {
+            DOMPurify.sanitize(svg, {
+                USE_PROFILES: { svg: true, svgFilters: true },
+                IN_PLACE: true,
+            });
+            restoreAttributes(element, svg);
+            beforeEach(svg);
+        },
+    });
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
+import "@fontsource/source-sans-pro";
+export { Button } from "./Button/ButtonApollo";
+export { buttonVariants, type ButtonVariants } from "./Button/ButtonCommon";
+export { Svg } from "./Svg/Svg";
+export { Loader } from "./Loader/Loader";

package/dist/index.js

@@ -0,0 +1,6 @@
+import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
+import "@fontsource/source-sans-pro";
+export { Button } from "./Button/ButtonApollo";
+export { buttonVariants } from "./Button/ButtonCommon";
+export { Svg } from "./Svg/Svg";
+export { Loader } from "./Loader/Loader";

package/dist/indexLF.d.ts

@@ -0,0 +1,6 @@
+import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
+import "@fontsource/source-sans-pro";
+export { Button } from "./Button/ButtonLF";
+export { buttonVariants, type ButtonVariants } from "./Button/ButtonCommon";
+export { Svg } from "./Svg/Svg";
+export { Loader } from "./Loader/Loader";

package/dist/indexLF.js

@@ -0,0 +1,6 @@
+import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
+import "@fontsource/source-sans-pro";
+export { Button } from "./Button/ButtonLF";
+export { buttonVariants } from "./Button/ButtonCommon";
+export { Svg } from "./Svg/Svg";
+export { Loader } from "./Loader/Loader";

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@axa-fr/design-system-apollo-react",
+  "version": "1.0.3-ci.116",
+  "description": "",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "development": {
+        "import": "./src/index.ts"
+      },
+      "default": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      }
+    },
+    "./lf": {
+      "development": {
+        "import": "./src/indexLF.ts"
+      },
+      "default": {
+        "import": "./dist/indexLF.js",
+        "types": "./dist/indexLF.d.ts"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsc -p tsconfig.build.json --watch",
+    "eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "eslint:fix": "eslint src --ext js,jsx,ts,tsx --fix",
+    "prettier": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --check",
+    "prettier:fix": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --write",
+    "check-types": "tsc --noEmit",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:ci": "vitest run --coverage"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AxaFrance/design-system.git"
+  },
+  "author": {
+    "name": "AxaFrance"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AxaFrance/design-system/issues"
+  },
+  "homepage": "https://github.com/AxaFrance/design-system#readme",
+  "peerDependencies": {
+    "@material-symbols/svg-400": ">= 0.19.0",
+    "react": ">= 18",
+    "@axa-fr/design-system-apollo-css": "1.0.3-ci.116"
+  },
+  "peerDependenciesMeta": {
+    "@material-symbols/svg-400": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@axa-fr/design-system-apollo-css": "*",
+    "@axa-fr/design-system-look-and-feel-css": "*",
+    "@fontsource/source-sans-pro": "^5.0.8",
+    "@tanem/svg-injector": "^10.1.68",
+    "classnames": "^2.5.1",
+    "dompurify": "^3.1.5",
+    "rc-slider": "^11.1.7"
+  },
+  "lint-staged": {
+    "*.(js|jsx|ts|tsx)": "eslint --fix",
+    "*.(ts|tsx)": "tsc-files --noEmit",
+    "*.mdx": "prettier --write"
+  },
+  "volta": {
+    "extends": "../../../package.json"
+  }
+}