@axa-fr/design-system-slash-react 1.2.1-alpha.12 → 1.2.1-alpha.123

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.
Files changed (126) hide show
  1. package/dist/Button/Button.d.ts +11 -7
  2. package/dist/Button/Button.js +7 -7
  3. package/dist/Card/Card.d.ts +13 -0
  4. package/dist/Card/Card.js +6 -0
  5. package/dist/Divider/Divider.d.ts +7 -0
  6. package/dist/Divider/Divider.js +10 -0
  7. package/dist/Form/Checkbox/CheckboxInput.d.ts +2 -2
  8. package/dist/Form/Checkbox/CheckboxInput.js +6 -16
  9. package/dist/Form/Checkbox/CheckboxItem.js +3 -1
  10. package/dist/Form/Choice/Choice.d.ts +3 -2
  11. package/dist/Form/Choice/Choice.js +1 -2
  12. package/dist/Form/Choice/ChoiceInput.d.ts +2 -2
  13. package/dist/Form/Choice/ChoiceInput.js +4 -17
  14. package/dist/Form/Date/DateInput.d.ts +6 -42
  15. package/dist/Form/Date/DateInput.js +5 -11
  16. package/dist/Form/File/File.js +1 -1
  17. package/dist/Form/File/FileErrors.js +3 -2
  18. package/dist/Form/File/FileInput.d.ts +4 -5
  19. package/dist/Form/File/FileInput.js +6 -11
  20. package/dist/Form/File/FileTable.js +1 -1
  21. package/dist/Form/MultiSelect/FormatOptionLabel.d.ts +4 -0
  22. package/dist/Form/MultiSelect/FormatOptionLabel.js +12 -0
  23. package/dist/Form/MultiSelect/MultiSelect.d.ts +6 -3
  24. package/dist/Form/MultiSelect/MultiSelect.js +25 -5
  25. package/dist/Form/MultiSelect/MultiSelectInput.d.ts +4 -6
  26. package/dist/Form/MultiSelect/MultiSelectInput.js +6 -11
  27. package/dist/Form/MultiSelect/NoOptionsMessage.d.ts +3 -0
  28. package/dist/Form/MultiSelect/NoOptionsMessage.js +1 -0
  29. package/dist/Form/MultiSelect/ValueContainer.d.ts +4 -0
  30. package/dist/Form/MultiSelect/ValueContainer.js +20 -0
  31. package/dist/Form/MultiSelect/useMultiSelectStyle.d.ts +5 -0
  32. package/dist/Form/MultiSelect/useMultiSelectStyle.js +81 -0
  33. package/dist/Form/Number/NumberInput.d.ts +4 -7
  34. package/dist/Form/Number/NumberInput.js +4 -11
  35. package/dist/Form/Pass/PassInput.d.ts +4 -4
  36. package/dist/Form/Pass/PassInput.js +5 -12
  37. package/dist/Form/Radio/Radio.d.ts +19 -7
  38. package/dist/Form/Radio/Radio.js +13 -4
  39. package/dist/Form/Radio/RadioCardGroup.d.ts +10 -0
  40. package/dist/Form/Radio/RadioCardGroup.js +26 -0
  41. package/dist/Form/Radio/RadioInput.d.ts +5 -43
  42. package/dist/Form/Radio/RadioInput.js +6 -11
  43. package/dist/Form/Select/Select.d.ts +52 -52
  44. package/dist/Form/Select/SelectInput.d.ts +96 -108
  45. package/dist/Form/Select/SelectInput.js +5 -11
  46. package/dist/Form/Slider/Slider.d.ts +3 -0
  47. package/dist/Form/Slider/Slider.js +3 -0
  48. package/dist/Form/Slider/SliderInput.d.ts +7 -6
  49. package/dist/Form/Slider/SliderInput.js +7 -12
  50. package/dist/Form/Text/TextInput.d.ts +3 -5
  51. package/dist/Form/Text/TextInput.js +4 -7
  52. package/dist/Form/Textarea/TextareaInput.d.ts +3 -5
  53. package/dist/Form/Textarea/TextareaInput.js +5 -12
  54. package/dist/Form/core/{LegacyField.d.ts → Deprecated/Field.d.ts} +4 -0
  55. package/dist/Form/core/{LegacyField.js → Deprecated/Field.js} +7 -3
  56. package/dist/Form/core/{FieldForm.d.ts → Deprecated/FieldForm.d.ts} +7 -2
  57. package/dist/Form/core/{FieldForm.js → Deprecated/FieldForm.js} +8 -3
  58. package/dist/Form/core/{FieldInput.d.ts → Deprecated/FieldInput.d.ts} +4 -0
  59. package/dist/Form/core/{FieldInput.js → Deprecated/FieldInput.js} +5 -1
  60. package/dist/Form/core/Field.d.ts +58 -6
  61. package/dist/Form/core/Field.js +23 -10
  62. package/dist/Form/core/FormClassManager.js +4 -1
  63. package/dist/Form/core/HelpMessage.d.ts +2 -1
  64. package/dist/Form/core/HelpMessage.js +1 -1
  65. package/dist/Form/core/index.d.ts +7 -4
  66. package/dist/Form/core/index.js +3 -3
  67. package/dist/Layout/Footer/Footer.d.ts +2 -1
  68. package/dist/Layout/Footer/Footer.js +4 -2
  69. package/dist/Layout/Header/AnchorNavBar/AnchorNavBar.d.ts +39 -0
  70. package/dist/Layout/Header/AnchorNavBar/AnchorNavBar.js +21 -0
  71. package/dist/Layout/Header/Header.js +2 -1
  72. package/dist/Layout/Header/HeaderTitle/HeaderTitle.d.ts +5 -1
  73. package/dist/Layout/Header/HeaderTitle/HeaderTitle.js +8 -3
  74. package/dist/Layout/Header/Infos/Infos.js +3 -1
  75. package/dist/Layout/Header/NavBar/NavBarBase.js +9 -8
  76. package/dist/Layout/Header/NavBar/NavBarItem/NavBarItem.js +1 -1
  77. package/dist/Layout/Header/NavBar/index.d.ts +1 -0
  78. package/dist/Layout/Header/NavBar/index.js +1 -0
  79. package/dist/Layout/Header/User/InnerUser.js +1 -1
  80. package/dist/Layout/MainContainer/MainContainer.d.ts +6 -0
  81. package/dist/Layout/MainContainer/MainContainer.js +4 -0
  82. package/dist/Link/Link.d.ts +1 -1
  83. package/dist/Link/Link.js +1 -1
  84. package/dist/Link/LinkAnchor.d.ts +5 -3
  85. package/dist/Link/LinkAnchor.js +5 -3
  86. package/dist/Loader/Loader.js +1 -1
  87. package/dist/Messages/Message.d.ts +47 -0
  88. package/dist/Messages/Message.js +43 -0
  89. package/dist/ModalAgent/BooleanModal.d.ts +28 -3
  90. package/dist/ModalAgent/BooleanModal.js +1 -1
  91. package/dist/ModalAgent/Modal.d.ts +17 -3
  92. package/dist/ModalAgent/Modal.js +15 -2
  93. package/dist/ModalAgent/components/Header.d.ts +25 -5
  94. package/dist/ModalAgent/components/Header.js +4 -3
  95. package/dist/Popover/AnimatedPopover.js +1 -1
  96. package/dist/Steps/StepBase.js +5 -3
  97. package/dist/Steps/VerticalStep.d.ts +48 -0
  98. package/dist/Steps/VerticalStep.js +22 -0
  99. package/dist/Steps/index.d.ts +1 -0
  100. package/dist/Steps/index.js +1 -0
  101. package/dist/Steps/types.d.ts +8 -0
  102. package/dist/Steps/types.js +1 -0
  103. package/dist/Summary/index.d.ts +3 -3
  104. package/dist/Summary/index.js +3 -2
  105. package/dist/Svg/Svg.js +1 -1
  106. package/dist/Table/Pagination/Items.d.ts +1 -1
  107. package/dist/Table/Pagination/Li.d.ts +2 -1
  108. package/dist/Table/Pagination/Li.js +2 -5
  109. package/dist/Table/Pagination/Pager.d.ts +5 -1
  110. package/dist/Table/Pagination/Pager.js +3 -3
  111. package/dist/Table/Pagination/PaginationButton.d.ts +2 -1
  112. package/dist/Table/Pagination/PaginationButton.js +2 -2
  113. package/dist/Table/Pagination/Paging.d.ts +2 -1
  114. package/dist/Table/Pagination/Paging.js +2 -2
  115. package/dist/Tag/Tag.d.ts +29 -0
  116. package/dist/Tag/Tag.js +27 -0
  117. package/dist/Title/Title.d.ts +2 -2
  118. package/dist/index.d.ts +21 -3
  119. package/dist/index.js +16 -3
  120. package/dist/utilities/helpers/getComponentClassName.d.ts +15 -0
  121. package/dist/utilities/helpers/getComponentClassName.js +22 -0
  122. package/package.json +6 -5
  123. package/dist/Alert/Alert.d.ts +0 -17
  124. package/dist/Alert/Alert.js +0 -14
  125. package/dist/Badge/Badge.d.ts +0 -8
  126. package/dist/Badge/Badge.js +0 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axa-fr/design-system-slash-react",
