@phillips/seldon 1.279.0 → 1.279.2

package/dist/components/Navigation/NavigationItem/NavigationItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../utils/index.cjs"),m=require("../../../_virtual/index2.cjs"),q=require("../../Link/Link.cjs"),p=require("../../Link/types.cjs"),k=require("react"),l=require("../../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),o=k.forwardRef(({badge:d,className:x="",href:v,isViewAllLink:_=!1,label:i,navGroup:$,navType:c,onClick:u,element:h=q.default,isMobile:j,asRadixSubmenuLink:N,...a},s)=>{const n=m.default(`${t.px}-nav__item`,`${t.px}-nav__item--${$}`,x),r=e.jsxs(h,{className:m.default({[`${t.px}-nav__item--view-all`]:_}),href:v,variant:c||p.LinkVariants.linkStylised,onClick:u,children:[e.jsx("span",{className:`${t.px}-nav__item--label`,children:i}),d?e.jsx("span",{className:`${t.px}-nav__item--badge `,children:` • ${d}`}):null]});if(j===!1){const{value:g,...f}=a;return e.jsx(l.Item,{ref:s,"data-testid":`nav-item-${i}`,className:n,...f,children:e.jsx(l.Link,{asChild:!0,children:r})})}return N?e.jsx("li",{...a,"data-testid":`nav-item-${i}`,className:n,ref:s,children:e.jsx(l.Link,{asChild:!0,children:r})}):e.jsx("li",{...a,onClick:u,"data-testid":`nav-item-${i}`,className:n,ref:s,children:r})});o.displayName="NavigationItem";exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../../utils/index.cjs"),_=require("../../../_virtual/index2.cjs"),g=require("../../Link/Link.cjs"),p=require("../../Link/types.cjs"),$=require("react"),c=require("../../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),K=require("../../../site-furniture/Header/Header.cjs"),f=$.forwardRef(({badge:d,className:h="",href:u,isViewAllLink:v=!1,label:i,navGroup:j,navType:o,onClick:m,element:N=g.default,isMobile:q,asRadixSubmenuLink:k,...s},n)=>{const{closeMenu:y}=$.useContext(K.HeaderContext),l=_.default(`${a.px}-nav__item`,`${a.px}-nav__item--${j}`,h),C=e=>{m?.(e),u&&!e.defaultPrevented&&e.button===0&&!(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&y?.()},r=t.jsxs(N,{className:_.default({[`${a.px}-nav__item--view-all`]:v}),href:u,variant:o||p.LinkVariants.linkStylised,onClick:C,children:[t.jsx("span",{className:`${a.px}-nav__item--label`,children:i}),d?t.jsx("span",{className:`${a.px}-nav__item--badge `,children:` • ${d}`}):null]});if(q===!1){const{value:e,...x}=s;return t.jsx(c.Item,{ref:n,"data-testid":`nav-item-${i}`,className:l,...x,children:t.jsx(c.Link,{asChild:!0,children:r})})}return k?t.jsx("li",{...s,"data-testid":`nav-item-${i}`,className:l,ref:n,children:t.jsx(c.Link,{asChild:!0,children:r})}):t.jsx("li",{...s,onClick:m,"data-testid":`nav-item-${i}`,className:l,ref:n,children:r})});f.displayName="NavigationItem";exports.default=f;

package/dist/components/Navigation/NavigationItem/NavigationItem.d.ts

@@ -1,7 +1,11 @@
 import { LinkProps } from '../../Link/Link';
 import { LinkVariants } from '../../Link/types';
-import { ComponentProps, ElementType, ReactNode } from 'react';
+import { ComponentProps, ElementType, MouseEventHandler, ReactNode } from 'react';
 export interface NavigationItemProps extends ComponentProps<'li'> {
+    /**
+     * Widened from the `li` handler because it is also attached to the rendered link element
+     */
+    onClick?: MouseEventHandler<HTMLElement>;
     /**
      * Optional badge for navigation item. Used currently for location of auctions
      */

package/dist/components/Navigation/NavigationItem/NavigationItem.js

@@ -1,48 +1,51 @@
-import { jsxs as k, jsx as a } from "react/jsx-runtime";
-import { px as t } from "../../../utils/index.js";
-import d from "../../../_virtual/index2.js";
-import x from "../../Link/Link.js";
-import { LinkVariants as L } from "../../Link/types.js";
-import { forwardRef as C } from "react";
-import { Item as I, Link as c } from "../../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
-const g = C(
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { px as i } from "../../../utils/index.js";
+import u from "../../../_virtual/index2.js";
+import g from "../../Link/Link.js";
+import { LinkVariants as K } from "../../Link/types.js";
+import { forwardRef as L, useContext as I } from "react";
+import { Item as j, Link as h } from "../../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { HeaderContext as w } from "../../../site-furniture/Header/Header.js";
+const P = L(
   ({
-    badge: r,
-    className: f = "",
-    href: v,
-    isViewAllLink: _ = !1,
-    label: i,
-    navGroup: $,
-    navType: l,
-    onClick: o,
-    element: h = x,
-    isMobile: N,
-    asRadixSubmenuLink: u,
-    ...e
+    badge: l,
+    className: _ = "",
+    href: o,
+    isViewAllLink: $ = !1,
+    label: e,
+    navGroup: N,
+    navType: c,
+    onClick: d,
+    element: p = g,
+    isMobile: v,
+    asRadixSubmenuLink: k,
+    ...s
   }, n) => {
-    const s = d(`${t}-nav__item`, `${t}-nav__item--${$}`, f), m = /* @__PURE__ */ k(
-      h,
+    const { closeMenu: C } = I(w), m = u(`${i}-nav__item`, `${i}-nav__item--${N}`, _), x = (t) => {
+      d?.(t), o && !t.defaultPrevented && t.button === 0 && !(t.metaKey || t.ctrlKey || t.shiftKey || t.altKey) && C?.();
+    }, r = /* @__PURE__ */ y(
+      p,
       {
-        className: d({
-          [`${t}-nav__item--view-all`]: _
+        className: u({
+          [`${i}-nav__item--view-all`]: $
         }),
-        href: v,
-        variant: l || L.linkStylised,
-        onClick: o,
+        href: o,
+        variant: c || K.linkStylised,
+        onClick: x,
         children: [
-          /* @__PURE__ */ a("span", { className: `${t}-nav__item--label`, children: i }),
-          r ? /* @__PURE__ */ a("span", { className: `${t}-nav__item--badge `, children: ` • ${r}` }) : null
+          /* @__PURE__ */ a("span", { className: `${i}-nav__item--label`, children: e }),
+          l ? /* @__PURE__ */ a("span", { className: `${i}-nav__item--badge `, children: ` • ${l}` }) : null
         ]
       }
     );
-    if (N === !1) {
-      const { value: j, ...p } = e;
-      return /* @__PURE__ */ a(I, { ref: n, "data-testid": `nav-item-${i}`, className: s, ...p, children: /* @__PURE__ */ a(c, { asChild: !0, children: m }) });
+    if (v === !1) {
+      const { value: t, ...f } = s;
+      return /* @__PURE__ */ a(j, { ref: n, "data-testid": `nav-item-${e}`, className: m, ...f, children: /* @__PURE__ */ a(h, { asChild: !0, children: r }) });
     }
-    return u ? /* @__PURE__ */ a("li", { ...e, "data-testid": `nav-item-${i}`, className: s, ref: n, children: /* @__PURE__ */ a(c, { asChild: !0, children: m }) }) : /* @__PURE__ */ a("li", { ...e, onClick: o, "data-testid": `nav-item-${i}`, className: s, ref: n, children: m });
+    return k ? /* @__PURE__ */ a("li", { ...s, "data-testid": `nav-item-${e}`, className: m, ref: n, children: /* @__PURE__ */ a(h, { asChild: !0, children: r }) }) : /* @__PURE__ */ a("li", { ...s, onClick: d, "data-testid": `nav-item-${e}`, className: m, ref: n, children: r });
   }
 );
-g.displayName = "NavigationItem";
+P.displayName = "NavigationItem";
 export {
-  g as default
+  P as default
 };

package/dist/patterns/Subscribe/Subscribe.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),E=require("react"),R=require("../../_virtual/index2.cjs"),V=require("../../utils/index.cjs"),A=require("../../components/Input/Input.cjs"),B=require("../../components/Button/Button.cjs"),a=require("./types.cjs"),C=require("../../components/Button/types.cjs"),l=require("../../components/Text/Text.cjs"),p=require("../../components/Text/types.cjs");function I(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const L=I(E),g=L.forwardRef(({autoFocus:e=!0,blurb:t,buttonText:n="Sign Up",buttonProps:s,className:u,element:S="form",inputLabelText:b="Enter Your Email Address To Sign Up*",inputPlaceholder:x="example@email.com",title:y="Never Miss A Moment",loadingText:j="Loading...",invalidText:v="",errorText:q="An error occurred. Please try again.",successText:_,privacyText:d="By signing up, you agree to receive email communications from Phillips.",subscriptionState:r=a.SubscriptionState.Default,id:c,...m},h)=>{const{className:o,...N}=V.getCommonProps({id:c,...m},"Subscribe"),T=r===a.SubscriptionState.Invalid,$=r===a.SubscriptionState.Loading,P=r===a.SubscriptionState.Success,M=r===a.SubscriptionState.Error,O={invalid:v,success:_,loading:j,error:q},f=r!==a.SubscriptionState.Default?O[r]:"",w=P||$,D=T||M;return i.jsxs(S,{id:c,...N,className:R.default(o,u),noValidate:!0,ref:h,...m,children:[i.jsx(l.default,{variant:p.TextVariants.headingSmall,className:`${o}__title`,children:y}),t?i.jsx(l.default,{variant:p.TextVariants.bodyMedium,children:t}):null,i.jsx(A.default,{autoFocus:e,className:`${o}__input`,type:"email",name:"email",placeholder:x,labelText:b,invalid:D,invalidText:f,warn:w,warnText:f,required:!0,id:`${c}-input`}),i.jsx(B.default,{className:`${o}__button ${u}`,variant:C.ButtonVariants.secondary,type:"submit",...s,children:n}),d?i.jsx(l.default,{element:"p",children:d}):null]})});g.displayName="Subscribe";exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),R=require("react"),V=require("../../_virtual/index2.cjs"),A=require("../../utils/index.cjs"),B=require("../../components/Input/Input.cjs"),C=require("../../components/Button/Button.cjs"),a=require("./types.cjs"),I=require("../../components/Button/types.cjs"),l=require("../../components/Text/Text.cjs"),p=require("../../components/Text/types.cjs");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const U=L(R),g=U.forwardRef(({autoFocus:e=!0,blurb:t,buttonText:n="Sign Up",buttonProps:s,className:u,element:S="form",inputLabelText:b="Enter Your Email Address To Sign Up*",inputPlaceholder:x="example@email.com",inputProps:y,title:j="Never Miss A Moment",loadingText:v="Loading...",invalidText:q="",errorText:_="An error occurred. Please try again.",successText:h,privacyText:d="By signing up, you agree to receive email communications from Phillips.",subscriptionState:r=a.SubscriptionState.Default,id:c,...m},N)=>{const{className:o,...T}=A.getCommonProps({id:c,...m},"Subscribe"),$=r===a.SubscriptionState.Invalid,P=r===a.SubscriptionState.Loading,M=r===a.SubscriptionState.Success,O=r===a.SubscriptionState.Error,w={invalid:q,success:h,loading:v,error:_},f=r!==a.SubscriptionState.Default?w[r]:"",D=M||P,E=$||O;return i.jsxs(S,{id:c,...T,className:V.default(o,u),noValidate:!0,ref:N,...m,children:[i.jsx(l.default,{variant:p.TextVariants.headingSmall,className:`${o}__title`,children:j}),t?i.jsx(l.default,{variant:p.TextVariants.bodyMedium,children:t}):null,i.jsx(B.default,{autoFocus:e,className:`${o}__input`,type:"email",name:"email",placeholder:x,labelText:b,invalid:E,invalidText:f,warn:D,warnText:f,required:!0,id:`${c}-input`,...y}),i.jsx(C.default,{className:`${o}__button ${u}`,variant:I.ButtonVariants.secondary,type:"submit",...s,children:n}),d?i.jsx(l.default,{element:"p",children:d}):null]})});g.displayName="Subscribe";exports.default=g;

package/dist/patterns/Subscribe/Subscribe.d.ts

@@ -1,3 +1,4 @@
+import { InputProps } from '../../components/Input/Input';
 import { ButtonProps } from '../../components/Button/Button';
 import { SubscriptionState } from './types';
 import * as React from 'react';
@@ -15,9 +16,9 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
      */
     buttonText?: string;
     /**
-     * Optional element to render in place of a form e.g. Remix Form, etc
+     * Optional element to render in place of a form, e.g. Remix or react-router `Form`.
      */
-    element?: React.ElementType<React.ComponentProps<'form'>>;
+    element?: React.ElementType;
     /**
      * A unique `id` for the `<Subscribe>`
      */
@@ -30,6 +31,10 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
      * Subscribe input label
      */
     inputPlaceholder?: string;
+    /**
+     * Subscribe input extra props to spread (e.g. `autoComplete`)
+     */
+    inputProps?: Partial<InputProps>;
     /**
      * Subscribe title text
      */

package/dist/patterns/Subscribe/Subscribe.js

@@ -1,14 +1,14 @@
-import { jsxs as I, jsx as o } from "react/jsx-runtime";
-import * as L from "react";
-import M from "../../_virtual/index2.js";
-import { getCommonProps as V } from "../../utils/index.js";
-import j from "../../components/Input/Input.js";
-import D from "../../components/Button/Button.js";
+import { jsxs as L, jsx as o } from "react/jsx-runtime";
+import * as M from "react";
+import V from "../../_virtual/index2.js";
+import { getCommonProps as j } from "../../utils/index.js";
+import D from "../../components/Input/Input.js";
+import R from "../../components/Button/Button.js";
 import { SubscriptionState as r } from "./types.js";
-import { ButtonVariants as R } from "../../components/Button/types.js";
+import { ButtonVariants as U } from "../../components/Button/types.js";
 import i from "../../components/Text/Text.js";
 import { TextVariants as d } from "../../components/Text/types.js";
-const U = L.forwardRef(
+const q = M.forwardRef(
   ({
     autoFocus: u = !0,
     blurb: t,
@@ -18,36 +18,37 @@ const U = L.forwardRef(
     element: g = "form",
     inputLabelText: x = "Enter Your Email Address To Sign Up*",
     inputPlaceholder: v = "example@email.com",
-    title: h = "Never Miss A Moment",
-    loadingText: y = "Loading...",
-    invalidText: N = "",
-    errorText: _ = "An error occurred. Please try again.",
-    successText: b,
+    inputProps: h,
+    title: y = "Never Miss A Moment",
+    loadingText: N = "Loading...",
+    invalidText: _ = "",
+    errorText: b = "An error occurred. Please try again.",
+    successText: S,
     privacyText: s = "By signing up, you agree to receive email communications from Phillips.",
     subscriptionState: e = r.Default,
     id: n,
     ...l
-  }, S) => {
-    const { className: a, ...T } = V({ id: n, ...l }, "Subscribe"), $ = e === r.Invalid, E = e === r.Loading, P = e === r.Success, w = e === r.Error, A = {
-      invalid: N,
-      success: b,
-      loading: y,
-      error: _
-    }, c = e !== r.Default ? A[e] : "", B = P || E, C = $ || w;
-    return /* @__PURE__ */ I(
+  }, T) => {
+    const { className: a, ...$ } = j({ id: n, ...l }, "Subscribe"), E = e === r.Invalid, P = e === r.Loading, w = e === r.Success, A = e === r.Error, B = {
+      invalid: _,
+      success: S,
+      loading: N,
+      error: b
+    }, c = e !== r.Default ? B[e] : "", C = w || P, I = E || A;
+    return /* @__PURE__ */ L(
       g,
       {
         id: n,
-        ...T,
-        className: M(a, m),
+        ...$,
+        className: V(a, m),
         noValidate: !0,
-        ref: S,
+        ref: T,
         ...l,
         children: [
-          /* @__PURE__ */ o(i, { variant: d.headingSmall, className: `${a}__title`, children: h }),
+          /* @__PURE__ */ o(i, { variant: d.headingSmall, className: `${a}__title`, children: y }),
           t ? /* @__PURE__ */ o(i, { variant: d.bodyMedium, children: t }) : null,
           /* @__PURE__ */ o(
-            j,
+            D,
             {
               autoFocus: u,
               className: `${a}__input`,
@@ -55,19 +56,20 @@ const U = L.forwardRef(
               name: "email",
               placeholder: v,
               labelText: x,
-              invalid: C,
+              invalid: I,
               invalidText: c,
-              warn: B,
+              warn: C,
               warnText: c,
               required: !0,
-              id: `${n}-input`
+              id: `${n}-input`,
+              ...h
             }
           ),
           /* @__PURE__ */ o(
-            D,
+            R,
             {
               className: `${a}__button ${m}`,
-              variant: R.secondary,
+              variant: U.secondary,
               type: "submit",
               ...f,
               children: p
@@ -79,7 +81,7 @@ const U = L.forwardRef(
     );
   }
 );
-U.displayName = "Subscribe";
+q.displayName = "Subscribe";
 export {
-  U as default
+  q as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.279.0",
+  "version": "1.279.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"