@spscommerce/ds-react 8.56.17 → 8.56.19

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
@@ -9079,12 +9079,12 @@ var vp = {}, yp = {
9079
9079
  mandatory: "boolean"
9080
9080
  };
9081
9081
  function xp(t) {
9082
- let { index: n, key: r, columnId: i, name: a, value: o, onDelete: s, mandatory: c, ref: l, ...u } = t, { t: d } = G();
9082
+ let { index: n, columnId: r, name: i, value: a, onDelete: o, mandatory: s, ref: c, ...l } = t, { t: u } = G();
9083
9083
  return /* @__PURE__ */ e.createElement(Wf, {
9084
- key: i,
9085
- draggableId: i || "",
9084
+ key: r,
9085
+ draggableId: r || "",
9086
9086
  index: n || 0,
9087
- ...u
9087
+ ...l
9088
9088
  }, (t) => /* @__PURE__ */ e.createElement("div", {
9089
9089
  ref: t.innerRef,
9090
9090
  ...t.draggableProps,
@@ -9092,16 +9092,16 @@ function xp(t) {
9092
9092
  className: "sps-content-row"
9093
9093
  }, /* @__PURE__ */ e.createElement("div", {
9094
9094
  className: "sps-content-row__col-group",
9095
- "data-col-value": o
9096
- }, /* @__PURE__ */ e.createElement("div", { className: "sps-content-row__col sps-column-chooser__grab-col" }, /* @__PURE__ */ e.createElement("i", { className: "sps-column-chooser__drag-handle" })), /* @__PURE__ */ e.createElement("div", { className: "sps-content-row__col--borderless" }, /* @__PURE__ */ e.createElement("div", { className: "sps-body-12" }, a)), /* @__PURE__ */ e.createElement("div", { className: "sps-content-row__col sps-column-chooser__delete-col" }, !c && /* @__PURE__ */ e.createElement(ep, {
9097
- "aria-label": d("columnChooser.removeButton", {
9098
- elementName: a,
9099
- defaultValue: `Remove ${a}`
9095
+ "data-col-value": a
9096
+ }, /* @__PURE__ */ e.createElement("div", { className: "sps-content-row__col sps-column-chooser__grab-col" }, /* @__PURE__ */ e.createElement("i", { className: "sps-column-chooser__drag-handle" })), /* @__PURE__ */ e.createElement("div", { className: "sps-content-row__col--borderless" }, /* @__PURE__ */ e.createElement("div", { className: "sps-body-12" }, i)), /* @__PURE__ */ e.createElement("div", { className: "sps-content-row__col sps-column-chooser__delete-col" }, !s && /* @__PURE__ */ e.createElement(ep, {
9097
+ "aria-label": u("columnChooser.removeButton", {
9098
+ elementName: i,
9099
+ defaultValue: `Remove ${i}`
9100
9100
  }),
9101
9101
  kind: E.ICON,
9102
9102
  icon: H.X,
9103
9103
  onClick: () => {
9104
- s && s(o || "");
9104
+ o && o(a || "");
9105
9105
  }
9106
9106
  })))));
9107
9107
  }
@@ -29110,7 +29110,7 @@ function PS(t) {
29110
29110
  ...f
29111
29111
  }, /* @__PURE__ */ e.createElement("div", { className: "sps-insight-tile__body" }, a ? /* @__PURE__ */ e.createElement("i", { className: `sps-icon sps-icon-${a}` }) : /* @__PURE__ */ e.createElement("i", { className: `sps-icon sps-icon-${W[o]}` }), c && /* @__PURE__ */ e.createElement("div", { className: "sps-insight-tile__metric-count" }, c), s && /* @__PURE__ */ e.createElement("div", { className: "sps-insight-tile__description" }, /* @__PURE__ */ e.createElement("div", {
29112
29112
  className: "sps-insight-tile__title",
29113
- style: { "-webkit-box-orient": "vertical" }
29113
+ style: { WebkitBoxOrient: "vertical" }
29114
29114
  }, s), /* @__PURE__ */ e.createElement("div", { className: "sps-insight-tile__detail" }, n))), l && /* @__PURE__ */ e.createElement("div", { className: "sps-insight-tile__partner-count" }, l === u ? /* @__PURE__ */ e.createElement("div", null, m("insightTile.all", { defaultValue: "ALL" })) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, h), /* @__PURE__ */ e.createElement("div", null, g), /* @__PURE__ */ e.createElement("div", null, _)), /* @__PURE__ */ e.createElement("div", { className: "sps-insight-tile__partners-text" }, m("insightTile.partners", { defaultValue: "PARTNERS" })))));
29115
29115
  }