3
- "version": "1.2.1-alpha.12",
3
+ "version": "1.2.1-alpha.123",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -47,7 +47,7 @@
47
47
  },
48
48
  "homepage": "https://github.com/AxaFrance/design-system#readme",
49
49
  "peerDependencies": {
50
- "@axa-fr/design-system-slash-css": "1.2.1-alpha.12",
50
+ "@axa-fr/design-system-slash-css": "1.2.1-alpha.123",
51
51
  "@material-symbols/svg-400": ">= 0.19.0",
52
52
  "react": ">= 18"
53
53
  },
@@ -59,12 +59,13 @@
59
59
  "dependencies": {
60
60
  "@floating-ui/react": "^0.27.8",
61
61
  "@fontsource/source-sans-pro": "^5.2.5",
62
+ "@material-symbols/svg-700": ">= 0.19.0",
62
63
  "@tanem/svg-injector": "^10.1.68",
63
64
  "classnames": "^2.5.1",
64
65
  "dompurify": "^3.1.5",
65
66
  "rc-slider": "^11.1.7",
66
67
  "react-dropzone": "^11.5.3",
67
- "react-select": "^5.9.0"
68
+ "react-select": "^5.10.1"
68
69
  },
69
70
  "devDependencies": {
70
71
  "@axa-fr/design-system-slash-css": "*",
@@ -77,10 +78,10 @@
77
78
  "@types/dompurify": "^3.0.5",
78
79
  "@types/jest": "^29.5.14",
79
80
  "@types/jest-axe": "^3.5.9",
80
- "@vitest/coverage-v8": "^3.0.7",
81
+ "@vitest/coverage-v8": "^3.2.4",
81
82
  "@vitest/ui": "^3.0.7",
82
83
  "copyfiles": "^2.4.1",
83
- "jest-axe": "^9.0.0",
84
+ "jest-axe": "^10.0.0",
84
85
  "jsdom": "^25.0.1",
85
86
  "react": "^19.0.0",
86
87
  "rimraf": "^6.0.1",
@@ -1,17 +0,0 @@
1
- import { MouseEventHandler, PropsWithChildren } from "react";
2
- import "@axa-fr/design-system-slash-css/dist/Alert/Alert.scss";
3
- export declare enum TypeIcons {
4
- error = "glyphicon glyphicon-minus-sign",
5
- danger = "glyphicon glyphicon-alert",
6
- info = "glyphicon glyphicon-info-sign",
7
- success = "glyphicon glyphicon-ok"
8
- }
9
- export type AlertCoreComponentProps = {
10
- title: string;
11
- icon?: string;
12
- onClose?: MouseEventHandler<HTMLButtonElement>;
13
- className?: string;
14
- classModifier?: "error" | "danger" | "info" | "success";
15
- closeButtonAriaLabel?: string;
16
- };
17
- export declare const Alert: ({ className, onClose, icon, title, children, classModifier, closeButtonAriaLabel, }: PropsWithChildren<AlertCoreComponentProps>) => import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { getComponentClassName } from "../utilities";
3
- import "@axa-fr/design-system-slash-css/dist/Alert/Alert.scss";
4
- export var TypeIcons;
5
- (function (TypeIcons) {
6
- TypeIcons["error"] = "glyphicon glyphicon-minus-sign";
7
- TypeIcons["danger"] = "glyphicon glyphicon-alert";
8
- TypeIcons["info"] = "glyphicon glyphicon-info-sign";
9
- TypeIcons["success"] = "glyphicon glyphicon-ok";
10
- })(TypeIcons || (TypeIcons = {}));
11
- export const Alert = ({ className, onClose, icon, title, children, classModifier = "error", closeButtonAriaLabel = "close", }) => {
12
- const componentClassName = getComponentClassName(className, classModifier, "af-alert");
13
- return (_jsxs("div", { className: componentClassName, role: "alert", children: [_jsxs("div", { className: "af-alert__title", children: [_jsx("div", { className: "af-alert__title-icon", children: _jsx("i", { role: "presentation", className: icon || TypeIcons[classModifier] }) }), _jsx("div", { className: "af-alert__title-text", children: title }), onClose && (_jsx("button", { type: "button", className: "af-alert__title-icon-close", onClick: onClose, "aria-label": closeButtonAriaLabel, children: _jsx("i", { className: "glyphicon glyphicon-close" }) }))] }), children && (_jsxs("div", { className: "af-alert__content", children: [_jsx("div", { className: "af-alert__content-left" }), _jsx("div", { className: "af-alert__content-right", children: children })] }))] }));
14
- };
@@ -1,8 +0,0 @@
1
- import { ComponentPropsWithRef, PropsWithChildren } from "react";
2
- import "@axa-fr/design-system-slash-css/dist/Badge/Badge.scss";
3
- type BadgeProps = ComponentPropsWithRef<"span"> & {
4
- classModifier?: string;
5
- disabled?: boolean;
6
- };
7
- export declare const Badge: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<BadgeProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
8
- export {};
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { forwardRef } from "react";
3
- import { getComponentClassName } from "../utilities";
4
- import "@axa-fr/design-system-slash-css/dist/Badge/Badge.scss";
5
- export const Badge = forwardRef(({ children, className, classModifier, ...otherProps }, ref) => {
6
- const componentClassName = getComponentClassName(className, classModifier, "af-badge");
7
- return (_jsx("span", { ref: ref, className: componentClassName, ...otherProps, children: children }));
8
- });
9
- Badge.displayName = "Badge";