@spscommerce/ds-react 8.34.5 → 8.34.6

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/index.js CHANGED
@@ -27974,6 +27974,7 @@ function Rm({
27974
27974
  {
27975
27975
  type: "button",
27976
27976
  className: "sps-filter-panel__section__expand-btn",
27977
+ onMouseDown: (w) => w.preventDefault(),
27977
27978
  onClick: () => {
27978
27979
  m(!p), !p && l ? l() : p && c && c();
27979
27980
  }
package/lib/index.umd.cjs CHANGED
@@ -8369,7 +8369,7 @@ var r=n.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_
8369
8369
  kind={FeedbackBlockKind.WARNING}
8370
8370
  message="This order is missing a shipment date."
8371
8371
  />
8372
- `}}}};function tC(){return o.createElement(Yi,{kind:Y.FeedbackBlockKind.WARNING},"The Workflow component is being deprecated. As of November 6, 2024, please use the"," ",o.createElement("a",{href:"#/components/wizard"},"Wizard")," ","component instead.")}const nC={};function Ui({children:e,className:t,...n}){return o.createElement("div",{className:U("sps-filter-panel",t),...n},e)}Object.assign(Ui,{props:nC,displayName:"SpsFilterPanel"});const rC={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function zi({children:e,className:t,title:n,expanded:r,heightPx:a,heightRem:s,onExpand:l,onCollapse:c,...p}){const[f,m]=o.useState(r),u=typeof r<"u"?r:f,h=a?a/16:s,S=h?{overflowY:"scroll",height:`${h}rem`}:{},y=()=>o.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onClick:()=>{m(!u),!u&&l?l():u&&c&&c()}},o.createElement(Wt,{icon:u?Y.SpsIcon.MINUS_CIRCLE:Y.SpsIcon.PLUS_CIRCLE}));return o.useEffect(()=>{m(r)},[r]),o.createElement("div",{className:U("sps-filter-panel__section",t),...p},o.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},o.createElement(y,null),n&&(typeof n=="string"?o.createElement("p",null,n):n)),u&&o.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:S},o.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(zi,{props:rC,displayName:"SpsFilterPanelSection"});const oC={onClear:"() => void"};function ji({children:e,className:t,onClear:n,...r}){const{t:a}=$e.useWoodlandLanguage();return o.createElement("div",{className:U("sps-filter-panel__cap",t),...r},o.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},o.createElement(Wt,{icon:Y.SpsIcon.FILTER,size:Y.SpsIconSize.SMALL}),o.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),o.createElement(je,{kind:Y.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(ji,{props:oC,displayName:"SpsFilterPanelCap"});const xm={generalUsage:{label:"General Usage",examples:{general:{react:v.code`
8372
+ `}}}};function tC(){return o.createElement(Yi,{kind:Y.FeedbackBlockKind.WARNING},"The Workflow component is being deprecated. As of November 6, 2024, please use the"," ",o.createElement("a",{href:"#/components/wizard"},"Wizard")," ","component instead.")}const nC={};function Ui({children:e,className:t,...n}){return o.createElement("div",{className:U("sps-filter-panel",t),...n},e)}Object.assign(Ui,{props:nC,displayName:"SpsFilterPanel"});const rC={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function zi({children:e,className:t,title:n,expanded:r,heightPx:a,heightRem:s,onExpand:l,onCollapse:c,...p}){const[f,m]=o.useState(r),u=typeof r<"u"?r:f,h=a?a/16:s,S=h?{overflowY:"scroll",height:`${h}rem`}:{},y=()=>o.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:w=>w.preventDefault(),onClick:()=>{m(!u),!u&&l?l():u&&c&&c()}},o.createElement(Wt,{icon:u?Y.SpsIcon.MINUS_CIRCLE:Y.SpsIcon.PLUS_CIRCLE}));return o.useEffect(()=>{m(r)},[r]),o.createElement("div",{className:U("sps-filter-panel__section",t),...p},o.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},o.createElement(y,null),n&&(typeof n=="string"?o.createElement("p",null,n):n)),u&&o.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:S},o.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(zi,{props:rC,displayName:"SpsFilterPanelSection"});const oC={onClear:"() => void"};function ji({children:e,className:t,onClear:n,...r}){const{t:a}=$e.useWoodlandLanguage();return o.createElement("div",{className:U("sps-filter-panel__cap",t),...r},o.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},o.createElement(Wt,{icon:Y.SpsIcon.FILTER,size:Y.SpsIconSize.SMALL}),o.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),o.createElement(je,{kind:Y.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(ji,{props:oC,displayName:"SpsFilterPanelCap"});const xm={generalUsage:{label:"General Usage",examples:{general:{react:v.code`
8373
8373
  import {
8374
8374
  useSpsForm,
8375
8375
  SpsForm,
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": "8.34.5",
4
+ "version": "8.34.6",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -46,12 +46,12 @@
46
46
  "moment-timezone": "^0.5.48",
47
47
  "react": "^16.9.0",
48
48
  "react-dom": "^16.9.0",
49
- "@sps-woodland/illustrations": "8.34.5",
50
- "@sps-woodland/tabs": "8.34.5",
51
- "@spscommerce/ds-colors": "8.34.5",
52
- "@spscommerce/ds-shared": "8.34.5",
53
- "@spscommerce/positioning": "8.34.5",
54
- "@spscommerce/i18n": "8.34.5"
49
+ "@sps-woodland/illustrations": "8.34.6",
50
+ "@sps-woodland/tabs": "8.34.6",
51
+ "@spscommerce/ds-shared": "8.34.6",
52
+ "@spscommerce/ds-colors": "8.34.6",
53
+ "@spscommerce/positioning": "8.34.6",
54
+ "@spscommerce/i18n": "8.34.6"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@react-spectrum/provider": "^3.4.1",
@@ -73,13 +73,13 @@
73
73
  "raf-stub": "^2.0.2",
74
74
  "react": "^16.9.0",
75
75
  "react-dom": "^16.9.0",
76
- "@sps-woodland/illustrations": "8.34.5",
77
- "@sps-woodland/tabs": "8.34.5",
78
- "@spscommerce/ds-colors": "8.34.5",
79
- "@spscommerce/ds-shared": "8.34.5",
80
- "@spscommerce/positioning": "8.34.5",
81
- "@spscommerce/i18n": "8.34.5",
82
- "test": "8.34.5"
76
+ "@sps-woodland/illustrations": "8.34.6",
77
+ "@spscommerce/ds-shared": "8.34.6",
78
+ "@sps-woodland/tabs": "8.34.6",
79
+ "@spscommerce/positioning": "8.34.6",
80
+ "@spscommerce/ds-colors": "8.34.6",
81
+ "@spscommerce/i18n": "8.34.6",
82
+ "test": "8.34.6"
83
83
  },
84
84
  "scripts": {
85
85
  "build": "pnpm run build:js && pnpm run build:types",