@spscommerce/ds-react 7.4.7 → 7.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/growler/useGrowlers.d.ts +1 -0
- package/lib/index.cjs.js +4 -1
- package/lib/index.es.js +4 -0
- package/package.json +12 -12
package/lib/index.cjs.js
CHANGED
|
@@ -1777,6 +1777,7 @@ Valid keys: `+JSON.stringify(Object.keys(A),null," "));var Ee=xe(ie,re,te,Q,U+"
|
|
|
1777
1777
|
<SpsDatepicker
|
|
1778
1778
|
value={formValue.date}
|
|
1779
1779
|
formMeta={formMeta.fields.date}
|
|
1780
|
+
data-testid="datepicker-basic"
|
|
1780
1781
|
/>
|
|
1781
1782
|
</div>
|
|
1782
1783
|
</div>
|
|
@@ -1808,6 +1809,7 @@ Valid keys: `+JSON.stringify(Object.keys(A),null," "));var Ee=xe(ie,re,te,Q,U+"
|
|
|
1808
1809
|
<SpsDatepicker
|
|
1809
1810
|
value={formValue.date}
|
|
1810
1811
|
formMeta={formMeta.fields.date}
|
|
1812
|
+
data-testid="datepicker-constraints"
|
|
1811
1813
|
{...constraints.current}
|
|
1812
1814
|
/>
|
|
1813
1815
|
</div>
|
|
@@ -1836,6 +1838,7 @@ Valid keys: `+JSON.stringify(Object.keys(A),null," "));var Ee=xe(ie,re,te,Q,U+"
|
|
|
1836
1838
|
<SpsDatepicker
|
|
1837
1839
|
value={formValue.date}
|
|
1838
1840
|
formMeta={formMeta.fields.date}
|
|
1841
|
+
data-testid="datepicker-disabled"
|
|
1839
1842
|
disabled
|
|
1840
1843
|
/>
|
|
1841
1844
|
</div>
|
|
@@ -10209,7 +10212,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(r).filter
|
|
|
10209
10212
|
kind={FeedbackBlockKind.WARNING}
|
|
10210
10213
|
message="This order is missing a shipment date."
|
|
10211
10214
|
/>
|
|
10212
|
-
`}}}};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`
|
|
10215
|
+
`}}}};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`
|
|
10213
10216
|
import { SpsKeyValueTag } from "@spscommerce/ds-react";
|
|
10214
10217
|
function Component() {
|
|
10215
10218
|
return (
|
package/lib/index.es.js
CHANGED
|
@@ -12068,6 +12068,7 @@ const lD = {
|
|
|
12068
12068
|
<SpsDatepicker
|
|
12069
12069
|
value={formValue.date}
|
|
12070
12070
|
formMeta={formMeta.fields.date}
|
|
12071
|
+
data-testid="datepicker-basic"
|
|
12071
12072
|
/>
|
|
12072
12073
|
</div>
|
|
12073
12074
|
</div>
|
|
@@ -12107,6 +12108,7 @@ const lD = {
|
|
|
12107
12108
|
<SpsDatepicker
|
|
12108
12109
|
value={formValue.date}
|
|
12109
12110
|
formMeta={formMeta.fields.date}
|
|
12111
|
+
data-testid="datepicker-constraints"
|
|
12110
12112
|
{...constraints.current}
|
|
12111
12113
|
/>
|
|
12112
12114
|
</div>
|
|
@@ -12143,6 +12145,7 @@ const lD = {
|
|
|
12143
12145
|
<SpsDatepicker
|
|
12144
12146
|
value={formValue.date}
|
|
12145
12147
|
formMeta={formMeta.fields.date}
|
|
12148
|
+
data-testid="datepicker-disabled"
|
|
12146
12149
|
disabled
|
|
12147
12150
|
/>
|
|
12148
12151
|
</div>
|
|
@@ -32609,6 +32612,7 @@ function rM() {
|
|
|
32609
32612
|
title: a.title,
|
|
32610
32613
|
kind: a.kind,
|
|
32611
32614
|
imgSrc: a.imgSrc,
|
|
32615
|
+
persist: a.persist,
|
|
32612
32616
|
onClose: () => {
|
|
32613
32617
|
a.onClose && a.onClose(), a.closed = !0, e.every((i) => i.closed) && t([]);
|
|
32614
32618
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spscommerce/ds-react",
|
|
3
3
|
"description": "SPS Design System React components",
|
|
4
|
-
"version": "7.4.
|
|
4
|
+
"version": "7.4.9",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@react-stately/collections": "^3.6.0",
|
|
43
|
-
"@sps-woodland/illustrations": "7.4.
|
|
44
|
-
"@sps-woodland/tabs": "7.4.
|
|
45
|
-
"@spscommerce/ds-colors": "7.4.
|
|
46
|
-
"@spscommerce/ds-shared": "7.4.
|
|
47
|
-
"@spscommerce/positioning": "7.4.
|
|
43
|
+
"@sps-woodland/illustrations": "7.4.9",
|
|
44
|
+
"@sps-woodland/tabs": "7.4.9",
|
|
45
|
+
"@spscommerce/ds-colors": "7.4.9",
|
|
46
|
+
"@spscommerce/ds-shared": "7.4.9",
|
|
47
|
+
"@spscommerce/positioning": "7.4.9",
|
|
48
48
|
"@spscommerce/utils": "^6.11.3",
|
|
49
49
|
"moment": "^2.25.3",
|
|
50
50
|
"moment-timezone": "^0.5.28",
|
|
@@ -58,11 +58,11 @@
|
|
|
58
58
|
"@react-types/select": "^3.6.1",
|
|
59
59
|
"@react-types/shared": "^3.8.0",
|
|
60
60
|
"@react-types/tabs": "^3.0.1",
|
|
61
|
-
"@sps-woodland/illustrations": "7.4.
|
|
62
|
-
"@sps-woodland/tabs": "7.4.
|
|
63
|
-
"@spscommerce/ds-colors": "7.4.
|
|
64
|
-
"@spscommerce/ds-shared": "7.4.
|
|
65
|
-
"@spscommerce/positioning": "7.4.
|
|
61
|
+
"@sps-woodland/illustrations": "7.4.9",
|
|
62
|
+
"@sps-woodland/tabs": "7.4.9",
|
|
63
|
+
"@spscommerce/ds-colors": "7.4.9",
|
|
64
|
+
"@spscommerce/ds-shared": "7.4.9",
|
|
65
|
+
"@spscommerce/positioning": "7.4.9",
|
|
66
66
|
"@spscommerce/utils": "^6.12.1",
|
|
67
67
|
"@testing-library/dom": "^8.17.1",
|
|
68
68
|
"@testing-library/react": "^10.0.0",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"raf-stub": "^2.0.2",
|
|
77
77
|
"react": "^16.9.0",
|
|
78
78
|
"react-dom": "^16.9.0",
|
|
79
|
-
"test": "7.4.
|
|
79
|
+
"test": "7.4.9"
|
|
80
80
|
},
|
|
81
81
|
"scripts": {
|
|
82
82
|
"build": "pnpm run build:js && pnpm run build:types",
|