@phillips/seldon 1.171.0 → 1.172.0

package/dist/components/PinchZoom/PinchZoom.js

@@ -1,63 +1,59 @@
 import { jsx as p } from "react/jsx-runtime";
-import { useState as X, useRef as h, useEffect as w, useCallback as C, isValidElement as E, cloneElement as $ } from "react";
-import { getCommonProps as k } from "../../utils/index.js";
-import { TransformWrapper as z, TransformComponent as M } from "../../node_modules/react-zoom-pan-pinch/dist/index.esm.js";
+import { forwardRef as X, useState as h, useRef as C, useEffect as E, useCallback as $, isValidElement as k, cloneElement as z } from "react";
+import { getCommonProps as M } from "../../utils/index.js";
+import { TransformWrapper as R, TransformComponent as g } from "../../node_modules/react-zoom-pan-pinch/dist/index.esm.js";
 import d from "../../node_modules/classnames/index.js";
-const g = ({
-  onZoomChange: s,
-  onAtLeftEdge: m,
-  onAtRightEdge: l,
-  children: e,
-  maxZoom: u = 10,
-  className: b,
-  isZoomReset: n = !1,
-  ...i
-}) => {
-  const { className: o, ...P } = k(i, "PinchZoom"), [t, r] = X(!1), c = h(null);
-  w(() => {
-    n && (c.current?.resetTransform(), r(!1), s?.(!1));
-  }, [n, s]);
-  const N = C(
-    (x) => {
-      const { state: a, instance: f } = x;
-      a.scale > 0.99 && a.scale < 1.01 ? (r(!1), s?.(!1)) : (r(!0), s?.(!0));
-      const S = Math.abs(a.positionX - (f.bounds?.maxPositionX ?? 0)) < 0.01, T = Math.abs(a.positionX - (f.bounds?.minPositionX ?? 0)) < 0.01;
-      m?.(S), l?.(T);
-    },
-    [s, m, l]
-  );
-  return /* @__PURE__ */ p(
-    z,
-    {
-      maxScale: u,
-      onTransformed: N,
-      minScale: 1,
-      disablePadding: !0,
-      doubleClick: {
-        mode: t ? "reset" : "toggle"
+const j = X(
+  ({ onZoomChange: s, onAtLeftEdge: m, onAtRightEdge: l, children: e, maxZoom: u = 10, className: b, isZoomReset: n = !1, ...i }, P) => {
+    const { className: o, ...N } = M(i, "PinchZoom"), [t, r] = h(!1), c = C(null);
+    E(() => {
+      n && (c.current?.resetTransform(), r(!1), s?.(!1));
+    }, [n, s]);
+    const w = $(
+      (x) => {
+        const { state: a, instance: f } = x;
+        a.scale > 0.99 && a.scale < 1.01 ? (r(!1), s?.(!1)) : (r(!0), s?.(!0));
+        const S = Math.abs(a.positionX - (f.bounds?.maxPositionX ?? 0)) < 0.01, T = Math.abs(a.positionX - (f.bounds?.minPositionX ?? 0)) < 0.01;
+        m?.(S), l?.(T);
       },
-      wheel: {
-        smoothStep: 0.01
-      },
-      panning: {
-        disabled: !t
-      },
-      ref: c,
-      children: /* @__PURE__ */ p(
-        M,
-        {
-          wrapperProps: { ...P, ...i },
-          wrapperClass: d(o, b, {
-            [`${o}-zoomed`]: t
-          }),
-          contentClass: `${o}-content`,
-          children: E(e) ? $(e, { className: d(`${o}-child`, e?.props?.className) }) : e
-        }
-      )
-    }
-  );
-};
-g.displayName = "PinchZoom";
+      [s, m, l]
+    );
+    return /* @__PURE__ */ p(
+      R,
+      {
+        maxScale: u,
+        onTransformed: w,
+        minScale: 1,
+        disablePadding: !0,
+        doubleClick: {
+          mode: t ? "reset" : "toggle"
+        },
+        wheel: {
+          smoothStep: 0.01
+        },
+        panning: {
+          disabled: !t
+        },
+        ref: c,
+        children: /* @__PURE__ */ p(
+          g,
+          {
+            wrapperProps: { ...N, ...i },
+            wrapperClass: d(o, b, {
+              [`${o}-zoomed`]: t
+            }),
+            contentClass: `${o}-content`,
+            children: k(e) ? z(e, {
+              className: d(`${o}-child`, e?.props?.className),
+              ref: P
+            }) : e
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = "PinchZoom";
 export {
-  g as default
+  j as default
 };

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

@@ -1,7 +1,7 @@
 import { PinchZoomProps } from './PinchZoom';
 declare const meta: {
     title: string;
-    component: import('react').FC<PinchZoomProps>;
+    component: import('react').ForwardRefExoticComponent<PinchZoomProps & import('react').RefAttributes<HTMLElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/components/Row/Row.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { PaddingTokens } from '../../utils';
 export interface RowProps extends React.HTMLAttributes<HTMLElement> {
     /**
@@ -22,5 +21,5 @@ export interface RowProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-row--overview)
  */
-declare const Row: ({ children, element: CustomElement, padding, className, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
+declare const Row: import('react').ForwardRefExoticComponent<RowProps & import('react').RefAttributes<HTMLElement>>;
 export default Row;

package/dist/components/Row/Row.js

@@ -1,29 +1,34 @@
-import { jsx as c } from "react/jsx-runtime";
-import { getCommonProps as p, generatePaddingClassName as e, PaddingTokens as m } from "../../utils/index.js";
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { getCommonProps as i, generatePaddingClassName as m, PaddingTokens as e } from "../../utils/index.js";
 import C from "../../node_modules/classnames/index.js";
-const g = ({
-  children: s,
-  element: n,
-  padding: o = { top: m.lg, bottom: m.lg },
-  className: a,
-  ...t
-}) => {
-  const { className: r, ...l } = p(t, "Row");
-  return /* @__PURE__ */ c(
-    n || "section",
-    {
-      ...l,
-      className: C(
-        r,
-        o.top && e(o.top, "start"),
-        o.bottom && e(o.bottom, "end"),
-        a
-      ),
-      ...t,
-      children: s
-    }
-  );
-};
+const N = f(
+  ({
+    children: s,
+    element: a,
+    padding: o = { top: e.lg, bottom: e.lg },
+    className: r,
+    ...t
+  }, n) => {
+    const { className: l, ...c } = i(t, "Row");
+    return /* @__PURE__ */ p(
+      a || "section",
+      {
+        ref: n,
+        ...c,
+        className: C(
+          l,
+          o.top && m(o.top, "start"),
+          o.bottom && m(o.bottom, "end"),
+          r
+        ),
+        ...t,
+        children: s
+      }
+    );
+  }
+);
+N.displayName = "Row";
 export {
-  g as default
+  N as default
 };

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

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

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { SearchResultsProps } from './SearchResults/SearchResults';
 export interface SearchProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -44,5 +43,7 @@ export interface SearchProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     invalidText?: string;
 }
-declare const Search: ({ onSearch, onCancel, searchResults, state, defaultValue, className, placeholder, searchButtonText, loadingText, invalidText, getAllResultsText, getAllResultsLink, ...props }: React.PropsWithChildren<SearchProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Search: import('react').ForwardRefExoticComponent<SearchProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export default Search;

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;