@axa-fr/canopee-react 1.4.2-alpha.11 → 1.4.2-alpha.13

package/dist/client.d.ts

@@ -74,3 +74,4 @@ export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/Form
 export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";
+export { Loader, type LoaderProps } from "./prospect-client/Loader/LoaderLF";

package/dist/client.js

@@ -73,3 +73,4 @@ export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
+export { Loader } from "./prospect-client/Loader/LoaderLF";

package/dist/prospect-client/Loader/LoaderApollo.d.ts

@@ -0,0 +1,7 @@
+import { type LoaderProps } from "./LoaderCommon";
+import "@axa-fr/canopee-css/prospect/Loader/LoaderApollo.css";
+export { type LoaderProps } from "./LoaderCommon";
+export declare const Loader: {
+    (props: LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Loader/LoaderApollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoaderCommon } from "./LoaderCommon";
+import { Spinner } from "../Spinner/SpinnerApollo";
+import "@axa-fr/canopee-css/prospect/Loader/LoaderApollo.css";
+export {} from "./LoaderCommon";
+export const Loader = (props) => (_jsx(LoaderCommon, { ...props, SpinnerComponent: Spinner }));
+Loader.displayName = "Loader";

package/dist/prospect-client/Loader/LoaderCommon.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentType, type ElementType } from "react";
+import { type SpinnerProps } from "../Spinner/SpinnerCommon";
+import type { PolymorphicComponent } from "../utilities/types/PolymorphicComponent";
+export type LoaderProps = {
+    isDialog?: boolean;
+    title: string;
+    subtitle?: string;
+    spinnerProps?: SpinnerProps;
+};
+export type LoaderCommonProps<T extends ElementType> = PolymorphicComponent<T, LoaderProps> & {
+    SpinnerComponent: ComponentType<SpinnerProps>;
+};
+export declare const LoaderCommon: import("react").ForwardRefExoticComponent<Omit<LoaderCommonProps<ElementType>, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/prospect-client/Loader/LoaderCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { getClassName } from "../utilities/getClassName";
+import {} from "../Spinner/SpinnerCommon";
+export const LoaderCommon = forwardRef(({ title, subtitle, SpinnerComponent, spinnerProps, className, isDialog, ...rest }, ref) => {
+    const baseClassName = "af-loader";
+    const titleId = useId();
+    const Component = (isDialog && "dialog") || "article";
+    return (_jsxs(Component, { ref: ref, className: getClassName({
+            baseClassName,
+            className,
+        }), "aria-labelledby": titleId, ...rest, children: [_jsx(SpinnerComponent, { ...spinnerProps }), _jsxs("div", { className: `${baseClassName}__content`, children: [_jsx("span", { id: titleId, className: `${baseClassName}__title`, children: title }), subtitle ? (_jsx("span", { className: `${baseClassName}__subtitle`, children: subtitle })) : null] })] }));
+});
+LoaderCommon.displayName = "LoaderCommon";

package/dist/prospect-client/Loader/LoaderLF.d.ts

@@ -0,0 +1,7 @@
+import { type LoaderProps } from "./LoaderCommon";
+import "@axa-fr/canopee-css/client/Loader/LoaderLF.css";
+export { type LoaderProps } from "./LoaderCommon";
+export declare const Loader: {
+    (props: LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Loader/LoaderLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoaderCommon } from "./LoaderCommon";
+import { Spinner } from "../Spinner/SpinnerLF";
+import "@axa-fr/canopee-css/client/Loader/LoaderLF.css";
+export {} from "./LoaderCommon";
+export const Loader = (props) => (_jsx(LoaderCommon, { ...props, SpinnerComponent: Spinner }));
+Loader.displayName = "Loader";

package/dist/prospect.d.ts

@@ -70,3 +70,4 @@ export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/Form
 export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageApollo";
 export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageApollo";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";
+export { Loader, type LoaderProps, } from "./prospect-client/Loader/LoaderApollo";

package/dist/prospect.js

@@ -69,3 +69,4 @@ export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApoll
 export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageApollo";
 export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageApollo";
+export { Loader, } from "./prospect-client/Loader/LoaderApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.4.2-alpha.11",
+  "version": "1.4.2-alpha.13",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -49,7 +49,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.4.2-alpha.11",
+    "@axa-fr/canopee-css": "1.4.2-alpha.13",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"