@spscommerce/ds-react 8.30.1 → 8.31.1

package/lib/dateRangePicker/SpsDateRangePicker.d.ts

@@ -15,6 +15,6 @@ export type SpsDateRangePickerProps = React.PropsWithChildren<SpsGlobalPropTypes
     value?: SimpleDateRange | DatePreset;
     showTwoMonths?: boolean;
     format?: string;
-}> & React.HTMLAttributes<HTMLInputElement>;
+}> & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const DEFAULT_PRESETS: DatePreset[];
 export declare function SpsDateRangePicker({ children, className, disabled, formMeta, id, maxDate, minDate, onChange, presets, selectedPreset: presetProp, onPresetChange, value, showTwoMonths, format, "data-testid": testId, ...rest }: SpsDateRangePickerProps): React.JSX.Element;

package/lib/datepicker/SpsDatepicker.d.ts

@@ -13,5 +13,5 @@ export type SpsDatepickerProps = React.PropsWithChildren<SpsGlobalPropTypes & {
     format?: string;
     showTwoMonths?: boolean;
     autoCloseOnSelect?: boolean;
-}> & React.HTMLAttributes<HTMLInputElement>;
+}> & React.InputHTMLAttributes<HTMLInputElement>;
 export declare function SpsDatepicker({ children, className, disabled, formMeta, id, maxDate, minDate, onChange, value, format, showTwoMonths, autoCloseOnSelect, "data-testid": testId, ...rest }: SpsDatepickerProps): React.JSX.Element;

package/lib/index.js

@@ -32964,7 +32964,7 @@ Object.assign(FI, {
   displayName: "SpsSearchResultsBar"
 });
 const VI = {
-  results: "number || null",
+  results: "number || string || null",
   selections: "{ [key: string]: string[] }",
   zeroStateText: "string",
   onClear: "() => void"

package/lib/index.umd.cjs

@@ -9815,7 +9815,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </>
                         )
                     }
