@axa-fr/design-system-slash-react 1.1.1-alpha.30 → 1.1.1-alpha.35

package/dist/Form/Radio/RadioInput.d.ts

@@ -31,16 +31,12 @@ declare const RadioInput: import("react").ForwardRefExoticComponent<Omit<{
     roleContainer?: string;
     ariaLabelContainer?: string;
     isLabelContainerLinkedToInput?: boolean;
-} & Omit<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "type" | "checked"> & {
+} & Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "checked"> & {
     classModifier?: string;
     optionClassName?: string;
     label?: import("react").ReactNode;
     isChecked?: boolean;
-}, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "label" | "className" | "id"> & {
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>, "label" | "className" | "id"> & {
     options: import("../core").Option[];
     mode?: keyof typeof RadioModes;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/core/FieldForm.d.ts

@@ -1,4 +1,4 @@
-import { BaseSyntheticEvent, Dispatch, ReactNode, SetStateAction } from "react";
+import { type BaseSyntheticEvent, type Dispatch, type ReactElement, type ReactNode, type SetStateAction } from "react";
 import { FormClassManager } from "./FormClassManager";
 import { MessageTypes } from "./MessageTypes";
 type TMessage = {
@@ -49,7 +49,7 @@ export declare const eventWrapper: ({ wrapper, props }: EventWrapperProps) => {
     onFocus: (ev: BaseSyntheticEvent) => void;
 };
 type AddPropsClone = Omit<RenderChildrenProps, "children"> & {
-    child: JSX.Element;
+    child: ReactElement<Record<string, unknown>>;
     classModifier: string;
     name: string;
     getMessageClassModifierFn?: typeof FormClassManager.getMessageClassModifier;

package/dist/Form/core/FieldForm.js

@@ -100,7 +100,8 @@ export const renderedChildren = ({ children, wrapper, message, messageType, }) =
     };
     if (child.props.children) {
         const subChildren = renderedChildren({
-            children: child.props.children,
+            children: child.props
+                .children,
             wrapper,
             message,
             messageType,
@@ -118,7 +119,7 @@ export const renderedChildren = ({ children, wrapper, message, messageType, }) =
             messageType,
             classModifier: props.classModifier,
             wrapper,
-            child,
+            child: child,
         }),
     });
 });

package/dist/Layout/Header/NavBar/NavBarItem/NavBarItem.d.ts

@@ -1,8 +1,14 @@
 import { ComponentProps, ReactElement } from "react";
 import { NavBarItemBase } from "./NavBarItemBase";
+type ChildrenProps = {
+    classModifier?: string;
+    tabIndex?: number;
+    hasFocus?: boolean;
+    [key: string]: unknown;
+};
 type Props = Omit<ComponentProps<typeof NavBarItemBase>, "handleKeys" | "isMenuOpen" | "position"> & {
     ariaLabel?: string;
-    children?: ReactElement | ReactElement[];
+    children?: ReactElement<ChildrenProps> | ReactElement<ChildrenProps>[];
 };
 declare const NavBarItem: ({ children, hasFocus, actionElt, ariaLabel, tabIndex, role, className, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export { NavBarItem };

package/dist/Layout/Header/NavBar/NavBarItem/NavBarItemBase.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, KeyboardEvent, ReactElement } from "react";
 type Props = HTMLAttributes<HTMLLIElement> & {
-    actionElt: ReactElement;
+    actionElt: ReactElement<HTMLAttributes<HTMLElement>>;
     handleKeys: (event: KeyboardEvent<HTMLLIElement>) => void;
     hasFocus?: boolean;
     isMenuOpen?: boolean;

package/dist/Layout/Header/ToggleButton/ToggleButton.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
 type Props = {
     children: ReactNode;
     idControl: string;
 };
-declare const ToggleButton: ({ children, idControl }: Props) => false | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare const ToggleButton: ({ children, idControl }: Props) => false | ReactElement<HTMLAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
 export { ToggleButton };

package/dist/Layout/Header/ToggleButton/ToggleButton.js

@@ -1,4 +1,4 @@
-import { cloneElement, isValidElement } from "react";
+import { cloneElement, isValidElement, } from "react";
 const ToggleButton = ({ children, idControl }) => isValidElement(children) &&
     cloneElement(children, {
         ...children.props,

package/dist/Tabs/components/TabsStateless.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { type ReactNode, type MouseEvent } from "react";
 export interface TabsStatelessProps {
     children: ReactNode;
     activeIndex: string;
@@ -6,7 +6,7 @@ export interface TabsStatelessProps {
     classModifier?: string;
 }
 export interface TabsStatelessHandlers {
-    onChange: (event: React.MouseEvent<HTMLButtonElement>, index: string) => void;
+    onChange: (event: MouseEvent<HTMLButtonElement>, index: string) => void;
 }
 type Props = TabsStatelessProps & TabsStatelessHandlers;
 declare const TabsStateless: ({ activeIndex, className, classModifier, children, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/Tabs/components/TabsStateless.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, isValidElement } from "react";
+import { Children, isValidElement, } from "react";
 import { getComponentClassName } from "../..";
 import { Pane } from "./Pane";
 import { Title } from "./Title";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.1.1-alpha.30",
+  "version": "1.1.1-alpha.35",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "1.1.1-alpha.30",
+    "@axa-fr/design-system-slash-css": "1.1.1-alpha.35",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },
@@ -70,5 +70,17 @@
   },
   "volta": {
     "extends": "../../package.json"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.14",
+    "@types/jest-axe": "^3.5.9",
+    "@vitest/coverage-v8": "^3.0.7",
+    "@vitest/ui": "^3.0.7",
+    "jest-axe": "^9.0.0",
+    "vitest": "^3.0.7"
   }
 }