@phillips/seldon 1.77.1 → 1.77.2

package/dist/components/Pagination/Pagination.js

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

package/dist/index.d.ts

@@ -52,3 +52,4 @@ export * from './components/PinchZoom';
 export * from './components/Tabs';
 export * from './components/SeldonImage';
 export * from './patterns/SaleHeaderBanner';
+export * from './utils/hooks';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { PaddingTokens as f, SpacingTokens as l, defaultYear as s, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as n, getCommonProps as x, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as l, defaultYear as s, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as d, findChildrenOfType as n, generatePaddingClassName as u, getCommonProps as x, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
 import { default as P } from "./components/Button/Button.js";
 import { ButtonVariants as b } from "./components/Button/types.js";
@@ -23,7 +23,7 @@ import { GridItemAlign as ae } from "./components/GridItem/types.js";
 import { default as le } from "./components/Search/Search.js";
 import { default as me } from "./components/Select/Select.js";
 import { default as de } from "./components/SplitPanel/SplitPanel.js";
-import { default as ne } from "./patterns/Subscribe/Subscribe.js";
+import { default as ue } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as ie } from "./patterns/Subscribe/types.js";
 import { default as ce } from "./patterns/Social/Social.js";
 import { default as Ce } from "./patterns/ViewingsList/ViewingsList.js";
@@ -52,7 +52,7 @@ import { default as ro } from "./components/ContentPeek/ContentPeek.js";
 import { default as fo } from "./components/Collapsible/Collapsible.js";
 import { default as so } from "./components/Collapsible/CollapsibleContent.js";
 import { default as po } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as no } from "./providers/SeldonProvider/SeldonProvider.js";
+import { SeldonProvider as uo } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as io } from "./components/PageContentWrapper/PageContentWrapper.js";
 import { default as co } from "./components/Carousel/Carousel.js";
 import { default as Co } from "./components/Carousel/CarouselContent.js";
@@ -69,6 +69,7 @@ import { default as Oo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
 import { default as Uo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
 import { default as Fo } from "./patterns/SaleHeaderBanner/SaleHeaderCountdown.js";
 import { AuctionState as Yo } from "./patterns/SaleHeaderBanner/types.js";
+import { usePendingState as jo } from "./utils/hooks.js";
 export {
   Ee as Accordion,
   Oe as AccordionItem,
@@ -122,13 +123,13 @@ export {
   Fo as SaleHeaderCountdown,
   le as Search,
   Eo as SeldonImage,
-  no as SeldonProvider,
+  uo as SeldonProvider,
   me as Select,
   ce as Social,
   l as SpacingTokens,
   de as SplitPanel,
   Be as StatefulViewingsList,
-  ne as Subscribe,
+  ue as Subscribe,
   ie as SubscriptionState,
   qe as SupportedLanguages,
   vo as TabsContainer,
@@ -144,10 +145,11 @@ export {
   m as emailValidation,
   p as encodeURLSearchParams,
   d as findChildrenExcludingTypes,
-  u as findChildrenOfType,
-  n as generatePaddingClassName,
+  n as findChildrenOfType,
+  u as generatePaddingClassName,
   x as getCommonProps,
   i as noOp,
   g as px,
-  c as useNormalizedInputProps
+  c as useNormalizedInputProps,
+  jo as usePendingState
 };

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/dist/scss/components/Input/_input.scss

@@ -61,11 +61,15 @@ $lg: #{$px}-input--lg;
   // Disabled
   &--disabled {
     color: $keyline-gray;
+    cursor: default;
 
     .#{$px}-input__label,
     .#{$px}-input__input {
       color: inherit;
-      cursor: not-allowed;
+    }
+    .#{$px}-input__label:hover,
+    .#{$px}-input__input:hover {
+      cursor: default;
     }
   }
 

package/dist/scss/components/Pagination/_pagination.scss

@@ -8,11 +8,16 @@
 }
 
 .#{$px} {
-  &-icon-button.#{$px}__pagination-button {
-    @include media($breakpoint-md) {
-      > svg {
-        height: 1.75rem;
-        width: 1.75rem;
+  &-icon-button {
+    &:disabled {
+      border: unset;
+    }
+    &.#{$px}__pagination-button {
+      @include media($breakpoint-md) {
+        > svg {
+          height: 1.75rem;
+          width: 1.75rem;
+        }
       }
     }
   }

package/dist/utils/hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const usePendingState: <StateType>(value: StateType) => {
+    pendingState: StateType | null;
+    setPendingState: import("react").Dispatch<import("react").SetStateAction<StateType | null>>;
+};

package/dist/utils/hooks.js

@@ -0,0 +1,10 @@
+import { useState as s, useEffect as i } from "react";
+const r = (t) => {
+  const [n, e] = s(null);
+  return i(() => {
+    t && e(null);
+  }, [t]), { pendingState: n, setPendingState: e };
+};
+export {
+  r as usePendingState
+};

package/package.json

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