@axa-fr/design-system-apollo-react 1.0.5-alpha.275 → 1.0.5-alpha.277

package/dist/Form/InputDate/InputDate.helper.d.ts

@@ -0,0 +1 @@
+export declare const formatInputDateValue: (value?: Date | string) => string | undefined;

package/dist/Form/InputDate/InputDate.helper.js

@@ -0,0 +1,4 @@
+const MAXIMUM_SIZE_DATE = 10;
+export const formatInputDateValue = (value) => value instanceof Date
+    ? value.toISOString().slice(0, MAXIMUM_SIZE_DATE)
+    : value;

package/dist/Form/{DateInput/DateInputApollo.d.ts → InputDate/InputDateApollo.d.ts}

@@ -1,7 +1,7 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateApollo.scss";
 import { type ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
+export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
     classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
@@ -9,7 +9,6 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<O
     error?: string;
     success?: string;
     label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
-    type?: "text" | "date";
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{

package/dist/Form/InputDate/InputDateApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateApollo.scss";
+import { forwardRef } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { InputDate as InputDateCommon } from "./InputDateCommon";
+export const InputDate = forwardRef((props, ref) => (_jsx(InputDateCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+InputDate.displayName = "InputDate";

package/dist/Form/{DateInput/DateInputCommon.d.ts → InputDate/InputDateCommon.d.ts}

@@ -1,7 +1,7 @@
 import { ComponentProps, ComponentPropsWithRef, ComponentType } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
-type DateInputProps = Omit<ComponentPropsWithRef<"input">, "value"> & {
+type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value"> & {
     classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
@@ -9,9 +9,8 @@ type DateInputProps = Omit<ComponentPropsWithRef<"input">, "value"> & {
     error?: string;
     success?: string;
     label: ComponentProps<typeof ItemLabel>["label"];
-    type?: "text" | "date";
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
-declare const DateInput: import("react").ForwardRefExoticComponent<Omit<DateInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { DateInput };
+declare const InputDate: import("react").ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputDate };

package/dist/Form/InputDate/InputDateCommon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+import { formatInputDateValue } from "./InputDate.helper";
+const InputDate = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-date", className ?? "", classModifier + (error || ariaErrormessage ? " error" : ""));
+    let inputId = useId();
+    inputId = otherProps.id ?? inputId;
+    const idMessage = useId();
+    const idHelp = useId();
+    const idLabel = useId();
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("input", { ...otherProps, id: inputId, className: componentClassName, type: "date", ref: inputRef, defaultValue: formatInputDateValue(defaultValue), value: formatInputDateValue(value), "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error ?? ariaErrormessage), "aria-describedby": idHelp, required: required }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error ?? success, messageType: error ? "error" : "success" })] }));
+});
+InputDate.displayName = "InputDate";
+export { InputDate };

package/dist/Form/{DateInput/DateInputLF.d.ts → InputDate/InputDateLF.d.ts}

@@ -1,7 +1,7 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateLF.scss";
 import { ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
+export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
     classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
@@ -9,7 +9,6 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<O
     error?: string;
     success?: string;
     label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
-    type?: "text" | "date";
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
 } & Partial<{

package/dist/Form/InputDate/InputDateLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateLF.scss";
+import { forwardRef } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelLF";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { InputDate as InputDateCommon } from "./InputDateCommon";
+export const InputDate = forwardRef((props, ref) => (_jsx(InputDateCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+InputDate.displayName = "InputDate";

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { Divider } from "./Divider/DividerApollo";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxCard } from "./Form/Checkbox/CheckboxCard/CheckboxCardApollo";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
-export { DateInput } from "./Form/DateInput/DateInputApollo";
+export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { Select } from "./Form/Select/SelectApollo";

package/dist/index.js

@@ -11,7 +11,7 @@ export { Divider } from "./Divider/DividerApollo";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxCard } from "./Form/Checkbox/CheckboxCard/CheckboxCardApollo";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
-export { DateInput } from "./Form/DateInput/DateInputApollo";
+export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { Select } from "./Form/Select/SelectApollo";

package/dist/indexLF.d.ts

@@ -10,7 +10,7 @@ export { Divider } from "./Divider/DividerLF";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxCard } from "./Form/Checkbox/CheckboxCard/CheckboxCardLF";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
-export { DateInput } from "./Form/DateInput/DateInputLF";
+export { InputDate } from "./Form/InputDate/InputDateLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { Select } from "./Form/Select/SelectLF";

package/dist/indexLF.js

@@ -10,7 +10,7 @@ export { Divider } from "./Divider/DividerLF";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxCard } from "./Form/Checkbox/CheckboxCard/CheckboxCardLF";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
-export { DateInput } from "./Form/DateInput/DateInputLF";
+export { InputDate } from "./Form/InputDate/InputDateLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 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.275",
+  "version": "1.0.5-alpha.277",
   "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.275",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.275",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.277",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.277",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },

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

@@ -1 +0,0 @@
-export declare const formatDateInputValue: (type: "date" | "text", value?: Date | string | undefined) => string | undefined;

package/dist/Form/DateInput/DateInput.helper.js

@@ -1,20 +0,0 @@
-const MAXIMUM_SIZE_DATE = 10;
-export const formatDateInputValue = (type, value) => {
-    if (!value)
-        return undefined;
-    if (value instanceof Date) {
-        if (type === "date") {
-            return value.toISOString().slice(0, MAXIMUM_SIZE_DATE);
-        }
-        if (type === "text") {
-            const day = String(value.getDate()).padStart(2, "0");
-            const month = String(value.getMonth() + 1).padStart(2, "0");
-            const year = String(value.getFullYear()).padStart(4, "0");
-            return `${day}/${month}/${year}`;
-        }
-    }
-    if (typeof value === "string") {
-        return value;
-    }
-    return undefined;
-};

package/dist/Form/DateInput/DateInputApollo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputApollo.scss";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { DateInput as DateInputCommon } from "./DateInputCommon";
-export const DateInput = forwardRef((props, ref) => (_jsx(DateInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-DateInput.displayName = "DateInput";

package/dist/Form/DateInput/DateInputCommon.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-import { getComponentClassName } from "../../utilities/getComponentClassName";
-import { formatDateInputValue } from "./DateInput.helper";
-const DateInput = forwardRef(({ className, classModifier = "", defaultValue, value, placeholder = "JJ/MM/AAAA", helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, type = "text", ...otherProps }, inputRef) => {
-    const componentClassName = getComponentClassName("af-form__input-date", className ?? "", classModifier + (error || ariaErrormessage ? " error" : ""));
-    let inputId = useId();
-    inputId = otherProps.id ?? inputId;
-    const idMessage = useId();
-    const idHelp = useId();
-    const idLabel = useId();
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("input", { ...otherProps, id: inputId, className: componentClassName, type: type, placeholder: placeholder || "", ref: inputRef, defaultValue: formatDateInputValue(type, defaultValue), value: formatDateInputValue(type, value), "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error ?? ariaErrormessage), "aria-describedby": idHelp, required: required }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error ?? success, messageType: error ? "error" : "success" })] }));
-});
-DateInput.displayName = "DateInput";
-export { DateInput };

package/dist/Form/DateInput/DateInputLF.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputLF.scss";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { DateInput as DateInputCommon } from "./DateInputCommon";
-export const DateInput = forwardRef((props, ref) => (_jsx(DateInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-DateInput.displayName = "DateInput";