@axa-fr/canopee-react 1.0.0-alpha.1089

package/dist/distributeur/Svg/svgInjector.js

@@ -0,0 +1,28 @@
+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 } = {}) => {
+    SVGInjector(element, {
+        ...options,
+        beforeEach: (svg) => {
+            DOMPurify.sanitize(svg, {
+                USE_PROFILES: { svg: true, svgFilters: true },
+                IN_PLACE: true,
+            });
+            restoreAttributes(element, svg);
+            beforeEach(svg);
+        },
+    });
+};

package/dist/distributeur/Table/Pagination/Items.d.ts

@@ -0,0 +1,30 @@
+export type Props = {
+    id?: string;
+    className?: string;
+    classModifier?: string;
+    /**
+     * Text displayed before the per-page select
+     */
+    displayLabel?: string;
+    /**
+     * Text displayed after the per-page select and used in page selection links label
+     */
+    elementsLabel?: string;
+    /**
+     * Possible values for the number of items displayed per page
+     */
+    items?: number[];
+    /**
+     * Number of items displayed per page
+     */
+    numberItems?: number;
+    /**
+     * Aria label for the the per-page select
+     */
+    selectAriaLabel?: string;
+    onChange: (e: {
+        value: number;
+    }) => void;
+};
+declare const Items: ({ className, classModifier, onChange, displayLabel, elementsLabel, selectAriaLabel, id, items, numberItems, }: Props) => import("react/jsx-runtime").JSX.Element;
+export { Items };

package/dist/distributeur/Table/Pagination/Items.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Select } from "../../Form/Select";
+import { getComponentClassName } from "../../utilities";
+const Items = ({ className, classModifier, onChange, displayLabel = "Afficher", elementsLabel = "éléments", selectAriaLabel = "Modifier le nombre d'éléments à afficher dans le tableau", id, items = [5, 10, 25, 50, 100], numberItems = 10, }) => {
+    const defaultIdName = useId();
+    const newId = id ?? defaultIdName;
+    const componentClassName = getComponentClassName(className, classModifier, "af-paging__form");
+    return (_jsx("div", { className: "af-paging__limit", children: _jsx("form", { className: componentClassName, children: _jsxs("div", { className: "af-form__group", children: [_jsx("div", { className: "col col-sm-2 col-md-2 col-lg-2 col-xl-2", children: _jsx("label", { className: "af-form__group-label", htmlFor: newId, children: displayLabel }) }), _jsxs("div", { className: "col col-sm-10 col-md-10 col-lg-10 col-xl-10", children: [_jsx(Select, { id: newId, value: numberItems, mode: "base", options: items.map((item) => ({
+                                    label: item.toString(),
+                                    value: item.toString(),
+                                })), onChange: (e) => {
+                                    e.preventDefault();
+                                    onChange({ value: Number(e.target.value) });
+                                }, "aria-label": selectAriaLabel }), _jsx("span", { className: "af-form__input-cmplt", children: elementsLabel })] })] }) }) }));
+};
+export { Items };

package/dist/distributeur/Table/Pagination/Li.d.ts

@@ -0,0 +1,11 @@
+type LiProps = {
+    isVisible?: boolean;
+    active?: boolean;
+    value: number;
+    pageLinkLabel: string;
+    onChange: (e: {
+        value: number;
+    }) => void;
+};
+declare const Li: ({ isVisible, active, value, pageLinkLabel, onChange }: LiProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Li };

package/dist/distributeur/Table/Pagination/Li.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const onClick = ({ onChange, value }) => (event) => {
+    event.preventDefault();
+    onChange({
+        value: Number(value),
+    });
+};
+const Li = ({ isVisible, active, value, pageLinkLabel, onChange }) => {
+    if (!isVisible) {
+        return null;
+    }
+    return (_jsx("li", { className: "af-pager__item", children: _jsx("a", { "aria-current": active ? "page" : undefined, className: "af-pager__item-link", href: "/#", "aria-label": `Page ${value} des ${pageLinkLabel}`, onClick: onClick({ onChange, value }), children: _jsx("span", { children: value }) }) }));
+};
+export { Li };

