@sps-woodland/content-row 7.16.4 → 7.16.5

package/lib/index.cjs.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("react"),a=require("@sps-woodland/core"),F=require("@spscommerce/ds-react"),c=require("@spscommerce/utils");function O(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=O(z);function H(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function k(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 v(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?k(Object(o),!0).forEach(function(n){H(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):k(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var A=(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=v(v({},e.defaultVariants),t);for(var r in n){var i,d=(i=n[r])!==null&&i!==void 0?i: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)A(C,n,e.defaultVariants)&&(o+=" "+w);return o},D=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:i,style:d,...l}){const m=r?r/16:i,C=m?{...d,width:`${m}rem`}:d;return s.createElement("div",{className:a.cl(D({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 T=b({defaultClassName:"_11ztjee1",variantClassNames:{expanded:{true:"_11ztjee2",false:"_11ztjee3"}},defaultVariants:{expanded:!1},compoundVariants:[]}),q=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"]]}),G="_11ztjeee",K="_11ztjeec",W="_11ztjeed",N="_11ztjeef";function f({children:e,className:t,...o}){return s.createElement("div",{className:a.cl(G,t),...o},e)}a.Metadata.set(f,{name:"Content Row Expansion"});function x({children:e,className:t,alternateLayout:o=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:i,onBeforeCollapsed:d,onBeforeExpanded:l,onSelectionChange:m,onCollapsed:C,onExpanded:w,selectable:y=!1,selected:g,...P}){const[M,[R]]=a.selectChildren(e,[{type:p},{type:f}]),{t:I}=s.useContext(a.I18nContext),[V,h]=s.useState(n),u=typeof i=="boolean"?i:V;function _(j){j.stopPropagation(),u&&(!d||d())?(h(!1),C&&C()):!u&&(!l||l())&&(h(!0),w&&w())}const S=()=>s.createElement(F.SpsCheckbox,{checked:g,onChange:m}),E=()=>s.createElement("button",{type:"button",className:a.cl(K),onClick:_,"aria-label":I(`design-system:contentRow.${u?"collapse":"expand"}`)},s.createElement(a.Icon,{className:a.cl(W),icon:u?"minus-circle":"plus-circle"}));return s.createElement("div",{className:a.cl(T({expanded:u}),t),...P},s.createElement("div",{className:a.cl(q({expanded:u,selected:g,cardSpacing:r}))},y&&!o&&s.createElement(p,{widthPx:46},s.createElement(S,null)),R&&!o&&s.createElement(p,{widthPx:44},s.createElement(E,null)),R&&y&&o&&s.createElement(p,{widthPx:46},s.createElement("section",{className:N},s.createElement(S,null)),s.createElement("section",{className:N},s.createElement(E,null))),M),R)}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"}}});const B={components:[x,p,f],examples:{basic:{label:"Content Rows",examples:{basic:{react:c.code`
-            import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -17,7 +17,7 @@
               )
             }
           `},withCheckbox:{react:c.code`
-            import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -47,7 +47,7 @@
               )
             }
           `},withCheckboxAndFavorite:{react:c.code`
-            import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -80,7 +80,7 @@
               )
             }
           `}}},expandable:{label:"Expandable Content Rows",examples:{basic:{react:c.code`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -112,7 +112,7 @@
               )
             }
           `},expandableWithCheckbox:{react:c.code`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -156,7 +156,7 @@
               )
             }
           `},expandableWithCheckboxAlternate:{react:c.code`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -201,7 +201,7 @@
               )
             }
           `},expandableWithCheckboxAndFavorite:{react:c.code`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -248,7 +248,7 @@
               )
             }
           `},expandableWithCheckboxAndFavoriteAlternate:{react:c.code`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -296,9 +296,9 @@
               )
             }
           `}}},sortable:{label:"Sortable Content Rows",examples:{basic:{react:c.code`
-          import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+          import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
           import { Card } from "@sps-woodland/cards";
-          import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sortable-header";
+          import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
           import { grid } from "@sps-woodland/tokens";
           
           function Component() {

package/lib/index.es.js

@@ -178,7 +178,7 @@ const q = {
       examples: {
         basic: {
           react: l`
-            import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -199,7 +199,7 @@ const q = {
         },
         withCheckbox: {
           react: l`
-            import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -232,7 +232,7 @@ const q = {
         },
         withCheckboxAndFavorite: {
           react: l`
-            import { ContentRow, ContentRowCol } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -273,7 +273,7 @@ const q = {
       examples: {
         basic: {
           react: l`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -308,7 +308,7 @@ const q = {
         },
         expandableWithCheckbox: {
           react: l`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -355,7 +355,7 @@ const q = {
         },
         expandableWithCheckboxAlternate: {
           react: l`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -403,7 +403,7 @@ const q = {
         },
         expandableWithCheckboxAndFavorite: {
           react: l`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -453,7 +453,7 @@ const q = {
         },
         expandableWithCheckboxAndFavoriteAlternate: {
           react: l`
-            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+            import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
             import { Card } from "@sps-woodland/cards";
             import { Icon } from "@sps-woodland/core";
             import { sprinkles } from "@sps-woodland/tokens";
@@ -509,9 +509,9 @@ const q = {
       examples: {
         basic: {
           react: l`
-          import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-rows";
+          import { ContentRow, ContentRowCol, ContentRowExpansion } from "@sps-woodland/content-row";
           import { Card } from "@sps-woodland/cards";
-          import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sortable-header";
+          import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
           import { grid } from "@sps-woodland/tokens";
           
           function Component() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/content-row",
   "description": "SPS Woodland Design System page title component",
-  "version": "7.16.4",
+  "version": "7.16.5",
   "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": "7.16.4",
-    "@sps-woodland/tokens": "7.16.4",
-    "@spscommerce/ds-colors": "7.16.4",
-    "@spscommerce/ds-react": "7.16.4",
-    "@spscommerce/ds-shared": "7.16.4"
+    "@sps-woodland/core": "7.16.5",
+    "@sps-woodland/tokens": "7.16.5",
+    "@spscommerce/ds-colors": "7.16.5",
+    "@spscommerce/ds-shared": "7.16.5",
+    "@spscommerce/ds-react": "7.16.5"
   },
   "devDependencies": {
     "@spscommerce/ds-illustrations": "6.37.3",
@@ -43,11 +43,11 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "7.16.4",
-    "@sps-woodland/tokens": "7.16.4",
-    "@spscommerce/ds-colors": "7.16.4",
-    "@spscommerce/ds-react": "7.16.4",
-    "@spscommerce/ds-shared": "7.16.4"
+    "@sps-woodland/core": "7.16.5",
+    "@sps-woodland/tokens": "7.16.5",
+    "@spscommerce/ds-colors": "7.16.5",
+    "@spscommerce/ds-react": "7.16.5",
+    "@spscommerce/ds-shared": "7.16.5"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",