@eclass/ui-kit 1.59.5 → 1.59.7

package/dist/eclass-ui-kit.es.js

@@ -6759,18 +6759,18 @@ function skipAttributesToProps(node2) {
 var HTMLReactParser = /* @__PURE__ */ getDefaultExportFromCjs(lib$3);
 var ReactParser = HTMLReactParser.default || HTMLReactParser;
 const AVATAR_COLORS = ["#0076ba", "#229f9c", "#2cb26b", "#30baed", "#95569e", "#9bc03a", "#d84315", "#f5a623", "#f6712f", "#ff6363"];
-const getColorByUserId = (userId) => {
-  if (userId >= 0) {
-    const digits = userId.toString().split("");
-    const position = parseInt(digits[digits.length - 1], 10);
-    return AVATAR_COLORS[position];
-  }
-  return AVATAR_COLORS[Math.floor(Math.random() * AVATAR_COLORS.length)];
+const getColorIndex = (fullName) => {
+  var _a;
+  const trimmedNameLength = (_a = fullName == null ? void 0 : fullName.trim().length) != null ? _a : 0;
+  return trimmedNameLength % 10;
+};
+const getAvatarColor = (fullName) => {
+  const position = getColorIndex(fullName);
+  return AVATAR_COLORS[position];
 };
 const getInitials = (fullName) => fullName.split(" ").map((word) => word[0]).slice(0, 2).join("").toUpperCase();
 const Avatar = ({
   fullName,
-  userId,
   picture,
   size = 50,
   fontSize = 14,
@@ -6781,8 +6781,8 @@ const Avatar = ({
   const [bgColor, setBgColor] = useState("");
   const [imageValid, setImageValid] = useState(false);
   useEffect(() => {
-    setBgColor(getColorByUserId(userId));
-  }, [userId]);
+    setBgColor(getAvatarColor(fullName));
+  }, [fullName]);
   const wrapperStyle = {
     alignItems: "center",
     backgroundColor: (fullName == null ? void 0 : fullName.length) === 0 ? "#fff" : bgColor,
@@ -10595,6 +10595,10 @@ const useHideBackgroundOnMobile = (isOpen) => {
         footer.style.display = isOpen ? "none" : "";
       }
     } else {
+      const browse = document.querySelector(".browse");
+      if (browse) {
+        browse.style.display = isOpen ? "none" : "";
+      }
       const mainElement = document.querySelector(".main");
       if (!mainElement)
         return;
@@ -10619,6 +10623,10 @@ const useHideBackgroundOnMobile = (isOpen) => {
           footer.style.display = "";
         }
       } else {
+        const browse = document.querySelector(".browse");
+        if (browse) {
+          browse.style.display = "";
+        }
         const mainElement = document.querySelector(".main");
         if (mainElement) {
           const firstChild = mainElement.firstElementChild;
@@ -10916,6 +10924,8 @@ const UserDropdown = ({
         borderRadius: !isMobile ? "10px" : "0",
         bg: vars("colors-neutral-white"),
         ">button, >a": {
+          borderTop: "none",
+          borderInline: "none",
           borderBottom: isMobile ? `solid 1px ${vars("colors-neutral-platinum")}` : void 0
         }
       },