@spscommerce/ds-react 7.13.0 → 7.14.1

package/lib/index.cjs.js

@@ -4015,7 +4015,7 @@ var r=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
                             ></SpsTextInput>
                         </>;
                     }
-                `}}}},$N={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function zi(e){const{itemsSelected:t,clearSelected:n,children:r,className:a,"data-testid":o,unsafelyReplaceClassName:l,...c}=e,{t:p}=s.useContext(Pe),u=()=>{typeof n=="function"&&n()},m=H(l||"sps-list-action-bar-container","z-stratum-actionbar",a);return t?s.createElement("div",{className:m,...c,"data-testid":o},s.createElement("div",{className:"sps-list-action-bar"},s.createElement("div",{className:"sps-list-action-bar__details"},s.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${o}__badge`},t),p("design-system:listActionBar.itemsSelected")),s.createElement("div",{className:"sps-list-action-bar__actions"},s.createElement(Ct.Provider,{value:{fixed:!0}},r)),s.createElement("div",{className:"sps-list-action-bar__clear"},s.createElement(We,{kind:V.ButtonKind.LINK,icon:V.SpsIcon.X,onClick:u,"data-testid":`${o}__clear-button`},p("design-system:listActionBar.clearSelected"))))):s.createElement(s.Fragment,null)}Object.assign(zi,{props:$N,displayName:"SpsListActionBar"});const va=s.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),VN=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:r,sort:a,onSortChange:o})=>{const[l,c]=s.useState(n||{}),[p,u]=s.useState(a||[]),m=s.useRef(o);m.current=o;const f=s.useRef(r);f.current=r;const h=s.useCallback(T=>{var C;u(T),(C=m.current)==null||C.call(m,T)},[]),g=s.useCallback(T=>{var C;c(T),(C=f.current)==null||C.call(f,T)},[]),E=s.useCallback((T,C)=>{c(k=>{var b;const I={...k,[T]:C};return(b=f.current)==null||b.call(f,I),I})},[]),w=s.useMemo(()=>({resizeable:t,resizeState:l,setResizeState:g,setSingleResizeState:E,sort:p,setSort:h}),[t,l,g,E,p,h]);return s.createElement(va.Provider,{value:w},e)},KN=e=>{const t=/(auto|scroll)/,n=(c,p)=>c.parentNode===null?p:n(c.parentNode,p.concat([c])),r=(c,p)=>getComputedStyle(c,null).getPropertyValue(p),a=c=>r(c,"overflow")+r(c,"overflow-y"),o=c=>t.test(a(c));return(c=>{if(!(c instanceof HTMLElement||c instanceof SVGElement))return;const p=n(c.parentNode,[]);for(let u=0;u<p.length;u+=1)if(o(p[u]))return p[u];return null})(e)},Pm=(e,t)=>{s.useLayoutEffect(()=>{if(e&&t.current){let n=0,r=!0,a=t.current.previousElementSibling;for(;a!==null;){if(!a.classList.contains("sps-table__cell--pinned")){r=!1;break}a=a.previousElementSibling}if(r){for(a=t.current.previousElementSibling;a!==null;)n+=a.clientWidth,a=a.previousElementSibling;t.current.style.left=`${n}px`}else{let o=t.current.nextElementSibling;for(;o!==null;)n+=o.clientWidth,o=o.nextElementSibling;t.current.style.right=`${n}px`}}})},HN=e=>{s.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),r=e.current.offsetWidth-e.current.clientWidth,a=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const o=[],l=[];n.forEach(u=>{let m=!0,f=u.previousElementSibling;for(;f!==null;){if(!f.classList.contains("sps-table__cell--pinned")){m=!1;break}f=f.previousElementSibling}m?o.push(u):l.push(u)});const c=o.reduce((u,m)=>u+m.clientWidth,0),p=l.reduce((u,m)=>u+m.clientWidth,0);e.current.style.backgroundPosition=`${c}px 0,
+                `}}}},$N={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function zi(e){const{itemsSelected:t,clearSelected:n,children:r,className:a,"data-testid":o,unsafelyReplaceClassName:l,...c}=e,{t:p}=s.useContext(Pe),u=()=>{typeof n=="function"&&n()},m=H(l||"sps-list-action-bar-container","z-stratum-actionbar",a);return t?s.createElement("div",{className:m,...c,"data-testid":o},s.createElement("div",{className:"sps-list-action-bar"},s.createElement("div",{className:"sps-list-action-bar__details"},s.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${o}__badge`},t),p("design-system:listActionBar.itemsSelected")),s.createElement("div",{className:"sps-list-action-bar__actions"},s.createElement(Ct.Provider,{value:{fixed:!0}},r)),s.createElement("div",{className:"sps-list-action-bar__clear"},s.createElement(We,{kind:V.ButtonKind.LINK,icon:V.SpsIcon.X,onClick:u,"data-testid":`${o}__clear-button`},p("design-system:listActionBar.clearSelected"))))):s.createElement(s.Fragment,null)}Object.assign(zi,{props:$N,displayName:"SpsListActionBar"});const va=s.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),VN=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:r,sort:a,onSortChange:o})=>{const[l,c]=s.useState(n||{}),[p,u]=s.useState(a||[]),m=s.useRef(o);m.current=o;const f=s.useRef(r);f.current=r,s.useEffect(()=>{a&&a!==p&&u(a)},[a]);const h=s.useCallback(T=>{var C;u(T),(C=m.current)==null||C.call(m,T)},[]),g=s.useCallback(T=>{var C;c(T),(C=f.current)==null||C.call(f,T)},[]),E=s.useCallback((T,C)=>{c(k=>{var b;const I={...k,[T]:C};return(b=f.current)==null||b.call(f,I),I})},[]),w=s.useMemo(()=>({resizeable:t,resizeState:l,setResizeState:g,setSingleResizeState:E,sort:p,setSort:h}),[t,l,g,E,p,h]);return s.createElement(va.Provider,{value:w},e)},KN=e=>{const t=/(auto|scroll)/,n=(c,p)=>c.parentNode===null?p:n(c.parentNode,p.concat([c])),r=(c,p)=>getComputedStyle(c,null).getPropertyValue(p),a=c=>r(c,"overflow")+r(c,"overflow-y"),o=c=>t.test(a(c));return(c=>{if(!(c instanceof HTMLElement||c instanceof SVGElement))return;const p=n(c.parentNode,[]);for(let u=0;u<p.length;u+=1)if(o(p[u]))return p[u];return null})(e)},Pm=(e,t)=>{s.useLayoutEffect(()=>{if(e&&t.current){let n=0,r=!0,a=t.current.previousElementSibling;for(;a!==null;){if(!a.classList.contains("sps-table__cell--pinned")){r=!1;break}a=a.previousElementSibling}if(r){for(a=t.current.previousElementSibling;a!==null;)n+=a.clientWidth,a=a.previousElementSibling;t.current.style.left=`${n}px`}else{let o=t.current.nextElementSibling;for(;o!==null;)n+=o.clientWidth,o=o.nextElementSibling;t.current.style.right=`${n}px`}}})},HN=e=>{s.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),r=e.current.offsetWidth-e.current.clientWidth,a=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const o=[],l=[];n.forEach(u=>{let m=!0,f=u.previousElementSibling;for(;f!==null;){if(!f.classList.contains("sps-table__cell--pinned")){m=!1;break}f=f.previousElementSibling}m?o.push(u):l.push(u)});const c=o.reduce((u,m)=>u+m.clientWidth,0),p=l.reduce((u,m)=>u+m.clientWidth,0);e.current.style.backgroundPosition=`${c}px 0,
           calc(100% - ${p}px) 0, 
           ${c}px ${-a}px,
           calc(100% - ${p+r}px) ${-a}px`}else e.current.style.backgroundPosition=`0 0, 100% 0, 0 ${-a}px, 

package/lib/index.es.js

@@ -19900,7 +19900,9 @@ const wa = s.createContext({
   const [l, c] = s.useState(n || {}), [p, u] = s.useState(a || []), m = s.useRef(o);
   m.current = o;
   const f = s.useRef(r);
-  f.current = r;
+  f.current = r, s.useEffect(() => {
+    a && a !== p && u(a);
+  }, [a]);
   const h = s.useCallback((T) => {
     var C;
     u(T), (C = m.current) == null || C.call(m, T);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "7.13.0",
+  "version": "7.14.1",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -41,11 +41,11 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.6.0",
-    "@sps-woodland/illustrations": "7.13.0",
-    "@sps-woodland/tabs": "7.13.0",
-    "@spscommerce/ds-colors": "7.13.0",
-    "@spscommerce/ds-shared": "7.13.0",
-    "@spscommerce/positioning": "7.13.0",
+    "@sps-woodland/illustrations": "7.14.1",
+    "@sps-woodland/tabs": "7.14.1",
+    "@spscommerce/ds-colors": "7.14.1",
+    "@spscommerce/ds-shared": "7.14.1",
+    "@spscommerce/positioning": "7.14.1",
     "@spscommerce/utils": "^6.11.3",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
@@ -59,11 +59,11 @@
     "@react-types/select": "^3.6.1",
     "@react-types/shared": "^3.8.0",
     "@react-types/tabs": "^3.0.1",
-    "@sps-woodland/illustrations": "7.13.0",
-    "@sps-woodland/tabs": "7.13.0",
-    "@spscommerce/ds-colors": "7.13.0",
-    "@spscommerce/ds-shared": "7.13.0",
-    "@spscommerce/positioning": "7.13.0",
+    "@sps-woodland/illustrations": "7.14.1",
+    "@sps-woodland/tabs": "7.14.1",
+    "@spscommerce/ds-colors": "7.14.1",
+    "@spscommerce/ds-shared": "7.14.1",
+    "@spscommerce/positioning": "7.14.1",
     "@spscommerce/utils": "^6.12.1",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^10.0.0",
@@ -77,7 +77,7 @@
     "raf-stub": "^2.0.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "test": "7.13.0"
+    "test": "7.14.1"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",