@spscommerce/ds-react 7.4.7 → 7.4.8

package/lib/growler/useGrowlers.d.ts

@@ -7,6 +7,7 @@ export interface GrowlerConfig {
     imgSrc?: string;
     onClose?: () => void;
     closed?: boolean;
+    persist?: boolean;
     id?: string;
 }
 export declare function useGrowlers(): [() => JSX.Element[], (config: GrowlerConfig) => void];

package/lib/index.cjs.js

@@ -10209,7 +10209,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(r).filter
                         kind={FeedbackBlockKind.WARNING}
                         message="This order is missing a shipment date."
                     />
-                `}}}};function kI(){const[e,t]=s.useState([]),r=s.useCallback(()=>e.map(a=>s.createElement(ea,{id:a.id,key:a.id,title:a.title,kind:a.kind,imgSrc:a.imgSrc,onClose:()=>{a.onClose&&a.onClose(),a.closed=!0,e.every(i=>i.closed)&&t([])}},lt(a.content))),[e]),n=s.useCallback(a=>{t(i=>[...i,{...a,kind:a.kind||V.GrowlerKind.INFO,id:a.id||Dt()}])},[]);return[r,n]}function MI(e){const{children:t}=e;return s.createElement("div",{className:"insight-tile-wrapper"},t)}const _I={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function Of(e){const{children:t,className:r,horizontal:n=!1,icon:a,kind:i="general",title:l,metric:c,partnerCount:p,totalPartners:u,unsafelyReplaceClassName:f,...m}=e,h=$(f||"sps-insight-tile",`sps-insight-tile--${i}`,r,n&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:g}=s.useContext(Re),[T,E,C]=(p?g("design-system:insightTile.partnerCount",{count:p,total:u}):"").split("|");return s.createElement(s.Fragment,null,s.createElement("div",{className:h,...m},s.createElement("div",{className:"sps-insight-tile__body"},a?s.createElement("i",{className:`sps-icon sps-icon-${a}`}):s.createElement("i",{className:`sps-icon sps-icon-${V.SpsInsightTileIcons[i]}`}),c&&s.createElement("div",{className:"sps-insight-tile__metric-count"},c),l&&s.createElement("div",{className:"sps-insight-tile__description"},s.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},l),s.createElement("div",{className:"sps-insight-tile__detail"},t))),p&&s.createElement("div",{className:"sps-insight-tile__partner-count"},p===u?s.createElement("div",null,g("design-system:insightTile.all")):s.createElement(s.Fragment,null,s.createElement("div",null,T),s.createElement("div",null,E),s.createElement("div",null,C)),s.createElement("div",{className:"sps-insight-tile__partners-text"},g("design-system:insightTile.partners")))))}Object.assign(Of,{props:_I,displayName:"SpsInsightTile"});const OI={inline:"boolean"};function Lf(e){const{children:t,className:r,inline:n,"data-testid":a,unsafelyReplaceClassName:i,...l}=e,c=$(i||"sps-key-value-list",n&&"sps-key-value-list--inline",r);return s.createElement("div",{className:c,"data-testid":`${a}`,...l},t)}Object.assign(Lf,{props:OI,displayName:"SpsKeyValueList"});const LI={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function Rf(e){const{children:t,className:r,itemKey:n,titleColor:a=V.KeyValueListTitleColor.LIGHT,"data-testid":i,unsafelyReplaceClassName:l,...c}=e,p=$(l||"sps-key-value-list__item",`sps-key-value-list__item--${a}`,r);return s.createElement("div",{className:p,"data-testid":`${i}`,...c},s.createElement("span",{className:"sps-key-value-list__key","data-testid":`${i}__key`},n),s.createElement("span",{className:"sps-key-value-list__value","data-testid":`${i}__value`},t))}Object.assign(Rf,{props:LI,displayName:"SpsKeyValueListItem"});const RI={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function Pf(e){const{color:t=V.TagKind.KEY,className:r,"data-testid":n,href:a,icon:i,tagKey:l,value:c,unsafelyReplaceClassName:p,...u}=e,f=$(p||"sps-key-value-tag",a&&"sps-key-value-tag--link",r);return s.createElement("span",{className:f,"data-testid":`${n}__key-value-tag`,...u},s.createElement(xt,{icon:i,kind:t,className:"sps-key-value-tag--key"},l),s.createElement(xt,{className:`sps-key-value-tag--value ${t}`},a&&s.createElement("a",{href:a},c),!a&&c))}Object.assign(Pf,{props:RI,displayName:"SpsKeyValueTag"});const PI={basic:{label:"Basic",examples:{basic:{react:y.code`
+                `}}}};function kI(){const[e,t]=s.useState([]),r=s.useCallback(()=>e.map(a=>s.createElement(ea,{id:a.id,key:a.id,title:a.title,kind:a.kind,imgSrc:a.imgSrc,persist:a.persist,onClose:()=>{a.onClose&&a.onClose(),a.closed=!0,e.every(i=>i.closed)&&t([])}},lt(a.content))),[e]),n=s.useCallback(a=>{t(i=>[...i,{...a,kind:a.kind||V.GrowlerKind.INFO,id:a.id||Dt()}])},[]);return[r,n]}function MI(e){const{children:t}=e;return s.createElement("div",{className:"insight-tile-wrapper"},t)}const _I={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function Of(e){const{children:t,className:r,horizontal:n=!1,icon:a,kind:i="general",title:l,metric:c,partnerCount:p,totalPartners:u,unsafelyReplaceClassName:f,...m}=e,h=$(f||"sps-insight-tile",`sps-insight-tile--${i}`,r,n&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:g}=s.useContext(Re),[T,E,C]=(p?g("design-system:insightTile.partnerCount",{count:p,total:u}):"").split("|");return s.createElement(s.Fragment,null,s.createElement("div",{className:h,...m},s.createElement("div",{className:"sps-insight-tile__body"},a?s.createElement("i",{className:`sps-icon sps-icon-${a}`}):s.createElement("i",{className:`sps-icon sps-icon-${V.SpsInsightTileIcons[i]}`}),c&&s.createElement("div",{className:"sps-insight-tile__metric-count"},c),l&&s.createElement("div",{className:"sps-insight-tile__description"},s.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},l),s.createElement("div",{className:"sps-insight-tile__detail"},t))),p&&s.createElement("div",{className:"sps-insight-tile__partner-count"},p===u?s.createElement("div",null,g("design-system:insightTile.all")):s.createElement(s.Fragment,null,s.createElement("div",null,T),s.createElement("div",null,E),s.createElement("div",null,C)),s.createElement("div",{className:"sps-insight-tile__partners-text"},g("design-system:insightTile.partners")))))}Object.assign(Of,{props:_I,displayName:"SpsInsightTile"});const OI={inline:"boolean"};function Lf(e){const{children:t,className:r,inline:n,"data-testid":a,unsafelyReplaceClassName:i,...l}=e,c=$(i||"sps-key-value-list",n&&"sps-key-value-list--inline",r);return s.createElement("div",{className:c,"data-testid":`${a}`,...l},t)}Object.assign(Lf,{props:OI,displayName:"SpsKeyValueList"});const LI={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function Rf(e){const{children:t,className:r,itemKey:n,titleColor:a=V.KeyValueListTitleColor.LIGHT,"data-testid":i,unsafelyReplaceClassName:l,...c}=e,p=$(l||"sps-key-value-list__item",`sps-key-value-list__item--${a}`,r);return s.createElement("div",{className:p,"data-testid":`${i}`,...c},s.createElement("span",{className:"sps-key-value-list__key","data-testid":`${i}__key`},n),s.createElement("span",{className:"sps-key-value-list__value","data-testid":`${i}__value`},t))}Object.assign(Rf,{props:LI,displayName:"SpsKeyValueListItem"});const RI={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function Pf(e){const{color:t=V.TagKind.KEY,className:r,"data-testid":n,href:a,icon:i,tagKey:l,value:c,unsafelyReplaceClassName:p,...u}=e,f=$(p||"sps-key-value-tag",a&&"sps-key-value-tag--link",r);return s.createElement("span",{className:f,"data-testid":`${n}__key-value-tag`,...u},s.createElement(xt,{icon:i,kind:t,className:"sps-key-value-tag--key"},l),s.createElement(xt,{className:`sps-key-value-tag--value ${t}`},a&&s.createElement("a",{href:a},c),!a&&c))}Object.assign(Pf,{props:RI,displayName:"SpsKeyValueTag"});const PI={basic:{label:"Basic",examples:{basic:{react:y.code`
                     import { SpsKeyValueTag } from "@spscommerce/ds-react";
                     function Component() {
                         return (

package/lib/index.es.js

@@ -32609,6 +32609,7 @@ function rM() {
     title: a.title,
     kind: a.kind,
     imgSrc: a.imgSrc,
+    persist: a.persist,
     onClose: () => {
       a.onClose && a.onClose(), a.closed = !0, e.every((i) => i.closed) && t([]);
     }

package/package.json

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