@phillips/seldon 1.30.2 → 1.31.1

package/dist/components/Button/Button.d.ts

@@ -23,6 +23,10 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
      * The type of the button.
      */
     type?: 'button' | 'submit' | 'reset';
+    /**
+     * Should the button be disabled?
+     */
+    isDisabled?: boolean;
 }
 /**
  * ## Overview
@@ -33,5 +37,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, isDisabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,35 +1,37 @@
-import { jsx as l } from "react/jsx-runtime";
-import i from "../../node_modules/classnames/index.js";
+import { jsx as i } from "react/jsx-runtime";
+import f from "../../node_modules/classnames/index.js";
 import { getCommonProps as u } from "../../utils/index.js";
-const b = ({
+const d = ({
   buttonType: t = "primary",
-  size: m = "md",
-  children: a,
-  className: n,
-  isIconLast: r = !1,
-  type: e = "button",
-  ...s
+  size: a = "md",
+  children: m,
+  className: e,
+  isIconLast: n = !1,
+  type: r = "button",
+  isDisabled: l = !1,
+  ...o
 }) => {
-  const { className: o, ...c } = u(s, "Button");
-  return /* @__PURE__ */ l(
+  const { className: s, ...c } = u(o, "Button");
+  return /* @__PURE__ */ i(
     "button",
     {
       ...c,
-      type: e,
-      className: i(
-        `${o}`,
-        `${o}--${m}`,
-        `${o}--${t}`,
+      type: r,
+      className: f(
+        `${s}`,
+        `${s}--${a}`,
+        `${s}--${t}`,
         {
-          [`${o}--icon-last`]: r
+          [`${s}--icon-last`]: n
         },
-        n
+        e
       ),
-      ...s,
-      children: a
+      disabled: l,
+      ...o,
+      children: m
     }
   );
 };
 export {
-  b as default
+  d as default
 };

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/Button/_button.scss

@@ -78,6 +78,17 @@
     padding: 0.75em 1.75em;
   }
 
+  &:disabled {
+    background-color: $white;
+    border: 1px solid $medium-gray;
+    color: $medium-gray;
+    cursor: default;
+
+    svg {
+      fill: $medium-gray;
+    }
+  }
+
   * {
     margin: 0;
   }

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.30.2",
+  "version": "1.31.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -52,14 +52,14 @@
     "@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",
     "@storybook/blocks": "^8.1.4",
     "@storybook/react": "^8.1.4",
     "@storybook/react-vite": "^8.1.4",
-    "@storybook/theming": "^8.2.3",
+    "@storybook/theming": "^8.2.4",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
@@ -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",