@spscommerce/ds-react 8.29.4 → 8.29.5

package/lib/index.umd.cjs

@@ -6749,7 +6749,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
                       </div>
                     );
                 }
-              `}}}},ww={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function ki(e){const{children:t,className:n,"data-testid":r,disabled:a,href:s,label:l,options:c,icon:p,kind:m=G.StdButtonKind.DEFAULT,spinning:f,spinningTitle:u,unsafelyReplaceClassName:h,...g}=e,y=o.useRef(null),[E,C]=o.useState({width:0}),[T,D]=o.useState(!1),[M,I]=o.useState(!1);o.useLayoutEffect(()=>{y.current&&C({width:y.current.offsetWidth})},[]),o.useEffect(()=>{I(!!f)},[f]);const k=()=>{D(!0)},V=()=>{D(!1)},B=Y(h||"sps-split-button",`sps-split-button--${m}`,T&&"sps-split-button--open",n);return o.createElement(o.Fragment,null,M?o.createElement(ze,{className:n,"data-testid":r,style:{width:E.width},kind:m,icon:p,href:s,spinning:!0,spinningTitle:u},l):o.createElement("div",{ref:y,className:B,"data-testid":r,...g},o.createElement(ze,{kind:m,icon:p,href:s,disabled:a},l),o.createElement(jn,{kind:m,options:c,disabled:a,onOpen:k,onClose:V})))}Object.assign(ki,{props:ww,displayName:"SpsSplitButton"});const qu={kinds:{label:"Regular Split Buttons",description:v.code`<p>info about split buttons</p>`,examples:{basic:{description:v.code`<p>Basic</p>`,imports:v.code`
+              `}}}},ww={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function ki(e){const{children:t,className:n,"data-testid":r,disabled:a,href:s,label:l,options:c,icon:p,kind:m=G.StdButtonKind.DEFAULT,spinning:f,spinningTitle:u,unsafelyReplaceClassName:h,onClick:g,...y}=e,E=o.useRef(null),[C,T]=o.useState({width:0}),[D,M]=o.useState(!1),[I,k]=o.useState(!1);o.useLayoutEffect(()=>{E.current&&T({width:E.current.offsetWidth})},[]),o.useEffect(()=>{k(!!f)},[f]);const V=()=>{M(!0)},B=()=>{M(!1)},w=Y(h||"sps-split-button",`sps-split-button--${m}`,D&&"sps-split-button--open",n);return o.createElement(o.Fragment,null,I?o.createElement(ze,{className:n,"data-testid":r,style:{width:C.width},kind:m,icon:p,href:s,spinning:!0,spinningTitle:u},l):o.createElement("div",{ref:E,className:w,"data-testid":r,...y},o.createElement(ze,{kind:m,icon:p,href:s,disabled:a,onClick:g},l),o.createElement(jn,{kind:m,options:c,disabled:a,onOpen:V,onClose:B})))}Object.assign(ki,{props:ww,displayName:"SpsSplitButton"});const qu={kinds:{label:"Regular Split Buttons",description:v.code`<p>info about split buttons</p>`,examples:{basic:{description:v.code`<p>Basic</p>`,imports:v.code`
                     import { SpsSplitButton } from "@spscommerce/ds-react";
         `,jsx:v.code`
                     <React.Fragment>

package/lib/split-button/SpsSplitButton.d.ts

@@ -12,5 +12,6 @@ export type SpsSplitButtonProps = React.PropsWithChildren<SpsGlobalPropTypes & {
     options?: Parameters<typeof SpsDropdown>[0]["options"];
     spinning?: boolean;
     spinningTitle?: string;
+    onClick?: () => void;
 }> & React.HTMLAttributes<HTMLDivElement>;
 export declare function SpsSplitButton(props: SpsSplitButtonProps): React.JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "8.29.4",
+  "version": "8.29.5",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -46,11 +46,11 @@
     "moment-timezone": "^0.5.48",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/illustrations": "8.29.4",
-    "@sps-woodland/tabs": "8.29.4",
-    "@spscommerce/ds-colors": "8.29.4",
-    "@spscommerce/ds-shared": "8.29.4",
-    "@spscommerce/positioning": "8.29.4"
+    "@sps-woodland/illustrations": "8.29.5",
+    "@sps-woodland/tabs": "8.29.5",
+    "@spscommerce/ds-colors": "8.29.5",
+    "@spscommerce/ds-shared": "8.29.5",
+    "@spscommerce/positioning": "8.29.5"
   },
   "devDependencies": {
     "@react-spectrum/provider": "^3.4.1",
@@ -72,12 +72,12 @@
     "raf-stub": "^2.0.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/illustrations": "8.29.4",
-    "@sps-woodland/tabs": "8.29.4",
-    "@spscommerce/ds-colors": "8.29.4",
-    "@spscommerce/ds-shared": "8.29.4",
-    "@spscommerce/positioning": "8.29.4",
-    "test": "8.29.4"
+    "@sps-woodland/illustrations": "8.29.5",
+    "@sps-woodland/tabs": "8.29.5",
+    "@spscommerce/ds-colors": "8.29.5",
+    "@spscommerce/ds-shared": "8.29.5",
+    "@spscommerce/positioning": "8.29.5",
+    "test": "8.29.5"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",