@spscommerce/ds-react 8.23.2 → 8.23.3

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.
Files changed (3) hide show
  1. package/lib/index.js +1 -0
  2. package/lib/index.umd.cjs +1 -1
  3. package/package.json +12 -12
package/lib/index.js CHANGED
@@ -2204,6 +2204,7 @@ function Rr({
2204
2204
  checked: T,
2205
2205
  disabled: n,
2206
2206
  "data-testid": `${f}__checkbox-input`,
2207
+ "data-checked": T ? "checked" : void 0,
2207
2208
  onChange: A,
2208
2209
  ...h
2209
2210
  }
package/lib/index.umd.cjs CHANGED
@@ -108,7 +108,7 @@
108
108
  <SpsAutocomplete suggestions={colorSearch} value={color} onChange={handleChange} placeholder="Enter a color"/>
109
109
  );
110
110
  }
111
- `}}}},vS={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function An({checked:e,className:t,disabled:n,formControl:r,formMeta:s,id:a,indeterminate:l=!1,inline:c,label:p,onChange:m,"data-testid":f,unsafelyReplaceClassName:u,...h}){const S=s||r,y=o.useRef(null),[T,E]=o.useState(e),[w,N]=o.useState(l),{wrapperId:M,controlId:I}=vt(a,S);o.useEffect(()=>E(e),[e]),o.useEffect(()=>N(l),[l]),o.useEffect(()=>{y.current&&(y.current.indeterminate=w)},[w]);const k=Y(u||"sps-checkbox","sps-checkable",c&&"sps-checkable--inline",!p&&"sps-checkable--no-label",t);function V(B){var C;E(B.target.checked),N(!1),S&&(S.setValue(B.target.checked),S.markAsDirty()),m&&m(B),(C=y.current)==null||C.focus()}return o.createElement(at,{id:M,className:k,formControl:r,formMeta:s,inputRef:y,"data-testid":f},o.createElement("input",{type:"checkbox",ref:y,className:"sps-checkable__input",id:I,checked:T,disabled:n,"data-testid":`${f}__checkbox-input`,onChange:V,...h}),o.createElement("label",{className:"sps-checkable__label",htmlFor:I},p||""))}Object.assign(An,{props:vS,displayName:"SpsCheckbox"});const mc={labels:{label:"Labels",description:v.code`
111
+ `}}}},vS={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function An({checked:e,className:t,disabled:n,formControl:r,formMeta:s,id:a,indeterminate:l=!1,inline:c,label:p,onChange:m,"data-testid":f,unsafelyReplaceClassName:u,...h}){const S=s||r,y=o.useRef(null),[T,E]=o.useState(e),[w,N]=o.useState(l),{wrapperId:M,controlId:I}=vt(a,S);o.useEffect(()=>E(e),[e]),o.useEffect(()=>N(l),[l]),o.useEffect(()=>{y.current&&(y.current.indeterminate=w)},[w]);const k=Y(u||"sps-checkbox","sps-checkable",c&&"sps-checkable--inline",!p&&"sps-checkable--no-label",t);function V(B){var C;E(B.target.checked),N(!1),S&&(S.setValue(B.target.checked),S.markAsDirty()),m&&m(B),(C=y.current)==null||C.focus()}return o.createElement(at,{id:M,className:k,formControl:r,formMeta:s,inputRef:y,"data-testid":f},o.createElement("input",{type:"checkbox",ref:y,className:"sps-checkable__input",id:I,checked:T,disabled:n,"data-testid":`${f}__checkbox-input`,"data-checked":T?"checked":void 0,onChange:V,...h}),o.createElement("label",{className:"sps-checkable__label",htmlFor:I},p||""))}Object.assign(An,{props:vS,displayName:"SpsCheckbox"});const mc={labels:{label:"Labels",description:v.code`
112
112
  <p>An individual checkbox should be labeled with its own <code>label</code> prop,
113
113
  not the <code>&lt;SpsLabel&gt;</code> component.</p>
114
114
  `,examples:{label:{react:v.code`
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.23.2",
4
+ "version": "8.23.3",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -46,11 +46,11 @@
46
46
  "moment-timezone": "^0.5.28",
47
47
  "react": "^16.9.0",
48
48
  "react-dom": "^16.9.0",
49
- "@sps-woodland/illustrations": "8.23.2",
50
- "@sps-woodland/tabs": "8.23.2",
51
- "@spscommerce/ds-colors": "8.23.2",
52
- "@spscommerce/ds-shared": "8.23.2",
53
- "@spscommerce/positioning": "8.23.2"
49
+ "@sps-woodland/illustrations": "8.23.3",
50
+ "@sps-woodland/tabs": "8.23.3",
51
+ "@spscommerce/ds-colors": "8.23.3",
52
+ "@spscommerce/ds-shared": "8.23.3",
53
+ "@spscommerce/positioning": "8.23.3"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@react-spectrum/provider": "^3.4.1",
@@ -72,12 +72,12 @@
72
72
  "raf-stub": "^2.0.2",
73
73
  "react": "^16.9.0",
74
74
  "react-dom": "^16.9.0",
75
- "@sps-woodland/illustrations": "8.23.2",
76
- "@sps-woodland/tabs": "8.23.2",
77
- "@spscommerce/ds-colors": "8.23.2",
78
- "@spscommerce/ds-shared": "8.23.2",
79
- "@spscommerce/positioning": "8.23.2",
80
- "test": "8.23.2"
75
+ "@sps-woodland/illustrations": "8.23.3",
76
+ "@sps-woodland/tabs": "8.23.3",
77
+ "@spscommerce/ds-colors": "8.23.3",
78
+ "@spscommerce/ds-shared": "8.23.3",
79
+ "@spscommerce/positioning": "8.23.3",
80
+ "test": "8.23.3"
81
81
  },
82
82
  "scripts": {
83
83
  "build": "pnpm run build:js && pnpm run build:types",