@spscommerce/ds-react 4.31.0 → 4.32.0

package/lib/index.cjs.js

@@ -3041,7 +3041,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
                             </React.Fragment>
                         );
                     }
-                `}}}};function Gm(e){const{children:t}=e;return s.createElement("div",{className:"insight-tile-wrapper"},t)}const UN={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number",partnerCount:"number",totalPartners:"number"},zN=W(I({},q),{horizontal:E.exports.bool,icon:ge(O.SpsIcon),kind:ge(O.SpsInsightTileKind),title:E.exports.string,metric:E.exports.number,partnerCount:E.exports.number,totalPartners:E.exports.number});function ji(e){const w=e,{children:t,className:n,horizontal:a=!1,icon:o,kind:i="general",title:l,metric:c,partnerCount:u,totalPartners:p,unsafelyReplaceClassName:f}=w,m=J(w,["children","className","horizontal","icon","kind","title","metric","partnerCount","totalPartners","unsafelyReplaceClassName"]),b=B(f||"sps-insight-tile",`sps-insight-tile--${i}`,n,a&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:v}=s.useContext(He),[T,k,g]=(u?v("design-system:insightTile.partnerCount",{count:u,total:p}):"").split("|");return s.createElement(s.Fragment,null,s.createElement("div",I({className:b},m),s.createElement("div",{className:"sps-insight-tile__body"},o?s.createElement("i",{className:`sps-icon sps-icon-${o}`}):s.createElement("i",{className:`sps-icon sps-icon-${O.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))),u&&s.createElement("div",{className:"sps-insight-tile__partner-count"},u===p?s.createElement("div",null,v("design-system:insightTile.all")):s.createElement(s.Fragment,null,s.createElement("div",null,T),s.createElement("div",null,k),s.createElement("div",null,g)),s.createElement("div",{className:"sps-insight-tile__partners-text"},v("design-system:insightTile.partners")))))}Object.assign(ji,{props:UN,propTypes:zN,displayName:"SpsInsightTile"});const qN={basic:{label:"Basic Insight Tiles",examples:{basic:{jsx:D.code`
+                `}}}};function Gm(e){const{children:t}=e;return s.createElement("div",{className:"insight-tile-wrapper"},t)}const UN={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"},zN=W(I({},q),{horizontal:E.exports.bool,icon:ge(O.SpsIcon),kind:ge(O.SpsInsightTileKind),title:E.exports.string,metric:E.exports.number||E.exports.string,partnerCount:E.exports.number,totalPartners:E.exports.number});function ji(e){const w=e,{children:t,className:n,horizontal:a=!1,icon:o,kind:i="general",title:l,metric:c,partnerCount:u,totalPartners:p,unsafelyReplaceClassName:f}=w,m=J(w,["children","className","horizontal","icon","kind","title","metric","partnerCount","totalPartners","unsafelyReplaceClassName"]),b=B(f||"sps-insight-tile",`sps-insight-tile--${i}`,n,a&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:v}=s.useContext(He),[T,k,g]=(u?v("design-system:insightTile.partnerCount",{count:u,total:p}):"").split("|");return s.createElement(s.Fragment,null,s.createElement("div",I({className:b},m),s.createElement("div",{className:"sps-insight-tile__body"},o?s.createElement("i",{className:`sps-icon sps-icon-${o}`}):s.createElement("i",{className:`sps-icon sps-icon-${O.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))),u&&s.createElement("div",{className:"sps-insight-tile__partner-count"},u===p?s.createElement("div",null,v("design-system:insightTile.all")):s.createElement(s.Fragment,null,s.createElement("div",null,T),s.createElement("div",null,k),s.createElement("div",null,g)),s.createElement("div",{className:"sps-insight-tile__partners-text"},v("design-system:insightTile.partners")))))}Object.assign(ji,{props:UN,propTypes:zN,displayName:"SpsInsightTile"});const qN={basic:{label:"Basic Insight Tiles",examples:{basic:{jsx:D.code`
                     <SpsInsights>
                         <SpsInsightTile
                             kind={SpsInsightCardKind.GENERAL}

package/lib/index.es.js

@@ -24691,7 +24691,7 @@ const propsDoc$14 = {
   icon: "SpsIcon",
   kind: "SpsInsightTileKind",
   title: "string",
-  metric: "number",
+  metric: "number | string",
   partnerCount: "number",
   totalPartners: "number"
 };
@@ -24700,7 +24700,7 @@ const propTypes$17 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: enumValue(SpsIcon$1),
   kind: enumValue(SpsInsightTileKind),
   title: propTypes$1K.exports.string,
-  metric: propTypes$1K.exports.number,
+  metric: propTypes$1K.exports.number || propTypes$1K.exports.string,
   partnerCount: propTypes$1K.exports.number,
   totalPartners: propTypes$1K.exports.number
 });

package/lib/insight-tile/SpsInsightTile.d.ts

@@ -5,7 +5,7 @@ declare const propTypes: {
     icon: PropTypes.Requireable<SpsIcon>;
     kind: PropTypes.Requireable<SpsInsightTileKind>;
     title: PropTypes.Requireable<string>;
-    metric: PropTypes.Requireable<number>;
+    metric: PropTypes.Requireable<string> | PropTypes.Requireable<number>;
     partnerCount: PropTypes.Requireable<number>;
     totalPartners: PropTypes.Requireable<number>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "4.31.0",
+  "version": "4.32.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "4.31.0",
-    "@spscommerce/ds-shared": "4.31.0",
-    "@spscommerce/positioning": "4.31.0",
-    "@spscommerce/utils": "4.31.0",
+    "@spscommerce/ds-colors": "4.32.0",
+    "@spscommerce/ds-shared": "4.32.0",
+    "@spscommerce/positioning": "4.32.0",
+    "@spscommerce/utils": "4.32.0",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -39,10 +39,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "4.31.0",
-    "@spscommerce/ds-shared": "4.31.0",
-    "@spscommerce/positioning": "4.31.0",
-    "@spscommerce/utils": "4.31.0",
+    "@spscommerce/ds-colors": "4.32.0",
+    "@spscommerce/ds-shared": "4.32.0",
+    "@spscommerce/positioning": "4.32.0",
+    "@spscommerce/utils": "4.32.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",