@axa-fr/design-system-apollo-react 1.0.5-alpha.259 → 1.0.5-alpha.261

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,17 +1,23 @@
1
1
  import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
2
2
  import { type ComponentProps } from "react";
3
3
  import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
4
- export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
5
- classModifier?: string;
6
- sideButtonLabel: string;
4
+ export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Pick<{
5
+ label?: string;
6
+ description?: string;
7
+ required?: boolean;
8
+ inputId: string;
9
+ idLabel: string;
10
+ sideButtonLabel?: string;
7
11
  onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
12
+ buttonLabel?: string;
13
+ onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
14
+ ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
15
+ }, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
16
+ classModifier?: string;
8
17
  helper?: string;
9
18
  error?: string;
10
- description?: string;
11
- label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
12
19
  ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
13
20
  ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
14
- buttonLabel?: string;
15
21
  onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
16
22
  } & Partial<{
17
23
  message?: string;
@@ -1,17 +1,12 @@
1
1
  import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
2
2
  import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
3
3
  import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
4
- type Props = ComponentPropsWithRef<"textarea"> & {
4
+ type Props = ComponentPropsWithRef<"textarea"> & Pick<ComponentProps<typeof ItemLabel>, "label" | "description" | "buttonLabel" | "sideButtonLabel" | "onSideButtonClick"> & {
5
5
  classModifier?: string;
6
- sideButtonLabel: string;
7
- onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
8
6
  helper?: string;
9
7
  error?: string;
10
- description?: string;
11
- label: ComponentProps<typeof ItemLabel>["label"];
12
8
  ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
13
9
  ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
14
- buttonLabel?: string;
15
10
  onButtonClick?: MouseEventHandler<HTMLButtonElement>;
16
11
  } & Partial<ComponentPropsWithRef<typeof ItemMessage>>;
17
12
  declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
@@ -1,17 +1,23 @@
1
1
  import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
2
2
  import { type ComponentProps } from "react";
3
3
  import { ItemMessage } from "../ItemMessage/ItemMessageLF";
4
- export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
5
- classModifier?: string;
6
- sideButtonLabel: string;
4
+ export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Pick<{
5
+ label?: string;
6
+ description?: string;
7
+ required?: boolean;
8
+ inputId: string;
9
+ idLabel: string;
10
+ sideButtonLabel?: string;
7
11
  onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
12
+ buttonLabel?: string;
13
+ onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
14
+ ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
15
+ }, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
16
+ classModifier?: string;
8
17
  helper?: string;
9
18
  error?: string;
10
- description?: string;
11
- label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
12
19
  ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
13
20
  ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
14
- buttonLabel?: string;
15
21
  onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
16
22
  } & Partial<{
17
23
  message?: string;
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
3
3
  import { useState } from "react";
4
- import { CheckboxCard } from "..";
4
+ import { CheckboxCard } from "../Form/checkbox/checkboxCard/CheckboxCardApollo";
5
+ import { DebugGridCommon } from "./DebugGridCommon";
5
6
  export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
6
7
  const [checked, setChecked] = useState(isCheckedByDefault);
7
8
  const handleChecked = () => setChecked(!checked);
@@ -12,5 +13,5 @@ export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
12
13
  checked,
13
14
  onClick: handleChecked,
14
15
  },
15
- ] }), _jsx("div", { className: "debug-grid", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) })] }));
16
+ ] }), _jsx(DebugGridCommon, { cols: cols })] }));
16
17
  };
@@ -0,0 +1,4 @@
1
+ import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
2
+ export declare const DebugGridCommon: ({ cols }: {
3
+ cols?: number;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
3
+ export const DebugGridCommon = ({ cols = 12 }) => {
4
+ return (_jsx("div", { className: "debug-grid", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) }));
5
+ };
@@ -0,0 +1,5 @@
1
+ import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
2
+ export declare const DebugGrid: ({ cols, isCheckedByDefault, }: {
3
+ cols?: number;
4
+ isCheckedByDefault?: boolean;
5
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
3
+ import { useState } from "react";
4
+ import { CheckboxCard } from "../Form/checkbox/checkboxCard/CheckboxCardLF";
5
+ import { DebugGridCommon } from "./DebugGridCommon";
6
+ export const DebugGrid = ({ cols = 12, isCheckedByDefault = false, }) => {
7
+ const [checked, setChecked] = useState(isCheckedByDefault);
8
+ const handleChecked = () => setChecked(!checked);
9
+ return (_jsxs(_Fragment, { children: [_jsx(CheckboxCard, { type: "vertical", options: [
10
+ {
11
+ name: "debuggrid",
12
+ label: "Grid",
13
+ checked,
14
+ onClick: handleChecked,
15
+ },
16
+ ] }), _jsx(DebugGridCommon, { cols: cols })] }));
17
+ };
package/dist/index.d.ts CHANGED
@@ -7,7 +7,7 @@ export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
7
7
  export { Svg } from "./Svg/Svg";
8
8
  export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
9
9
  export { Tag, type TagVariants, tagVariants } from "./Tag/TagApollo";
10
- export { DebugGrid } from "./Grid/DebugGrid";
10
+ export { DebugGrid } from "./Grid/DebugGridApollo";
11
11
  export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
12
12
  export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
13
13
  export { TextArea } from "./Form/TextArea/TextAreaApollo";
package/dist/index.js CHANGED
@@ -7,7 +7,7 @@ export { Link, linkVariants } from "./Link/LinkApollo";
7
7
  export { Svg } from "./Svg/Svg";
8
8
  export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
9
9
  export { Tag, tagVariants } from "./Tag/TagApollo";
10
- export { DebugGrid } from "./Grid/DebugGrid";
10
+ export { DebugGrid } from "./Grid/DebugGridApollo";
11
11
  export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
12
12
  export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
13
13
  export { TextArea } from "./Form/TextArea/TextAreaApollo";
package/dist/indexLF.d.ts CHANGED
@@ -6,7 +6,7 @@ export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
6
6
  export { Svg } from "./Svg/Svg";
7
7
  export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
8
8
  export { Tag, type TagVariants, tagVariants } from "./Tag/TagLF";
9
- export { DebugGrid } from "./Grid/DebugGrid";
9
+ export { DebugGrid } from "./Grid/DebugGridLF";
10
10
  export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
11
11
  export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
12
12
  export { Select } from "./Form/Select/SelectLF";
package/dist/indexLF.js CHANGED
@@ -6,7 +6,7 @@ export { Link, linkVariants } from "./Link/LinkLF";
6
6
  export { Svg } from "./Svg/Svg";
7
7
  export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
8
8
  export { Tag, tagVariants } from "./Tag/TagLF";
9
- export { DebugGrid } from "./Grid/DebugGrid";
9
+ export { DebugGrid } from "./Grid/DebugGridLF";
10
10
  export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
11
11
  export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
12
12
  export { Select } from "./Form/Select/SelectLF";
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.259",
3
+ "version": "1.0.5-alpha.261",
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.259",
50
- "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.259",
49
+ "@axa-fr/design-system-apollo-css": "1.0.5-alpha.261",
50
+ "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.261",
51
51
  "@material-symbols/svg-400": ">= 0.19.0",
52
52
  "react": ">= 18"
53
53
  },