allaw-ui 3.2.8 → 3.3.0

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

@@ -1,7 +1,7 @@
 import React from "react";
-import "./TextArea.css";
 import "../../../styles/global.css";
 import { commonRegex } from "../../../utils/regex";
+import "./TextArea.css";
 export interface TextAreaProps {
     title: string;
     style?: "default" | "variation";
@@ -16,7 +16,7 @@ export interface TextAreaProps {
     minHeight?: number;
     variant?: "bold" | "semiBold" | "medium";
     color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white" | "grey-venom" | "venom-grey-dark";
-    dataCy?: string;
+    dataTestId?: string;
 }
 export interface TextAreaRef {
     validate: () => boolean;

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

@@ -1,12 +1,12 @@
 // TextArea.tsx
-import React, { useState, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, } from "react";
-import "./TextArea.css";
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState, } from "react";
 import "../../../styles/global.css";
 import { commonRegex } from "../../../utils/regex";
-import TinyInfo from "../typography/TinyInfo";
 import Paragraph from "../typography/Paragraph";
+import TinyInfo from "../typography/TinyInfo";
+import "./TextArea.css";
 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, minHeight = _a.minHeight, _e = _a.variant, variant = _e === void 0 ? "medium" : _e, _f = _a.color, color = _f === void 0 ? "noir" : _f, dataCy = _a.dataCy;
+    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, minHeight = _a.minHeight, _e = _a.variant, variant = _e === void 0 ? "medium" : _e, _f = _a.color, color = _f === void 0 ? "noir" : _f, dataTestId = _a.dataTestId;
     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];
@@ -66,10 +66,10 @@ var TextArea = forwardRef(function (_a, ref) {
                 "\u00A0",
                 "*"))),
         React.createElement("div", { className: "text-area-container" },
-            React.createElement("div", { className: "text-area-input", "data-cy": dataCy || "text-area" },
+            React.createElement("div", { className: "text-area-input", "data-testid": dataTestId || "text-area" },
                 React.createElement("textarea", { ref: textareaRef, placeholder: placeholder, className: minHeight !== undefined
                         ? "text-area-placeholder no-transition"
-                        : "text-area-placeholder", value: value, onChange: handleChange, onBlur: handleBlur, style: textareaStyle })),
+                        : "text-area-placeholder", value: value, onChange: handleChange, onBlur: handleBlur, style: textareaStyle, "data-testid": dataTestId || "text-area" })),
             error && isTouched && (React.createElement("div", { className: "error-message" },
                 React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));
 });

package/dist/components/atoms/selects/SelectableListItem.d.ts

@@ -8,6 +8,7 @@ export interface SelectableListItemProps {
     isActive: boolean;
     onClick: () => void;
     icon?: string;
+    testIdKey?: string | number;
 }
 declare const SelectableListItem: React.FC<SelectableListItemProps>;
 export default SelectableListItem;

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

@@ -1,12 +1,12 @@
 import React from "react";
-import styles from "./SelectableListItem.module.css";
 import "../../../styles/global.css";
 import "../../../styles/icons.css";
 import { slugify } from "../../../utils/utils";
+import styles from "./SelectableListItem.module.css";
 var SelectableListItem = function (_a) {
-    var label = _a.label, duration = _a.duration, price = _a.price, isActive = _a.isActive, onClick = _a.onClick, icon = _a.icon;
+    var label = _a.label, duration = _a.duration, price = _a.price, isActive = _a.isActive, onClick = _a.onClick, icon = _a.icon, testIdKey = _a.testIdKey;
     var hasIcon = icon && icon.length > 0;
-    return (React.createElement("button", { className: "".concat(styles.container, " ").concat(isActive ? styles.active : "", " ").concat(hasIcon ? styles.withIcon : ""), onClick: onClick, "data-cy": "item-".concat(slugify(label)) },
+    return (React.createElement("button", { className: "".concat(styles.container, " ").concat(isActive ? styles.active : "", " ").concat(hasIcon ? styles.withIcon : ""), onClick: onClick, "data-testid": "item-".concat(testIdKey !== undefined ? testIdKey : slugify(label)) },
         React.createElement("div", { className: styles.iconContainer }, isActive && React.createElement("span", { className: styles.activeIcon })),
         hasIcon && (React.createElement("div", { className: styles.iconWrapper },
             React.createElement("i", { className: "".concat(icon, " ").concat(styles.icon) }))),

package/package.json

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