-                `}}}};function yf(e){const{tabs:t,activeTab:n,onTabChange:r,className:a,unsafelyReplaceClassName:s,"data-testid":l,...c}=e,[p,m]=o.useState();o.useEffect(()=>{if(t.length)if(n){const h=t.find(g=>g.label===n.label);m(h)}else m(t[0])},[]);const f=(h,g)=>{h.preventDefault(),m(g),typeof r=="function"&&r(g)},u=U(s||"sps-tabs",a);return o.createElement("div",{className:u},o.createElement("nav",{className:"sps-nav sps-nav--tabs","data-testid":l,...c},t.map(h=>o.createElement("a",{key:h.label,id:h.id,className:U("sps-nav__item","sps-nav__link",h===p&&"active"),role:"tab","data-toggle":"tab",href:h.controlsId?`#${h.controlsId}`:void 0,"aria-controls":h.controlsId,"aria-selected":h===n,onClick:g=>{f(g,h)},"data-testid":`${l}__tab-link`},h.icon&&o.createElement("i",{className:`sps-icon sps-icon-${h.icon}`}),o.createElement("span",null,h.label),h.tag&&o.createElement("span",{className:"sps-tag sps-tag--key"},h.tag)))))}Object.assign(yf,{displayName:"SpsTabs"});const FD={resultsCount:"number",totalResults:"number",onClear:"() => void"};function Tf(e){const{children:t,className:n,resultsCount:r,totalResults:a,onClear:s,"data-testid":l,unsafelyReplaceClassName:c,...p}=e,{t:m}=o.useContext(Ke),f=U(c||"sps-search-results-bar",n),[u,h,g]=m("design-system:searchResultsBar.count",{count:r,total:a,defaultValue:`${r} of ${a}`}).split(" ");return o.createElement("div",{className:f,"data-testid":`${l}`,...p},o.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${l}__label`},m("design-system:searchResultsBar.matchingResults",{defaultValue:"Matching results"})),u&&!Number.isNaN(Number(u))&&o.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${l}__count`},o.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),o.createElement("span",null,u)),g&&!Number.isNaN(Number(g))&&o.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${l}__total`},h," ",g),o.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${l}__button`},o.createElement("button",{type:"button",onClick:s},m("design-system:searchResultsBar.clear",{defaultValue:"Clear"}))))}Object.assign(Tf,{props:FD,displayName:"SpsSearchResultsBar"});const VD={results:"number || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function Sl(e){const{className:t,results:n,selections:r,zeroStateText:a,onClear:s,"data-testid":l,unsafelyReplaceClassName:c,...p}=e,{t:m}=o.useContext(Ke),f=U(c||"sps-search-results-bar-v2",t),u=r?Object.keys(r).reduce((h,g)=>(r[g].length>0&&(h[g]=r[g]),h),{}):{};return o.createElement("div",{className:f,"data-testid":`${l}`,...p},n!=null&&o.createElement("div",{className:"sps-search-results-bar-v2__results"},o.createElement("span",{"data-testid":`${l}__label`},m("design-system:searchResultsBar.results",{defaultValue:"Results:"})),o.createElement(Kt,{kind:Y.TagKind.INFO},o.createElement("span",null,n))),o.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(u).length>0?Object.keys(u).map((h,g)=>o.createElement(o.Fragment,null,o.createElement("span",{key:g,className:"sps-search-results-bar-v2__selection"},h,":"),u[h].map((y,E)=>o.createElement(Kt,{key:E,kind:Y.TagKind.KEY},o.createElement("span",null,y))))):o.createElement("span",{className:"font-italic"},a||m("design-system:searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),o.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${l}__button`},o.createElement(ze,{kind:Y.ButtonKind.LINK,onClick:s},m("design-system:searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(Sl,{props:VD,displayName:"SpsSearchResultsBarV2"});const $D={basic:{label:"Basic",description:({NavigateTo:e})=>o.createElement(o.Fragment,null,o.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),o.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",o.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:v.code`
+                `}}}};function yf(e){const{tabs:t,activeTab:n,onTabChange:r,className:a,unsafelyReplaceClassName:s,"data-testid":l,...c}=e,[p,m]=o.useState();o.useEffect(()=>{if(t.length)if(n){const h=t.find(g=>g.label===n.label);m(h)}else m(t[0])},[]);const f=(h,g)=>{h.preventDefault(),m(g),typeof r=="function"&&r(g)},u=U(s||"sps-tabs",a);return o.createElement("div",{className:u},o.createElement("nav",{className:"sps-nav sps-nav--tabs","data-testid":l,...c},t.map(h=>o.createElement("a",{key:h.label,id:h.id,className:U("sps-nav__item","sps-nav__link",h===p&&"active"),role:"tab","data-toggle":"tab",href:h.controlsId?`#${h.controlsId}`:void 0,"aria-controls":h.controlsId,"aria-selected":h===n,onClick:g=>{f(g,h)},"data-testid":`${l}__tab-link`},h.icon&&o.createElement("i",{className:`sps-icon sps-icon-${h.icon}`}),o.createElement("span",null,h.label),h.tag&&o.createElement("span",{className:"sps-tag sps-tag--key"},h.tag)))))}Object.assign(yf,{displayName:"SpsTabs"});const FD={resultsCount:"number",totalResults:"number",onClear:"() => void"};function Tf(e){const{children:t,className:n,resultsCount:r,totalResults:a,onClear:s,"data-testid":l,unsafelyReplaceClassName:c,...p}=e,{t:m}=o.useContext(Ke),f=U(c||"sps-search-results-bar",n),[u,h,g]=m("design-system:searchResultsBar.count",{count:r,total:a,defaultValue:`${r} of ${a}`}).split(" ");return o.createElement("div",{className:f,"data-testid":`${l}`,...p},o.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${l}__label`},m("design-system:searchResultsBar.matchingResults",{defaultValue:"Matching results"})),u&&!Number.isNaN(Number(u))&&o.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${l}__count`},o.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),o.createElement("span",null,u)),g&&!Number.isNaN(Number(g))&&o.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${l}__total`},h," ",g),o.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${l}__button`},o.createElement("button",{type:"button",onClick:s},m("design-system:searchResultsBar.clear",{defaultValue:"Clear"}))))}Object.assign(Tf,{props:FD,displayName:"SpsSearchResultsBar"});const VD={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function Sl(e){const{className:t,results:n,selections:r,zeroStateText:a,onClear:s,"data-testid":l,unsafelyReplaceClassName:c,...p}=e,{t:m}=o.useContext(Ke),f=U(c||"sps-search-results-bar-v2",t),u=r?Object.keys(r).reduce((h,g)=>(r[g].length>0&&(h[g]=r[g]),h),{}):{};return o.createElement("div",{className:f,"data-testid":`${l}`,...p},n!=null&&o.createElement("div",{className:"sps-search-results-bar-v2__results"},o.createElement("span",{"data-testid":`${l}__label`},m("design-system:searchResultsBar.results",{defaultValue:"Results:"})),o.createElement(Kt,{kind:Y.TagKind.INFO},o.createElement("span",null,n))),o.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(u).length>0?Object.keys(u).map((h,g)=>o.createElement(o.Fragment,null,o.createElement("span",{key:g,className:"sps-search-results-bar-v2__selection"},h,":"),u[h].map((y,E)=>o.createElement(Kt,{key:E,kind:Y.TagKind.KEY},o.createElement("span",null,y))))):o.createElement("span",{className:"font-italic"},a||m("design-system:searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),o.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${l}__button`},o.createElement(ze,{kind:Y.ButtonKind.LINK,onClick:s},m("design-system:searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(Sl,{props:VD,displayName:"SpsSearchResultsBarV2"});const $D={basic:{label:"Basic",description:({NavigateTo:e})=>o.createElement(o.Fragment,null,o.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),o.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",o.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:v.code`
                     import { 
                       useSpsForm,
                       SpsListToolbar,

package/lib/search-results-bar/SpsSearchResultsBarV2.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { SpsGlobalPropTypes } from "../prop-types";
 export type SpsSearchResultsBarV2Props = React.PropsWithChildren<SpsGlobalPropTypes & {
-    results?: number | null;
+    results?: number | string | null;
     selections?: Record<string, string[]>;
     zeroStateText?: string;
     onClear?: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "8.30.1",
+  "version": "8.31.1",
   "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.30.1",
-    "@sps-woodland/tabs": "8.30.1",
-    "@spscommerce/ds-colors": "8.30.1",
-    "@spscommerce/ds-shared": "8.30.1",
-    "@spscommerce/positioning": "8.30.1"
+    "@sps-woodland/illustrations": "8.31.1",
+    "@spscommerce/ds-colors": "8.31.1",
+    "@sps-woodland/tabs": "8.31.1",
+    "@spscommerce/ds-shared": "8.31.1",
+    "@spscommerce/positioning": "8.31.1"
   },
   "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.30.1",
-    "@sps-woodland/tabs": "8.30.1",
-    "@spscommerce/ds-colors": "8.30.1",
-    "@spscommerce/ds-shared": "8.30.1",
-    "@spscommerce/positioning": "8.30.1",
-    "test": "8.30.1"
+    "@sps-woodland/illustrations": "8.31.1",
+    "@sps-woodland/tabs": "8.31.1",
+    "@spscommerce/ds-shared": "8.31.1",
+    "@spscommerce/ds-colors": "8.31.1",
+    "@spscommerce/positioning": "8.31.1",
+    "test": "8.31.1"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",