@phillips/seldon 1.33.0 → 1.35.0

package/dist/components/Accordion/AccordionItem.d.ts

@@ -32,6 +32,10 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * When true applied the transition keyframe animation on item expand. Default as false.
      */
     hasTransition?: boolean;
+    /**
+     * When true, isCollapsed won't be toggled.
+     */
+    isControlled?: boolean;
 }
-declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, isControlled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,38 +1,38 @@
 import { jsxs as f, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { useState as v } from "react";
-import { getCommonProps as x } from "../../utils/index.js";
-import p from "../../assets/plus.svg.js";
-import C from "../../assets/minus.svg.js";
-import A from "../../assets/lock.svg.js";
-import m from "../../node_modules/classnames/index.js";
-import { Item as T, Trigger as j, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-const N = ({
-  children: o,
+import { useState as p } from "react";
+import { getCommonProps as v, noOp as x } from "../../utils/index.js";
+import C from "../../assets/plus.svg.js";
+import A from "../../assets/minus.svg.js";
+import T from "../../assets/lock.svg.js";
+import s from "../../node_modules/classnames/index.js";
+import { Item as j, Trigger as k, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+const B = ({
+  children: n,
   className: c,
   baseClassName: t,
-  disable: n,
-  isCollapsed: i,
+  disable: o,
+  isCollapsed: r,
   setIsCollapsed: d,
-  isLargeVariation: l,
-  isLockedVariation: s,
-  id: r
+  isLargeVariation: i,
+  isLockedVariation: m,
+  id: a
 }) => {
-  const a = () => !n && d((I) => !I), u = n ? A : i ? p : C, $ = `${r}-` + (n ? "lockedIcon" : s ? "lockBlueIcon" : i ? "plusIcon" : "minusIcon");
+  const l = () => !o && d((I) => !I), u = o ? T : r ? C : A, $ = `${a}-` + (o ? "lockedIcon" : m ? "lockBlueIcon" : r ? "plusIcon" : "minusIcon");
   return /* @__PURE__ */ e(
-    j,
+    k,
     {
-      "data-disabled": n,
+      "data-disabled": o,
       asChild: !0,
-      className: m(t, { [`${t}--hoverable`]: !n }, c),
-      children: /* @__PURE__ */ f("div", { onClick: a, "data-testid": `${r}-trigger`, children: [
-        /* @__PURE__ */ e("div", { className: m(`${t}__text`, { [`${t}__text--lg`]: l }), children: o }),
+      className: s(t, { [`${t}--hoverable`]: !o }, c),
+      children: /* @__PURE__ */ f("div", { onClick: l, "data-testid": `${a}-trigger`, children: [
+        /* @__PURE__ */ e("div", { className: s(`${t}__text`, { [`${t}__text--lg`]: i }), children: n }),
         /* @__PURE__ */ e(
           "img",
           {
-            className: m(
+            className: s(
               `${t}__icon`,
-              { [`${t}__icon--lg`]: l },
-              s && `${t}--blue-fill`
+              { [`${t}__icon--lg`]: i },
+              m && `${t}--blue-fill`
             ),
             src: u,
             "data-testid": $,
@@ -42,67 +42,68 @@ const N = ({
       ] })
     }
   );
-}, P = ({
-  children: o,
+}, F = ({
+  children: n,
   baseClassName: c,
   disable: t,
-  hasTransition: n,
-  isLargeVariation: i,
+  hasTransition: o,
+  isLargeVariation: r,
   isCollapsed: d,
-  className: l
-}) => /* @__PURE__ */ e(h, { children: t && o ? /* @__PURE__ */ e("div", { children: o }) : /* @__PURE__ */ e(
-  k,
+  className: i
+}) => /* @__PURE__ */ e(h, { children: t && n ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e(
+  N,
   {
     asChild: !0,
-    className: m(
-      { [`${c}__content--lg`]: i },
-      { [`${c}--transition`]: n },
+    className: s(
+      { [`${c}__content--lg`]: r },
+      { [`${c}--transition`]: o },
       { [`${c}--expanded`]: !d },
-      l
+      i
     ),
-    children: o
+    children: n
   }
-) }), z = ({
-  isLocked: o,
+) }), D = ({
+  isLocked: n,
   isLockedVariation: c,
   variation: t,
-  label: n,
-  isLastItem: i,
+  label: o,
+  isLastItem: r,
   hasTransition: d = !1,
-  children: l,
-  type: s = "single",
-  ...r
+  children: i,
+  type: m = "single",
+  isControlled: a = !0,
+  ...l
 }) => {
-  const [a, u] = v(!0), { className: $, ...I } = x(r, "Accordion"), _ = t === "lg", g = `${$}-item`;
+  const [u, $] = p(!0), { className: I } = v(l, "Accordion"), _ = t === "lg", g = `${I}-item`;
   return /* @__PURE__ */ f(
-    T,
+    j,
     {
-      disabled: o,
-      value: I["data-testid"],
-      className: m(g, { [`${g}__border-bottom`]: !i }),
+      disabled: n,
+      value: o,
+      className: s(g, { [`${g}__border-bottom`]: !r }),
       children: [
         /* @__PURE__ */ e(
-          N,
+          B,
           {
-            disable: o,
+            disable: n,
             isLargeVariation: _,
             isLockedVariation: c,
-            isCollapsed: a,
-            setIsCollapsed: u,
-            id: s === "single" ? r == null ? void 0 : r.id : void 0,
+            isCollapsed: u,
+            setIsCollapsed: a ? $ : x,
+            id: m === "single" ? l == null ? void 0 : l.id : void 0,
             baseClassName: `${g}-label`,
-            children: n
+            children: o
           }
         ),
         /* @__PURE__ */ e(
-          P,
+          F,
           {
-            disable: o,
+            disable: n,
             hasTransition: d,
             isLargeVariation: _,
-            isCollapsed: a,
+            isCollapsed: u,
             baseClassName: g,
-            children: l
+            children: i
           }
         )
       ]
@@ -110,5 +111,5 @@ const N = ({
   );
 };
 export {
-  z as default
+  D as default
 };

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

@@ -1,3 +1,4 @@
+import { ButtonVariants } from './types';
 export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Button contents
@@ -14,7 +15,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Is this the principal call to action on the page?
      */
-    buttonType?: 'primary' | 'secondary' | 'ghost';
+    variant?: ButtonVariants;
     /**
      * How large should the button be?
      */

package/dist/components/Button/Button.js

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

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

@@ -0,0 +1,5 @@
+export declare enum ButtonVariants {
+    primary = "primary",
+    secondary = "secondary",
+    ghost = "ghost"
+}

package/dist/components/Button/types.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.primary = "primary", r.secondary = "secondary", r.ghost = "ghost", r))(e || {});
+export {
+  e as ButtonVariants
+};

package/dist/components/Footer/Footer.d.ts

@@ -17,5 +17,5 @@ export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-footer--overview)
  */
-declare const Footer: ({ children, className, copyright, id, navigationComponent, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Footer: ({ children, className, copyright, id, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export default Footer;

package/dist/components/Footer/Footer.js

@@ -1,17 +1,19 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import i from "../../node_modules/classnames/index.js";
-import { px as o, defaultYear as m } from "../../utils/index.js";
-import n from "../SplitPanel/SplitPanel.js";
+import { px as e, defaultYear as m } from "../../utils/index.js";
+import f from "../SplitPanel/SplitPanel.js";
+import c from "../../assets/PhillipsLogo.svg.js";
 const _ = ({
   children: t,
-  className: a,
+  className: l,
   copyright: s = `© ${m} Phillips Auctioneers, LLC`,
-  id: e,
-  navigationComponent: l
-}) => /* @__PURE__ */ f("footer", { "data-testid": e || "footer", id: e, className: i(`${o}-footer`, { className: a }), children: [
-  /* @__PURE__ */ r("nav", { className: `${o}-footer__navigation`, children: l }),
-  /* @__PURE__ */ r(n, { className: `${o}-footer__content`, hasBorder: !1, children: t }),
-  /* @__PURE__ */ r("p", { className: `${o}-footer__copyright`, children: s })
+  id: r
+}) => /* @__PURE__ */ a("footer", { "data-testid": r || "footer", id: r, className: i(`${e}-footer`, { className: l }), children: [
+  /* @__PURE__ */ o(f, { className: `${e}-footer__content`, hasBorder: !1, children: t }),
+  /* @__PURE__ */ a("div", { className: `${e}-footer__copyright`, children: [
+    /* @__PURE__ */ o("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ o("a", { href: "/", "aria-label": "logo", children: /* @__PURE__ */ o(c, {}) }) }),
+    s
+  ] })
 ] });
 export {
   _ as default

package/dist/components/Header/Header.js

@@ -1,10 +1,10 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
 import r from "../../node_modules/classnames/index.js";
-import * as c from "react";
-import { px as a } from "../../utils/index.js";
-import y from "../Search/Search.js";
-import E from "../../assets/PhillipsLogo.svg.js";
-const N = c.createContext({
+import * as i from "react";
+import { findChildrenOfType as _, px as a } from "../../utils/index.js";
+import x from "../Search/Search.js";
+import P from "../../assets/PhillipsLogo.svg.js";
+const j = i.createContext({
   defaultMobileMenuLabel: "",
   expandedItem: "",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
@@ -14,28 +14,28 @@ const N = c.createContext({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
   onSelect: (t) => {
   }
-}), k = ({
+}), R = ({
   defaultMobileMenuLabel: t = "Main Menu",
-  logo: d = /* @__PURE__ */ e(E, {}),
-  className: g,
-  children: _,
-  toggleOpenText: l = "Open Menu",
-  toggleCloseText: m = "Close Menu",
-  logoText: x = "Home Page",
-  ...v
+  logo: s = /* @__PURE__ */ e(P, {}),
+  className: v,
+  children: l,
+  toggleOpenText: m = "Open Menu",
+  toggleCloseText: h = "Close Menu",
+  logoText: f = "Home Page",
+  ...S
 }) => {
-  const [s, f] = c.useState(!1), [h, i] = c.useState(t), o = s ? m : l, S = h !== t, p = function() {
-    f((n) => !n), i(t);
-  }, $ = function(n) {
-    i((u) => u === t ? n : t);
+  const $ = _(l, x), u = _(l, x, !0), [d, E] = i.useState(!1), [p, c] = i.useState(t), o = d ? h : m, y = p !== t, g = function() {
+    E((n) => !n), c(t);
+  }, I = function(n) {
+    c((C) => C === t ? n : t);
   };
-  return /* @__PURE__ */ I("header", { ...v, className: r(`${a}-header`, g), children: [
+  return /* @__PURE__ */ N("header", { ...S, className: r(`${a}-header`, v), children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: r(`${a}-header__overlay`, { [`${a}-header__overlay--active`]: s }),
+        className: r(`${a}-header__overlay`, { [`${a}-header__overlay--active`]: d }),
         "data-testid": "header-overlay",
-        onClick: p
+        onClick: g
       }
     ),
     /* @__PURE__ */ e(
@@ -44,31 +44,31 @@ const N = c.createContext({
         "aria-label": o,
         "data-testid": "mobile-menu-toggle",
         type: "button",
-        onClick: p,
+        onClick: g,
         className: r(`${a}-header__toggle-btn`, {
-          [`${a}-header__toggle-btn--open`]: o === m
+          [`${a}-header__toggle-btn--open`]: o === h
         }),
         children: /* @__PURE__ */ e("span", { children: o })
       }
     ),
-    /* @__PURE__ */ e("h1", { "data-testid": "header-logo", className: `${a}-header__logo`, tabIndex: o === l ? 0 : -1, children: /* @__PURE__ */ e("a", { href: "/", "aria-label": x, children: typeof d == "object" ? d : /* @__PURE__ */ e("img", { alt: "Phillips", "data-testid": "header-logo-img", src: d, height: "14" }) }) }),
-    /* @__PURE__ */ e("div", { className: r(`${a}-header__nav`, { [`${a}-header__nav--open`]: s }), children: /* @__PURE__ */ e(
-      N.Provider,
+    /* @__PURE__ */ e("h1", { "data-testid": "header-logo", className: `${a}-header__logo`, tabIndex: o === m ? 0 : -1, children: /* @__PURE__ */ e("a", { href: "/", "aria-label": f, children: typeof s == "object" ? s : /* @__PURE__ */ e("img", { alt: "Phillips", "data-testid": "header-logo-img", src: s, height: "14" }) }) }),
+    /* @__PURE__ */ e("div", { className: r(`${a}-header__nav`, { [`${a}-header__nav--open`]: d }), children: /* @__PURE__ */ e(
+      j.Provider,
       {
         value: {
           defaultMobileMenuLabel: t,
-          expandedItem: h,
-          setExpandedItem: (n) => i(n),
-          isExpanded: S,
-          onSelect: (n) => $(n)
+          expandedItem: p,
+          setExpandedItem: (n) => c(n),
+          isExpanded: y,
+          onSelect: (n) => I(n)
         },
-        children: _
+        children: u
       }
     ) }),
-    /* @__PURE__ */ e(y, {})
+    $
   ] });
 };
 export {
-  N as HeaderContext,
-  k as default
+  j as HeaderContext,
+  R as default
 };

package/dist/components/IconButton/IconButton.js

@@ -1,20 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "../../node_modules/classnames/index.js";
-import c from "../Button/Button.js";
-import { getCommonProps as p } from "../../utils/index.js";
-const B = ({ children: m, size: s = "md", className: r, ...o }) => {
-  const { className: t, ...n } = p(o, "IconButton");
-  return /* @__PURE__ */ a(
-    c,
+import { jsx as n } from "react/jsx-runtime";
+import c from "../../node_modules/classnames/index.js";
+import e from "../Button/Button.js";
+import { getCommonProps as i } from "../../utils/index.js";
+import { ButtonVariants as p } from "../Button/types.js";
+const x = ({ children: m, size: r = "md", className: s, ...o }) => {
+  const { className: t, ...a } = i(o, "IconButton");
+  return /* @__PURE__ */ n(
+    e,
     {
-      ...n,
-      buttonType: "primary",
-      className: e(t, `${t}--${s}`, r),
+      ...a,
+      variant: p.primary,
+      className: c(t, `${t}--${r}`, s),
       ...o,
       children: m
     }
   );
 };
 export {
-  B as default
+  x as default
 };

package/dist/components/Search/Search.d.ts

@@ -1,7 +1,48 @@
 import * as React from 'react';
-export interface SearchProps extends React.HTMLAttributes<HTMLElement> {
-    altText?: string;
+import { type SearchResultsProps } from './SearchResults/SearchResults';
+export interface SearchProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true will show an icon instead of text in the button
+     */
     useIcon?: boolean;
+    /**
+     *
+     * @param searchQuery called when the search input changes
+     * @returns void
+     */
+    onSearch?: (searchQuery: string) => void;
+    /**
+     * The search results to display
+     */
+    searchResults?: SearchResultsProps['autoCompleteResults'];
+    /**
+     * additional state information
+     */
+    state?: 'loading' | 'invalid' | 'idle';
+    /**
+     * allows override of the default placeholder (i.e. for internationalization)
+     */
+    placeholder?: string;
+    /**
+     * allows override of the search button label (i.e. for internationalization)
+     */
+    searchButtonText?: string;
+    /**
+     * allows override of the default loading text (i.e. for internationalization)
+     */
+    loadingText?: string;
+    /**
+     * allows override of the default allResults text (i.e. for internationalization)
+     */
+    getAllResultsText?: (searchQuery: string) => string;
+    /**
+     * allows override of the default allResults link in case this component should not launch not the default all results landing point
+     */
+    getAllResultsLink?: (searchQuery: string) => string;
+    /**
+     * allows override of the default invalid text (i.e. for internationalization)
+     */
+    invalidText?: string;
 }
-declare const Search: ({ altText, useIcon }: React.PropsWithChildren<SearchProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ useIcon, onSearch, searchResults, state, defaultValue, className, placeholder, searchButtonText, loadingText, invalidText, getAllResultsText, getAllResultsLink, ...props }: React.PropsWithChildren<SearchProps>) => import("react/jsx-runtime").JSX.Element;
 export default Search;