@phillips/seldon 1.171.0 → 1.171.1

package/dist/components/Search/Search.js

@@ -1,162 +1,165 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import n, { useEffect as V } from "react";
-import { getCommonProps as j, px as D, encodeURLSearchParams as $ } from "../../utils/index.js";
-import p from "../../node_modules/classnames/index.js";
-import H from "../Input/Input.js";
-import O from "../Link/Link.js";
-import A from "./SearchResults/SearchResults.js";
-import { TextVariants as F } from "../Text/types.js";
-import K from "../Text/Text.js";
-import { useOnClickOutside as M } from "../../node_modules/usehooks-ts/dist/index.js";
-import { HeaderContext as U } from "../../site-furniture/Header/Header.js";
-import { SearchButton as Z } from "./SearchButton.js";
-import q from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
-import z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
-const ie = ({
-  onSearch: _,
-  onCancel: S,
-  searchResults: N = [],
-  state: o = "idle",
-  defaultValue: w = "",
-  className: C,
-  placeholder: I = "",
-  searchButtonText: i = "Search",
-  loadingText: E = "Search In Progress...",
-  invalidText: b = "Invalid search",
-  getAllResultsText: P = (e) => `View all results for ${e}`,
-  getAllResultsLink: v = (e) => `/Search?Search=${e}`,
-  ...x
-}) => {
-  const { className: e, "data-testid": c, ...k } = j(x, "Search"), l = n.useContext(U), d = n.useRef(null), m = n.useRef(null), R = n.useRef(null), a = l.isSearchExpanded, s = d.current?.value, [L, u] = n.useState(!0), T = _ ? (r) => {
-    _(r.target.value);
-  } : void 0;
-  M(R, (r) => {
-    S?.(), h(!1), r.stopPropagation();
-  });
-  const g = (r) => {
-    if (r.stopPropagation(), r.key === "Enter") {
-      if (r.preventDefault(), s && s.length > 2) {
-        const y = $(v(s));
-        u(!1), window.location.href = y;
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as j, useContext as D, useRef as p, useState as H, useEffect as O } from "react";
+import { getCommonProps as A, px as F, encodeURLSearchParams as N } from "../../utils/index.js";
+import f from "../../node_modules/classnames/index.js";
+import K from "../Input/Input.js";
+import M from "../Link/Link.js";
+import U from "./SearchResults/SearchResults.js";
+import { TextVariants as Z } from "../Text/types.js";
+import q from "../Text/Text.js";
+import { useOnClickOutside as z } from "../../node_modules/usehooks-ts/dist/index.js";
+import { HeaderContext as B } from "../../site-furniture/Header/Header.js";
+import { SearchButton as G } from "./SearchButton.js";
+import J from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
+import Q from "../../node_modules/react-transition-group/esm/CSSTransition.js";
+const W = j(
+  ({
+    onSearch: S,
+    onCancel: _,
+    searchResults: R = [],
+    state: n = "idle",
+    defaultValue: w = "",
+    className: C,
+    placeholder: I = "",
+    searchButtonText: o = "Search",
+    loadingText: E = "Search In Progress...",
+    invalidText: b = "Invalid search",
+    getAllResultsText: P = (e) => `View all results for ${e}`,
+    getAllResultsLink: v = (e) => `/Search?Search=${e}`,
+    ...x
+  }, k) => {
+    const { className: e, "data-testid": i, ...L } = A(x, "Search"), c = D(B), l = p(null), d = p(null), g = p(null), a = c.isSearchExpanded, s = l.current?.value, [T, m] = H(!0), y = S ? (r) => {
+      S(r.target.value);
+    } : void 0;
+    z(g, (r) => {
+      _?.(), h(!1), r.stopPropagation();
+    });
+    const $ = (r) => {
+      if (r.stopPropagation(), r.key === "Enter") {
+        if (r.preventDefault(), s && s.length > 2) {
+          const V = N(v(s));
+          m(!1), window.location.href = V;
+        }
+        r.currentTarget instanceof HTMLAnchorElement && (m(!1), r.currentTarget.click());
       }
-      r.currentTarget instanceof HTMLAnchorElement && (u(!1), r.currentTarget.click());
-    }
-    r.key === "Escape" && (m.current?.reset(), l.setIsSearchExpanded(!1));
-  };
-  V(() => {
-    if (a) {
-      d.current?.focus();
-      return;
-    }
-  }, [a]);
-  const h = (r) => {
-    m.current?.reset(), l.setIsSearchExpanded(r);
-  };
-  return /* @__PURE__ */ t(q, { enabled: a, allowPinchZoom: !0, removeScrollBar: !1, children: /* @__PURE__ */ t("div", { className: `${e}__container`, children: /* @__PURE__ */ f(
-    "div",
-    {
-      className: `${e}__container__inner`,
-      ref: R,
-      onClick: (r) => {
-        a || (h(!0), r.stopPropagation());
-      },
-      children: [
-        /* @__PURE__ */ t(K, { variant: F.heading4, className: `${e}__container__inner__label`, children: i }),
-        /* @__PURE__ */ t(
-          "div",
-          {
-            ...k,
-            className: p(e, C, { [`${e}--active`]: a }),
-            "data-testid": c,
-            role: "search",
-            ...x,
-            children: /* @__PURE__ */ f(
-              "form",
-              {
-                "data-testid": `${c}-form`,
-                className: p(`${e}__form`, {
-                  [`${e}__form--active`]: a
-                }),
-                ref: m,
-                children: [
-                  /* @__PURE__ */ f(
-                    "div",
-                    {
-                      className: p(`${e}__content-wrapper`, {
-                        [`${e}__content-wrapper--active`]: a
-                      }),
-                      role: "combobox",
-                      "aria-haspopup": "listbox",
-                      children: [
-                        /* @__PURE__ */ t(
-                          z,
-                          {
-                            in: a,
-                            classNames: `${D}-input`,
-                            addEndListener: () => {
-                            },
-                            children: /* @__PURE__ */ t(
-                              H,
-                              {
-                                "aria-hidden": !a,
-                                className: `${e}__input`,
-                                id: "search-input",
-                                hideLabel: !0,
-                                labelText: i,
-                                placeholder: a ? I : "",
-                                type: "text",
-                                defaultValue: w,
-                                invalid: o === "invalid",
-                                invalidText: b,
-                                onKeyDown: g,
-                                onChange: T,
-                                ref: d
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ t(
-                          Z,
+      r.key === "Escape" && (d.current?.reset(), c.setIsSearchExpanded(!1));
+    };
+    O(() => {
+      if (a) {
+        l.current?.focus();
+        return;
+      }
+    }, [a]);
+    const h = (r) => {
+      d.current?.reset(), c.setIsSearchExpanded(r);
+    };
+    return /* @__PURE__ */ t(J, { enabled: a, allowPinchZoom: !0, removeScrollBar: !1, children: /* @__PURE__ */ t("div", { className: `${e}__container`, ref: k, children: /* @__PURE__ */ u(
+      "div",
+      {
+        className: `${e}__container__inner`,
+        ref: g,
+        onClick: (r) => {
+          a || (h(!0), r.stopPropagation());
+        },
+        children: [
+          /* @__PURE__ */ t(q, { variant: Z.heading4, className: `${e}__container__inner__label`, children: o }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              ...L,
+              className: f(e, C, { [`${e}--active`]: a }),
+              "data-testid": i,
+              role: "search",
+              ...x,
+              children: /* @__PURE__ */ u(
+                "form",
+                {
+                  "data-testid": `${i}-form`,
+                  className: f(`${e}__form`, {
+                    [`${e}__form--active`]: a
+                  }),
+                  ref: d,
+                  children: [
+                    /* @__PURE__ */ u(
+                      "div",
+                      {
+                        className: f(`${e}__content-wrapper`, {
+                          [`${e}__content-wrapper--active`]: a
+                        }),
+                        role: "combobox",
+                        "aria-haspopup": "listbox",
+                        children: [
+                          /* @__PURE__ */ t(
+                            Q,
+                            {
+                              in: a,
+                              classNames: `${F}-input`,
+                              addEndListener: () => {
+                              },
+                              children: /* @__PURE__ */ t(
+                                K,
+                                {
+                                  "aria-hidden": !a,
+                                  className: `${e}__input`,
+                                  id: "search-input",
+                                  hideLabel: !0,
+                                  labelText: o,
+                                  placeholder: a ? I : "",
+                                  type: "text",
+                                  defaultValue: w,
+                                  invalid: n === "invalid",
+                                  invalidText: b,
+                                  onKeyDown: $,
+                                  onChange: y,
+                                  ref: l
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ t(
+                            G,
+                            {
+                              className: e,
+                              searchButtonText: o,
+                              state: n,
+                              testId: i,
+                              isSearchExpanded: a,
+                              setIsSearchExpanded: h,
+                              onCancel: _
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    a && T && s && s.length > 2 ? /* @__PURE__ */ t(
+                      U,
+                      {
+                        autoCompleteResults: R,
+                        isLoading: n === "loading",
+                        loadingText: E,
+                        onKeyDown: $,
+                        userInputValue: s,
+                        closeSearch: m,
+                        children: /* @__PURE__ */ t("li", { className: `${e}__result`, children: /* @__PURE__ */ t(
+                          M,
                           {
-                            className: e,
-                            searchButtonText: i,
-                            state: o,
-                            testId: c,
-                            isSearchExpanded: a,
-                            setIsSearchExpanded: h,
-                            onCancel: S
+                            href: ((r) => N(v(r)))(s),
+                            children: /* @__PURE__ */ t("p", { children: P(s) })
                           }
-                        )
-                      ]
-                    }
-                  ),
-                  a && L && s && s.length > 2 ? /* @__PURE__ */ t(
-                    A,
-                    {
-                      autoCompleteResults: N,
-                      isLoading: o === "loading",
-                      loadingText: E,
-                      onKeyDown: g,
-                      userInputValue: s,
-                      closeSearch: u,
-                      children: /* @__PURE__ */ t("li", { className: `${e}__result`, children: /* @__PURE__ */ t(
-                        O,
-                        {
-                          href: ((r) => $(v(r)))(s),
-                          children: /* @__PURE__ */ t("p", { children: P(s) })
-                        }
-                      ) }, "viewAllSearchResults")
-                    }
-                  ) : null
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) }) });
-};
+                        ) }, "viewAllSearchResults")
+                      }
+                    ) : null
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+W.displayName = "Search";
 export {
-  ie as default
+  W as default
 };

package/dist/components/SplitPanel/SplitPanel.d.ts

@@ -15,5 +15,5 @@ export interface SplitPanelProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Figma Link](https://www.figma.com/file/Hp2FyltbOmRxTuw9kSwBAd/EPIC-About-Us?type=design&node-id=635-34713&mode=design&t=wKZW1vKP8WePUjrH-0)
  */
-declare const SplitPanel: ({ children, className, element: Element, hasBorder, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const SplitPanel: import('react').ForwardRefExoticComponent<SplitPanelProps & import('react').RefAttributes<HTMLElement>>;
 export default SplitPanel;

package/dist/components/SplitPanel/SplitPanel.js

@@ -1,24 +1,23 @@
-import { jsx as l } from "react/jsx-runtime";
-import n from "../../node_modules/classnames/index.js";
+import { jsx as n } from "react/jsx-runtime";
+import i from "../../node_modules/classnames/index.js";
+import { forwardRef as p } from "react";
 import { getCommonProps as c } from "../../utils/index.js";
-const P = ({
-  children: o,
-  className: m,
-  element: t = "section",
-  hasBorder: a = !0,
-  ...e
-}) => {
-  const { className: s, ...r } = c(e, "SplitPanel");
-  return /* @__PURE__ */ l(
-    t,
-    {
-      ...r,
-      className: n(s, m, { [`${s}--borderless`]: !a }),
-      ...e,
-      children: o
-    }
-  );
-};
+const f = p(
+  ({ children: s, className: m, element: a = "section", hasBorder: r = !0, ...e }, t) => {
+    const { className: o, ...l } = c(e, "SplitPanel");
+    return /* @__PURE__ */ n(
+      a,
+      {
+        ...l,
+        className: i(o, m, { [`${o}--borderless`]: !r }),
+        ref: t,
+        ...e,
+        children: s
+      }
+    );
+  }
+);
+f.displayName = "SplitPanel";
 export {
-  P as default
+  f as default
 };

package/dist/components/SplitPanel/SplitPanel.stories.d.ts

@@ -1,7 +1,7 @@
 import { SplitPanelProps } from './SplitPanel';
 declare const meta: {
     title: string;
-    component: ({ children, className, element: Element, hasBorder, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<SplitPanelProps & import('react').RefAttributes<HTMLElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TextAlignments, TextVariants } from './types';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     /**
@@ -27,5 +26,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
  */
-declare const Text: ({ children, className, element: CustomElement, variant, align, isSkeletonLoading, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
 export default Text;

package/dist/components/Text/Text.js

@@ -1,38 +1,35 @@
 import { jsx as s } from "react/jsx-runtime";
-import { getCommonProps as f, px as i } from "../../utils/index.js";
-import { TextVariants as d } from "./types.js";
-import { determineDefaultTextElement as N, determineTextClassName as T } from "./utils.js";
+import { forwardRef as x } from "react";
+import { getCommonProps as d, px as N } from "../../utils/index.js";
+import { TextVariants as T } from "./types.js";
+import { determineDefaultTextElement as C, determineTextClassName as u } from "./utils.js";
 import r from "../../node_modules/classnames/index.js";
-const h = ({
-  children: a,
-  className: n,
-  element: l,
-  variant: e = d.body2,
-  align: m,
-  isSkeletonLoading: c,
-  ...t
-}) => {
-  const p = l || N(e), { className: o, ...x } = f(t, "Text");
-  return /* @__PURE__ */ s(
-    p,
-    {
-      ...x,
-      className: r(o, n, T(e), {
-        [`${o}--${m}`]: !!m
-      }),
-      ...t,
-      children: /* @__PURE__ */ s(
-        "span",
-        {
-          className: r({
-            [`${i}-skeleton`]: c
-          }),
-          children: a
-        }
-      )
-    }
-  );
-};
+const $ = x(
+  ({ children: a, className: n, element: l, variant: e = T.body2, align: m, isSkeletonLoading: p, ...o }, f) => {
+    const c = l || C(e), { className: t, ...i } = d(o, "Text");
+    return /* @__PURE__ */ s(
+      c,
+      {
+        ...i,
+        className: r(t, n, u(e), {
+          [`${t}--${m}`]: !!m
+        }),
+        ref: f,
+        ...o,
+        children: /* @__PURE__ */ s(
+          "span",
+          {
+            className: r({
+              [`${N}-skeleton`]: p
+            }),
+            children: a
+          }
+        )
+      }
+    );
+  }
+);
+$.displayName = "Text";
 export {
-  h as default
+  $ as default
 };

package/dist/components/Text/Text.stories.d.ts

@@ -2,7 +2,7 @@ import { TextProps } from './Text';
 import { TextAlignments, TextVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, className, element: CustomElement, variant, align, isSkeletonLoading, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/components/TextSymbol/TextSymbol.d.ts

@@ -9,5 +9,5 @@ export interface TextSymbolProps extends React.HTMLAttributes<HTMLElement> {
      */
     variant?: TextSymbolVariants;
 }
-declare const TextSymbol: ({ symbols, variant, className, ...props }: TextSymbolProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextSymbol: import('react').ForwardRefExoticComponent<TextSymbolProps & import('react').RefAttributes<HTMLSpanElement>>;
 export default TextSymbol;

package/dist/components/TextSymbol/TextSymbol.js

@@ -1,11 +1,24 @@
 import { jsx as a } from "react/jsx-runtime";
-import l from "../../node_modules/classnames/index.js";
+import { forwardRef as p } from "react";
+import i from "../../node_modules/classnames/index.js";
 import { getCommonProps as c } from "../../utils/index.js";
-import { TextSymbolVariants as p } from "./types.js";
-const N = ({ symbols: r = [], variant: e = p.lotNumber, className: t, ...m }) => {
-  const { className: o, ...n } = c(m, "TextSymbol");
-  return /* @__PURE__ */ a("span", { ...n, className: l(o, t, `${o}--${e}`), ...m, children: r.map((s) => /* @__PURE__ */ a("span", { children: s }, s)) });
-};
+import { TextSymbolVariants as f } from "./types.js";
+const x = p(
+  ({ symbols: e = [], variant: s = f.lotNumber, className: t, ...m }, l) => {
+    const { className: o, ...n } = c(m, "TextSymbol");
+    return /* @__PURE__ */ a(
+      "span",
+      {
+        ...n,
+        className: i(o, t, `${o}--${s}`),
+        ref: l,
+        ...m,
+        children: e.map((r) => /* @__PURE__ */ a("span", { children: r }, r))
+      }
+    );
+  }
+);
+x.displayName = "TextSymbol";
 export {
-  N as default
+  x as default
 };

package/dist/components/TextSymbol/TextSymbol.stories.d.ts

@@ -2,7 +2,7 @@ import { TextSymbolProps } from './TextSymbol';
 import { TextSymbolVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ symbols, variant, className, ...props }: TextSymbolProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<TextSymbolProps & import('react').RefAttributes<HTMLSpanElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/index.js

@@ -27,7 +27,7 @@ import { default as ie } from "./components/Detail/Detail.js";
 import { default as ne } from "./components/Drawer/Drawer.js";
 import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { Grid as Pe } from "./components/Grid/Grid.js";
+import { default as Pe } from "./components/Grid/Grid.js";
 import { default as Ae } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Le } from "./components/GridItem/types.js";
 import { default as be } from "./components/Input/Input.js";

package/dist/patterns/HeroBanner/HeroBanner.d.ts

@@ -38,5 +38,5 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
  */
-declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeroBanner: import('react').ForwardRefExoticComponent<HeroBannerProps & import('react').RefAttributes<HTMLElement>>;
 export default HeroBanner;

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,38 +1,34 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { getCommonProps as f } from "../../utils/index.js";
-import u from "../../node_modules/classnames/index.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { getCommonProps as H } from "../../utils/index.js";
+import N from "../../node_modules/classnames/index.js";
 import { TextVariants as c } from "../../components/Text/types.js";
 import i from "../../components/Text/Text.js";
-const w = ({
-  prehead: e,
-  date: a,
-  headerText: t,
-  subHeadText: l,
-  association: s,
-  background: p,
-  className: d,
-  ...o
-}) => {
-  const { className: r, ...h } = f(o, "HeroBanner");
-  return /* @__PURE__ */ n(
-    "header",
-    {
-      ...h,
-      className: u(r, d),
-      style: { "--background": p },
-      ...o,
-      children: /* @__PURE__ */ m("span", { className: `${r}__content-wrapper`, children: [
-        e || a ? /* @__PURE__ */ m("p", { className: `${r}__pre-head`, children: [
-          e ? /* @__PURE__ */ n("span", { children: e }) : null,
-          a ? /* @__PURE__ */ n("span", { children: a }) : null
-        ] }) : null,
-        /* @__PURE__ */ n(i, { variant: c.snwHeadingHero1, children: t }),
-        l ? /* @__PURE__ */ n(i, { variant: c.snwHeadingHero2, children: l }) : null,
-        s ? /* @__PURE__ */ n("p", { className: `${r}__after-head`, children: s }) : null
-      ] })
-    }
-  );
-};
+const _ = u(
+  ({ prehead: e, date: a, headerText: t, subHeadText: l, association: s, background: p, className: d, ...o }, f) => {
+    const { className: n, ...h } = H(o, "HeroBanner");
+    return /* @__PURE__ */ r(
+      "header",
+      {
+        ...h,
+        className: N(n, d),
+        style: { "--background": p },
+        ref: f,
+        ...o,
+        children: /* @__PURE__ */ m("span", { className: `${n}__content-wrapper`, children: [
+          e || a ? /* @__PURE__ */ m("p", { className: `${n}__pre-head`, children: [
+            e ? /* @__PURE__ */ r("span", { children: e }) : null,
+            a ? /* @__PURE__ */ r("span", { children: a }) : null
+          ] }) : null,
+          /* @__PURE__ */ r(i, { variant: c.snwHeadingHero1, children: t }),
+          l ? /* @__PURE__ */ r(i, { variant: c.snwHeadingHero2, children: l }) : null,
+          s ? /* @__PURE__ */ r("p", { className: `${n}__after-head`, children: s }) : null
+        ] })
+      }
+    );
+  }
+);
+_.displayName = "HeroBanner";
 export {
-  w as default
+  _ as default
 };

package/dist/patterns/HeroBanner/HeroBanner.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { HeroBannerProps } from './HeroBanner';
 declare const meta: {
     title: string;
-    component: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<HeroBannerProps & import('react').RefAttributes<HTMLElement>>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;