allaw-ui 2.9.0 → 2.9.2

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 (3) hide show
  1. package/dist/components/molecules/checkboxForm/ColoredCheckbox.d.ts +1 -3
  2. package/dist/components/molecules/checkboxForm/ColoredCheckbox.js +1 -16
  3. package/package.json +1 -1
package/dist/components/molecules/checkboxForm/ColoredCheckbox.d.ts CHANGED
@@ -11,9 +11,7 @@ export interface ColoredCheckboxProps {
11
11
  size?: "default" | "small";
12
12
  markType?: "cross" | "check";
13
13
  isSignedIn?: boolean;
14
- unlinkIconPath?: string | {
15
- default: string;
16
- };
14
+ unlinkIconPath?: any;
17
15
  }
18
16
  declare const ColoredCheckbox: React.FC<ColoredCheckboxProps>;
19
17
  export default ColoredCheckbox;
package/dist/components/molecules/checkboxForm/ColoredCheckbox.js CHANGED
@@ -1,9 +1,6 @@
1
1
  import React, { useState } from "react";
2
2
  import styles from "./ColoredCheckbox.module.css";
3
3
  import "../../../styles/global.css"; // Pour importer les icônes allaw
4
- // URL data en base64 pour l'icône de déconnexion (solution de secours)
5
- // Cette icône représente un lien brisé/déconnecté en rouge
6
- var DEFAULT_UNLINK_ICON = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjY3IDEwLjY2N0w4LjY2NyA4LjY2NyIgc3Ryb2tlPSIjRkYwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEyLjY2NyA0LjY2N0MxMy40MDMgNS40MDMgMTMuNDAzIDYuNTk3IDEyLjY2NyA3LjMzM0MxMS45MyA4LjA3IDEwLjczNyA4LjA3IDEwIDcuMzMzQzkuMjYzIDYuNTk3IDkuMjYzIDUuNDAzIDEwIDQuNjY3QzEwLjczNyAzLjkzIDExLjkzIDMuOTMgMTIuNjY3IDQuNjY3WiIgc3Ryb2tlPSIjRkYwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTUuMzMzIDExLjMzM0M2LjA3IDEyLjA3IDcuMjYzIDEyLjA3IDggMTEuMzMzQzguNzM3IDEwLjU5NyA4LjczNyA5LjQwMyA4IDguNjY3QzcuMjYzIDcuOTMgNi4wNyA3LjkzIDUuMzMzIDguNjY3QzQuNTk3IDkuNDAzIDQuNTk3IDEwLjU5NyA1LjMzMyAxMS4zMzNaIiBzdHJva2U9IiNGRjAwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNy4zMzMgNy4zMzNMNS4zMzMgNS4zMzMiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";
7
4
  // Fonction pour formater l'email avec des ellipses intelligentes
8
5
  var formatEmail = function (email) {
9
6
  if (!email || typeof email !== "string" || !email.includes("@")) {
@@ -24,7 +21,6 @@ var formatEmail = function (email) {
24
21
  var ColoredCheckbox = function (_a) {
25
22
  var id = _a.id, _b = _a.label, label = _b === void 0 ? "mon-email@provider.com" : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.boxColor, boxColor = _d === void 0 ? "#000000" : _d, _e = _a.markColor, markColor = _e === void 0 ? "#FFFFFF" : _e, _f = _a.textColor, textColor = _f === void 0 ? "#000000" : _f, _g = _a.size, size = _g === void 0 ? "default" : _g, _h = _a.markType, markType = _h === void 0 ? "cross" : _h, _j = _a.isSignedIn, isSignedIn = _j === void 0 ? true : _j, _k = _a.unlinkIconPath, unlinkIconPath = _k === void 0 ? "/assets/images/allaw-icon-unlink-red.svg" : _k;
26
23
  var _l = useState(checked), isChecked = _l[0], setIsChecked = _l[1];
27
- var _m = useState(false), iconError = _m[0], setIconError = _m[1];
28
24
  // Generate a random ID if none is provided
29
25
  var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
30
26
  var handleClick = function (e) {
@@ -55,20 +51,9 @@ var ColoredCheckbox = function (_a) {
55
51
  var formattedLabel = typeof label === "string" && label.includes("@")
56
52
  ? formatEmail(label)
57
53
  : label;
58
- // Gérer les différents formats d'importation d'image
59
- var getIconPath = function () {
60
- if (!unlinkIconPath)
61
- return DEFAULT_UNLINK_ICON;
62
- // Si c'est un objet importé (comme avec import x from 'y')
63
- if (typeof unlinkIconPath === "object" && unlinkIconPath.default) {
64
- return unlinkIconPath.default;
65
- }
66
- // Si c'est une chaîne de caractères
67
- return unlinkIconPath;
68
- };
69
54
  return (React.createElement("div", { className: styles.container },
70
55
  React.createElement("button", { id: checkboxId, className: "".concat(styles.checkbox, " ").concat(isChecked ? styles.checked : "", " ").concat(size === "small" ? styles.small : ""), onClick: handleClick, style: checkboxStyle, "aria-checked": isChecked, role: "checkbox", "data-cy": "checkbox-".concat(checkboxId) }, isChecked && (React.createElement("span", { className: "".concat(styles.icon, " ").concat(markType === "cross" ? "allaw-icon-close" : "allaw-icon-check"), style: markStyle }))),
71
- isSignedIn === false && (React.createElement("img", { src: iconError ? DEFAULT_UNLINK_ICON : getIconPath(), alt: "Non connect\u00E9", className: styles.unlinkIcon, width: "16", height: "16", style: { width: "16px", height: "16px" }, onError: function () { return setIconError(true); } })),
56
+ isSignedIn === false && unlinkIconPath && (React.createElement("img", { src: unlinkIconPath.src || unlinkIconPath, alt: "Non connect\u00E9", className: styles.unlinkIcon, width: "16", height: "16", style: { width: "16px", height: "16px" } })),
72
57
  label && (React.createElement("label", { htmlFor: checkboxId, className: styles.label, style: labelStyle, onClick: handleClick }, formattedLabel))));
73
58
  };
74
59
  export default ColoredCheckbox;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "allaw-ui",
3
- "version": "2.9.0",
3
+ "version": "2.9.2",
4
4
  "description": "Composants UI pour l'application Allaw",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",