@axa-fr/design-system-apollo-react 1.0.5-alpha.258 → 1.0.5-alpha.260

package/dist/Form/DateInput/DateInputApollo.d.ts

@@ -13,7 +13,7 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<O
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;

package/dist/Form/DateInput/DateInputLF.d.ts

@@ -13,7 +13,7 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<O
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;

package/dist/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentProps, type ComponentType, type MouseEventHandler } from "react";
 import { Button } from "../../Button/ButtonCommon";
 type ItemLabelProps = {
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;
@@ -12,5 +12,5 @@ type ItemLabelProps = {
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
     ButtonComponent: ComponentType<ComponentProps<typeof Button>>;
 };
-export declare const ItemLabel: ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }: ItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemLabel: ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }: ItemLabelProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Form/ItemLabel/ItemLabelCommon.js

@@ -4,5 +4,8 @@ import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
 import { Svg } from "../../Svg/Svg";
 export const ItemLabel = ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }) => {
     const idDescription = useId();
-    return (_jsxs("div", { className: "af-item-label", children: [_jsxs("label", { htmlFor: inputId, id: idLabel, "aria-describedby": description ? idDescription : undefined, children: [label, " ", required && _jsx("span", { "aria-hidden": "true", children: " *" })] }), sideButtonLabel && (_jsx(ButtonComponent, { variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })), description && (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })), buttonLabel && (_jsx(ButtonComponent, { className: "af-item-label__more", variant: "ghost", iconLeft: _jsx(Svg, { src: infoIcon, "aria-hidden": "true" }), onClick: onButtonClick, children: buttonLabel }))] }));
+    if (!label && !description && !buttonLabel && !sideButtonLabel) {
+        return null;
+    }
+    return (_jsxs("div", { className: "af-item-label", children: [label && (_jsxs("label", { htmlFor: inputId, id: idLabel, "aria-describedby": description ? idDescription : undefined, children: [label, " ", required && _jsx("span", { "aria-hidden": "true", children: " *" })] })), sideButtonLabel && (_jsx(ButtonComponent, { variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })), description && (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })), buttonLabel && (_jsx(ButtonComponent, { className: "af-item-label__more", variant: "ghost", iconLeft: _jsx(Svg, { src: infoIcon, "aria-hidden": "true" }), onClick: onButtonClick, children: buttonLabel }))] }));
 };

package/dist/Form/Select/SelectApollo.d.ts

@@ -4,8 +4,7 @@ import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
     id?: string;
     classModifier?: string;
-    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
-    errorLabel?: string;
+    label?: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
     error?: string;
     success?: string;
     placeholder?: string;
@@ -15,7 +14,7 @@ export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;

package/dist/Form/Select/SelectCommon.d.ts

@@ -4,8 +4,7 @@ import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
 type SelectProps = ComponentPropsWithRef<"select"> & {
     id?: string;
     classModifier?: string;
-    label: ComponentProps<typeof ItemLabel>["label"];
-    errorLabel?: string;
+    label?: ComponentProps<typeof ItemLabel>["label"];
     error?: string;
     success?: string;
     placeholder?: string;

package/dist/Form/Select/SelectLF.d.ts

@@ -4,8 +4,7 @@ import { ItemMessage } from "../ItemMessage/ItemMessageLF";
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
     id?: string;
     classModifier?: string;
-    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
-    errorLabel?: string;
+    label?: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
     error?: string;
     success?: string;
     placeholder?: string;
@@ -15,7 +14,7 @@ export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;

package/dist/Form/TextInput/TextInputApollo.d.ts

@@ -11,7 +11,7 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<O
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;

package/dist/Form/TextInput/TextInputLF.d.ts

@@ -11,7 +11,7 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<O
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{
-    label: string;
+    label?: string;
     description?: string;
     required?: boolean;
     inputId: string;

package/dist/Grid/{DebugGrid.js → DebugGridApollo.js}

@@ -1,7 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
 import { useState } from "react";
-import { CheckboxCard } from "..";
+import { CheckboxCard } from "../Form/checkbox/checkboxCard/CheckboxCardApollo";
+import { DebugGridCommon } from "./DebugGridCommon";
 export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
     const [checked, setChecked] = useState(isCheckedByDefault);
     const handleChecked = () => setChecked(!checked);
@@ -12,5 +13,5 @@ export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
                         checked,
                         onClick: handleChecked,
                     },
-                ] }), _jsx("div", { className: "debug-grid", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) })] }));
+                ] }), _jsx(DebugGridCommon, { cols: cols })] }));
 };

package/dist/Grid/DebugGridCommon.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
+export declare const DebugGridCommon: ({ cols }: {
+    cols?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/DebugGridCommon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
+export const DebugGridCommon = ({ cols = 12 }) => {
+    return (_jsx("div", { className: "debug-grid", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) }));
+};

package/dist/Grid/DebugGridLF.d.ts

@@ -0,0 +1,5 @@
+import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
+export declare const DebugGrid: ({ cols, isCheckedByDefault, }: {
+    cols?: number;
+    isCheckedByDefault?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/DebugGridLF.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
+import { useState } from "react";
+import { CheckboxCard } from "../Form/checkbox/checkboxCard/CheckboxCardLF";
+import { DebugGridCommon } from "./DebugGridCommon";
+export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
+    const [checked, setChecked] = useState(isCheckedByDefault);
+    const handleChecked = () => setChecked(!checked);
+    return (_jsxs(_Fragment, { children: [_jsx(CheckboxCard, { type: "vertical", options: [
+                    {
+                        name: "debuggrid",
+                        label: "Grid",
+                        checked,
+                        onClick: handleChecked,
+                    },
+                ] }), _jsx(DebugGridCommon, { cols: cols })] }));
+};

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
 export { Tag, type TagVariants, tagVariants } from "./Tag/TagApollo";
-export { DebugGrid } from "./Grid/DebugGrid";
+export { DebugGrid } from "./Grid/DebugGridApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";

package/dist/index.js

@@ -7,7 +7,7 @@ export { Link, linkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
 export { Tag, tagVariants } from "./Tag/TagApollo";
-export { DebugGrid } from "./Grid/DebugGrid";
+export { DebugGrid } from "./Grid/DebugGridApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";

package/dist/indexLF.d.ts

@@ -6,7 +6,7 @@ export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
 export { Tag, type TagVariants, tagVariants } from "./Tag/TagLF";
-export { DebugGrid } from "./Grid/DebugGrid";
+export { DebugGrid } from "./Grid/DebugGridLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { Select } from "./Form/Select/SelectLF";

package/dist/indexLF.js

@@ -6,7 +6,7 @@ export { Link, linkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
 export { Tag, tagVariants } from "./Tag/TagLF";
-export { DebugGrid } from "./Grid/DebugGrid";
+export { DebugGrid } from "./Grid/DebugGridLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { Select } from "./Form/Select/SelectLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.258",
+  "version": "1.0.5-alpha.260",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.258",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.258",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.260",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.260",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },