allaw-ui 3.2.4 → 3.2.6

package/dist/components/atoms/buttons/TabNavigation.css

@@ -88,7 +88,7 @@
 
 /* Style round */
 .tab-navigation.tab-navigation--round {
-  padding: 4px;
+  padding: 0px;
   border-radius: 8px;
   gap: 8px;
 }

package/dist/components/atoms/checkboxes/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import "./Checkbox.css";
 import "../../../styles/global.css";
+import "./Checkbox.css";
 export interface CheckboxProps {
     id?: string;
     checked?: boolean;
@@ -9,6 +9,7 @@ export interface CheckboxProps {
     size?: "default" | "small";
     style?: "default" | "light" | "form";
     markType?: "cross" | "check";
+    dataTestId?: string;
 }
 declare const Checkbox: React.FC<CheckboxProps>;
 export default Checkbox;

package/dist/components/atoms/checkboxes/Checkbox.js

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import "./Checkbox.css";
 import "../../../styles/global.css";
+import "./Checkbox.css";
 var Checkbox = function (_a) {
-    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, color = _a.color, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.style, style = _d === void 0 ? "default" : _d, _e = _a.markType, markType = _e === void 0 ? "cross" : _e;
+    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, color = _a.color, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.style, style = _d === void 0 ? "default" : _d, _e = _a.markType, markType = _e === void 0 ? "cross" : _e, dataTestId = _a.dataTestId;
     var _f = useState(checked), isChecked = _f[0], setIsChecked = _f[1];
     var handleClick = function (e) {
         e.preventDefault();
@@ -15,6 +15,6 @@ var Checkbox = function (_a) {
     };
     var checkboxColor = style === "light" ? "light" : color;
     var colorClass = checkboxColor ? "checkbox-".concat(checkboxColor) : "";
-    return (React.createElement("button", { id: id, className: "checkbox ".concat(isChecked ? "checkbox-pressed" : "checkbox-default", " ").concat(colorClass, " ").concat(size === "small" ? "checkbox-small" : "", " ").concat(style === "light" ? "checkbox-light" : "", " ").concat(style === "form" ? "checkbox-style-form" : ""), onClick: handleClick, "data-cy": "checkbox-".concat(id) }, isChecked && (React.createElement("span", { className: "checkbox-icon ".concat(markType === "cross" ? "allaw-icon-close" : "allaw-icon-check", " ").concat(colorClass, " ").concat(style === "light" ? "checkbox-icon-light" : "") }))));
+    return (React.createElement("button", { id: id, className: "checkbox ".concat(isChecked ? "checkbox-pressed" : "checkbox-default", " ").concat(colorClass, " ").concat(size === "small" ? "checkbox-small" : "", " ").concat(style === "light" ? "checkbox-light" : "", " ").concat(style === "form" ? "checkbox-style-form" : ""), onClick: handleClick, "data-testid": dataTestId }, isChecked && (React.createElement("span", { className: "checkbox-icon ".concat(markType === "cross" ? "allaw-icon-close" : "allaw-icon-check", " ").concat(colorClass, " ").concat(style === "light" ? "checkbox-icon-light" : "") }))));
 };
 export default Checkbox;

package/dist/components/atoms/radios/RadioButton.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
-import "./RadioButton.css";
 import "../../../styles/global.css";
+import "./RadioButton.css";
 export interface RadioButtonProps {
     label: string;
     style?: "user" | "hybride";
     isActive: boolean;
     onClick: () => void;
+    dataTestId?: string;
 }
 declare const RadioButton: React.FC<RadioButtonProps>;
 export default RadioButton;

package/dist/components/atoms/radios/RadioButton.js

@@ -1,9 +1,9 @@
 import React from "react";
-import "./RadioButton.css";
 import "../../../styles/global.css";
+import "./RadioButton.css";
 var RadioButton = function (_a) {
-    var label = _a.label, _b = _a.style, style = _b === void 0 ? "user" : _b, isActive = _a.isActive, onClick = _a.onClick;
-    return (React.createElement("button", { className: "radio-button radio-button-".concat(style, " ").concat(isActive ? "radio-button-".concat(style, "-active") : ""), onClick: onClick },
+    var label = _a.label, _b = _a.style, style = _b === void 0 ? "user" : _b, isActive = _a.isActive, onClick = _a.onClick, dataTestId = _a.dataTestId;
+    return (React.createElement("button", { className: "radio-button radio-button-".concat(style, " ").concat(isActive ? "radio-button-".concat(style, "-active") : ""), onClick: onClick, "data-testid": dataTestId },
         React.createElement("span", { className: "radio-button-icon" }, isActive && React.createElement("span", { className: "radio-button-icon-inner" })),
         React.createElement("span", { className: "radio-button-label" }, label)));
 };

package/dist/components/molecules/checkboxForm/CheckboxForm.d.ts

@@ -14,6 +14,7 @@ export interface CheckboxFormProps {
     size?: "default" | "small";
     style?: "default" | "light" | "form";
     markType?: "cross" | "check";
+    dataTestId?: string;
 }
 declare const CheckboxForm: React.FC<CheckboxFormProps>;
 export default CheckboxForm;

package/dist/components/molecules/checkboxForm/CheckboxForm.js

@@ -3,7 +3,7 @@ import Checkbox from "../../atoms/checkboxes/Checkbox";
 import Paragraph from "../../atoms/typography/Paragraph";
 import "./CheckboxForm.css";
 var CheckboxForm = function (_a) {
-    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, color = _a.color, label = _a.label, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, linkText = _a.linkText, linkUrl = _a.linkUrl, onLinkClick = _a.onLinkClick, _d = _a.size, size = _d === void 0 ? "default" : _d, _e = _a.style, style = _e === void 0 ? "default" : _e, _f = _a.markType, markType = _f === void 0 ? "cross" : _f;
+    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, color = _a.color, label = _a.label, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, linkText = _a.linkText, linkUrl = _a.linkUrl, dataTestId = _a.dataTestId, onLinkClick = _a.onLinkClick, _d = _a.size, size = _d === void 0 ? "default" : _d, _e = _a.style, style = _e === void 0 ? "default" : _e, _f = _a.markType, markType = _f === void 0 ? "cross" : _f;
     var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
     var handleCheckboxChange = function (checked) {
         if (onChange) {
@@ -18,7 +18,7 @@ var CheckboxForm = function (_a) {
             : color || "noir";
     var colorClass = checkboxColor ? "checkbox-form-".concat(checkboxColor) : "";
     return (React.createElement("div", { className: "checkbox-form ".concat(colorClass, " ").concat(size === "small" ? "checkbox-form-small" : "") },
-        React.createElement(Checkbox, { id: checkboxId, checked: checked, onChange: handleCheckboxChange, color: checkboxColor, size: size, style: style, markType: markType }),
+        React.createElement(Checkbox, { id: checkboxId, checked: checked, onChange: handleCheckboxChange, color: checkboxColor, size: size, style: style, markType: markType, dataTestId: dataTestId }),
         label && (React.createElement("label", { htmlFor: checkboxId, className: "checkbox-form-label-container" },
             React.createElement(Paragraph, { variant: style === "form" ? "medium" : "semiBold", color: color || (style === "form" ? undefined : "noir"), text: React.createElement(React.Fragment, null,
                     React.createElement("span", null, label),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "3.2.4",
+  "version": "3.2.6",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",