29116
29116
  Object.assign(PS, {
@@ -31748,7 +31748,7 @@ function GC(t) {
31748
31748
  }
31749
31749
  Object.assign(GC, {
31750
31750
  props: UC,
31751
- displayName: "SpsDescriptionListTerm / SpsDt"
31751
+ displayName: "SpsVerticalRule / SpsVr"
31752
31752
  });
31753
31753
  //#endregion
31754
31754
  //#region src/zero-state/SpsMicroZeroState.tsx
package/lib/index.umd.cjs CHANGED
@@ -666,7 +666,7 @@ Valid keys: `+JSON.stringify(Object.keys(e),null,` `));var p=f(l,d,o,s,c+`.`+d,
666
666
  </>
667
667
  )
668
668
  }
669
- `}}}},hf={index:`number`,key:`string`,columnId:`string`,name:`string`,value:`string`,onDelete:`(columnValue: string) => void`,mandatory:`boolean`};function gf(e){let{index:t,key:n,columnId:r,name:o,value:s,onDelete:c,mandatory:l,ref:u,...d}=e,{t:f}=(0,a.useWoodlandLanguage)();return y.createElement(Rd,{key:r,draggableId:r||``,index:t||0,...d},e=>y.createElement(`div`,{ref:e.innerRef,...e.draggableProps,...e.dragHandleProps,className:`sps-content-row`},y.createElement(`div`,{className:`sps-content-row__col-group`,"data-col-value":s},y.createElement(`div`,{className:`sps-content-row__col sps-column-chooser__grab-col`},y.createElement(`i`,{className:`sps-column-chooser__drag-handle`})),y.createElement(`div`,{className:`sps-content-row__col--borderless`},y.createElement(`div`,{className:`sps-body-12`},o)),y.createElement(`div`,{className:`sps-content-row__col sps-column-chooser__delete-col`},!l&&y.createElement(Jd,{"aria-label":f(`columnChooser.removeButton`,{elementName:o,defaultValue:`Remove ${o}`}),kind:i.ButtonKind.ICON,icon:i.SpsIcon.X,onClick:()=>{c&&c(s||``)}})))))}Object.assign(gf,{props:hf,displayName:`SpsColumnChooserColumn`});var _f={maxSelectedColumns:`number | null`,unselectedColumns:`ColumnProps[]`,selectedColumns:`ColumnProps[]`,onApplyChanges:`(selectedColumns: ColumnProps[]) => void`};function vf(e){let{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:r=8,onApplyChanges:o,maxVisibleUnselectedColumns:s,updateInitialState:c,className:l,unsafelyReplaceClassName:u,...d}=e,[f,p]=it({isVisible:!1,unselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))],selectedColumns:[...n.map(e=>({...e,columnId:C()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))],pendingSelectedColumns:[...n.map(e=>({...e,columnId:C()}))]}),{t:m}=(0,a.useWoodlandLanguage)(),h={searchSelectedColumn:``},g=x(f.isVisible&&`sps-button--open`,l),{formMeta:_,formValue:v,updateForm:b}=Ne(h);function S(e){if(e.target.value){let t=[...f.pendingSelectedColumns],n=[];f.pendingUnselectedColumns.forEach(r=>{e.target.value===r.name?(b(h),t.push({columnId:C(),name:r.name,value:r.value})):n.push(r)}),p({pendingSelectedColumns:t,pendingUnselectedColumns:n})}}function w(e){let t=[],n=[...f.pendingUnselectedColumns];f.pendingSelectedColumns.forEach(r=>{e===r.value?n.push({columnId:C(),name:r.name,value:r.value}):t.push(r)}),p({pendingSelectedColumns:t,pendingUnselectedColumns:n})}function T(e){if(!e.destination)return;let t=[...f.pendingSelectedColumns],[n]=t.splice(e.source.index,1);t.splice(e.destination.index,0,n),p({pendingSelectedColumns:t})}function E(){let e=f.pendingSelectedColumns.map(e=>{let t={...e};return t.columnId&&delete t.columnId,t});b(h),p({isVisible:!1,selectedColumns:[...f.pendingSelectedColumns],unselectedColumns:[...f.pendingUnselectedColumns]}),o&&o(e)}function D(){p({isVisible:!f.isVisible}),f.isVisible&&p({pendingSelectedColumns:[...f.selectedColumns],pendingUnselectedColumns:[...f.unselectedColumns]})}let O=y.useCallback(e=>{let t=new RegExp(e??``,`i`);return s?f.pendingUnselectedColumns.filter(e=>t.test(e.name)).map(e=>e.name).slice(0,s):f.pendingUnselectedColumns.map(e=>e.name)},[f.pendingUnselectedColumns,s]);return y.useEffect(()=>{c&&p({unselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))],pendingUnselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))]})},[t]),y.useEffect(()=>{c&&p({selectedColumns:[...n.map(e=>({...e,columnId:C()}))],pendingSelectedColumns:[...n.map(e=>({...e,columnId:C()}))]})},[n]),y.createElement(`div`,{className:`sps-column-chooser z-stratum-dropdown`,...d},y.createElement(Jd,{className:g,"aria-label":`${f.isVisible?`Close`:`Open`} Column Chooser`,kind:i.ButtonKind.ICON,icon:i.SpsIcon.TABLE,onClick:D,"data-testid":`button`}),f.isVisible&&y.createElement(rf,{"data-testid":`open`,footer:()=>y.createElement(Jd,{"aria-label":`Apply Changes`,kind:i.ButtonKind.LINK,onClick:E},m(`columnChooser.applyChanges`,{defaultValue:`Apply Changes`}))},y.createElement(`div`,{className:`sps-column-chooser__search-container`},y.createElement(At,{suggestions:O,disabled:!!(r&&f.pendingSelectedColumns.length>=r),value:v.searchSelectedColumn?v.searchSelectedColumn:``,formMeta:_.fields.searchSelectedColumn,onChange:S,placeholder:m(`columnChooser.findColumnsToAdd`,{defaultValue:`Find Columns to Add`}),"data-testid":`autocomplete`,disableOptionsMemoization:!0})),y.createElement(`div`,{className:`sps-column-chooser__selected-title`},m(`columnChooser.selected`,{defaultValue:`Selected`})),y.createElement(ju,{onDragEnd:T},y.createElement(Kd,{droppableId:`column-chooser`},e=>y.createElement(`div`,{...e.droppableProps,ref:e.innerRef},f.pendingSelectedColumns.map((e,t)=>y.createElement(gf,{index:t,key:e.columnId,columnId:e.columnId,name:e.name,value:e.value,onDelete:w,mandatory:e.mandatory})),e.placeholder)))))}Object.assign(vf,{props:_f,displayName:`SpsColumnChooser`});var yf={basic:{label:`Basic`,description:`Column chooser component`,examples:{basic:{react:n.code`
669
+ `}}}},hf={index:`number`,key:`string`,columnId:`string`,name:`string`,value:`string`,onDelete:`(columnValue: string) => void`,mandatory:`boolean`};function gf(e){let{index:t,columnId:n,name:r,value:o,onDelete:s,mandatory:c,ref:l,...u}=e,{t:d}=(0,a.useWoodlandLanguage)();return y.createElement(Rd,{key:n,draggableId:n||``,index:t||0,...u},e=>y.createElement(`div`,{ref:e.innerRef,...e.draggableProps,...e.dragHandleProps,className:`sps-content-row`},y.createElement(`div`,{className:`sps-content-row__col-group`,"data-col-value":o},y.createElement(`div`,{className:`sps-content-row__col sps-column-chooser__grab-col`},y.createElement(`i`,{className:`sps-column-chooser__drag-handle`})),y.createElement(`div`,{className:`sps-content-row__col--borderless`},y.createElement(`div`,{className:`sps-body-12`},r)),y.createElement(`div`,{className:`sps-content-row__col sps-column-chooser__delete-col`},!c&&y.createElement(Jd,{"aria-label":d(`columnChooser.removeButton`,{elementName:r,defaultValue:`Remove ${r}`}),kind:i.ButtonKind.ICON,icon:i.SpsIcon.X,onClick:()=>{s&&s(o||``)}})))))}Object.assign(gf,{props:hf,displayName:`SpsColumnChooserColumn`});var _f={maxSelectedColumns:`number | null`,unselectedColumns:`ColumnProps[]`,selectedColumns:`ColumnProps[]`,onApplyChanges:`(selectedColumns: ColumnProps[]) => void`};function vf(e){let{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:r=8,onApplyChanges:o,maxVisibleUnselectedColumns:s,updateInitialState:c,className:l,unsafelyReplaceClassName:u,...d}=e,[f,p]=it({isVisible:!1,unselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))],selectedColumns:[...n.map(e=>({...e,columnId:C()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))],pendingSelectedColumns:[...n.map(e=>({...e,columnId:C()}))]}),{t:m}=(0,a.useWoodlandLanguage)(),h={searchSelectedColumn:``},g=x(f.isVisible&&`sps-button--open`,l),{formMeta:_,formValue:v,updateForm:b}=Ne(h);function S(e){if(e.target.value){let t=[...f.pendingSelectedColumns],n=[];f.pendingUnselectedColumns.forEach(r=>{e.target.value===r.name?(b(h),t.push({columnId:C(),name:r.name,value:r.value})):n.push(r)}),p({pendingSelectedColumns:t,pendingUnselectedColumns:n})}}function w(e){let t=[],n=[...f.pendingUnselectedColumns];f.pendingSelectedColumns.forEach(r=>{e===r.value?n.push({columnId:C(),name:r.name,value:r.value}):t.push(r)}),p({pendingSelectedColumns:t,pendingUnselectedColumns:n})}function T(e){if(!e.destination)return;let t=[...f.pendingSelectedColumns],[n]=t.splice(e.source.index,1);t.splice(e.destination.index,0,n),p({pendingSelectedColumns:t})}function E(){let e=f.pendingSelectedColumns.map(e=>{let t={...e};return t.columnId&&delete t.columnId,t});b(h),p({isVisible:!1,selectedColumns:[...f.pendingSelectedColumns],unselectedColumns:[...f.pendingUnselectedColumns]}),o&&o(e)}function D(){p({isVisible:!f.isVisible}),f.isVisible&&p({pendingSelectedColumns:[...f.selectedColumns],pendingUnselectedColumns:[...f.unselectedColumns]})}let O=y.useCallback(e=>{let t=new RegExp(e??``,`i`);return s?f.pendingUnselectedColumns.filter(e=>t.test(e.name)).map(e=>e.name).slice(0,s):f.pendingUnselectedColumns.map(e=>e.name)},[f.pendingUnselectedColumns,s]);return y.useEffect(()=>{c&&p({unselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))],pendingUnselectedColumns:[...t.map(e=>({...e,label:e.name,columnId:C()}))]})},[t]),y.useEffect(()=>{c&&p({selectedColumns:[...n.map(e=>({...e,columnId:C()}))],pendingSelectedColumns:[...n.map(e=>({...e,columnId:C()}))]})},[n]),y.createElement(`div`,{className:`sps-column-chooser z-stratum-dropdown`,...d},y.createElement(Jd,{className:g,"aria-label":`${f.isVisible?`Close`:`Open`} Column Chooser`,kind:i.ButtonKind.ICON,icon:i.SpsIcon.TABLE,onClick:D,"data-testid":`button`}),f.isVisible&&y.createElement(rf,{"data-testid":`open`,footer:()=>y.createElement(Jd,{"aria-label":`Apply Changes`,kind:i.ButtonKind.LINK,onClick:E},m(`columnChooser.applyChanges`,{defaultValue:`Apply Changes`}))},y.createElement(`div`,{className:`sps-column-chooser__search-container`},y.createElement(At,{suggestions:O,disabled:!!(r&&f.pendingSelectedColumns.length>=r),value:v.searchSelectedColumn?v.searchSelectedColumn:``,formMeta:_.fields.searchSelectedColumn,onChange:S,placeholder:m(`columnChooser.findColumnsToAdd`,{defaultValue:`Find Columns to Add`}),"data-testid":`autocomplete`,disableOptionsMemoization:!0})),y.createElement(`div`,{className:`sps-column-chooser__selected-title`},m(`columnChooser.selected`,{defaultValue:`Selected`})),y.createElement(ju,{onDragEnd:T},y.createElement(Kd,{droppableId:`column-chooser`},e=>y.createElement(`div`,{...e.droppableProps,ref:e.innerRef},f.pendingSelectedColumns.map((e,t)=>y.createElement(gf,{index:t,key:e.columnId,columnId:e.columnId,name:e.name,value:e.value,onDelete:w,mandatory:e.mandatory})),e.placeholder)))))}Object.assign(vf,{props:_f,displayName:`SpsColumnChooser`});var yf={basic:{label:`Basic`,description:`Column chooser component`,examples:{basic:{react:n.code`
670
670
  import { SpsColumnChooser } from "@spscommerce/ds-react";
671
671
  function DemoComponent() {
672
672
  const unselectedCols = [
@@ -10719,7 +10719,7 @@ Valid keys: `+JSON.stringify(Object.keys(e),null,` `));var p=f(l,d,o,s,c+`.`+d,
10719
10719
  </>
10720
10720
  );
10721
10721
  }
10722
- `}}}};function Ex(e){let{children:t}=e;return y.createElement(`div`,{className:`insight-tile-wrapper`},t)}var Dx={horizontal:`boolean`,icon:`SpsIcon`,kind:`SpsInsightTileKind`,title:`string`,metric:`number | string`,partnerCount:`number`,totalPartners:`number`};function Ox(e){let{children:t,className:n,horizontal:r=!1,icon:o,kind:s=`general`,title:c,metric:l,partnerCount:u,totalPartners:d,unsafelyReplaceClassName:f,...p}=e,m=x(f||`sps-insight-tile`,`sps-insight-tile--${s}`,n,r&&`sps-insight-tile--horizontal`,t&&`sps-insight-tile--has-detail`),{t:h}=(0,a.useWoodlandLanguage)(),[g,_,v]=(u?h(`insightTile.partnerCount`,{count:u,total:d,defaultValue:`${u} |of| ${d}`}):``).split(`|`);return y.createElement(y.Fragment,null,y.createElement(`div`,{className:m,...p},y.createElement(`div`,{className:`sps-insight-tile__body`},o?y.createElement(`i`,{className:`sps-icon sps-icon-${o}`}):y.createElement(`i`,{className:`sps-icon sps-icon-${i.SpsInsightTileIcons[s]}`}),l&&y.createElement(`div`,{className:`sps-insight-tile__metric-count`},l),c&&y.createElement(`div`,{className:`sps-insight-tile__description`},y.createElement(`div`,{className:`sps-insight-tile__title`,style:{"-webkit-box-orient":`vertical`}},c),y.createElement(`div`,{className:`sps-insight-tile__detail`},t))),u&&y.createElement(`div`,{className:`sps-insight-tile__partner-count`},u===d?y.createElement(`div`,null,h(`insightTile.all`,{defaultValue:`ALL`})):y.createElement(y.Fragment,null,y.createElement(`div`,null,g),y.createElement(`div`,null,_),y.createElement(`div`,null,v)),y.createElement(`div`,{className:`sps-insight-tile__partners-text`},h(`insightTile.partners`,{defaultValue:`PARTNERS`})))))}Object.assign(Ox,{props:Dx,displayName:`SpsInsightTile`});var kx={inline:`boolean`};function Ax(e){let{children:t,className:n,inline:r,"data-testid":i,unsafelyReplaceClassName:a,...o}=e,s=x(a||`sps-key-value-list`,r&&`sps-key-value-list--inline`,n);return y.createElement(`div`,{className:s,"data-testid":`${i}`,...o},t)}Object.assign(Ax,{props:kx,displayName:`SpsKeyValueList`});var jx={itemKey:{type:`string | nodeOrRenderFn`,required:!0},titleColor:`KeyValueListTitleColor`};function Mx(e){let{children:t,className:n,itemKey:r,titleColor:a=i.KeyValueListTitleColor.LIGHT,"data-testid":o,unsafelyReplaceClassName:s,...c}=e,l=x(s||`sps-key-value-list__item`,`sps-key-value-list__item--${a}`,n);return y.createElement(`div`,{className:l,"data-testid":`${o}`,...c},y.createElement(`span`,{className:`sps-key-value-list__key`,"data-testid":`${o}__key`},r),y.createElement(`span`,{className:`sps-key-value-list__value`,"data-testid":`${o}__value`},t))}Object.assign(Mx,{props:jx,displayName:`SpsKeyValueListItem`});var Nx={color:`TagKind`,href:`String`,icon:`SpsIcon`,tagKey:{type:`String`,required:!0},value:{type:`String`,required:!0}};function Px(e){let{color:t=i.TagKind.KEY,className:n,"data-testid":r,href:a,icon:o,tagKey:s,value:c,unsafelyReplaceClassName:l,...u}=e,d=x(l||`sps-key-value-tag`,a&&`sps-key-value-tag--link`,n);return y.createElement(`span`,{className:d,"data-testid":`${r}__key-value-tag`,...u},y.createElement(Qd,{icon:o,kind:t,className:`sps-key-value-tag--key`},s),y.createElement(Qd,{className:`sps-key-value-tag--value ${t}`},a&&y.createElement(`a`,{href:a},c),!a&&c))}Object.assign(Px,{props:Nx,displayName:`SpsKeyValueTag`});var Fx={basic:{label:`Basic`,examples:{basic:{react:n.code`
10722
+ `}}}};function Ex(e){let{children:t}=e;return y.createElement(`div`,{className:`insight-tile-wrapper`},t)}var Dx={horizontal:`boolean`,icon:`SpsIcon`,kind:`SpsInsightTileKind`,title:`string`,metric:`number | string`,partnerCount:`number`,totalPartners:`number`};function Ox(e){let{children:t,className:n,horizontal:r=!1,icon:o,kind:s=`general`,title:c,metric:l,partnerCount:u,totalPartners:d,unsafelyReplaceClassName:f,...p}=e,m=x(f||`sps-insight-tile`,`sps-insight-tile--${s}`,n,r&&`sps-insight-tile--horizontal`,t&&`sps-insight-tile--has-detail`),{t:h}=(0,a.useWoodlandLanguage)(),[g,_,v]=(u?h(`insightTile.partnerCount`,{count:u,total:d,defaultValue:`${u} |of| ${d}`}):``).split(`|`);return y.createElement(y.Fragment,null,y.createElement(`div`,{className:m,...p},y.createElement(`div`,{className:`sps-insight-tile__body`},o?y.createElement(`i`,{className:`sps-icon sps-icon-${o}`}):y.createElement(`i`,{className:`sps-icon sps-icon-${i.SpsInsightTileIcons[s]}`}),l&&y.createElement(`div`,{className:`sps-insight-tile__metric-count`},l),c&&y.createElement(`div`,{className:`sps-insight-tile__description`},y.createElement(`div`,{className:`sps-insight-tile__title`,style:{WebkitBoxOrient:`vertical`}},c),y.createElement(`div`,{className:`sps-insight-tile__detail`},t))),u&&y.createElement(`div`,{className:`sps-insight-tile__partner-count`},u===d?y.createElement(`div`,null,h(`insightTile.all`,{defaultValue:`ALL`})):y.createElement(y.Fragment,null,y.createElement(`div`,null,g),y.createElement(`div`,null,_),y.createElement(`div`,null,v)),y.createElement(`div`,{className:`sps-insight-tile__partners-text`},h(`insightTile.partners`,{defaultValue:`PARTNERS`})))))}Object.assign(Ox,{props:Dx,displayName:`SpsInsightTile`});var kx={inline:`boolean`};function Ax(e){let{children:t,className:n,inline:r,"data-testid":i,unsafelyReplaceClassName:a,...o}=e,s=x(a||`sps-key-value-list`,r&&`sps-key-value-list--inline`,n);return y.createElement(`div`,{className:s,"data-testid":`${i}`,...o},t)}Object.assign(Ax,{props:kx,displayName:`SpsKeyValueList`});var jx={itemKey:{type:`string | nodeOrRenderFn`,required:!0},titleColor:`KeyValueListTitleColor`};function Mx(e){let{children:t,className:n,itemKey:r,titleColor:a=i.KeyValueListTitleColor.LIGHT,"data-testid":o,unsafelyReplaceClassName:s,...c}=e,l=x(s||`sps-key-value-list__item`,`sps-key-value-list__item--${a}`,n);return y.createElement(`div`,{className:l,"data-testid":`${o}`,...c},y.createElement(`span`,{className:`sps-key-value-list__key`,"data-testid":`${o}__key`},r),y.createElement(`span`,{className:`sps-key-value-list__value`,"data-testid":`${o}__value`},t))}Object.assign(Mx,{props:jx,displayName:`SpsKeyValueListItem`});var Nx={color:`TagKind`,href:`String`,icon:`SpsIcon`,tagKey:{type:`String`,required:!0},value:{type:`String`,required:!0}};function Px(e){let{color:t=i.TagKind.KEY,className:n,"data-testid":r,href:a,icon:o,tagKey:s,value:c,unsafelyReplaceClassName:l,...u}=e,d=x(l||`sps-key-value-tag`,a&&`sps-key-value-tag--link`,n);return y.createElement(`span`,{className:d,"data-testid":`${r}__key-value-tag`,...u},y.createElement(Qd,{icon:o,kind:t,className:`sps-key-value-tag--key`},s),y.createElement(Qd,{className:`sps-key-value-tag--value ${t}`},a&&y.createElement(`a`,{href:a},c),!a&&c))}Object.assign(Px,{props:Nx,displayName:`SpsKeyValueTag`});var Fx={basic:{label:`Basic`,examples:{basic:{react:n.code`
10723
10723
  import { SpsKeyValueTag } from "@spscommerce/ds-react";
10724
10724
  function Component() {
10725
10725
  return (
@@ -12340,7 +12340,7 @@ Valid keys: `+JSON.stringify(Object.keys(e),null,` `));var p=f(l,d,o,s,c+`.`+d,
12340
12340
  </>
12341
12341
  )
12342
12342
  }
12343
- `}}}},LS={};function RS(e){let{className:t,...n}=e,r=x(`sps-vertical-rule`,t);return y.createElement(`div`,{className:r,...n})}Object.assign(RS,{props:LS,displayName:`SpsVerticalRule / SpsVr`});function zS(e){return y.createElement(RS,e)}Object.assign(zS,{props:LS,displayName:`SpsDescriptionListTerm / SpsDt`});var BS={illustration:`string`,icon:{type:`SpsIcon`,deprecated:!0},heading:`ReactNodeOrRenderFn`,subHeading:`ReactNodeOrRenderFn`};function VS(e){let{className:t,heading:n,icon:r,illustration:i=c.BUILDING_SMALL,subHeading:a,"data-testid":o,unsafelyReplaceClassName:s,...l}=e,u=x(s||`sps-zero-state`,`sps-zero-state--micro`,t);return y.createElement(`div`,{className:u,"data-testid":`${o}__actual-micro-zero-state`,...l},r?y.createElement(`i`,{className:`sps-zero-state__icon sps-icon sps-icon-${r}`,"aria-hidden":`true`,"data-testid":`${o}__icon`}):y.createElement(`img`,{style:{height:`3rem`},src:i}),n&&y.createElement(`h1`,{className:`sps-zero-state__heading`,"data-testid":`${o}__heading`},n),a&&y.createElement(`h2`,{className:`sps-zero-state__subheading`,"data-testid":`${o}__subheading`},a))}Object.assign(VS,{props:BS,displayName:`SpsMicroZeroState`});var HS={illustration:`string`,artwork:{type:`string`,deprecated:!0},heading:{type:`string`,required:!0},subHeading:`string`};function US(e){let{artwork:t,children:n,className:r,heading:i,illustration:a,subHeading:o,"data-testid":s,unsafelyReplaceClassName:l,...u}=e,d=a||t||c.BUILDING_LARGE,f=x(l||`sps-zero-state`,r);return y.createElement(`div`,{className:`sps-card__body`,"data-testid":`${s}`},y.createElement(`div`,{className:f,"data-testid":`${s}__actual-zero-state`,...u},y.createElement(`img`,{className:`sps-zero-state__image`,src:d,alt:``,"data-testid":`${s}__artwork`}),y.createElement(`h1`,{className:`sps-zero-state__heading`,"data-testid":`${s}__heading`},i),y.createElement(`h2`,{className:`sps-zero-state__subheading`,"data-testid":`${s}__subheading`},o),y.createElement(`div`,{className:`sps-zero-state__content`,"data-testid":`${s}__content`},n)))}Object.assign(US,{props:HS,displayName:`SpsZeroState`});var WS={sizes:{label:`Sizes`,customSection:()=>y.createElement(`section`,{id:`zero-states-sizes`},y.createElement(`div`,{className:`flex-color-header`},y.createElement(`h4`,null,`Sizes`),y.createElement(Jd,{onClick:()=>{window.scrollTo({top:0,behavior:`smooth`})},kind:i.ButtonKind.LINK},`Back to Top`)),y.createElement(`h5`,{className:`mb-3`},`There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases.`),y.createElement(`h4`,null,`Large Zero States`),y.createElement(`h5`,{className:`mb-3`},`Use Large Zero States in primary or large areas of a page.`),y.createElement(`h4`,null,`Small Zero States`),y.createElement(`h5`,{className:`mb-0`},`Use Small Zero States in a secondary or small areas of a page.`))},regular:{label:`Usage: Large Zero States`,description:({NavigateTo:e})=>y.createElement(`span`,{className:`sps-body-14 mt-4`},`Large Zero States may be accompanied by other components such as Headings, Subtitles, `,y.createElement(e,{to:`Button`},`Buttons`),`,`,` `,y.createElement(e,{to:`List Toolbar`},`Search Bars`),`, or a combination of these`),examples:{illustrationAndHeading:{description:`Illustration + Heading`,imports:n.code`
12343
+ `}}}},LS={};function RS(e){let{className:t,...n}=e,r=x(`sps-vertical-rule`,t);return y.createElement(`div`,{className:r,...n})}Object.assign(RS,{props:LS,displayName:`SpsVerticalRule / SpsVr`});function zS(e){return y.createElement(RS,e)}Object.assign(zS,{props:LS,displayName:`SpsVerticalRule / SpsVr`});var BS={illustration:`string`,icon:{type:`SpsIcon`,deprecated:!0},heading:`ReactNodeOrRenderFn`,subHeading:`ReactNodeOrRenderFn`};function VS(e){let{className:t,heading:n,icon:r,illustration:i=c.BUILDING_SMALL,subHeading:a,"data-testid":o,unsafelyReplaceClassName:s,...l}=e,u=x(s||`sps-zero-state`,`sps-zero-state--micro`,t);return y.createElement(`div`,{className:u,"data-testid":`${o}__actual-micro-zero-state`,...l},r?y.createElement(`i`,{className:`sps-zero-state__icon sps-icon sps-icon-${r}`,"aria-hidden":`true`,"data-testid":`${o}__icon`}):y.createElement(`img`,{style:{height:`3rem`},src:i}),n&&y.createElement(`h1`,{className:`sps-zero-state__heading`,"data-testid":`${o}__heading`},n),a&&y.createElement(`h2`,{className:`sps-zero-state__subheading`,"data-testid":`${o}__subheading`},a))}Object.assign(VS,{props:BS,displayName:`SpsMicroZeroState`});var HS={illustration:`string`,artwork:{type:`string`,deprecated:!0},heading:{type:`string`,required:!0},subHeading:`string`};function US(e){let{artwork:t,children:n,className:r,heading:i,illustration:a,subHeading:o,"data-testid":s,unsafelyReplaceClassName:l,...u}=e,d=a||t||c.BUILDING_LARGE,f=x(l||`sps-zero-state`,r);return y.createElement(`div`,{className:`sps-card__body`,"data-testid":`${s}`},y.createElement(`div`,{className:f,"data-testid":`${s}__actual-zero-state`,...u},y.createElement(`img`,{className:`sps-zero-state__image`,src:d,alt:``,"data-testid":`${s}__artwork`}),y.createElement(`h1`,{className:`sps-zero-state__heading`,"data-testid":`${s}__heading`},i),y.createElement(`h2`,{className:`sps-zero-state__subheading`,"data-testid":`${s}__subheading`},o),y.createElement(`div`,{className:`sps-zero-state__content`,"data-testid":`${s}__content`},n)))}Object.assign(US,{props:HS,displayName:`SpsZeroState`});var WS={sizes:{label:`Sizes`,customSection:()=>y.createElement(`section`,{id:`zero-states-sizes`},y.createElement(`div`,{className:`flex-color-header`},y.createElement(`h4`,null,`Sizes`),y.createElement(Jd,{onClick:()=>{window.scrollTo({top:0,behavior:`smooth`})},kind:i.ButtonKind.LINK},`Back to Top`)),y.createElement(`h5`,{className:`mb-3`},`There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases.`),y.createElement(`h4`,null,`Large Zero States`),y.createElement(`h5`,{className:`mb-3`},`Use Large Zero States in primary or large areas of a page.`),y.createElement(`h4`,null,`Small Zero States`),y.createElement(`h5`,{className:`mb-0`},`Use Small Zero States in a secondary or small areas of a page.`))},regular:{label:`Usage: Large Zero States`,description:({NavigateTo:e})=>y.createElement(`span`,{className:`sps-body-14 mt-4`},`Large Zero States may be accompanied by other components such as Headings, Subtitles, `,y.createElement(e,{to:`Button`},`Buttons`),`,`,` `,y.createElement(e,{to:`List Toolbar`},`Search Bars`),`, or a combination of these`),examples:{illustrationAndHeading:{description:`Illustration + Heading`,imports:n.code`
12344
12344
  import { SpsCard, SpsZeroState } from "@spscommerce/ds-react";
12345
12345
  import { Illustrations } from "@sps-woodland/illustrations";
12346
12346
  `,jsx:n.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.56.17",
4
+ "version": "8.56.19",
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.6.0",
47
47
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
48
48
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
49
- "@sps-woodland/illustrations": "8.56.17",
50
- "@spscommerce/ds-colors": "8.56.17",
51
- "@spscommerce/ds-shared": "8.56.17",
52
- "@spscommerce/i18n": "8.56.17",
53
- "@spscommerce/positioning": "8.56.17"
49
+ "@sps-woodland/illustrations": "8.56.19",
50
+ "@spscommerce/ds-colors": "8.56.19",
51
+ "@spscommerce/ds-shared": "8.56.19",
52
+ "@spscommerce/i18n": "8.56.19",
53
+ "@spscommerce/positioning": "8.56.19"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@react-stately/collections": "3.13.1",
@@ -70,12 +70,12 @@
70
70
  "raf-stub": "3.0.0",
71
71
  "react": "16.14.0",
72
72
  "react-dom": "16.14.0",
73
- "@sps-woodland/illustrations": "8.56.17",
74
- "@spscommerce/ds-colors": "8.56.17",
75
- "@spscommerce/ds-shared": "8.56.17",
76
- "@spscommerce/i18n": "8.56.17",
77
- "@spscommerce/positioning": "8.56.17",
78
- "test": "8.56.17"
73
+ "@sps-woodland/illustrations": "8.56.19",
74
+ "@spscommerce/ds-shared": "8.56.19",
75
+ "@spscommerce/i18n": "8.56.19",
76
+ "@spscommerce/positioning": "8.56.19",
77
+ "@spscommerce/ds-colors": "8.56.19",
78
+ "test": "8.56.19"
79
79
  },
80
80
  "scripts": {
81
81
  "build": "pnpm run build:js && pnpm run build:types",