@axa-fr/design-system-apollo-react 1.0.5-alpha.281 → 1.0.5-alpha.286

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
- import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputApollo.scss";
1
+ import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.scss";
2
2
  import { type ComponentProps } from "react";
3
3
  import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
4
- export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
4
+ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
5
5
  unit?: React.ReactNode;
6
6
  classModifier?: string;
7
7
  helper?: string;
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.scss";
3
+ import { forwardRef } from "react";
4
+ import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
5
+ import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
6
+ import { InputText as InputTextCommon } from "./InputTextCommon";
7
+ export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
8
+ InputText.displayName = "InputText";
@@ -1,7 +1,7 @@
1
1
  import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
2
2
  import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
3
3
  import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
4
- type TextInputProps = ComponentPropsWithRef<"input"> & {
4
+ type InputTextProps = ComponentPropsWithRef<"input"> & {
5
5
  unit?: React.ReactNode;
6
6
  classModifier?: string;
7
7
  helper?: string;
@@ -11,5 +11,5 @@ type TextInputProps = ComponentPropsWithRef<"input"> & {
11
11
  ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
12
12
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
13
13
  } & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
14
- declare const TextInput: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
15
- export { TextInput };
14
+ declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
15
+ export { InputText };
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef, useId, } from "react";
3
3
  import { getComponentClassName } from "../../utilities/getComponentClassName";
4
- const TextInput = forwardRef(({ unit, className, classModifier = "", helper, error, success, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
4
+ const InputText = forwardRef(({ unit, className, classModifier = "", helper, error, success, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
5
5
  const componentClassName = getComponentClassName("af-form__input-text", className, classModifier + (error || ariaErrormessage ? " error" : ""));
6
6
  let inputId = useId();
7
7
  inputId = otherProps.id || inputId;
@@ -10,5 +10,5 @@ const TextInput = forwardRef(({ unit, className, classModifier = "", helper, err
10
10
  const idLabel = useId();
11
11
  return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsxs("div", { className: "af-form__input-variant", children: [_jsx("input", { id: inputId, className: componentClassName, type: "text", required: required, ref: inputRef, "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error || ariaErrormessage), "aria-describedby": idHelp, ...otherProps }), unit] }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
12
12
  });
13
- TextInput.displayName = "TextInput";
14
- export { TextInput };
13
+ InputText.displayName = "InputText";
14
+ export { InputText };
@@ -1,7 +1,7 @@
1
- import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputLF.scss";
1
+ import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.scss";
2
2
  import { type ComponentProps } from "react";
3
3
  import { ItemMessage } from "../ItemMessage/ItemMessageLF";
4
- export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
4
+ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
5
5
  unit?: React.ReactNode;
6
6
  classModifier?: string;
7
7
  helper?: string;
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.scss";
3
+ import { forwardRef } from "react";
4
+ import { ItemLabel } from "../ItemLabel/ItemLabelLF";
5
+ import { ItemMessage } from "../ItemMessage/ItemMessageLF";
6
+ import { InputText as InputTextCommon } from "./InputTextCommon";
7
+ export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
8
+ InputText.displayName = "InputText";
package/dist/index.d.ts CHANGED
@@ -18,7 +18,7 @@ export { Select } from "./Form/Select/SelectApollo";
18
18
  export { TextArea } from "./Form/TextArea/TextAreaApollo";
19
19
  export { Radio } from "./Form/Radio/Radio/RadioApollo";
20
20
  export { RadioCard } from "./Form/Radio/RadioCard/RadioCardApollo";
21
- export { TextInput } from "./Form/TextInput/TextInputApollo";
21
+ export { InputText } from "./Form/InputText/InputTextApollo";
22
22
  export { DebugGrid } from "./Grid/DebugGridApollo";
23
23
  export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
24
24
  export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconApollo";
package/dist/index.js CHANGED
@@ -18,7 +18,7 @@ export { Select } from "./Form/Select/SelectApollo";
18
18
  export { TextArea } from "./Form/TextArea/TextAreaApollo";
19
19
  export { Radio } from "./Form/Radio/Radio/RadioApollo";
20
20
  export { RadioCard } from "./Form/Radio/RadioCard/RadioCardApollo";
21
- export { TextInput } from "./Form/TextInput/TextInputApollo";
21
+ export { InputText } from "./Form/InputText/InputTextApollo";
22
22
  export { DebugGrid } from "./Grid/DebugGridApollo";
23
23
  export { Heading } from "./Heading/HeadingApollo";
24
24
  export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconApollo";
package/dist/indexLF.d.ts CHANGED
@@ -10,14 +10,14 @@ export { Divider } from "./Divider/DividerLF";
10
10
  export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
11
11
  export { CheckboxCard } from "./Form/Checkbox/CheckboxCard/CheckboxCardLF";
12
12
  export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
13
- export { InputDate } from "./Form/InputDate/InputDateLF";
13
+ export { InputDate, InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
14
14
  export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
15
15
  export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
16
16
  export { Select } from "./Form/Select/SelectLF";
17
17
  export { TextArea } from "./Form/TextArea/TextAreaLF";
18
18
  export { Radio } from "./Form/Radio/Radio/RadioLF";
19
19
  export { RadioCard } from "./Form/Radio/RadioCard/RadioCardLF";
20
- export { TextInput } from "./Form/TextInput/TextInputLF";
20
+ export { InputText, InputText as TextInput, } from "./Form/InputText/InputTextLF";
21
21
  export { DebugGrid } from "./Grid/DebugGridLF";
22
22
  export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
23
23
  export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconLF";
package/dist/indexLF.js CHANGED
@@ -10,14 +10,14 @@ export { Divider } from "./Divider/DividerLF";
10
10
  export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
11
11
  export { CheckboxCard } from "./Form/Checkbox/CheckboxCard/CheckboxCardLF";
12
12
  export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
13
- export { InputDate } from "./Form/InputDate/InputDateLF";
13
+ export { InputDate, InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
14
14
  export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
15
15
  export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
16
16
  export { Select } from "./Form/Select/SelectLF";
17
17
  export { TextArea } from "./Form/TextArea/TextAreaLF";
18
18
  export { Radio } from "./Form/Radio/Radio/RadioLF";
19
19
  export { RadioCard } from "./Form/Radio/RadioCard/RadioCardLF";
20
- export { TextInput } from "./Form/TextInput/TextInputLF";
20
+ export { InputText, InputText as TextInput, } from "./Form/InputText/InputTextLF";
21
21
  export { DebugGrid } from "./Grid/DebugGridLF";
22
22
  export { Heading } from "./Heading/HeadingLF";
23
23
  export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconLF";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axa-fr/design-system-apollo-react",
3
- "version": "1.0.5-alpha.281",
3
+ "version": "1.0.5-alpha.286",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
46
46
  },
47
47
  "homepage": "https://github.com/AxaFrance/design-system#readme",
48
48
  "peerDependencies": {
49
- "@axa-fr/design-system-apollo-css": "1.0.5-alpha.281",
50
- "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.281",
49
+ "@axa-fr/design-system-apollo-css": "1.0.5-alpha.286",
50
+ "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.286",
51
51
  "@material-symbols/svg-400": ">= 0.19.0",
52
52
  "react": ">= 18"
53
53
  },
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputApollo.scss";
3
- import { forwardRef } from "react";
4
- import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
5
- import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
6
- import { TextInput as TextInputCommon } from "./TextInputCommon";
7
- export const TextInput = forwardRef((props, ref) => (_jsx(TextInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
8
- TextInput.displayName = "TextInput";
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputLF.scss";
3
- import { forwardRef } from "react";
4
- import { ItemLabel } from "../ItemLabel/ItemLabelLF";
5
- import { ItemMessage } from "../ItemMessage/ItemMessageLF";
6
- import { TextInput as TextInputCommon } from "./TextInputCommon";
7
- export const TextInput = forwardRef((props, ref) => (_jsx(TextInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
8
- TextInput.displayName = "TextInput";