@sps-woodland/content-row 8.7.1 → 8.7.3

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react"),a=require("@sps-woodland/core"),T=require("@spscommerce/ds-react"),i=require("@spscommerce/utils");function q(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=q(D);function G(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function P(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function M(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?P(Object(o),!0).forEach(function(n){G(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):P(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var K=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},b=e=>t=>{var o=e.defaultClassName,n=M(M({},e.defaultVariants),t);for(var r in n){var c,d=(c=n[r])!==null&&c!==void 0?c:e.defaultVariants[r];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var m=e.variantClassNames[r][l];m&&(o+=" "+m)}}for(var[C,w]of e.compoundVariants)K(C,n,e.defaultVariants)&&(o+=" "+w);return o},W=b({defaultClassName:"_1mxrufv0",variantClassNames:{lean:{true:"_1mxrufv1",false:"_1mxrufv2"},borderless:{true:"_1mxrufv3",false:"_1mxrufv4"}},defaultVariants:{lean:!1,borderless:!1},compoundVariants:[]});function p({children:e,className:t,borderless:o,lean:n,widthPx:r,widthRem:c,style:d,...l}){const m=r?r/16:c,C=m?{...d,width:`${m}rem`}:d;return s.createElement("div",{className:a.cl(W({lean:n,borderless:o}),t),...l,style:C},e)}a.Metadata.set(p,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"}}});var B=b({defaultClassName:"_11ztjee1",variantClassNames:{expanded:{true:"_11ztjee2",false:"_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),L=b({defaultClassName:"_11ztjee4",variantClassNames:{expanded:{true:"_11ztjee5",false:"_11ztjee6"},selected:{true:"_11ztjee7",false:"_11ztjee8"},cardSpacing:{true:"_11ztjee9",false:"_11ztjeea"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"_11ztjeeb"]]}),J="_11ztjeeg",Q="_11ztjeec",U=b({defaultClassName:"_11ztjeed",variantClassNames:{disabled:{true:"_11ztjeee",false:"_11ztjeef"}},defaultVariants:{},compoundVariants:[]}),V="_11ztjeeh";function R({children:e,className:t,...o}){return s.createElement("div",{className:a.cl(J,t),...o},e)}a.Metadata.set(R,{name:"Content Row Expansion"});function x({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:c,onBeforeCollapsed:d,onBeforeExpanded:l,onSelectionChange:m,onCollapsed:C,onExpanded:w,selectable:g=!1,selected:h,renderExpandedContent:f=!0,disableSelection:_=!1,disableExpansion:S=!1,...I}){const[j,[y]]=a.selectChildren(e,[{type:p},{type:R}]),{t:z}=s.useContext(a.I18nContext),[F,E]=s.useState(f||n),[O,k]=s.useState(n),u=typeof c=="boolean"?c:O;function H(A){A.stopPropagation(),u&&(!d||d())?(k(!1),f||E(!1),C&&C()):!u&&(!l||l())&&(k(!0),f||E(!0),w&&w())}const v=()=>s.createElement(T.SpsCheckbox,{disabled:_,checked:h,onChange:m}),N=()=>s.createElement("button",{type:"button",className:a.cl(Q),onClick:H,"aria-label":z(`design-system:contentRow.${u?"collapse":"expand"}`),disabled:S},s.createElement(a.Icon,{className:a.cl(U({disabled:S})),icon:u?"minus-circle":"plus-circle"}));return s.createElement("div",{className:a.cl(B({expanded:u}),t),...I},s.createElement("div",{className:a.cl(L({expanded:u,selected:h,cardSpacing:r}))},g&&!o&&s.createElement(p,{widthPx:46},s.createElement(v,null)),y&&!o&&s.createElement(p,{widthPx:44},s.createElement(N,null)),y&&g&&o&&s.createElement(p,{widthPx:46},s.createElement("section",{className:V},s.createElement(v,null)),s.createElement("section",{className:V},s.createElement(N,null))),j),F&&y)}a.Metadata.set(x,{name:"Content Row",props:{alternateLayout:{type:"boolean",default:"false"},initiallyExpanded:{type:"boolean",default:"false"},cardSpacing:{type:"boolean",default:"false"},expanded:{type:"boolean"},onBeforeCollapsed:{type:"() => boolean"},onBeforeExpanded:{type:"() => boolean"},onSelectionChange:{type:"ChangeEventHandler"},onCollapsed:{type:"() => void"},onExpanded:{type:"() => void"},selectable:{type:"boolean",default:"false"},selected:{type:"boolean"},renderExpandedContent:{type:"boolean",default:"true"},disableSelection:{type:"boolean",default:"false"},disableExpansion:{type:"boolean",default:"false"}}});const X={components:[x,p,R],examples:{basic:{label:"Content Rows",examples:{basic:{react:i.code`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react"),a=require("@sps-woodland/core"),T=require("@spscommerce/ds-react"),i=require("@spscommerce/utils");function q(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=q(D);function G(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function P(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function M(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?P(Object(o),!0).forEach(function(n){G(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):P(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var K=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},b=e=>t=>{var o=e.defaultClassName,n=M(M({},e.defaultVariants),t);for(var r in n){var c,d=(c=n[r])!==null&&c!==void 0?c:e.defaultVariants[r];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var m=e.variantClassNames[r][l];m&&(o+=" "+m)}}for(var[C,w]of e.compoundVariants)K(C,n,e.defaultVariants)&&(o+=" "+w);return o},W=b({defaultClassName:"_1mxrufv0",variantClassNames:{lean:{true:"_1mxrufv1",false:"_1mxrufv2"},borderless:{true:"_1mxrufv3",false:"_1mxrufv4"}},defaultVariants:{lean:!1,borderless:!1},compoundVariants:[]});function p({children:e,className:t,borderless:o,lean:n,widthPx:r,widthRem:c,style:d,...l}){const m=r?r/16:c,C=m?{...d,width:`${m}rem`}:d;return s.createElement("div",{className:a.cl(W({lean:n,borderless:o}),t),...l,style:C},e)}a.Metadata.set(p,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"}}});var B=b({defaultClassName:"_11ztjee1",variantClassNames:{expanded:{true:"_11ztjee2",false:"_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),L=b({defaultClassName:"_11ztjee4",variantClassNames:{expanded:{true:"_11ztjee5",false:"_11ztjee6"},selected:{true:"_11ztjee7",false:"_11ztjee8"},cardSpacing:{true:"_11ztjee9",false:"_11ztjeea"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"_11ztjeeb"]]}),J="_11ztjeeg",Q="_11ztjeec",U=b({defaultClassName:"_11ztjeed",variantClassNames:{disabled:{true:"_11ztjeee",false:"_11ztjeef"}},defaultVariants:{},compoundVariants:[]}),V="_11ztjeeh";function R({children:e,className:t,...o}){return s.createElement("div",{className:a.cl(J,t),...o},e)}a.Metadata.set(R,{name:"Content Row Expansion"});function x({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:c,onBeforeCollapsed:d,onBeforeExpanded:l,onSelectionChange:m,onCollapsed:C,onExpanded:w,selectable:g=!1,selected:h,renderExpandedContent:f=!0,disableSelection:_=!1,disableExpansion:S=!1,...I}){const[j,[y]]=a.selectChildren(e,[{type:p},{type:R}]),{t:z}=s.useContext(a.I18nContext),[F,E]=s.useState(f||n),[O,k]=s.useState(n),u=typeof c=="boolean"?c:O;function H(A){A.stopPropagation(),u&&(!d||d())?(k(!1),f||E(!1),C&&C()):!u&&(!l||l())&&(k(!0),f||E(!0),w&&w())}const v=()=>s.createElement(T.SpsCheckbox,{disabled:_,checked:h,onChange:m}),N=s.createElement("button",{type:"button",className:a.cl(Q),onClick:H,"aria-label":z(`design-system:contentRow.${u?"collapse":"expand"}`),disabled:S},s.createElement(a.Icon,{className:a.cl(U({disabled:S})),icon:u?"minus-circle":"plus-circle"}));return s.createElement("div",{className:a.cl(B({expanded:u}),t),...I},s.createElement("div",{className:a.cl(L({expanded:u,selected:h,cardSpacing:r}))},g&&!o&&s.createElement(p,{widthPx:46},s.createElement(v,null)),y&&!o&&s.createElement(p,{widthPx:44},N),y&&g&&o&&s.createElement(p,{widthPx:46},s.createElement("section",{className:V},s.createElement(v,null)),s.createElement("section",{className:V},N)),j),F&&y)}a.Metadata.set(x,{name:"Content Row",props:{alternateLayout:{type:"boolean",default:"false"},initiallyExpanded:{type:"boolean",default:"false"},cardSpacing:{type:"boolean",default:"false"},expanded:{type:"boolean"},onBeforeCollapsed:{type:"() => boolean"},onBeforeExpanded:{type:"() => boolean"},onSelectionChange:{type:"ChangeEventHandler"},onCollapsed:{type:"() => void"},onExpanded:{type:"() => void"},selectable:{type:"boolean",default:"false"},selected:{type:"boolean"},renderExpandedContent:{type:"boolean",default:"true"},disableSelection:{type:"boolean",default:"false"},disableExpansion:{type:"boolean",default:"false"}}});const X={components:[x,p,R],examples:{basic:{label:"Content Rows",examples:{basic:{react:i.code`
             import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";

package/lib/index.es.js

@@ -119,13 +119,13 @@ function I({
   const [F, [b]] = T(e, [
     { type: u },
     { type: y }
-  ]), { t: _ } = s.useContext(G), [H, E] = s.useState(
+  ]), { t: _ } = s.useContext(G), [H, k] = s.useState(
     f || t
-  ), [O, k] = s.useState(t), p = typeof i == "boolean" ? i : O;
+  ), [O, E] = s.useState(t), p = typeof i == "boolean" ? i : O;
   function A(D) {
-    D.stopPropagation(), p && (!d || d()) ? (k(!1), f || E(!1), m && m()) : !p && (!a || a()) && (k(!0), f || E(!0), w && w());
+    D.stopPropagation(), p && (!d || d()) ? (E(!1), f || k(!1), m && m()) : !p && (!a || a()) && (E(!0), f || k(!0), w && w());
   }
-  const v = () => /* @__PURE__ */ s.createElement(W, { disabled: z, checked: g, onChange: c }), N = () => /* @__PURE__ */ s.createElement(
+  const v = () => /* @__PURE__ */ s.createElement(W, { disabled: z, checked: g, onChange: c }), N = /* @__PURE__ */ s.createElement(
     "button",
     {
       type: "button",
@@ -154,8 +154,8 @@ function I({
       )
     },
     h && !o && /* @__PURE__ */ s.createElement(u, { widthPx: 46 }, /* @__PURE__ */ s.createElement(v, null)),
-    b && !o && /* @__PURE__ */ s.createElement(u, { widthPx: 44 }, /* @__PURE__ */ s.createElement(N, null)),
-    b && h && o && /* @__PURE__ */ s.createElement(u, { widthPx: 46 }, /* @__PURE__ */ s.createElement("section", { className: M }, /* @__PURE__ */ s.createElement(v, null)), /* @__PURE__ */ s.createElement("section", { className: M }, /* @__PURE__ */ s.createElement(N, null))),
+    b && !o && /* @__PURE__ */ s.createElement(u, { widthPx: 44 }, N),
+    b && h && o && /* @__PURE__ */ s.createElement(u, { widthPx: 46 }, /* @__PURE__ */ s.createElement("section", { className: M }, /* @__PURE__ */ s.createElement(v, null)), /* @__PURE__ */ s.createElement("section", { className: M }, N)),
     F
   ), H && b);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/content-row",
   "description": "SPS Woodland Design System page title component",
-  "version": "8.7.1",
+  "version": "8.7.3",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
@@ -30,11 +30,11 @@
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.7.1",
-    "@sps-woodland/tokens": "8.7.1",
-    "@spscommerce/ds-colors": "8.7.1",
-    "@spscommerce/ds-react": "8.7.1",
-    "@spscommerce/ds-shared": "8.7.1"
+    "@sps-woodland/core": "8.7.3",
+    "@sps-woodland/tokens": "8.7.3",
+    "@spscommerce/ds-colors": "8.7.3",
+    "@spscommerce/ds-react": "8.7.3",
+    "@spscommerce/ds-shared": "8.7.3"
   },
   "devDependencies": {
     "@spscommerce/ds-illustrations": "^6.12.1",
@@ -43,11 +43,11 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.7.1",
-    "@sps-woodland/tokens": "8.7.1",
-    "@spscommerce/ds-colors": "8.7.1",
-    "@spscommerce/ds-react": "8.7.1",
-    "@spscommerce/ds-shared": "8.7.1"
+    "@sps-woodland/core": "8.7.3",
+    "@sps-woodland/tokens": "8.7.3",
+    "@spscommerce/ds-colors": "8.7.3",
+    "@spscommerce/ds-react": "8.7.3",
+    "@spscommerce/ds-shared": "8.7.3"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",