package/dist/distributeur/Table/Pagination/LiPoint.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+type LiPointProps = {
+    isVisible?: boolean;
+    children?: ReactNode;
+};
+declare const LiPoint: ({ isVisible, children }: LiPointProps) => import("react/jsx-runtime").JSX.Element | null;
+export { LiPoint };

package/dist/distributeur/Table/Pagination/LiPoint.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const LiPoint = ({ isVisible, children }) => {
+    if (!isVisible) {
+        return null;
+    }
+    return (_jsx("li", { className: "af-pager__item af-pager__item--disabled", children: _jsx("span", { className: "af-pager__item-link", children: children }) }));
+};
+export { LiPoint };

package/dist/distributeur/Table/Pagination/Pager.d.ts

@@ -0,0 +1,41 @@
+import "@axa-fr/canopee-css/distributeur/Table/Pager.css";
+import { ComponentPropsWithoutRef } from "react";
+import { PaginationButton } from "./PaginationButton";
+export type PagerComponentProps = Pick<ComponentPropsWithoutRef<typeof PaginationButton>, "onChange"> & {
+    className?: string;
+    classModifier?: string;
+    /**
+     * Total number of pages in the table
+     */
+    numberPages?: number;
+    /**
+     * Current page
+     */
+    currentPage?: number;
+    /**
+     * "default" or "light".
+     * Default displays the first, last, previous and next pages.
+     * Light displays only previous and next buttons, and "{currentPage} {ofLabel} {numberPages}"
+     * @default "default"
+     */
+    mode?: "default" | "light";
+    /**
+     * Label for the previous button
+     */
+    previousLabel?: string;
+    /**
+     * Label for the next button
+     */
+    nextLabel?: string;
+    /**
+     * Label for page links and select
+     */
+    elementsLabel?: string;
+    /**
+     * Label for text betweeen current page a total number of pages. Only used in "light" mode
+     * @default "sur"
+     */
+    ofLabel?: string;
+};
+declare const Pager: ({ className, classModifier, numberPages, currentPage, onChange, mode, previousLabel, nextLabel, elementsLabel, ofLabel, }: PagerComponentProps) => import("react/jsx-runtime").JSX.Element;
+export { Pager };

package/dist/distributeur/Table/Pagination/Pager.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Table/Pager.css";
+import { getComponentClassName } from "../../utilities";
+import { Li } from "./Li";
+import { LiPoint } from "./LiPoint";
+import { PaginationButton } from "./PaginationButton";
+const Pager = ({ className, classModifier, numberPages = 1, currentPage = 1, onChange, mode = "default", previousLabel = "« Précédent", nextLabel = "Suivant »", elementsLabel = "éléments", ofLabel = "sur", }) => {
+    const hasNext = currentPage < numberPages;
+    const hasPrevious = currentPage > 1;
+    const componentClassName = getComponentClassName(className, classModifier, "af-pager");
+    if (mode === "light") {
+        return (_jsx("nav", { className: componentClassName, children: _jsxs("ul", { className: "af-pager__pagination", children: [_jsx(PaginationButton, { onChange: onChange, value: currentPage - 1, active: hasPrevious, isVisible: true, ariaLabel: `Page précédente des ${elementsLabel}`, children: _jsx("i", { className: "glyphicon glyphicon-chevron-left", "aria-hidden": "true" }) }), _jsxs(LiPoint, { isVisible: true, children: [currentPage, " ", ofLabel, " ", numberPages] }), _jsx(PaginationButton, { onChange: onChange, value: currentPage + 1, active: hasNext, isVisible: true, ariaLabel: `Page suivante des ${elementsLabel}`, children: _jsx("i", { className: "glyphicon glyphicon-chevron-right", "aria-hidden": "true" }) })] }) }));
+    }
+    return (_jsx("nav", { className: componentClassName, children: _jsxs("ul", { className: "af-pager__pagination", children: [_jsx(PaginationButton, { onChange: onChange, value: currentPage - 1, active: hasPrevious, isVisible: true, ariaLabel: `Page précédente des ${elementsLabel}`, children: previousLabel }), _jsx(Li, { onChange: onChange, value: 1, isVisible: numberPages > 1 && currentPage > 1, pageLinkLabel: elementsLabel }), _jsx(LiPoint, { isVisible: currentPage > 3, children: "..." }), _jsx(Li, { onChange: onChange, value: currentPage - 1, isVisible: numberPages > 2 && currentPage > 2, pageLinkLabel: elementsLabel }), _jsx(Li, { onChange: onChange, value: currentPage, active: true, isVisible: numberPages > 0, pageLinkLabel: elementsLabel }), _jsx(Li, { onChange: onChange, value: currentPage + 1, isVisible: currentPage < numberPages - 1, pageLinkLabel: elementsLabel }), _jsx(LiPoint, { isVisible: currentPage < numberPages - 2, children: "..." }), _jsx(Li, { onChange: onChange, value: numberPages, isVisible: currentPage < numberPages, pageLinkLabel: elementsLabel }), _jsx(PaginationButton, { onChange: onChange, value: currentPage + 1, active: hasNext, isVisible: true, ariaLabel: `Page suivante des ${elementsLabel}`, children: nextLabel })] }) }));
+};
+export { Pager };

