@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.
- package/dist/Form/{TextInput/TextInputApollo.d.ts → InputText/InputTextApollo.d.ts} +2 -2
- package/dist/Form/InputText/InputTextApollo.js +8 -0
- package/dist/Form/{TextInput/TextInputCommon.d.ts → InputText/InputTextCommon.d.ts} +3 -3
- package/dist/Form/{TextInput/TextInputCommon.js → InputText/InputTextCommon.js} +3 -3
- package/dist/Form/{TextInput/TextInputLF.d.ts → InputText/InputTextLF.d.ts} +2 -2
- package/dist/Form/InputText/InputTextLF.js +8 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/indexLF.d.ts +2 -2
- package/dist/indexLF.js +2 -2
- package/package.json +3 -3
- package/dist/Form/TextInput/TextInputApollo.js +0 -8
- package/dist/Form/TextInput/TextInputLF.js +0 -8
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "@axa-fr/design-system-apollo-css/dist/Form/
|
|
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
|
|
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
|
|
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
|
|
15
|
-
export {
|
|
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
|
|
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
|
-
|
|
14
|
-
export {
|
|
13
|
+
InputText.displayName = "InputText";
|
|
14
|
+
export { InputText };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "@axa-fr/design-system-apollo-css/dist/Form/
|
|
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
|
|
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 {
|
|
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 {
|
|
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/
|
|
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/
|
|
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.
|
|
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.
|
|
50
|
-
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.
|
|
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";
|