@sps-woodland/side-nav 8.49.0 → 8.50.0
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 +1 -1
- package/lib/index.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/index.js
CHANGED
|
@@ -55,7 +55,7 @@ var q = (t, n, a) => {
|
|
|
55
55
|
for (var [m, p] of t.compoundVariants)
|
|
56
56
|
q(m, i, t.defaultVariants) && (a += " " + p);
|
|
57
57
|
return a;
|
|
58
|
-
}, L = "pkg_sps-woodland_side-
|
|
58
|
+
}, L = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco0", z = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco1", M = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco2", W = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco3", Y = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco4", J = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco5", Q = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco6", G = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco7", X = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8", O = B({ defaultClassName: "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9", variantClassNames: { selected: { true: "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoa", false: "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcob" }, inFilter: { true: "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoc", false: "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcod" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), Z = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcof", F = "pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog";
|
|
59
59
|
function x({
|
|
60
60
|
children: t,
|
|
61
61
|
className: n,
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(s,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.SideNav={},s.React,s.core,s.utils))})(this,(function(s,h,o,c){"use strict";function D(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return n.default=a,Object.freeze(n)}const e=D(h);function M(a,n,t){return n in a?Object.defineProperty(a,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[n]=t,a}function P(a,n){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);n&&(i=i.filter(function(d){return Object.getOwnPropertyDescriptor(a,d).enumerable})),t.push.apply(t,i)}return t}function j(a){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?P(Object(t),!0).forEach(function(i){M(a,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(i){Object.defineProperty(a,i,Object.getOwnPropertyDescriptor(t,i))})}return a}var q=(a,n,t)=>{for(var i of Object.keys(a)){var d;if(a[i]!==((d=n[i])!==null&&d!==void 0?d:t[i]))return!1}return!0},K=a=>n=>{var t=a.defaultClassName,i=j(j({},a.defaultVariants),n);for(var d in i){var l,N=(l=i[d])!==null&&l!==void 0?l:a.defaultVariants[d];if(N!=null){var v=N;typeof v=="boolean"&&(v=v===!0?"true":"false");var p=a.variantClassNames[d][v];p&&(t+=" "+p)}}for(var[I,u]of a.compoundVariants)q(I,i,a.defaultVariants)&&(t+=" "+u);return t},R="pkg_sps-woodland_side-
|
|
1
|
+
(function(s,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.SideNav={},s.React,s.core,s.utils))})(this,(function(s,h,o,c){"use strict";function D(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return n.default=a,Object.freeze(n)}const e=D(h);function M(a,n,t){return n in a?Object.defineProperty(a,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[n]=t,a}function P(a,n){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);n&&(i=i.filter(function(d){return Object.getOwnPropertyDescriptor(a,d).enumerable})),t.push.apply(t,i)}return t}function j(a){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?P(Object(t),!0).forEach(function(i){M(a,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(i){Object.defineProperty(a,i,Object.getOwnPropertyDescriptor(t,i))})}return a}var q=(a,n,t)=>{for(var i of Object.keys(a)){var d;if(a[i]!==((d=n[i])!==null&&d!==void 0?d:t[i]))return!1}return!0},K=a=>n=>{var t=a.defaultClassName,i=j(j({},a.defaultVariants),n);for(var d in i){var l,N=(l=i[d])!==null&&l!==void 0?l:a.defaultVariants[d];if(N!=null){var v=N;typeof v=="boolean"&&(v=v===!0?"true":"false");var p=a.variantClassNames[d][v];p&&(t+=" "+p)}}for(var[I,u]of a.compoundVariants)q(I,i,a.defaultVariants)&&(t+=" "+u);return t},R="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco0",U="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco1",B="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco2",L="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco3",z="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco4",W="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco5",Y="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco6",H="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco7",J="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8",O=K({defaultClassName:"pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9",variantClassNames:{selected:{true:"pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoa",false:"pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcob"},inFilter:{true:"pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoc",false:"pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcod"}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),Q="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcof",F="pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog";function y({children:a,className:n,...t}){return e.createElement("div",{className:U,...t},e.createElement("div",{className:B},a))}o.Metadata.set(y,{name:"SideNavHeader",props:{}});const G=h.createContext({filterValue:"",activeItem:""});function m({children:a,className:n,onSelect:t,as:i,keyId:d,selectableAsParent:l,defaultExpanded:N=!0,expanded:v,onExpandedChange:p,...I}){const u=i??"a",[k,b]=o.selectChildren(a,[{type:m}]),[x,E]=e.useState(N),[g,T]=e.useState(!0),S=e.useContext(G),r=e.useRef(null),_=v!==void 0,C=S.filterValue.length>0?!0:v??x,A=V=>{_||E(V),p?.(V)};return e.useEffect(()=>{T(r.current?.innerText.toLowerCase().includes(S.filterValue.toLowerCase())||!1),S.filterValue.length>0&&!_&&E(!0)},[S]),e.createElement(e.Fragment,null,k.length?e.createElement("ul",{className:J},e.createElement("li",{ref:r,className:O({selected:l&&S.activeItem===d,inFilter:g}),onClick:()=>{t&&l?t(d):t&&!l&&A(!C)}},e.createElement(u,{className:F,...I},e.createElement("div",null,e.createElement(o.Icon,{className:Q,icon:C?"chevron-down":"chevron-right",onClick:()=>{A(!C)}})),b)),C&&k):e.createElement("li",{ref:r,className:O({selected:S.activeItem===d,inFilter:g})},e.createElement(u,{className:F,onClick:()=>{t&&t(d)},...I},a)))}o.Metadata.set(m,{name:"SideNavItem",props:{keyId:{type:"string",required:!0},onSelect:{type:"function"},selectableAsParent:{type:"boolean"},defaultExpanded:{type:"boolean"},expanded:{type:"boolean"},onExpandedChange:{type:"function"},as:{type:"string"}}});function f({children:a,className:n,title:t,onSelect:i,...d}){const[l,N]=o.selectChildren(a,[{type:m}]),v=o.modChildren(l,p=>p.type===m?[{onSelect:i?I=>i(I):()=>{}}]:[]);return e.createElement("div",{className:W,...d},t&&e.createElement("div",{className:Y},t),e.createElement("ul",{className:H},v),N)}o.Metadata.set(f,{name:"SideNavSection",props:{title:{type:"string"}}});function w({children:a,className:n,activeNavItem:t,onChange:i,filterable:d,filterInputPlaceholder:l,...N}){const[v,p,I]=o.selectChildren(a,[{type:y},{type:f},{type:m}]),u=e.useRef(t),[k,b]=e.useState(t),[x,E]=e.useState(""),g=r=>{b(r),i&&i(r)},T=o.modChildren(I,r=>r.type===m?[{onSelect:_=>g(_)}]:[]),S=o.modChildren(p,r=>r.type===f?[{onSelect:_=>g(_)}]:[]);return t!==u.current&&(b(t),u.current=t),e.createElement(G.Provider,{value:{filterValue:x,activeItem:k}},e.createElement("div",{className:o.cl(R),...N},v,d&&e.createElement("div",{className:L},e.createElement("div",{className:z},e.createElement("div",{className:"sps-text-input"},e.createElement("div",{className:"sps-form-control"},e.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),e.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:l,onChange:r=>{E(r.target.value)}}))))),S,e.createElement("ul",{className:H},T)))}o.Metadata.set(w,{name:"SideNav",props:{activeNavItem:{type:"string",required:!0},onChange:{type:"(keyId: string) => void"},filterable:{type:"boolean"},filterInputPlaceholder:{type:"string"}}});const X={"Side Navigation":{description:()=>e.createElement("p",null,"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page."),components:[w,y,f,m],examples:{general:{label:"Usage",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Use the Side Navigation if:"),e.createElement("ul",null,e.createElement("li",null,"The navigation benefits from subsections or nested structures"),e.createElement("li",null,"There are too many items for Tabbed Navigation"),e.createElement("li",null,"The navigation items have long names")),e.createElement("p",null,"Avoid using the Side Navigation if:"),e.createElement("ul",null,e.createElement("li",null,"Tabbed Navigation is sufficient"),e.createElement("li",null,"The full width of the page is required to sufficiently display content")))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{filter:{react:c.code`
|
|
2
2
|
import { SideNav, SideNavHeader, SideNavItem } from "@sps-woodland/side-nav";
|
|
3
3
|
import { Icon } from "@sps-woodland/core";
|
|
4
4
|
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_side-
|
|
1
|
+
.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco0{word-wrap:break-word;background-clip:border-box;background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.125rem;display:flex;flex-direction:column;min-width:0;position:relative}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco1{background-color:#fff;border-bottom:.0625rem solid #d2d4d4ff;margin-bottom:0;padding:.5rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco2{align-items:center;display:flex;float:left;font-size:.75rem;font-weight:600;line-height:1.5rem;margin-bottom:0;padding-left:.5rem;text-transform:uppercase}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco2>i{font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco3{border-bottom:.0625rem solid #d2d4d4ff;padding:.5rem 0}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco4{margin:6px 21px}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco5{margin:0;padding:.5rem 0}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco5+.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco5{border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco6{color:#717779;font-size:1rem;font-weight:400;margin:.25rem 0 .5rem 1rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco7{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8{padding-left:0}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9{display:block;width:100%}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoa{background-color:#e6f2f8;box-shadow:inset .125rem 0 #007db8;color:#1f282c;font-weight:700}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcod{display:none}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoe{display:block;width:100%}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcof{font-size:.625rem;vertical-align:middle;display:inline-block;line-height:1.25rem;margin-top:0;margin-right:.25rem;margin-bottom:0;margin-left:-.875rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{color:#1f282c;cursor:pointer;display:flex;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem .5rem 1.25rem;text-decoration:none}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog:hover{background-color:#f3f4f4}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:2.125rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:3rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:3.875rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco9>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:undefined}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:2.125rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:3rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:3.875rem}.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvco8>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcoe>.pkg_sps-woodland_side-nav__version_8_50_0__hash_1j8bvcog{padding-left:undefined}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/side-nav",
|
|
3
3
|
"description": "SPS Woodland Design System side navigation components",
|
|
4
|
-
"version": "8.
|
|
4
|
+
"version": "8.50.0",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/side-nav",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
|
|
30
30
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
31
31
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
|
-
"@sps-woodland/core": "8.
|
|
33
|
-
"@sps-woodland/tokens": "8.
|
|
32
|
+
"@sps-woodland/core": "8.50.0",
|
|
33
|
+
"@sps-woodland/tokens": "8.50.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "9.0.3",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"@vanilla-extract/recipes": "0.2.5",
|
|
39
39
|
"react": "16.14.0",
|
|
40
40
|
"react-dom": "16.14.0",
|
|
41
|
-
"@sps-woodland/
|
|
42
|
-
"@sps-woodland/
|
|
41
|
+
"@sps-woodland/core": "8.50.0",
|
|
42
|
+
"@sps-woodland/tokens": "8.50.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|