package/dist/distributeur/Table/Pagination/PaginationButton.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+type PaginationButtonProps = {
+    isVisible?: boolean;
+    active?: boolean;
+    children?: ReactNode;
+    value: number;
+    onChange: (e: {
+        value: number;
+    }) => void;
+    ariaLabel: string;
+};
+declare const PaginationButton: ({ isVisible, active, children, value, onChange, ariaLabel, }: PaginationButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export { PaginationButton };

package/dist/distributeur/Table/Pagination/PaginationButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const PaginationButton = ({ isVisible, active, children, value, onChange, ariaLabel, }) => {
+    if (!isVisible) {
+        return null;
+    }
+    if (active) {
+        return (_jsx("li", { className: "af-pager__item", children: _jsx("a", { className: "af-pager__item-link", href: "/#", role: "button", "aria-label": ariaLabel, onClick: (e) => {
+                    e.preventDefault();
+                    onChange({ value });
+                }, children: children }) }));
+    }
+    return (_jsx("li", { className: "af-pager__item af-pager__item--disabled", children: _jsx("span", { className: "af-pager__item-nolink", children: children }) }));
+};
+export { PaginationButton };

package/dist/distributeur/Table/Pagination/Paging.d.ts

@@ -0,0 +1,15 @@
+import "@axa-fr/canopee-css/distributeur/Table/Paging.css";
+import { ComponentPropsWithoutRef } from "react";
+import { Items } from "./Items";
+import { Pager } from "./Pager";
+type PagingComponentProps = ComponentPropsWithoutRef<typeof Pager> & ComponentPropsWithoutRef<typeof Items>;
+type OnChangePager = (e: {
+    numberItems: number;
+    page: number;
+}) => void;
+export type Props = Omit<PagingComponentProps, "onChange"> & {
+    onChange?: OnChangePager;
+    selectPageSizeLabel?: string;
+};
+declare const Paging: ({ className, classModifier, currentPage, displayLabel, elementsLabel, selectPageSizeLabel, id, mode, nextLabel, numberItems, numberPages, ofLabel, previousLabel, items, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+export { Paging };

package/dist/distributeur/Table/Pagination/Paging.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Table/Paging.css";
+import { useCallback } from "react";
+import { getComponentClassName } from "../../utilities";
+import { Items } from "./Items";
+import { Pager } from "./Pager";
+const Paging = ({ className, classModifier, currentPage = 1, displayLabel, elementsLabel, selectPageSizeLabel, id, mode, nextLabel, numberItems = 10, numberPages, ofLabel, previousLabel, items, onChange, }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-paging");
+    const handleChangeItems = useCallback((e) => onChange &&
+        onChange({
+            numberItems: e.value,
+            page: currentPage,
+        }), [currentPage, onChange]);
+    const handleChangePager = useCallback((e) => onChange &&
+        onChange({
+            numberItems,
+            page: e.value,
+        }), [numberItems, onChange]);
+    return (_jsxs("div", { className: componentClassName, children: [_jsx("div", { className: "af-paging__limit", children: _jsx(Items, { onChange: handleChangeItems, numberItems: numberItems, id: id, displayLabel: displayLabel, selectAriaLabel: selectPageSizeLabel, elementsLabel: elementsLabel, items: items }) }), _jsx("div", { className: "af-paging__pager", children: _jsx(Pager, { onChange: handleChangePager, currentPage: currentPage, numberPages: numberPages, previousLabel: previousLabel, nextLabel: nextLabel, elementsLabel: elementsLabel, ofLabel: ofLabel, mode: mode }) })] }));
+};
+export { Paging };

package/dist/distributeur/Table/TBody.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from "react";
+type Props = ComponentPropsWithoutRef<"tbody"> & {
+    classModifier?: string;
+};
+declare const TBody: ({ children, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export { TBody };

package/dist/distributeur/Table/TBody.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+const TBody = ({ children, className, classModifier, ...otherProps }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-table__body");
+    return (_jsx("tbody", { className: componentClassName, ...otherProps, children: children }));
+};
+export { TBody };

package/dist/distributeur/Table/THead.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from "react";
+type Props = ComponentPropsWithoutRef<"thead"> & {
+    classModifier?: string;
+};
+declare const THead: ({ children, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export { THead };

package/dist/distributeur/Table/THead.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+const THead = ({ children, className, classModifier, ...otherProps }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-table__thead");
+    return (_jsx("thead", { className: componentClassName, ...otherProps, children: children }));
+};
+export { THead };

package/dist/distributeur/Table/Table.d.ts

@@ -0,0 +1,36 @@
+import { ComponentPropsWithoutRef } from "react";
+import "@axa-fr/canopee-css/distributeur/Table/Table.css";
+type TableProps = ComponentPropsWithoutRef<"table"> & {
+    classModifier?: string;
+};
+declare const Table: {
+    ({ className, classModifier, children, ...othersProps }: TableProps): import("react/jsx-runtime").JSX.Element;
+    /**
+     * @deprecated Use Table.THead instead
+     */
+    Header: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * @deprecated Use Table.TBody instead
+     */
+    Body: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    THead: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    TBody: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Th: ({ children, id, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Tr: ({ children, id, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Td: ({ children, id, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+        classModifier?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export { Table };

package/dist/distributeur/Table/Table.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+import { TBody } from "./TBody";
+import { THead } from "./THead";
+import { Td } from "./Td";
+import { Th } from "./Th";
+import { Tr } from "./Tr";
+import "@axa-fr/canopee-css/distributeur/Table/Table.css";
+const Table = ({ className, classModifier, children, ...othersProps }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-table");
+    return (_jsx("table", { className: componentClassName, ...othersProps, children: children }));
+};
+/**
+ * @deprecated Use Table.THead instead
+ */
+Table.Header = THead;
+/**
+ * @deprecated Use Table.TBody instead
+ */
+Table.Body = TBody;
+Table.THead = THead;
+Table.TBody = TBody;
+Table.Th = Th;
+Table.Tr = Tr;
+Table.Td = Td;
+export { Table };

package/dist/distributeur/Table/Td.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from "react";
+type Props = ComponentPropsWithoutRef<"td"> & {
+    classModifier?: string;
+};
+declare const Td: ({ children, id, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export { Td };

package/dist/distributeur/Table/Td.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+const Td = ({ children, id, className, classModifier, ...otherProps }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-table__cell");
+    return (_jsx("td", { className: componentClassName, id: id, ...otherProps, children: children }, id));
+};
+export { Td };

package/dist/distributeur/Table/Th.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from "react";
+type Props = ComponentPropsWithoutRef<"th"> & {
+    classModifier?: string;
+};
+declare const Th: ({ children, id, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export { Th };

package/dist/distributeur/Table/Th.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+const Th = ({ children, id, className, classModifier, ...otherProps }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-table__th");
+    return (_jsx("th", { className: componentClassName, id: id, ...otherProps, children: children }, id));
+};
+export { Th };

package/dist/distributeur/Table/Tr.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from "react";
+type Props = ComponentPropsWithoutRef<"tr"> & {
+    classModifier?: string;
+};
+declare const Tr: ({ children, id, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export { Tr };

package/dist/distributeur/Table/Tr.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities";
+const Tr = ({ children, id, className, classModifier, ...otherProps }) => {
+    const componentClassName = getComponentClassName(className, classModifier, "af-table__tr");
+    return (_jsx("tr", { className: componentClassName, ...otherProps, children: children }, id));
+};
+export { Tr };

package/dist/distributeur/Table/index.d.ts

@@ -0,0 +1,9 @@
+export { Pager } from "./Pagination/Pager";
+export { Paging } from "./Pagination/Paging";
+export { Items } from "./Pagination/Items";
+export { TBody } from "./TBody";
+export { THead } from "./THead";
+export { Table } from "./Table";
+export { Td } from "./Td";
+export { Th } from "./Th";
+export { Tr } from "./Tr";

package/dist/distributeur/Table/index.js

@@ -0,0 +1,9 @@
+export { Pager } from "./Pagination/Pager";
+export { Paging } from "./Pagination/Paging";
+export { Items } from "./Pagination/Items";
+export { TBody } from "./TBody";
+export { THead } from "./THead";
+export { Table } from "./Table";
+export { Td } from "./Td";
+export { Th } from "./Th";
+export { Tr } from "./Tr";

package/dist/distributeur/Tabs/Tabs.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TabProps } from "./components/Tab";
+import { TabsCoreProps } from "./components/TabsCore";
+type TTabs = React.ComponentType<TabsCoreProps> & {
+    Tab: React.ComponentType<TabProps>;
+};
+declare const Tabs: TTabs;
+export { Tabs };

package/dist/distributeur/Tabs/Tabs.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tab } from "./components/Tab";
+import { TabsCore } from "./components/TabsCore";
+const Tabs = (props) => _jsx(TabsCore, { ...props });
+Tabs.Tab = Tab;
+export { Tabs };

package/dist/distributeur/Tabs/components/Pane.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type PaneComponentProps = {
+    active: boolean;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const Pane: ({ children, className, active, }: PaneComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Pane };

package/dist/distributeur/Tabs/components/Pane.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Pane = ({ children, className = "af-tabs__pane", active, }) => {
+    if (!active) {
+        return null;
+    }
+    return _jsx("div", { className: className, children: children });
+};
+export { Pane };

package/dist/distributeur/Tabs/components/Tab.d.ts

@@ -0,0 +1,10 @@
+import "@axa-fr/canopee-css/distributeur/Tabs/Tabs.css";
+import { ReactNode } from "react";
+export type TabProps = {
+    title: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    classModifier?: string;
+};
+declare const Tab: () => import("react/jsx-runtime").JSX.Element;
+export { Tab };

package/dist/distributeur/Tabs/components/Tab.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Tabs/Tabs.css";
+const Tab = () => _jsx("span", {});
+export { Tab };

package/dist/distributeur/Tabs/components/TabsCore.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TabsStatelessProps } from "./TabsStateless";
+type Tabs = {
+    onChange?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    activeIndex?: string;
+};
+export type TabsCoreProps = Tabs & Omit<TabsStatelessProps, "activeIndex">;
+export declare const onChangeEvent: (onChange?: (event: React.MouseEvent<HTMLButtonElement>) => void) => (setState: (newValue: string) => void) => (event: React.MouseEvent<HTMLButtonElement>, index: string) => void;
+declare const TabsCore: React.FunctionComponent<TabsCoreProps>;
+export { TabsCore };

package/dist/distributeur/Tabs/components/TabsCore.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TabsStateless } from "./TabsStateless";
+const DEFAULT_ACTIVE_INDEX = "0";
+export const onChangeEvent = (onChange) => (setState) => (event, index) => {
+    if (onChange) {
+        onChange(event);
+    }
+    if (index) {
+        setState(index);
+    }
+};
+const TabsCore = ({ activeIndex = DEFAULT_ACTIVE_INDEX, onChange, ...otherProps }) => {
+    const [stateActiveIndex, setActiveIndex] = useState(activeIndex);
+    return (_jsx(TabsStateless, { activeIndex: stateActiveIndex, ...otherProps, onChange: onChangeEvent(onChange)(setActiveIndex) }));
+};
+export { TabsCore };

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

@@ -0,0 +1,13 @@
+import { type ReactNode, type MouseEvent } from "react";
+export interface TabsStatelessProps {
+    children: ReactNode;
+    activeIndex: string;
+    className?: string;
+    classModifier?: string;
+}
+export interface TabsStatelessHandlers {
+    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;
+export { TabsStateless };

package/dist/distributeur/Tabs/components/TabsStateless.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/no-array-index-key */
+import { Children, isValidElement, } from "react";
+import { getComponentClassName } from "../../utilities";
+import { Pane } from "./Pane";
+import { Title } from "./Title";
+const TabsStateless = ({ activeIndex, className = "af-tabs", classModifier, children, onChange, }) => {
+    const componentClassName = getComponentClassName(className, classModifier);
+    return (_jsxs("div", { className: componentClassName, children: [_jsx("ul", { className: "af-tabs__control", children: Children.map(children, (child, index) => isValidElement(child) && (_jsx(Title, { active: activeIndex === index.toString(), onChange: onChange, id: `${index}`, classModifier: child.props.classModifier, children: child.props.title }, `title-${index}`))) }), _jsx("div", { className: "af-tabs__content", children: Children.map(children, (child, index) => isValidElement(child) && (_jsx(Pane, { active: activeIndex === index.toString(), children: child.props.children }, `pane-${index}`))) })] }));
+};
+export { TabsStateless };

package/dist/distributeur/Tabs/components/Title.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type TitleComponentProps = {
+    enable?: boolean | null;
+    active: boolean;
+    className?: string;
+    classModifier?: string;
+    id: string;
+    children?: React.ReactNode;
+    onChange: (event: React.MouseEvent<HTMLButtonElement>, index: string) => void;
+};
+declare const Title: {
+    ({ active, onChange, children, classModifier, className, enable, id, }: TitleComponentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Title };

package/dist/distributeur/Tabs/components/Title.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { getComponentClassName } from "../../utilities";
+const Title = ({ active, onChange, children, classModifier, className, enable, id, }) => {
+    const newClassModifier = classNames(classModifier, {
+        disabled: enable === false,
+        active,
+    });
+    const componentClassName = getComponentClassName(className, newClassModifier, "af-tabs__item");
+    return (_jsx("li", { className: componentClassName, children: _jsx("button", { type: "button", id: id, className: "af-tabs__link", onClick: (event) => onChange(event, id), children: children }) }));
+};
+Title.displayName = "Title";
+export { Title };

package/dist/distributeur/Tag/Tag.d.ts

@@ -0,0 +1,32 @@
+import "@axa-fr/canopee-css/distributeur/Tag/Tag.css";
+import { ComponentPropsWithRef, PropsWithChildren } from "react";
+export type TagVariants = "success" | "information" | "warning" | "error" | "default" | "dark" | "purple" | "gray" | "white";
+type TagProps = ComponentPropsWithRef<"span"> & {
+    /**
+     * Modifier class to apply specific styles. Note: "danger" is deprecated, use "warning" instead. "info" is deprecated, use "information" instead
+     * @deprecated Use `variant` instead
+     */
+    classModifier?: string;
+    /**
+     * Variant of the tag to apply specific styles.
+     * "warning" replaces the deprecated "danger
+     * "information" replaces the deprecated "info"
+     * @default "default"
+     */
+    variant?: TagVariants;
+    disabled?: boolean;
+};
+/**
+ * Tag component to display a label with various styles.
+ *
+ * @component
+ * @example
+ * // Basic usage
+ * <Tag variant="success">Success Tag</Tag>
+ *
+ * @param {React.ReactNode} props.children - The content to be displayed inside the tag.
+ * @param {React.Ref<HTMLSpanElement>} ref - The ref to the span element.
+ * @returns {JSX.Element} The rendered Tag component.
+ */
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<TagProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export {};