@spscommerce/ds-react 6.30.0 → 6.30.1

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.cjs.js +33 -33
  2. package/lib/index.es.js +15 -10
  3. package/package.json +10 -10
package/lib/index.es.js CHANGED
@@ -15445,6 +15445,7 @@ function SpsContentRow(props2) {
15445
15445
  cardSpacing = false,
15446
15446
  selectable = false,
15447
15447
  selected,
15448
+ "data-testid": testId,
15448
15449
  unsafelyReplaceClassName
15449
15450
  } = _a, rest = __objRest(_a, [
15450
15451
  "alternateLayout",
@@ -15460,6 +15461,7 @@ function SpsContentRow(props2) {
15460
15461
  "cardSpacing",
15461
15462
  "selectable",
15462
15463
  "selected",
15464
+ "data-testid",
15463
15465
  "unsafelyReplaceClassName"
15464
15466
  ]);
15465
15467
  const { t: t2 } = React.useContext(I18nContext);
@@ -15497,9 +15499,11 @@ function SpsContentRow(props2) {
15497
15499
  { type: SpsContentRowExpansion }
15498
15500
  ]);
15499
15501
  return /* @__PURE__ */ React.createElement("div", __spreadValues({
15500
- className: classes
15502
+ className: classes,
15503
+ "data-testid": testId
15501
15504
  }, rest), /* @__PURE__ */ React.createElement("div", {
15502
- className: "sps-content-row__col-group"
15505
+ className: "sps-content-row__col-group",
15506
+ "data-testid": `${testId}__children`
15503
15507
  }, selectable && !alternateLayout && /* @__PURE__ */ React.createElement(SpsContentRowCol, {
15504
15508
  widthPx: 46
15505
15509
  }, ContentRowCheckBox()), expansion && !alternateLayout && /* @__PURE__ */ React.createElement(SpsContentRowCol, {
@@ -15551,7 +15555,7 @@ const SpsContentRowExamples = {
15551
15555
  <SpsContentRow
15552
15556
  selectable
15553
15557
  selected={formValue.selected}
15554
- onSelect={selectRow}
15558
+ onSelectionChange={selectRow}
15555
15559
  >
15556
15560
  <SpsContentRowCol>
15557
15561
  <SpsI icon={SpsIcon.STATUS_IN_PROCESS} size={SpsIconSize.LARGE} className="mr-2" />
@@ -15581,7 +15585,7 @@ const SpsContentRowExamples = {
15581
15585
  <SpsContentRow
15582
15586
  selectable
15583
15587
  selected={formValue.selected}
15584
- onSelect={selectRow}
15588
+ onSelectionChange={selectRow}
15585
15589
  >
15586
15590
  <SpsContentRowCol style={{ width: "2.9rem" }}>
15587
15591
  <SpsI
@@ -15654,7 +15658,7 @@ const SpsContentRowExamples = {
15654
15658
  <SpsContentRow
15655
15659
  selectable
15656
15660
  selected={formValue.selected}
15657
- onSelect={selectRow}
15661
+ onSelectionChange={selectRow}
15658
15662
  >
15659
15663
  <SpsContentRowCol>
15660
15664
  <SpsI icon={SpsIcon.STATUS_IN_PROCESS} size={SpsIconSize.LARGE} className="mr-2" />
@@ -15697,7 +15701,7 @@ const SpsContentRowExamples = {
15697
15701
  <SpsContentRow
15698
15702
  selectable
15699
15703
  selected={formValue.selected}
15700
- onSelect={selectRow}
15704
+ onSelectionChange={selectRow}
15701
15705
  alternateLayout
15702
15706
  >
15703
15707
  <SpsContentRowCol>
@@ -15761,7 +15765,7 @@ const SpsContentRowExamples = {
15761
15765
  <SpsContentRow
15762
15766
  selectable
15763
15767
  selected={formValue.selected}
15764
- onSelect={selectRow}
15768
+ onSelectionChange={selectRow}
15765
15769
  >
15766
15770
  <SpsContentRowCol style={{ width: "2.9rem" }}>
15767
15771
  <SpsI
@@ -15810,7 +15814,7 @@ const SpsContentRowExamples = {
15810
15814
  <SpsContentRow
15811
15815
  selectable
15812
15816
  selected={formValue.selected}
15813
- onSelect={selectRow}
15817
+ onSelectionChange={selectRow}
15814
15818
  alternateLayout
15815
15819
  >
15816
15820
  <SpsContentRowCol style={{ width: "2.9rem" }}>
@@ -15912,7 +15916,7 @@ const SpsContentRowExamples = {
15912
15916
  key={item.id}
15913
15917
  selectable
15914
15918
  selected={formValue.selected === item.id}
15915
- onSelect={() => selectRow(item.id)}
15919
+ onSelectionChange={() => selectRow(item.id)}
15916
15920
  >
15917
15921
  <SpsContentRowCol>
15918
15922
  {item.status === 'processing' && <SpsI icon={SpsIcon.STATUS_IN_PROCESS} size={SpsIconSize.LARGE} className="mr-2" />}
@@ -36144,7 +36148,8 @@ function SpsTileList(props2) {
36144
36148
  ]);
36145
36149
  const classes = clsx(unsafelyReplaceClassName || "sps-tile-list", className || "sfg-row");
36146
36150
  return /* @__PURE__ */ React.createElement("div", __spreadValues({
36147
- className: classes
36151
+ className: classes,
36152
+ "data-testid": testId
36148
36153
  }, rest), children);
36149
36154
  }
36150
36155
  Object.assign(SpsTileList, {
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": "6.30.0",
4
+ "version": "6.30.1",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
28
28
  },
29
29
  "peerDependencies": {
30
30
  "@react-stately/collections": "^3.3.3",
31
- "@spscommerce/ds-colors": "6.30.0",
32
- "@spscommerce/ds-illustrations": "6.30.0",
33
- "@spscommerce/ds-shared": "6.30.0",
34
- "@spscommerce/positioning": "6.30.0",
31
+ "@spscommerce/ds-colors": "6.30.1",
32
+ "@spscommerce/ds-illustrations": "6.30.1",
33
+ "@spscommerce/ds-shared": "6.30.1",
34
+ "@spscommerce/positioning": "6.30.1",
35
35
  "@spscommerce/utils": "^6.11.3",
36
36
  "moment": "^2.25.3",
37
37
  "moment-timezone": "^0.5.28",
@@ -40,12 +40,12 @@
40
40
  },
41
41
  "devDependencies": {
42
42
  "@react-stately/collections": "^3.3.3",
43
- "@spscommerce/ds-colors": "6.30.0",
44
- "@spscommerce/ds-illustrations": "6.30.0",
45
- "@spscommerce/ds-shared": "6.30.0",
46
- "@spscommerce/positioning": "6.30.0",
43
+ "@spscommerce/ds-colors": "6.30.1",
44
+ "@spscommerce/ds-illustrations": "6.30.1",
45
+ "@spscommerce/ds-shared": "6.30.1",
46
+ "@spscommerce/positioning": "6.30.1",
47
47
  "@spscommerce/utils": "^6.11.3",
48
- "@testing-library/react": "^9.3.2",
48
+ "@testing-library/react": "^10.4.0",
49
49
  "@types/prop-types": "^15.7.1",
50
50
  "@types/react": "^16.9.0",
51
51
  "@types/react-beautiful-dnd": "^13.1.2",