@phillips/seldon 1.171.0 → 1.171.1

package/dist/components/Pagination/Pagination.js

@@ -1,101 +1,105 @@
 import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import { useMemo as B } from "react";
+import { forwardRef as B, useMemo as T } from "react";
 import u from "../../node_modules/classnames/index.js";
-import { getCommonProps as R, px as b } from "../../utils/index.js";
-import T from "../Select/Select.js";
+import { getCommonProps as F, px as b } from "../../utils/index.js";
+import M from "../Select/Select.js";
 import x from "../IconButton/IconButton.js";
 import { ButtonVariants as $ } from "../Button/types.js";
-import { determineOptionValue as f, findOptionFromSelectString as F } from "./utils.js";
-import { usePendingState as M } from "../../utils/hooks.js";
+import { determineOptionValue as f, findOptionFromSelectString as W } from "./utils.js";
+import { usePendingState as q } from "../../utils/hooks.js";
 import y from "../Icon/Icon.js";
-const Q = ({
-  className: P,
-  onChange: _,
-  variant: j = "inline",
-  options: r = [],
-  value: g,
-  isDisabled: c,
-  previousLabel: C = "Previous",
-  nextLabel: S = "Next",
-  selectLabel: v = "Select",
-  ...d
-}) => {
-  const I = "pagination", { className: a, ...N } = R(d, "Pagination"), { id: l } = d, { pendingState: O, setPendingState: w } = M(f(g)), s = O || g, p = (e, o) => {
-    const m = f(e);
-    w(m), _(m, o);
-  }, [t, n] = B(() => {
-    const e = r.findIndex((h) => f(h) === s) - 1, o = r.at(e) || "", m = (r.findIndex((h) => f(h) === s) + 1) % r.length, V = r[m];
-    return [o, V];
-  }, [r, s]);
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      className: u(`${b}-${I}`, { [`${a}__wrapper`]: a }, P),
-      ...N,
-      ...d,
-      children: [
-        /* @__PURE__ */ i(
-          x,
-          {
-            className: u(`${a}__button`, `${b}-left-arrow`, {
-              [`${a}__button--is-disabled`]: c
-            }),
-            onClick: (e) => {
-              typeof t == "object" && t.href && e.preventDefault(), p(t);
-            },
-            "data-testid": `${l}-previous-button`,
-            isDisabled: c,
-            "aria-label": C,
-            variant: $.primary,
-            href: typeof t == "object" && t.href ? t.href : void 0,
-            prefetch: typeof t == "object" && t.prefetch ? t.prefetch : void 0,
-            children: /* @__PURE__ */ i(y, { icon: "ChevronRight" })
-          }
-        ),
-        /* @__PURE__ */ i(
-          T,
-          {
-            className: j === "inline" ? `${b}--inline-pagination` : void 0,
-            "aria-label": v,
-            value: s,
-            onChange: (e) => {
-              const o = F(r, e?.currentTarget.value);
-              o && p(o, e);
-            },
-            "data-testid": `${l}-select-button`,
-            hideLabel: !0,
-            labelText: v,
-            disabled: c,
-            showIcon: !1,
-            id: `${l}-select-button`,
-            children: r.map((e) => {
-              const o = f(e);
-              return /* @__PURE__ */ i("option", { value: o, children: typeof e == "string" || typeof e == "number" ? e : e.label }, o);
-            })
-          }
-        ),
-        /* @__PURE__ */ i(
-          x,
-          {
-            className: u(`${a}__button`, {
-              [`${a}__button--is-disabled`]: c
-            }),
-            onClick: (e) => {
-              typeof n == "object" && n.href && e.preventDefault(), p(n);
-            },
-            "data-testid": `${l}-next-button`,
-            isDisabled: c,
-            "aria-label": S,
-            variant: $.primary,
-            href: typeof n == "object" && n.href ? n.href : void 0,
-            prefetch: typeof n == "object" && n.prefetch ? n.prefetch : void 0,
-            children: /* @__PURE__ */ i(y, { icon: "ChevronRight" })
-          }
-        )
-      ]
-    }
-  );
-};
+const z = B(
+  ({
+    className: P,
+    onChange: _,
+    variant: j = "inline",
+    options: r = [],
+    value: g,
+    isDisabled: c,
+    previousLabel: C = "Previous",
+    nextLabel: N = "Next",
+    selectLabel: v = "Select",
+    ...m
+  }, S) => {
+    const I = "pagination", { className: a, ...O } = F(m, "Pagination"), { id: l } = m, { pendingState: w, setPendingState: R } = q(f(g)), s = w || g, p = (e, o) => {
+      const d = f(e);
+      R(d), _(d, o);
+    }, [t, n] = T(() => {
+      const e = r.findIndex((h) => f(h) === s) - 1, o = r.at(e) || "", d = (r.findIndex((h) => f(h) === s) + 1) % r.length, V = r[d];
+      return [o, V];
+    }, [r, s]);
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        ref: S,
+        className: u(`${b}-${I}`, { [`${a}__wrapper`]: a }, P),
+        ...O,
+        ...m,
+        children: [
+          /* @__PURE__ */ i(
+            x,
+            {
+              className: u(`${a}__button`, `${b}-left-arrow`, {
+                [`${a}__button--is-disabled`]: c
+              }),
+              onClick: (e) => {
+                typeof t == "object" && t.href && e.preventDefault(), p(t);
+              },
+              "data-testid": `${l}-previous-button`,
+              isDisabled: c,
+              "aria-label": C,
+              variant: $.primary,
+              href: typeof t == "object" && t.href ? t.href : void 0,
+              prefetch: typeof t == "object" && t.prefetch ? t.prefetch : void 0,
+              children: /* @__PURE__ */ i(y, { icon: "ChevronRight" })
+            }
+          ),
+          /* @__PURE__ */ i(
+            M,
+            {
+              className: j === "inline" ? `${b}--inline-pagination` : void 0,
+              "aria-label": v,
+              value: s,
+              onChange: (e) => {
+                const o = W(r, e?.currentTarget.value);
+                o && p(o, e);
+              },
+              "data-testid": `${l}-select-button`,
+              hideLabel: !0,
+              labelText: v,
+              disabled: c,
+              showIcon: !1,
+              id: `${l}-select-button`,
+              children: r.map((e) => {
+                const o = f(e);
+                return /* @__PURE__ */ i("option", { value: o, children: typeof e == "string" || typeof e == "number" ? e : e.label }, o);
+              })
+            }
+          ),
+          /* @__PURE__ */ i(
+            x,
+            {
+              className: u(`${a}__button`, {
+                [`${a}__button--is-disabled`]: c
+              }),
+              onClick: (e) => {
+                typeof n == "object" && n.href && e.preventDefault(), p(n);
+              },
+              "data-testid": `${l}-next-button`,
+              isDisabled: c,
+              "aria-label": N,
+              variant: $.primary,
+              href: typeof n == "object" && n.href ? n.href : void 0,
+              prefetch: typeof n == "object" && n.prefetch ? n.prefetch : void 0,
+              children: /* @__PURE__ */ i(y, { icon: "ChevronRight" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+z.displayName = "Pagination";
 export {
-  Q as default
+  z as default
 };

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

@@ -1,7 +1,7 @@
 import { PaginationProps } from './Pagination';
 declare const meta: {
     title: string;
-    component: ({ className, onChange, variant, options, value, isDisabled, previousLabel, nextLabel, selectLabel, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 interface StoryProps extends PaginationProps {

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 export interface PinchZoomProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Function to call when the zoom changes.
@@ -38,5 +37,5 @@ export interface PinchZoomProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-pinchzoom--overview)
  */
-declare const PinchZoom: FC<PinchZoomProps>;
+declare const PinchZoom: import('react').ForwardRefExoticComponent<PinchZoomProps & import('react').RefAttributes<HTMLElement>>;
 export default PinchZoom;

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;