allaw-ui 2.2.3 → 2.2.5

package/dist/components/atoms/buttons/PrimaryButton.js

@@ -108,7 +108,7 @@ var PrimaryButton = forwardRef(function (_a, ref) {
             }
         });
     }); };
-    return (React.createElement("button", __assign({ ref: buttonRef, className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : "", " ").concat(isButtonLoading ? "primary-button-loading" : "").concat(variant === "warning" ? "primary-button-warning" : ""), disabled: disabled, onClick: handleClick, type: type }, props, { "data-cy": "primary-button" }),
+    return (React.createElement("button", __assign({ ref: buttonRef, className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : "", " ").concat(isButtonLoading ? "primary-button-loading" : "").concat(variant === "warning" ? "primary-button-warning" : ""), disabled: disabled, onClick: handleClick, type: type }, props),
         startIcon && (React.createElement("span", { className: "primary-button-icon ".concat(startIconName) })),
         React.createElement("span", { className: "primary-button-label" }, label),
         isButtonLoading ? (React.createElement("span", { className: "primary-button-loading-dots" }, loadingDots)) : (endIcon && React.createElement("span", { className: "primary-button-icon ".concat(endIconName) }))));

package/dist/components/atoms/inputs/TextArea.d.ts

@@ -15,6 +15,7 @@ export interface TextAreaProps {
     maxHeight?: number;
     variant?: "bold" | "semiBold" | "medium";
     color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white" | "grey-venom" | "venom-grey-dark";
+    dataCy?: string;
 }
 export interface TextAreaRef {
     validate: () => boolean;

package/dist/components/atoms/inputs/TextArea.js

@@ -6,7 +6,7 @@ import { commonRegex } from "../../../utils/regex";
 import TinyInfo from "../typography/TinyInfo";
 import Paragraph from "../typography/Paragraph";
 var TextArea = forwardRef(function (_a, ref) {
-    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, placeholder = _a.placeholder, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, propError = _a.error, _d = _a.maxHeight, maxHeight = _d === void 0 ? 400 : _d, _e = _a.variant, variant = _e === void 0 ? "medium" : _e, _f = _a.color, color = _f === void 0 ? "noir" : _f;
+    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, placeholder = _a.placeholder, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, propError = _a.error, _d = _a.maxHeight, maxHeight = _d === void 0 ? 400 : _d, _e = _a.variant, variant = _e === void 0 ? "medium" : _e, _f = _a.color, color = _f === void 0 ? "noir" : _f, dataCy = _a.dataCy;
     var _g = useState(propValue || ""), value = _g[0], setValue = _g[1];
     var _h = useState(propError || ""), error = _h[0], setError = _h[1];
     var _j = useState(false), isTouched = _j[0], setIsTouched = _j[1];
@@ -57,7 +57,7 @@ var TextArea = forwardRef(function (_a, ref) {
                 "\u00A0",
                 "*"))),
         React.createElement("div", { className: "text-area-container" },
-            React.createElement("div", { className: "text-area-input" },
+            React.createElement("div", { className: "text-area-input", "data-cy": dataCy || "text-area" },
                 React.createElement("textarea", { ref: textareaRef, placeholder: placeholder, className: "text-area-placeholder", value: value, onChange: handleChange, onBlur: handleBlur, style: { maxHeight: "".concat(maxHeight, "px") } })),
             error && isTouched && (React.createElement("div", { className: "error-message" },
                 React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));

package/dist/components/atoms/progressBars/ProgressBar.js

@@ -8,8 +8,8 @@ var ProgressBar = function (_a) {
     var progressWidth = constrainedCurrentStep === 0 ? 0 : (constrainedCurrentStep / steps) * 100;
     var noIconsMargin = !startIcon && !endIcon ? "0px" : "0 10px";
     return (React.createElement("div", { className: "progress-bar-container" },
-        isWrapperProgressBar && React.createElement("div", { className: "progress-bar-icon-container" }, startIcon && (React.createElement("button", { className: "progress-bar-chevron", onClick: onStartIconClick },
-            React.createElement("i", { className: "allaw-icon-chevron-left" })))),
+        isWrapperProgressBar && (React.createElement("div", { className: "progress-bar-icon-container" }, startIcon && (React.createElement("button", { className: "progress-bar-chevron", onClick: onStartIconClick },
+            React.createElement("i", { className: "allaw-icon-chevron-left" }))))),
         React.createElement("div", { className: "progress-bar-background ".concat(showProgressBar ? "" : "hidden-content"), style: {
                 height: isWrapperProgressBar ? "6px" : "8px",
                 width: startIcon ? "calc(100% - 32px)" : "100%",
@@ -19,7 +19,7 @@ var ProgressBar = function (_a) {
                     width: "".concat(progressWidth, "%"),
                     height: isWrapperProgressBar ? "6px" : "8px",
                 } })),
-        endIcon && (React.createElement("button", { className: "progress-bar-close", onClick: onEndIconClick },
+        endIcon && (React.createElement("button", { className: "progress-bar-close", onClick: onEndIconClick, "data-cy": "close-stepper" },
             React.createElement("i", { className: "allaw-icon-close" })))));
 };
 export default ProgressBar;

package/dist/components/atoms/selects/ComboBox.js

@@ -155,7 +155,7 @@ function ComboBox(_a, ref) {
                 "\u00A0",
                 "*")))),
         React.createElement("div", { ref: inputContainerRef, className: "combo-box-input-container" },
-            React.createElement("input", { ref: inputRef, className: "combo-box ".concat(isOpen ? "combo-box-pressed" : "combo-box-default", " ").concat(isHovered ? "combo-box-hovered" : ""), placeholder: placeholder, value: inputValue, onChange: handleInputChange, onFocus: handleInputFocus, style: { width: "100%" } }),
+            React.createElement("input", { "data-cy": "combo-box", ref: inputRef, className: "combo-box ".concat(isOpen ? "combo-box-pressed" : "combo-box-default", " ").concat(isHovered ? "combo-box-hovered" : ""), placeholder: placeholder, value: inputValue, onChange: handleInputChange, onFocus: handleInputFocus, style: { width: "100%" } }),
             React.createElement("div", { ref: chevronRef, className: "combo-box-chevron ".concat(isHovered ? "combo-box-hovered" : ""), onClick: handleChevronClick },
                 React.createElement("i", { className: "allaw-icon-".concat(isInputValid ? "chevron-down" : "close") }))),
         isOpen &&

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

@@ -2,6 +2,7 @@ import React from "react";
 import { ParagraphProps } from "../../atoms/typography/Paragraph";
 import "./CheckboxForm.css";
 export interface CheckboxFormProps {
+    id?: string;
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     color?: ParagraphProps["color"];

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

@@ -3,8 +3,8 @@ import Checkbox from "../../atoms/checkboxes/Checkbox";
 import Paragraph from "../../atoms/typography/Paragraph";
 import "./CheckboxForm.css";
 var CheckboxForm = function (_a) {
-    var _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.color, color = _c === void 0 ? "noir" : _c, label = _a.label, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, linkText = _a.linkText, linkUrl = _a.linkUrl, onLinkClick = _a.onLinkClick, _e = _a.size, size = _e === void 0 ? "default" : _e, _f = _a.style, style = _f === void 0 ? "default" : _f, _g = _a.markType, markType = _g === void 0 ? "cross" : _g;
-    var checkboxId = "checkbox-".concat(Math.random().toString(36).substr(2, 9));
+    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.color, color = _c === void 0 ? "noir" : _c, label = _a.label, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, linkText = _a.linkText, linkUrl = _a.linkUrl, onLinkClick = _a.onLinkClick, _e = _a.size, size = _e === void 0 ? "default" : _e, _f = _a.style, style = _f === void 0 ? "default" : _f, _g = _a.markType, markType = _g === void 0 ? "cross" : _g;
+    var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
     var handleCheckboxChange = function (checked) {
         if (onChange) {
             onChange(checked);

package/package.json

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