@sps-woodland/core 8.56.1 → 8.56.3

package/lib/side-nav/index.js

@@ -1,228 +1,202 @@
-import * as a from "react";
-import { createContext as R } from "react";
-import { Metadata as E, selectChildren as b, Icon as L, modChildren as S, cl as B } from "@sps-woodland/core";
-function H(t, n, e) {
-  return n in t ? Object.defineProperty(t, n, {
-    value: e,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : t[n] = e, t;
+import * as e from "react";
+import { createContext as t } from "react";
+import { Icon as n, Metadata as r, cl as i, modChildren as a, selectChildren as o } from "@sps-woodland/core";
+//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
+function s(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function V(t, n) {
-  var e = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(t);
-    n && (r = r.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(t, s).enumerable;
-    })), e.push.apply(e, r);
-  }
-  return e;
+function c(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
 }
-function I(t) {
-  for (var n = 1; n < arguments.length; n++) {
-    var e = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? V(Object(e), !0).forEach(function(r) {
-      H(t, r, e[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(e)) : V(Object(e)).forEach(function(r) {
-      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(e, r));
-    });
-  }
-  return t;
+function l(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? c(Object(n), !0).forEach(function(t) {
+			s(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : c(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
 }
-var T = (t, n, e) => {
-  for (var r of Object.keys(t)) {
-    var s;
-    if (t[r] !== ((s = n[r]) !== null && s !== void 0 ? s : e[r]))
-      return !1;
-  }
-  return !0;
-}, q = (t) => (n) => {
-  var e = t.defaultClassName, r = I(I({}, t.defaultVariants), n);
-  for (var s in r) {
-    var i, o = (i = r[s]) !== null && i !== void 0 ? i : t.defaultVariants[s];
-    if (o != null) {
-      var l = o;
-      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var d = (
-        // @ts-expect-error
-        t.variantClassNames[s][l]
-      );
-      d && (e += " " + d);
-    }
-  }
-  for (var [c, v] of t.compoundVariants)
-    T(c, r, t.defaultVariants) && (e += " " + v);
-  return e;
-}, M = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p0", W = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p1", z = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p2", G = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p3", J = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p4", K = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p5", Q = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p6", j = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p7", U = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p8", P = q({ defaultClassName: "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p9", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pa", false: "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pb" }, inFilter: { true: "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pc", false: "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pd" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), X = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pf", F = "pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pg";
-function A({
-  children: t,
-  className: n,
-  ...e
-}) {
-  return /* @__PURE__ */ a.createElement("div", { className: W, ...e }, /* @__PURE__ */ a.createElement("div", { className: z }, t));
+var u = (e, t, n) => {
+	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
+	return !0;
+}, d = (e) => (t) => {
+	var n = e.defaultClassName, r = l(l({}, e.defaultVariants), t);
+	for (var i in r) {
+		var a = r[i] ?? e.defaultVariants[i];
+		if (a != null) {
+			var o = a;
+			typeof o == "boolean" && (o = o === !0 ? "true" : "false");
+			var s = e.variantClassNames[i][o];
+			s && (n += " " + s);
+		}
+	}
+	for (var [c, d] of e.compoundVariants) u(c, r, e.defaultVariants) && (n += " " + d);
+	return n;
+}, f = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p0", p = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p1", m = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p2", h = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p5", g = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p7", _ = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p8", v = d({
+	defaultClassName: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p9",
+	variantClassNames: {
+		selected: {
+			true: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pa",
+			false: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pb"
+		},
+		inFilter: {
+			true: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pc",
+			false: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pd"
+		}
+	},
+	defaultVariants: {
+		selected: !1,
+		inFilter: !0
+	},
+	compoundVariants: []
+}), y = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pf", b = "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pg";
+//#endregion
+//#region src/side-nav/side-nav-header/SideNavHeader.tsx
+function x({ children: t, className: n, ...r }) {
+	return /* @__PURE__ */ e.createElement("div", {
+		className: p,
+		...r
+	}, /* @__PURE__ */ e.createElement("div", { className: m }, t));
 }
-E.set(A, {
-  name: "SideNavHeader",
-  props: {}
+r.set(x, {
+	name: "SideNavHeader",
+	props: {}
 });
-const D = R({
-  filterValue: "",
-  activeItem: ""
+//#endregion
+//#region src/side-nav/side-nav/navContext.ts
+var S = t({
+	filterValue: "",
+	activeItem: ""
 });
-function f({
-  children: t,
-  className: n,
-  onSelect: e,
-  as: r,
-  keyId: s,
-  selectableAsParent: i,
-  defaultExpanded: o = !0,
-  expanded: l,
-  onExpandedChange: d,
-  ...c
-}) {
-  const v = r ?? "a", [h, y] = b(t, [{ type: f }]), [g, w] = a.useState(o), [u, C] = a.useState(!0), p = a.useContext(D), _ = a.useRef(null), m = l !== void 0, N = p.filterValue.length > 0 ? !0 : l ?? g, x = (k) => {
-    m || w(k), d?.(k);
-  };
-  return a.useEffect(() => {
-    C(_.current?.innerText.toLowerCase().includes(p.filterValue.toLowerCase()) || !1), p.filterValue.length > 0 && !m && w(!0);
-  }, [p]), /* @__PURE__ */ a.createElement(a.Fragment, null, h.length ? /* @__PURE__ */ a.createElement("ul", { className: U }, /* @__PURE__ */ a.createElement(
-    "li",
-    {
-      ref: _,
-      className: P({
-        selected: i && p.activeItem === s,
-        // Visibility under the filter must not depend on
-        // `selectableAsParent` — otherwise a non-selectable parent (a
-        // pure section header) is hidden (`display:none`) while its
-        // children remain, flattening the tree.
-        inFilter: u
-      }),
-      onClick: () => {
-        e && i ? e(s) : e && !i && x(!N);
-      }
-    },
-    /* @__PURE__ */ a.createElement(v, { className: F, ...c }, /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(
-      L,
-      {
-        className: X,
-        icon: N ? "chevron-down" : "chevron-right",
-        onClick: () => {
-          x(!N);
-        }
-      }
-    )), y)
-  ), N && h) : /* @__PURE__ */ a.createElement(
-    "li",
-    {
-      ref: _,
-      className: P({
-        selected: p.activeItem === s,
-        inFilter: u
-      })
-    },
-    /* @__PURE__ */ a.createElement(
-      v,
-      {
-        className: F,
-        onClick: () => {
-          e && e(s);
-        },
-        ...c
-      },
-      t
-    )
-  ));
+//#endregion
+//#region src/side-nav/side-nav-item/SideNavItem.tsx
+function C({ children: t, className: r, onSelect: i, as: a, keyId: s, selectableAsParent: c, defaultExpanded: l = !0, expanded: u, onExpandedChange: d, ...f }) {
+	let p = a ?? "a", [m, h] = o(t, [{ type: C }]), [g, x] = e.useState(l), [w, T] = e.useState(!0), E = e.useContext(S), D = e.useRef(null), O = u !== void 0, k = E.filterValue.length > 0 ? !0 : u ?? g, A = (e) => {
+		O || x(e), d?.(e);
+	}, j = {
+		tabIndex: 0,
+		role: p === "a" && f.href == null ? "link" : void 0,
+		onKeyDown: (e) => {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			let t = e.currentTarget;
+			t.tagName === "BUTTON" || t.tagName === "A" && t.hasAttribute("href") || (e.preventDefault(), t.click());
+		}
+	};
+	return e.useEffect(() => {
+		T(D.current?.innerText.toLowerCase().includes(E.filterValue.toLowerCase()) || !1), E.filterValue.length > 0 && !O && x(!0);
+	}, [E]), /* @__PURE__ */ e.createElement(e.Fragment, null, m.length ? /* @__PURE__ */ e.createElement("ul", { className: _ }, /* @__PURE__ */ e.createElement("li", {
+		ref: D,
+		className: v({
+			selected: c && E.activeItem === s,
+			inFilter: w
+		}),
+		onClick: () => {
+			i && c ? i(s) : i && !c && A(!k);
+		}
+	}, /* @__PURE__ */ e.createElement(p, {
+		className: b,
+		...j,
+		...f
+	}, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(n, {
+		className: y,
+		icon: k ? "chevron-down" : "chevron-right",
+		onClick: () => {
+			A(!k);
+		}
+	})), h)), k && m) : /* @__PURE__ */ e.createElement("li", {
+		ref: D,
+		className: v({
+			selected: E.activeItem === s,
+			inFilter: w
+		})
+	}, /* @__PURE__ */ e.createElement(p, {
+		className: b,
+		onClick: () => {
+			i && i(s);
+		},
+		...j,
+		...f
+	}, t)));
 }
-E.set(f, {
-  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" }
-  }
+r.set(C, {
+	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 O({
-  children: t,
-  className: n,
-  title: e,
-  onSelect: r,
-  ...s
-}) {
-  const [i, o] = b(t, [{ type: f }]), l = S(i, (d) => d.type === f ? [
-    {
-      onSelect: r ? (c) => r(c) : () => {
-      }
-    }
-  ] : []);
-  return /* @__PURE__ */ a.createElement("div", { className: K, ...s }, e && /* @__PURE__ */ a.createElement("div", { className: Q }, e), /* @__PURE__ */ a.createElement("ul", { className: j }, l), o);
+//#endregion
+//#region src/side-nav/side-nav-section/SideNavSection.tsx
+function w({ children: t, className: n, title: r, onSelect: i, ...s }) {
+	let [c, l] = o(t, [{ type: C }]), u = a(c, (e) => e.type === C ? [{ onSelect: i ? (e) => i(e) : () => {} }] : []);
+	return /* @__PURE__ */ e.createElement("div", {
+		className: h,
+		...s
+	}, r && /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p6" }, r), /* @__PURE__ */ e.createElement("ul", { className: g }, u), l);
 }
-E.set(O, {
-  name: "SideNavSection",
-  props: {
-    title: { type: "string" }
-  }
+r.set(w, {
+	name: "SideNavSection",
+	props: { title: { type: "string" } }
 });
-function Y({
-  children: t,
-  className: n,
-  activeNavItem: e,
-  onChange: r,
-  filterable: s,
-  filterInputPlaceholder: i,
-  ...o
-}) {
-  const [
-    l,
-    d,
-    c
-  ] = b(t, [
-    { type: A },
-    { type: O },
-    { type: f }
-  ]), v = a.useRef(e), [h, y] = a.useState(e), [g, w] = a.useState(""), u = (_) => {
-    y(_), r && r(_);
-  }, C = S(c, (_) => _.type === f ? [
-    {
-      onSelect: (m) => u(m)
-    }
-  ] : []), p = S(
-    d,
-    (_) => _.type === O ? [
-      {
-        onSelect: (m) => u(m)
-      }
-    ] : []
-  );
-  return e !== v.current && (y(e), v.current = e), /* @__PURE__ */ a.createElement(D.Provider, { value: { filterValue: g, activeItem: h } }, /* @__PURE__ */ a.createElement("div", { className: B(M), ...o }, l, s && /* @__PURE__ */ a.createElement("div", { className: G }, /* @__PURE__ */ a.createElement("div", { className: J }, /* @__PURE__ */ a.createElement("div", { className: "sps-text-input" }, /* @__PURE__ */ a.createElement("div", { className: "sps-form-control" }, /* @__PURE__ */ a.createElement("i", { className: "sps-text-input__icon sps-icon sps-icon-filter" }), /* @__PURE__ */ a.createElement(
-    "input",
-    {
-      type: "text",
-      className: "sps-text-input__input",
-      placeholder: i,
-      onChange: (_) => {
-        w(_.target.value);
-      }
-    }
-  ))))), p, /* @__PURE__ */ a.createElement("ul", { className: j }, C)));
+//#endregion
+//#region src/side-nav/side-nav/SideNav.tsx
+function T({ children: t, className: n, activeNavItem: r, onChange: s, filterable: c, filterInputPlaceholder: l, ...u }) {
+	let [d, p, m] = o(t, [
+		{ type: x },
+		{ type: w },
+		{ type: C }
+	]), h = e.useRef(r), [_, v] = e.useState(r), [y, b] = e.useState(""), T = (e) => {
+		v(e), s && s(e);
+	}, E = a(m, (e) => e.type === C ? [{ onSelect: (e) => T(e) }] : []), D = a(p, (e) => e.type === w ? [{ onSelect: (e) => T(e) }] : []);
+	return r !== h.current && (v(r), h.current = r), /* @__PURE__ */ e.createElement(S.Provider, { value: {
+		filterValue: y,
+		activeItem: _
+	} }, /* @__PURE__ */ e.createElement("div", {
+		className: i(f),
+		...u
+	}, d, c && /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p3" }, /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p4" }, /* @__PURE__ */ e.createElement("div", { className: "sps-text-input" }, /* @__PURE__ */ e.createElement("div", { className: "sps-form-control" }, /* @__PURE__ */ e.createElement("i", { className: "sps-text-input__icon sps-icon sps-icon-filter" }), /* @__PURE__ */ e.createElement("input", {
+		type: "text",
+		className: "sps-text-input__input",
+		placeholder: l,
+		onChange: (e) => {
+			b(e.target.value);
+		}
+	}))))), D, /* @__PURE__ */ e.createElement("ul", { className: g }, E)));
 }
-E.set(Y, {
-  name: "SideNav",
-  props: {
-    activeNavItem: { type: "string", required: !0 },
-    onChange: { type: "(keyId: string) => void" },
-    filterable: { type: "boolean" },
-    filterInputPlaceholder: { type: "string" }
-  }
+r.set(T, {
+	name: "SideNav",
+	props: {
+		activeNavItem: {
+			type: "string",
+			required: !0
+		},
+		onChange: { type: "(keyId: string) => void" },
+		filterable: { type: "boolean" },
+		filterInputPlaceholder: { type: "string" }
+	}
 });
-export {
-  Y as SideNav,
-  A as SideNavHeader,
-  f as SideNavItem,
-  O as SideNavSection
-};
+//#endregion
+export { T as SideNav, x as SideNavHeader, C as SideNavItem, w as SideNavSection };

package/lib/side-nav/index.umd.cjs

@@ -1 +1 @@
-(function(l,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],h):(l=typeof globalThis<"u"?globalThis:l||self,h(l.SideNav={},l.react,l.spsWoodlandCore))})(this,(function(l,h,i){"use strict";function A(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const a=A(h);function q(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function x(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),e.push.apply(e,n)}return e}function k(t){for(var r=1;r<arguments.length;r++){var e=arguments[r]!=null?arguments[r]:{};r%2?x(Object(e),!0).forEach(function(n){q(t,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):x(Object(e)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})}return t}var H=(t,r,e)=>{for(var n of Object.keys(t)){var s;if(t[n]!==((s=r[n])!==null&&s!==void 0?s:e[n]))return!1}return!0},L=t=>r=>{var e=t.defaultClassName,n=k(k({},t.defaultVariants),r);for(var s in n){var o,c=(o=n[s])!==null&&o!==void 0?o:t.defaultVariants[s];if(c!=null){var d=c;typeof d=="boolean"&&(d=d===!0?"true":"false");var p=t.variantClassNames[s][d];p&&(e+=" "+p)}}for(var[u,m]of t.compoundVariants)H(u,n,t.defaultVariants)&&(e+=" "+m);return e},R="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p0",B="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p1",W="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p2",z="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p3",G="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p4",J="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p5",K="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p6",P="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p7",Q="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p8",I=L({defaultClassName:"pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70p9",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pa",false:"pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pb"},inFilter:{true:"pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pc",false:"pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pd"}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),U="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pf",V="pkg_sps-woodland_core__family_side-nav__version_8_56_1__hash_1wtt70pg";function b({children:t,className:r,...e}){return a.createElement("div",{className:B,...e},a.createElement("div",{className:W},t))}i.Metadata.set(b,{name:"SideNavHeader",props:{}});const F=h.createContext({filterValue:"",activeItem:""});function v({children:t,className:r,onSelect:e,as:n,keyId:s,selectableAsParent:o,defaultExpanded:c=!0,expanded:d,onExpandedChange:p,...u}){const m=n??"a",[g,E]=i.selectChildren(t,[{type:v}]),[O,S]=a.useState(c),[N,j]=a.useState(!0),f=a.useContext(F),_=a.useRef(null),y=d!==void 0,C=f.filterValue.length>0?!0:d??O,T=M=>{y||S(M),p?.(M)};return a.useEffect(()=>{j(_.current?.innerText.toLowerCase().includes(f.filterValue.toLowerCase())||!1),f.filterValue.length>0&&!y&&S(!0)},[f]),a.createElement(a.Fragment,null,g.length?a.createElement("ul",{className:Q},a.createElement("li",{ref:_,className:I({selected:o&&f.activeItem===s,inFilter:N}),onClick:()=>{e&&o?e(s):e&&!o&&T(!C)}},a.createElement(m,{className:V,...u},a.createElement("div",null,a.createElement(i.Icon,{className:U,icon:C?"chevron-down":"chevron-right",onClick:()=>{T(!C)}})),E)),C&&g):a.createElement("li",{ref:_,className:I({selected:f.activeItem===s,inFilter:N})},a.createElement(m,{className:V,onClick:()=>{e&&e(s)},...u},t)))}i.Metadata.set(v,{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 w({children:t,className:r,title:e,onSelect:n,...s}){const[o,c]=i.selectChildren(t,[{type:v}]),d=i.modChildren(o,p=>p.type===v?[{onSelect:n?u=>n(u):()=>{}}]:[]);return a.createElement("div",{className:J,...s},e&&a.createElement("div",{className:K},e),a.createElement("ul",{className:P},d),c)}i.Metadata.set(w,{name:"SideNavSection",props:{title:{type:"string"}}});function D({children:t,className:r,activeNavItem:e,onChange:n,filterable:s,filterInputPlaceholder:o,...c}){const[d,p,u]=i.selectChildren(t,[{type:b},{type:w},{type:v}]),m=a.useRef(e),[g,E]=a.useState(e),[O,S]=a.useState(""),N=_=>{E(_),n&&n(_)},j=i.modChildren(u,_=>_.type===v?[{onSelect:y=>N(y)}]:[]),f=i.modChildren(p,_=>_.type===w?[{onSelect:y=>N(y)}]:[]);return e!==m.current&&(E(e),m.current=e),a.createElement(F.Provider,{value:{filterValue:O,activeItem:g}},a.createElement("div",{className:i.cl(R),...c},d,s&&a.createElement("div",{className:z},a.createElement("div",{className:G},a.createElement("div",{className:"sps-text-input"},a.createElement("div",{className:"sps-form-control"},a.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),a.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:o,onChange:_=>{S(_.target.value)}}))))),f,a.createElement("ul",{className:P},j)))}i.Metadata.set(D,{name:"SideNav",props:{activeNavItem:{type:"string",required:!0},onChange:{type:"(keyId: string) => void"},filterable:{type:"boolean"},filterInputPlaceholder:{type:"string"}}}),l.SideNav=D,l.SideNavHeader=b,l.SideNavItem=v,l.SideNavSection=w,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.SideNav={},e.react,e.spsWoodlandCore))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:r(s(e)),l(t||!e||!e.__esModule||!c.call(e,`default`)?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){u(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var p=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},m=e=>t=>{var n=e.defaultClassName,r=f(f({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)p(c,r,e.defaultVariants)&&(n+=` `+l);return n},h=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p0`,g=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p1`,_=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p2`,v=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p5`,y=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p7`,b=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p8`,x=m({defaultClassName:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p9`,variantClassNames:{selected:{true:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pa`,false:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pb`},inFilter:{true:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pc`,false:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pd`}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),S=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pf`,C=`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70pg`;function w({children:e,className:n,...r}){return t.createElement(`div`,{className:g,...r},t.createElement(`div`,{className:_},e))}n.Metadata.set(w,{name:`SideNavHeader`,props:{}});var T=(0,t.createContext)({filterValue:``,activeItem:``});function E({children:e,className:r,onSelect:i,as:a,keyId:o,selectableAsParent:s,defaultExpanded:c=!0,expanded:l,onExpandedChange:u,...d}){let f=a??`a`,[p,m]=(0,n.selectChildren)(e,[{type:E}]),[h,g]=t.useState(c),[_,v]=t.useState(!0),y=t.useContext(T),w=t.useRef(null),D=l!==void 0,O=y.filterValue.length>0?!0:l??h,k=e=>{D||g(e),u?.(e)},A={tabIndex:0,role:f===`a`&&d.href==null?`link`:void 0,onKeyDown:e=>{if(e.key!==`Enter`&&e.key!==` `)return;let t=e.currentTarget;t.tagName===`BUTTON`||t.tagName===`A`&&t.hasAttribute(`href`)||(e.preventDefault(),t.click())}};return t.useEffect(()=>{v(w.current?.innerText.toLowerCase().includes(y.filterValue.toLowerCase())||!1),y.filterValue.length>0&&!D&&g(!0)},[y]),t.createElement(t.Fragment,null,p.length?t.createElement(`ul`,{className:b},t.createElement(`li`,{ref:w,className:x({selected:s&&y.activeItem===o,inFilter:_}),onClick:()=>{i&&s?i(o):i&&!s&&k(!O)}},t.createElement(f,{className:C,...A,...d},t.createElement(`div`,null,t.createElement(n.Icon,{className:S,icon:O?`chevron-down`:`chevron-right`,onClick:()=>{k(!O)}})),m)),O&&p):t.createElement(`li`,{ref:w,className:x({selected:y.activeItem===o,inFilter:_})},t.createElement(f,{className:C,onClick:()=>{i&&i(o)},...A,...d},e)))}n.Metadata.set(E,{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 D({children:e,className:r,title:i,onSelect:a,...o}){let[s,c]=(0,n.selectChildren)(e,[{type:E}]),l=(0,n.modChildren)(s,e=>e.type===E?[{onSelect:a?e=>a(e):()=>{}}]:[]);return t.createElement(`div`,{className:v,...o},i&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p6`},i),t.createElement(`ul`,{className:y},l),c)}n.Metadata.set(D,{name:`SideNavSection`,props:{title:{type:`string`}}});function O({children:e,className:r,activeNavItem:i,onChange:a,filterable:o,filterInputPlaceholder:s,...c}){let[l,u,d]=(0,n.selectChildren)(e,[{type:w},{type:D},{type:E}]),f=t.useRef(i),[p,m]=t.useState(i),[g,_]=t.useState(``),v=e=>{m(e),a&&a(e)},b=(0,n.modChildren)(d,e=>e.type===E?[{onSelect:e=>v(e)}]:[]),x=(0,n.modChildren)(u,e=>e.type===D?[{onSelect:e=>v(e)}]:[]);return i!==f.current&&(m(i),f.current=i),t.createElement(T.Provider,{value:{filterValue:g,activeItem:p}},t.createElement(`div`,{className:(0,n.cl)(h),...c},l,o&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p3`},t.createElement(`div`,{className:`pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p4`},t.createElement(`div`,{className:`sps-text-input`},t.createElement(`div`,{className:`sps-form-control`},t.createElement(`i`,{className:`sps-text-input__icon sps-icon sps-icon-filter`}),t.createElement(`input`,{type:`text`,className:`sps-text-input__input`,placeholder:s,onChange:e=>{_(e.target.value)}}))))),x,t.createElement(`ul`,{className:y},b)))}n.Metadata.set(O,{name:`SideNav`,props:{activeNavItem:{type:`string`,required:!0},onChange:{type:`(keyId: string) => void`},filterable:{type:`boolean`},filterInputPlaceholder:{type:`string`}}}),e.SideNav=O,e.SideNavHeader=w,e.SideNavItem=E,e.SideNavSection=D});

package/lib/side-nav/side-nav/SideNav.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.css.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav/SideNav.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,QAY3B,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAUvB,CAAC;AAOH,eAAO,MAAM,oBAAoB,QAG/B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAE/B,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAMH,eAAO,MAAM,mBAAmB,QAK9B,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EA0BtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAS5B,CAAC;AAEH,eAAO,MAAM,WAAW,QAiBtB,CAAC"}
+{"version":3,"file":"SideNav.css.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav/SideNav.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,QAY3B,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAUvB,CAAC;AAOH,eAAO,MAAM,oBAAoB,QAG/B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAE/B,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAMH,eAAO,MAAM,mBAAmB,QAK9B,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EA0BtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAS5B,CAAC;AAEH,eAAO,MAAM,WAAW,QAoBtB,CAAC"}

package/lib/side-nav/side-nav/SideNav.js

@@ -1,62 +1,45 @@
-import * as e from "react";
-import { Metadata as g, selectChildren as I, modChildren as l, cl as _ } from "@sps-woodland/core";
-import { SideNavHeader as A } from "../side-nav-header/SideNavHeader.js";
-import { SideNavItem as c } from "../side-nav-item/SideNavItem.js";
-import { SideNavSection as m } from "../side-nav-section/SideNavSection.js";
-import { sideNavContainer as F, sideNavFilterSection as P, sideNavFilterWrapper as R, sideNavBranch as V } from "./SideNav.ve.js";
-import { navContext as b } from "./navContext.js";
-function k({
-  children: d,
-  className: q,
-  activeNavItem: r,
-  onChange: a,
-  filterable: p,
-  filterInputPlaceholder: u,
-  ...v
-}) {
-  const [
-    N,
-    f,
-    S
-  ] = I(d, [
-    { type: A },
-    { type: m },
-    { type: c }
-  ]), n = e.useRef(r), [E, s] = e.useState(r), [h, y] = e.useState(""), o = (t) => {
-    s(t), a && a(t);
-  }, C = l(S, (t) => t.type === c ? [
-    {
-      onSelect: (i) => o(i)
-    }
-  ] : []), x = l(
-    f,
-    (t) => t.type === m ? [
-      {
-        onSelect: (i) => o(i)
-      }
-    ] : []
-  );
-  return r !== n.current && (s(r), n.current = r), /* @__PURE__ */ e.createElement(b.Provider, { value: { filterValue: h, activeItem: E } }, /* @__PURE__ */ e.createElement("div", { className: _(F), ...v }, N, p && /* @__PURE__ */ e.createElement("div", { className: P }, /* @__PURE__ */ e.createElement("div", { className: R }, /* @__PURE__ */ e.createElement("div", { className: "sps-text-input" }, /* @__PURE__ */ e.createElement("div", { className: "sps-form-control" }, /* @__PURE__ */ e.createElement("i", { className: "sps-text-input__icon sps-icon sps-icon-filter" }), /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      type: "text",
-      className: "sps-text-input__input",
-      placeholder: u,
-      onChange: (t) => {
-        y(t.target.value);
-      }
-    }
-  ))))), x, /* @__PURE__ */ e.createElement("ul", { className: V }, C)));
+import { sideNavBranch as e, sideNavContainer as t } from "./SideNav.ve.js";
+import { SideNavHeader as n } from "../side-nav-header/SideNavHeader.js";
+import { navContext as r } from "./navContext.js";
+import { SideNavItem as i } from "../side-nav-item/SideNavItem.js";
+import { SideNavSection as a } from "../side-nav-section/SideNavSection.js";
+import { Metadata as o, cl as s, modChildren as c, selectChildren as l } from "@sps-woodland/core";
+import * as u from "react";
+//#region src/side-nav/side-nav/SideNav.tsx
+function d({ children: o, className: d, activeNavItem: f, onChange: p, filterable: m, filterInputPlaceholder: h, ...g }) {
+	let [_, v, y] = l(o, [
+		{ type: n },
+		{ type: a },
+		{ type: i }
+	]), b = u.useRef(f), [x, S] = u.useState(f), [C, w] = u.useState(""), T = (e) => {
+		S(e), p && p(e);
+	}, E = c(y, (e) => e.type === i ? [{ onSelect: (e) => T(e) }] : []), D = c(v, (e) => e.type === a ? [{ onSelect: (e) => T(e) }] : []);
+	return f !== b.current && (S(f), b.current = f), /* @__PURE__ */ u.createElement(r.Provider, { value: {
+		filterValue: C,
+		activeItem: x
+	} }, /* @__PURE__ */ u.createElement("div", {
+		className: s(t),
+		...g
+	}, _, m && /* @__PURE__ */ u.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p3" }, /* @__PURE__ */ u.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_3__hash_1wtt70p4" }, /* @__PURE__ */ u.createElement("div", { className: "sps-text-input" }, /* @__PURE__ */ u.createElement("div", { className: "sps-form-control" }, /* @__PURE__ */ u.createElement("i", { className: "sps-text-input__icon sps-icon sps-icon-filter" }), /* @__PURE__ */ u.createElement("input", {
+		type: "text",
+		className: "sps-text-input__input",
+		placeholder: h,
+		onChange: (e) => {
+			w(e.target.value);
+		}
+	}))))), D, /* @__PURE__ */ u.createElement("ul", { className: e }, E)));
 }
-g.set(k, {
-  name: "SideNav",
-  props: {
-    activeNavItem: { type: "string", required: !0 },
-    onChange: { type: "(keyId: string) => void" },
-    filterable: { type: "boolean" },
-    filterInputPlaceholder: { type: "string" }
-  }
+o.set(d, {
+	name: "SideNav",
+	props: {
+		activeNavItem: {
+			type: "string",
+			required: !0
+		},
+		onChange: { type: "(keyId: string) => void" },
+		filterable: { type: "boolean" },
+		filterInputPlaceholder: { type: "string" }
+	}
 });
-export {
-  k as SideNav
-};
+//#endregion
+export { d as SideNav };