@spscommerce/ds-react 8.4.8 → 8.4.9

package/lib/index.cjs.js

@@ -2813,7 +2813,7 @@ var r=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
                             </SpsForm>
                         )
                     }
-                `}}}},vN={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function Vi(e){const{autoComplete:t,disabled:n,defaultValue:r=0,min:a=Number.MIN_SAFE_INTEGER,max:o=Number.MAX_SAFE_INTEGER,step:l=1,onValueChange:c,unsafelyReplaceClassName:p,className:f,"data-testid":m,...u}=e,[h,g]=s.useState(Math.max(a,r)),[v,w]=s.useState(!1);s.useEffect(()=>{c&&typeof c=="function"&&c(h),w(h<a||h>o)},[h]);const T=()=>h<=a?!1:(h>o?g(o):g(I=>Math.max(I-l,a)),!0),E=()=>h>=o?!1:(h<a?g(a):g(I=>I+l),!0),N=I=>{I.target.value!==""&&g(parseInt(I.target.value,10))},x=p||H("sps-incrementor sps-input-group sps-input-group__append",f);return s.createElement("div",{className:x,...u,"data-testid":m},s.createElement("div",{className:"sps-button sps-button--icon"},s.createElement("button",{type:"button","data-testid":`${m}__minus`,onClick:T,disabled:n,"aria-label":`Subtract ${l}`},s.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),s.createElement("div",{className:"sps-text-input"},s.createElement("input",{type:"text",className:H("sps-form-control",v&&"sps-input--error"),value:h,onChange:N,disabled:n,"data-testid":`${m}__input`,autoComplete:t})),s.createElement("div",{className:"sps-button sps-button--icon"},s.createElement("button",{type:"button","data-testid":`${m}__plus`,onClick:E,disabled:n,"aria-label":`Add ${l}`},s.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(Vi,{props:vN,displayName:"SpsIncrementor"});const pm={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:y.code`
+                `}}}},vN={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function Vi(e){const{autoComplete:t,disabled:n,defaultValue:r=0,min:a=Number.MIN_SAFE_INTEGER,max:o=Number.MAX_SAFE_INTEGER,step:l=1,onValueChange:c,unsafelyReplaceClassName:p,className:f,"data-testid":m,...u}=e,[h,g]=s.useState(Math.max(a,r));s.useEffect(()=>{g(Math.max(a,r))},[r]);const[v,w]=s.useState(!1);s.useEffect(()=>{c&&typeof c=="function"&&c(h),w(h<a||h>o)},[h]);const T=()=>h<=a?!1:(h>o?g(o):g(I=>Math.max(I-l,a)),!0),E=()=>h>=o?!1:(h<a?g(a):g(I=>I+l),!0),N=I=>{I.target.value!==""&&g(parseInt(I.target.value,10))},x=p||H("sps-incrementor sps-input-group sps-input-group__append",f);return s.createElement("div",{className:x,...u,"data-testid":m},s.createElement("div",{className:"sps-button sps-button--icon"},s.createElement("button",{type:"button","data-testid":`${m}__minus`,onClick:T,disabled:n,"aria-label":`Subtract ${l}`},s.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),s.createElement("div",{className:"sps-text-input"},s.createElement("input",{type:"text",className:H("sps-form-control",v&&"sps-input--error"),value:h,onChange:N,disabled:n,"data-testid":`${m}__input`,autoComplete:t})),s.createElement("div",{className:"sps-button sps-button--icon"},s.createElement("button",{type:"button","data-testid":`${m}__plus`,onClick:E,disabled:n,"aria-label":`Add ${l}`},s.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(Vi,{props:vN,displayName:"SpsIncrementor"});const pm={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:y.code`
                     import { SpsIncrementor } from "@spscommerce/ds-react";
                     function Component () {
                         const [value, setValue] = React.useState("");

package/lib/index.es.js

@@ -17988,7 +17988,11 @@ function Tu(e) {
     className: f,
     "data-testid": m,
     ...u
-  } = e, [h, g] = s.useState(Math.max(a, r)), [v, w] = s.useState(!1);
+  } = e, [h, g] = s.useState(Math.max(a, r));
+  s.useEffect(() => {
+    g(Math.max(a, r));
+  }, [r]);
+  const [v, w] = s.useState(!1);
   s.useEffect(() => {
     c && typeof c == "function" && c(h), w(h < a || h > o);
   }, [h]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "8.4.8",
+  "version": "8.4.9",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -46,11 +46,11 @@
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/illustrations": "8.4.8",
-    "@sps-woodland/tabs": "8.4.8",
-    "@spscommerce/ds-colors": "8.4.8",
-    "@spscommerce/ds-shared": "8.4.8",
-    "@spscommerce/positioning": "8.4.8"
+    "@sps-woodland/illustrations": "8.4.9",
+    "@sps-woodland/tabs": "8.4.9",
+    "@spscommerce/ds-colors": "8.4.9",
+    "@spscommerce/ds-shared": "8.4.9",
+    "@spscommerce/positioning": "8.4.9"
   },
   "devDependencies": {
     "@react-spectrum/provider": "^3.4.1",
@@ -72,12 +72,12 @@
     "raf-stub": "^2.0.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/illustrations": "8.4.8",
-    "@sps-woodland/tabs": "8.4.8",
-    "@spscommerce/ds-colors": "8.4.8",
-    "@spscommerce/ds-shared": "8.4.8",
-    "@spscommerce/positioning": "8.4.8",
-    "test": "8.4.8"
+    "@sps-woodland/illustrations": "8.4.9",
+    "@sps-woodland/tabs": "8.4.9",
+    "@spscommerce/ds-colors": "8.4.9",
+    "@spscommerce/ds-shared": "8.4.9",
+    "@spscommerce/positioning": "8.4.9",
+    "test": "8.4.9"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",