@spscommerce/ds-react 5.28.1 → 5.30.0

package/lib/index.cjs.js

@@ -7924,7 +7924,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
                             </div>
                         );
                     }
-                `}}}},P_={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",title:{type:"string",required:"true"},warning:"boolean"},A_=$(I({},q),{href:T.exports.string,target:T.exports.string,icon:Nt.isRequired,error:T.exports.bool,title:T.exports.string.isRequired,warning:T.exports.bool});function El(e){const m=e,{className:t,href:n,target:a,icon:r,error:i=!1,title:l,unsafelyReplaceClassName:c,warning:p=!1}=m,u=Z(m,["className","href","target","icon","error","title","unsafelyReplaceClassName","warning"]),f=A(c||"sps-tile",t,i&&"sps-tile--error",p&&"sps-tile--warning");return s.useEffect(()=>{if(p&&i)throw new Error("Tile should have warning or error, not both")},[p,i]),s.createElement("div",{className:"sps-tile-container sfg-col-3 sfg-break-col-6"},s.createElement("a",I({className:f,href:n,target:a,rel:a==="_blank"?"noopener noreferrer":void 0},u),(p||i)&&s.createElement("div",{className:"sps-tile--icon"},p&&s.createElement("i",{className:A("sps-icon","sps-icon-status-warning")}),i&&s.createElement("i",{className:A("sps-icon","sps-icon-ban")})),s.createElement("div",{className:"sps-tile--content"},s.createElement("div",{className:"sps-tile--image"},typeof r=="string"?s.createElement("img",{className:"sps-tile--image",src:r,alt:""}):At(r)),s.createElement("div",{className:"sps-tile--title"},s.createElement("p",null,l,a==="_blank"&&s.createElement("i",{className:A("sps-icon","sps-icon-tabs")}))))))}Object.assign(El,{props:P_,propTypes:A_,displayName:"SpsTile"});const F_={},K_=I({},q);function xl(e){const c=e,{children:t,unsafelyReplaceClassName:n,"data-testid":a,className:r}=c,i=Z(c,["children","unsafelyReplaceClassName","data-testid","className"]),l=A(n||"sps-tile-list",r||"sfg-row");return s.createElement("div",I({className:l},i),t)}Object.assign(xl,{props:F_,propTypes:K_,displayName:"SpsTileList"});const Zf={basic:{label:"Basic",examples:{basic:{react:x.code`
+                `}}}},P_={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",title:{type:"string",required:"true"},warning:"boolean",disabled:"boolean"},A_=$(I({},q),{href:T.exports.string,target:T.exports.string,icon:Nt.isRequired,error:T.exports.bool,title:T.exports.string.isRequired,warning:T.exports.bool,disabled:T.exports.bool});function El(e){const g=e,{className:t,href:n,target:a,icon:r,error:i=!1,title:l,unsafelyReplaceClassName:c,warning:p=!1,disabled:u=!1}=g,f=Z(g,["className","href","target","icon","error","title","unsafelyReplaceClassName","warning","disabled"]),m=A(c||"sps-tile",t,i&&"sps-tile--error",p&&"sps-tile--warning",u&&"sps-tile--disabled");return s.useEffect(()=>{if(p&&i)throw new Error("Tile should have warning or error, not both")},[p,i]),s.createElement("div",{className:"sps-tile-container sfg-col-3 sfg-break-col-6"},s.createElement("a",I({className:m,href:u?void 0:n,target:a,rel:a==="_blank"?"noopener noreferrer":void 0},f),(p||i)&&s.createElement("div",{className:"sps-tile--icon"},p&&s.createElement("i",{className:A("sps-icon","sps-icon-status-warning")}),i&&s.createElement("i",{className:A("sps-icon","sps-icon-ban")})),s.createElement("div",{className:"sps-tile--content"},s.createElement("div",{className:"sps-tile--image"},typeof r=="string"?s.createElement("img",{className:"sps-tile--image",src:r,alt:""}):At(r)),s.createElement("div",{className:"sps-tile--title"},s.createElement("p",null,l,a==="_blank"&&s.createElement("i",{className:A("sps-icon","sps-icon-tabs")}))))))}Object.assign(El,{props:P_,propTypes:A_,displayName:"SpsTile"});const F_={},K_=I({},q);function xl(e){const c=e,{children:t,unsafelyReplaceClassName:n,"data-testid":a,className:r}=c,i=Z(c,["children","unsafelyReplaceClassName","data-testid","className"]),l=A(n||"sps-tile-list",r||"sfg-row");return s.createElement("div",I({className:l},i),t)}Object.assign(xl,{props:F_,propTypes:K_,displayName:"SpsTileList"});const Zf={basic:{label:"Basic",examples:{basic:{react:x.code`
                     function Component() {
                         const apps = [
                             {

package/lib/index.es.js

@@ -35380,7 +35380,8 @@ const propsDoc$t = {
   icon: { type: "ReactNodeOrRenderFn", required: "true" },
   error: "boolean",
   title: { type: "string", required: "true" },
-  warning: "boolean"
+  warning: "boolean",
+  disabled: "boolean"
 };
 const propTypes$v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   href: propTypes$1O.exports.string,
@@ -35388,7 +35389,8 @@ const propTypes$v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: nodeOrRenderFn.isRequired,
   error: propTypes$1O.exports.bool,
   title: propTypes$1O.exports.string.isRequired,
-  warning: propTypes$1O.exports.bool
+  warning: propTypes$1O.exports.bool,
+  disabled: propTypes$1O.exports.bool
 });
 function SpsTile(props2) {
   const _a = props2, {
@@ -35399,7 +35401,8 @@ function SpsTile(props2) {
     error = false,
     title,
     unsafelyReplaceClassName,
-    warning = false
+    warning = false,
+    disabled = false
   } = _a, rest = __objRest(_a, [
     "className",
     "href",
@@ -35408,9 +35411,10 @@ function SpsTile(props2) {
     "error",
     "title",
     "unsafelyReplaceClassName",
-    "warning"
+    "warning",
+    "disabled"
   ]);
-  const classes = clsx(unsafelyReplaceClassName || "sps-tile", className, error && "sps-tile--error", warning && "sps-tile--warning");
+  const classes = clsx(unsafelyReplaceClassName || "sps-tile", className, error && "sps-tile--error", warning && "sps-tile--warning", disabled && "sps-tile--disabled");
   React.useEffect(() => {
     if (warning && error) {
       throw new Error("Tile should have warning or error, not both");
@@ -35420,7 +35424,7 @@ function SpsTile(props2) {
     className: "sps-tile-container sfg-col-3 sfg-break-col-6"
   }, /* @__PURE__ */ React.createElement("a", __spreadValues({
     className: classes,
-    href,
+    href: disabled ? void 0 : href,
     target,
     rel: target === "_blank" ? "noopener noreferrer" : void 0
   }, rest), (warning || error) && /* @__PURE__ */ React.createElement("div", {

package/lib/tile-list/SpsTile.d.ts

@@ -6,6 +6,7 @@ declare const propTypes: {
     error: PropTypes.Requireable<boolean>;
     title: PropTypes.Validator<string>;
     warning: PropTypes.Requireable<boolean>;
+    disabled: PropTypes.Requireable<boolean>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     className: PropTypes.Requireable<string>;
     "data-testid": PropTypes.Requireable<string>;

package/package.json

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