@phillips/seldon 1.31.0 → 1.31.1

package/dist/components/UserManagement/UserManagement.js

@@ -1,45 +1,48 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { getCommonProps as x, px as j, noOp as s } from "../../utils/index.js";
-import A from "../Input/Input.js";
-import E from "../../assets/account_circle.svg.js";
-import M from "../Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import P from "../Navigation/NavigationList/NavigationList.js";
-import S from "../Navigation/NavigationItem/NavigationItem.js";
-import { SupportedLanguages as o } from "../../types/commonTypes.js";
-import T from "../../node_modules/classnames/index.js";
-const H = ({
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { getCommonProps as j, px as A, noOp as r } from "../../utils/index.js";
+import M from "../Input/Input.js";
+import P from "../../assets/account_circle.svg.js";
+import S from "../Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import T from "../Navigation/NavigationList/NavigationList.js";
+import U from "../Navigation/NavigationItem/NavigationItem.js";
+import { SupportedLanguages as s } from "../../types/commonTypes.js";
+import w from "../../node_modules/classnames/index.js";
+const K = ({
   accountDetailsLink: m,
-  children: p,
-  className: v,
-  currentLanguage: n = o.en,
-  languageOptions: i = [
-    { label: "English", value: o.en },
-    { label: "中文", value: o.zh }
+  children: v,
+  className: p,
+  currentLanguage: o = s.en,
+  languageOptions: t = [
+    { label: "English", value: s.en },
+    { label: "中文", value: s.zh }
   ],
-  onLanguageChange: d = s,
-  isLoggedIn: r = !1,
-  onLogin: f = s,
-  onLogout: _ = s,
-  loginLabel: h = "Login",
-  logoutLabel: N = "Logout",
+  onLanguageChange: h = r,
+  isLoggedIn: n = !1,
+  onLogin: f = r,
+  onLogout: _ = r,
+  loginLabel: N = "Login",
+  logoutLabel: b = "Logout",
   ...c
 }) => {
-  var t, g;
-  const { className: l, ...b } = x(c, "UserManagement"), $ = (g = (t = i.find((e) => e.value === n)) == null ? void 0 : t.label) != null ? g : "English", C = m != null ? m : "a";
-  return /* @__PURE__ */ u("div", { ...b, className: T(l, v), ...c, children: [
-    /* @__PURE__ */ u("ul", { className: `${l}__account-wrapper`, children: [
-      r && /* @__PURE__ */ a(C, { children: /* @__PURE__ */ a(E, { className: `${l}__account-icon` }) }),
+  var i, g;
+  const { className: l, ...C } = j(c, "UserManagement"), $ = (g = (i = t.find((e) => e.value === o)) == null ? void 0 : i.label) != null ? g : "English", x = m != null ? m : "a", E = (e) => {
+    var u;
+    (u = document.activeElement) == null || u.blur(), h(e);
+  };
+  return /* @__PURE__ */ d("div", { ...C, className: w(l, p), ...c, children: [
+    /* @__PURE__ */ d("ul", { className: `${l}__account-wrapper`, children: [
+      n && /* @__PURE__ */ a(x, { children: /* @__PURE__ */ a(P, { className: `${l}__account-icon` }) }),
       /* @__PURE__ */ a(
-        S,
+        U,
         {
           className: `${l}__login`,
-          onClick: r ? _ : f,
-          label: r ? N : h
+          onClick: n ? _ : f,
+          label: n ? b : N
         }
       )
     ] }),
-    /* @__PURE__ */ a(M, { className: `${l}__language`, label: $, children: /* @__PURE__ */ a(P, { id: `${j}-langauge-selection-list`, className: `${l}__language__selections`, children: i.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-      A,
+    /* @__PURE__ */ a(S, { className: `${l}__language`, label: $, children: /* @__PURE__ */ a(T, { id: `${A}-langauge-selection-list`, className: `${l}__language__selections`, children: t.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+      M,
       {
         type: "radio",
         id: `radio-${e.value}`,
@@ -47,13 +50,13 @@ const H = ({
         value: e.value,
         inline: !0,
         name: "languages",
-        checked: e.value === n,
-        onChange: () => d(e.value)
+        checked: e.value === o,
+        onChange: () => E(e.value)
       }
     ) }, e.value)) }) }),
-    p
+    v
   ] });
 };
 export {
-  H as default
+  K as default
 };

package/dist/scss/components/UserManagement/_userManagement.scss

@@ -22,6 +22,10 @@
     margin-top: auto;
     padding: 0;
     position: unset;
+
+    .#{$px}-nav__item-trigger {
+      text-align: unset;
+    }
   }
 
   > li {
@@ -88,6 +92,8 @@
     }
     .#{$px}-user-management__language {
       &__selections {
+        padding: 0.8125rem;
+
         @include isHeaderDesktop {
           background: $off-white;
           box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 85%);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.31.0",
+  "version": "1.31.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -52,7 +52,7 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^10.1.0",
-    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-essentials": "^8.2.5",
     "@storybook/addon-interactions": "^8.1.4",
     "@storybook/addon-links": "^8.1.4",
     "@storybook/addon-mdx-gfm": "^8.2.4",
@@ -78,7 +78,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.8",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^9.0.11",
+    "husky": "^9.1.2",
     "prettier": "3.3.2",
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
@@ -95,7 +95,7 @@
     "stylelint-order": "^6.0.4",
     "stylelint-scss": "^6.4.1",
     "ts-node": "^10.9.2",
-    "typescript": "^5.5.3",
+    "typescript": "^5.5.4",
     "vite": "^5.3.3",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0",