@phillips/seldon 1.112.1 → 1.113.0

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

@@ -11,7 +11,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
     /**
      * Optional click handler
      */
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement> | undefined;
     /**
      * Is this the principal call to action on the page?
      */
@@ -32,6 +32,10 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
      * The target of the link (e.g. _blank). To be combined with href.
      */
     target?: string;
+    /**
+     * prefetch the link
+     */
+    prefetch?: 'none' | 'intent' | 'render' | 'viewport';
 }
 /**
  * ## Overview

package/dist/components/Button/Button.js

@@ -1,61 +1,75 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsxs as f, Fragment as k, jsx as o } from "react/jsx-runtime";
 import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as c } from "../../utils/index.js";
-import { ButtonVariants as b } from "./types.js";
-import { forwardRef as d } from "react";
-const B = d(
+import { getCommonProps as N } from "../../utils/index.js";
+import { ButtonVariants as v } from "./types.js";
+import { forwardRef as x, useState as P } from "react";
+const j = x(
   ({
-    variant: s = b.primary,
-    children: t,
-    className: r,
-    isIconLast: a = !1,
-    type: u = "button",
-    isDisabled: $ = !1,
-    href: m,
-    target: e,
+    variant: r = v.primary,
+    children: s,
+    className: a,
+    isIconLast: l = !1,
+    type: $ = "button",
+    isDisabled: b = !1,
+    href: t,
+    target: i,
+    prefetch: m = "none",
     ...n
-  }, l) => {
-    const { className: o, ...i } = c(n, "Button");
-    return m ? /* @__PURE__ */ f(
-      "a",
-      {
-        ...i,
-        ref: l,
-        href: m,
-        className: p(
-          `${o}`,
-          `${o}--${s}`,
+  }, d) => {
+    const { className: e, ...c } = N(n, "Button"), [B, C] = P(!1);
+    if (t) {
+      const u = () => /* @__PURE__ */ f(k, { children: [
+        /* @__PURE__ */ o("link", { "data-testid": "prefetch-link", rel: "prefetch", href: t }),
+        /* @__PURE__ */ o("link", { "data-testid": "modulepreload-link", rel: "modulepreload", href: t })
+      ] });
+      return /* @__PURE__ */ f(k, { children: [
+        /* @__PURE__ */ o(
+          "a",
           {
-            [`${o}--icon-last`]: a
-          },
-          r
+            ...c,
+            ref: d,
+            href: t,
+            className: p(
+              `${e}`,
+              `${e}--${r}`,
+              {
+                [`${e}--icon-last`]: l
+              },
+              a
+            ),
+            target: i,
+            rel: i === "_blank" ? "noopener noreferrer" : void 0,
+            onMouseOver: () => C(!0),
+            onClick: n.onClick,
+            children: s
+          }
         ),
-        target: e,
-        rel: e === "_blank" ? "noopener noreferrer" : void 0,
-        children: t
-      }
-    ) : /* @__PURE__ */ f(
-      "button",
-      {
-        ...i,
-        ref: l,
-        type: u,
-        className: p(
-          `${o}`,
-          `${o}--${s}`,
-          {
-            [`${o}--icon-last`]: a
-          },
-          r
-        ),
-        disabled: $,
-        ...n,
-        children: t
-      }
-    );
+        m === "intent" && B && /* @__PURE__ */ o(u, {}),
+        m === "render" && /* @__PURE__ */ o(u, {})
+      ] });
+    } else
+      return /* @__PURE__ */ o(
+        "button",
+        {
+          ...c,
+          ref: d,
+          type: $,
+          className: p(
+            `${e}`,
+            `${e}--${r}`,
+            {
+              [`${e}--icon-last`]: l
+            },
+            a
+          ),
+          disabled: b,
+          ...n,
+          children: s
+        }
+      );
   }
 );
-B.displayName = "Button";
+j.displayName = "Button";
 export {
-  B as default
+  j as default
 };

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

@@ -24,6 +24,13 @@ export declare const ButtonAsLink: {
         size: string;
     };
 };
+export declare const ButtonAsLinkWithPrefetch: {
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: ButtonVariants;
+        size: string;
+    };
+};
 export declare const Playground: {
     args: {
         children: string;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from '../Button/Button';
 import { ButtonVariants } from '../Button/types';
 export interface IconButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> {
     /**
@@ -12,6 +13,18 @@ export interface IconButtonProps extends Omit<React.HTMLAttributes<HTMLButtonEle
      * Should the button be disabled?
      */
     isDisabled?: boolean;
+    /**
+     * The href of the button. This will make the button render as an anchor tag.
+     */
+    href?: ButtonProps['href'];
+    /**
+     * The target of the link (e.g. _blank). To be combined with href.
+     */
+    target?: ButtonProps['target'];
+    /**
+     * The prefetch of the link.
+     */
+    prefetch?: ButtonProps['prefetch'];
 }
 declare const IconButton: ({ children, variant, isDisabled, className, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

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

@@ -1,4 +1,5 @@
 import { default as React, ComponentProps } from 'react';
+import { ButtonProps } from '../Button/Button';
 export type PaginationOptionValue = string | number;
 export interface PaginationOption {
     /**
@@ -6,6 +7,14 @@ export interface PaginationOption {
      */
     label: string;
     value: string | number;
+    /**
+     * The href of the button. This will make the button render as an anchor tag. If included, the button will override prevent the default link behavior and leave navigation up to the consumer.
+     */
+    href?: ButtonProps['href'];
+    /**
+     * The prefetch of the link.
+     */
+    prefetch?: ButtonProps['prefetch'];
 }
 export interface PaginationProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     /**

package/dist/components/Pagination/Pagination.js

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

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

@@ -37,6 +37,7 @@ export declare const Playground: {
         };
     };
 };
+export declare const PlaygroundWithHrefAndPrefetch: ({ playgroundWidth, onChange, ...args }: StoryProps) => import("react/jsx-runtime").JSX.Element;
 export declare const StringOptionsPlayground: {
     ({ playgroundWidth, onChange, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
     args: {

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/package.json

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