allaw-ui 5.3.9 → 5.4.2

package/dist/components/atoms/buttons/ActionButton.d.ts

@@ -1,5 +1,5 @@
 import React, { ButtonHTMLAttributes } from "react";
-export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
     startIconName?: string;

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

@@ -59,7 +59,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef, useEffect, useImperativeHandle, useState, } from "react";
 import styles from "./ActionButton.module.css";
 var ActionButton = forwardRef(function (_a, ref) {
-    var startIcon = _a.startIcon, endIcon = _a.endIcon, startIconName = _a.startIconName, endIconName = _a.endIconName, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "button" : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, variant = _a.variant, _f = _a.size, size = _f === void 0 ? "medium" : _f, props = __rest(_a, ["startIcon", "endIcon", "startIconName", "endIconName", "label", "disabled", "onClick", "fullWidth", "type", "isLoading", "variant", "size"]);
+    var startIcon = _a.startIcon, endIcon = _a.endIcon, startIconName = _a.startIconName, endIconName = _a.endIconName, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "button" : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, variant = _a.variant, _f = _a.size, size = _f === void 0 ? "medium" : _f, dataTestId = _a.dataTestId, props = __rest(_a, ["startIcon", "endIcon", "startIconName", "endIconName", "label", "disabled", "onClick", "fullWidth", "type", "isLoading", "variant", "size", "dataTestId"]);
     var buttonRef = React.useRef(null);
     var _g = useState(false), internalIsLoading = _g[0], setInternalIsLoading = _g[1];
     var _h = useState(""), loadingDots = _h[0], setLoadingDots = _h[1];
@@ -106,7 +106,7 @@ var ActionButton = forwardRef(function (_a, ref) {
             }
         });
     }); };
-    return (React.createElement("button", __assign({ ref: buttonRef, "data-testid": props.dataTestId, className: "".concat(styles.actionButton, " ").concat(disabled ? styles.actionButtonDisabled : styles.actionButtonEnabled, " ").concat(fullWidth ? styles.actionButtonFullWidth : "", " ").concat(isButtonLoading ? styles.actionButtonLoading : "", " ").concat(variant === "warning" ? styles.actionButtonWarning : "", " ").concat(variant === "border" ? styles.actionButtonBorder : "", " ").concat(size === "large" ? styles.actionButtonLarge : ""), disabled: disabled, onClick: handleClick, type: type }, props),
+    return (React.createElement("button", __assign({ ref: buttonRef, "data-testid": dataTestId, className: "".concat(styles.actionButton, " ").concat(disabled ? styles.actionButtonDisabled : styles.actionButtonEnabled, " ").concat(fullWidth ? styles.actionButtonFullWidth : "", " ").concat(isButtonLoading ? styles.actionButtonLoading : "", " ").concat(variant === "warning" ? styles.actionButtonWarning : "", " ").concat(variant === "border" ? styles.actionButtonBorder : "", " ").concat(size === "large" ? styles.actionButtonLarge : ""), disabled: disabled, onClick: handleClick, type: type }, props),
         startIcon && (React.createElement("span", { className: "".concat(styles.actionButtonIcon, " ").concat(startIconName) })),
         React.createElement("span", { className: styles.actionButtonLabel }, label),
         isButtonLoading ? (React.createElement("span", { className: styles.actionButtonLoadingDots }, loadingDots)) : (endIcon && (React.createElement("span", { className: "".concat(styles.actionButtonIcon, " ").concat(endIconName) })))));

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

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

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

@@ -4,7 +4,7 @@ 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, testIdKey = _a.testIdKey;
+    var label = _a.label, duration = _a.duration, price = _a.price, isActive = _a.isActive, onClick = _a.onClick, icon = _a.icon, testIdKey = _a.testIdKey, _b = _a.durationSize, durationSize = _b === void 0 ? "standard" : _b;
     var hasIcon = icon && icon.length > 0;
     var hasContent = (duration && duration.trim()) || (price && price.trim());
     return (React.createElement("button", { className: "".concat(styles.container, " ").concat(isActive ? styles.active : "", " ").concat(hasIcon ? styles.withIcon : "", " ").concat(!hasContent ? styles.noContent : ""), onClick: onClick, "data-testid": "item-".concat(testIdKey !== undefined ? testIdKey : slugify(label)) },
@@ -14,7 +14,8 @@ var SelectableListItem = function (_a) {
         React.createElement("div", { className: styles.content },
             React.createElement("span", { className: styles.label }, label)),
         hasContent && (React.createElement("div", { className: styles.columnsWrapper },
-            duration && React.createElement("span", { className: styles.duration }, duration),
+            duration && (React.createElement("span", { className: "".concat(styles.duration, " ").concat(durationSize === "large" ? styles.durationLarge : "") }, duration)),
             price && React.createElement("span", { className: styles.price }, price)))));
 };
+// test
 export default SelectableListItem;

package/dist/components/atoms/selects/SelectableListItem.module.css

@@ -105,6 +105,10 @@
   width: 80px;
 }
 
+.durationLarge {
+  width: 110px;
+}
+
 .price {
   color: var(--noir, #171e25);
   font-weight: 700;

package/package.json

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