@sps-woodland/core 8.56.2 → 8.56.4

package/lib/side-nav/index.js

@@ -1,240 +1,202 @@
-import * as a from "react";
-import { createContext as R } from "react";
-import { Metadata as C, selectChildren as k, Icon as B, modChildren as O, cl as L } from "@sps-woodland/core";
-function W(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.3/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 A(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) {
-      W(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 q = (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;
-}, K = (t) => (n) => {
-  var e = t.defaultClassName, r = A(A({}, t.defaultVariants), n);
-  for (var s in r) {
-    var _, c = (_ = r[s]) !== null && _ !== void 0 ? _ : t.defaultVariants[s];
-    if (c != null) {
-      var l = c;
-      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var d = (
-        // @ts-expect-error
-        t.variantClassNames[s][l]
-      );
-      d && (e += " " + d);
-    }
-  }
-  for (var [o, p] of t.compoundVariants)
-    q(o, r, t.defaultVariants) && (e += " " + p);
-  return e;
-}, M = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p0", U = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p1", z = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p2", G = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p3", J = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p4", Q = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p5", X = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p6", D = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p7", Y = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p8", F = K({ defaultClassName: "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p9", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pa", false: "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pb" }, inFilter: { true: "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pc", false: "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pd" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), Z = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pf", j = "pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pg";
-function T({
-  children: t,
-  className: n,
-  ...e
-}) {
-  return /* @__PURE__ */ a.createElement("div", { className: U, ...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_4__hash_1wtt70p0", p = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p1", m = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p2", h = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p5", g = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p7", _ = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8", v = d({
+	defaultClassName: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9",
+	variantClassNames: {
+		selected: {
+			true: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pa",
+			false: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pb"
+		},
+		inFilter: {
+			true: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pc",
+			false: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pd"
+		}
+	},
+	defaultVariants: {
+		selected: !1,
+		inFilter: !0
+	},
+	compoundVariants: []
+}), y = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pf", b = "pkg_sps-woodland_core__family_side-nav__version_8_56_4__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));
 }
-C.set(T, {
-  name: "SideNavHeader",
-  props: {}
+r.set(x, {
+	name: "SideNavHeader",
+	props: {}
 });
-const H = 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: _,
-  defaultExpanded: c = !0,
-  expanded: l,
-  onExpandedChange: d,
-  ...o
-}) {
-  const p = r ?? "a", [y, N] = k(t, [{ type: f }]), [S, w] = a.useState(c), [h, b] = a.useState(!0), v = a.useContext(H), i = a.useRef(null), u = l !== void 0, g = v.filterValue.length > 0 ? !0 : l ?? S, I = (m) => {
-    u || w(m), d?.(m);
-  }, P = {
-    tabIndex: 0,
-    role: p === "a" && o.href == null ? "link" : void 0,
-    onKeyDown: (m) => {
-      if (m.key !== "Enter" && m.key !== " ")
-        return;
-      const E = m.currentTarget;
-      E.tagName === "BUTTON" || E.tagName === "A" && E.hasAttribute("href") || (m.preventDefault(), E.click());
-    }
-  };
-  return a.useEffect(() => {
-    b(
-      i.current?.innerText.toLowerCase().includes(v.filterValue.toLowerCase()) || !1
-    ), v.filterValue.length > 0 && !u && w(!0);
-  }, [v]), /* @__PURE__ */ a.createElement(a.Fragment, null, y.length ? /* @__PURE__ */ a.createElement("ul", { className: Y }, /* @__PURE__ */ a.createElement(
-    "li",
-    {
-      ref: i,
-      className: F({
-        selected: _ && v.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: h
-      }),
-      onClick: () => {
-        e && _ ? e(s) : e && !_ && I(!g);
-      }
-    },
-    /* @__PURE__ */ a.createElement(p, { className: j, ...P, ...o }, /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(
-      B,
-      {
-        className: Z,
-        icon: g ? "chevron-down" : "chevron-right",
-        onClick: () => {
-          I(!g);
-        }
-      }
-    )), N)
-  ), g && y) : /* @__PURE__ */ a.createElement(
-    "li",
-    {
-      ref: i,
-      className: F({
-        selected: v.activeItem === s,
-        inFilter: h
-      })
-    },
-    /* @__PURE__ */ a.createElement(
-      p,
-      {
-        className: j,
-        onClick: () => {
-          e && e(s);
-        },
-        ...P,
-        ...o
-      },
-      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)));
 }
-C.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 x({
-  children: t,
-  className: n,
-  title: e,
-  onSelect: r,
-  ...s
-}) {
-  const [_, c] = k(t, [{ type: f }]), l = O(_, (d) => d.type === f ? [
-    {
-      onSelect: r ? (o) => r(o) : () => {
-      }
-    }
-  ] : []);
-  return /* @__PURE__ */ a.createElement("div", { className: Q, ...s }, e && /* @__PURE__ */ a.createElement("div", { className: X }, e), /* @__PURE__ */ a.createElement("ul", { className: D }, l), c);
+//#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_4__hash_1wtt70p6" }, r), /* @__PURE__ */ e.createElement("ul", { className: g }, u), l);
 }
-C.set(x, {
-  name: "SideNavSection",
-  props: {
-    title: { type: "string" }
-  }
+r.set(w, {
+	name: "SideNavSection",
+	props: { title: { type: "string" } }
 });
-function $({
-  children: t,
-  className: n,
-  activeNavItem: e,
-  onChange: r,
-  filterable: s,
-  filterInputPlaceholder: _,
-  ...c
-}) {
-  const [
-    l,
-    d,
-    o
-  ] = k(t, [
-    { type: T },
-    { type: x },
-    { type: f }
-  ]), p = a.useRef(e), [y, N] = a.useState(e), [S, w] = a.useState(""), h = (i) => {
-    N(i), r && r(i);
-  }, b = O(o, (i) => i.type === f ? [
-    {
-      onSelect: (u) => h(u)
-    }
-  ] : []), v = O(
-    d,
-    (i) => i.type === x ? [
-      {
-        onSelect: (u) => h(u)
-      }
-    ] : []
-  );
-  return e !== p.current && (N(e), p.current = e), /* @__PURE__ */ a.createElement(H.Provider, { value: { filterValue: S, activeItem: y } }, /* @__PURE__ */ a.createElement("div", { className: L(M), ...c }, 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: _,
-      onChange: (i) => {
-        w(i.target.value);
-      }
-    }
-  ))))), v, /* @__PURE__ */ a.createElement("ul", { className: D }, b)));
+//#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_4__hash_1wtt70p3" }, /* @__PURE__ */ e.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__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)));
 }
-C.set($, {
-  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 {
-  $ as SideNav,
-  T as SideNavHeader,
-  f as SideNavItem,
-  x 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,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],y):(l=typeof globalThis<"u"?globalThis:l||self,y(l.SideNav={},l.react,l.spsWoodlandCore))})(this,(function(l,y,i){"use strict";function q(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=q(y);function B(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function P(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 I(t){for(var r=1;r<arguments.length;r++){var e=arguments[r]!=null?arguments[r]:{};r%2?P(Object(e),!0).forEach(function(n){B(t,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):P(Object(e)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})}return t}var L=(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},R=t=>r=>{var e=t.defaultClassName,n=I(I({},t.defaultVariants),r);for(var s in n){var o,p=(o=n[s])!==null&&o!==void 0?o:t.defaultVariants[s];if(p!=null){var d=p;typeof d=="boolean"&&(d=d===!0?"true":"false");var u=t.variantClassNames[s][d];u&&(e+=" "+u)}}for(var[c,f]of t.compoundVariants)L(c,n,t.defaultVariants)&&(e+=" "+f);return e},W="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p0",z="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p1",K="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p2",U="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p3",G="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p4",J="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p5",Q="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p6",V="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p7",X="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p8",A=R({defaultClassName:"pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70p9",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pa",false:"pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pb"},inFilter:{true:"pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pc",false:"pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pd"}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),Y="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pf",F="pkg_sps-woodland_core__family_side-nav__version_8_56_2__hash_1wtt70pg";function k({children:t,className:r,...e}){return a.createElement("div",{className:z,...e},a.createElement("div",{className:K},t))}i.Metadata.set(k,{name:"SideNavHeader",props:{}});const T=y.createContext({filterValue:"",activeItem:""});function m({children:t,className:r,onSelect:e,as:n,keyId:s,selectableAsParent:o,defaultExpanded:p=!0,expanded:d,onExpandedChange:u,...c}){const f=n??"a",[E,S]=i.selectChildren(t,[{type:m}]),[x,C]=a.useState(p),[w,j]=a.useState(!0),v=a.useContext(T),_=a.useRef(null),N=d!==void 0,b=v.filterValue.length>0?!0:d??x,H=h=>{N||C(h),u?.(h)},M={tabIndex:0,role:f==="a"&&c.href==null?"link":void 0,onKeyDown:h=>{if(h.key!=="Enter"&&h.key!==" ")return;const O=h.currentTarget;O.tagName==="BUTTON"||O.tagName==="A"&&O.hasAttribute("href")||(h.preventDefault(),O.click())}};return a.useEffect(()=>{j(_.current?.innerText.toLowerCase().includes(v.filterValue.toLowerCase())||!1),v.filterValue.length>0&&!N&&C(!0)},[v]),a.createElement(a.Fragment,null,E.length?a.createElement("ul",{className:X},a.createElement("li",{ref:_,className:A({selected:o&&v.activeItem===s,inFilter:w}),onClick:()=>{e&&o?e(s):e&&!o&&H(!b)}},a.createElement(f,{className:F,...M,...c},a.createElement("div",null,a.createElement(i.Icon,{className:Y,icon:b?"chevron-down":"chevron-right",onClick:()=>{H(!b)}})),S)),b&&E):a.createElement("li",{ref:_,className:A({selected:v.activeItem===s,inFilter:w})},a.createElement(f,{className:F,onClick:()=>{e&&e(s)},...M,...c},t)))}i.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 g({children:t,className:r,title:e,onSelect:n,...s}){const[o,p]=i.selectChildren(t,[{type:m}]),d=i.modChildren(o,u=>u.type===m?[{onSelect:n?c=>n(c):()=>{}}]:[]);return a.createElement("div",{className:J,...s},e&&a.createElement("div",{className:Q},e),a.createElement("ul",{className:V},d),p)}i.Metadata.set(g,{name:"SideNavSection",props:{title:{type:"string"}}});function D({children:t,className:r,activeNavItem:e,onChange:n,filterable:s,filterInputPlaceholder:o,...p}){const[d,u,c]=i.selectChildren(t,[{type:k},{type:g},{type:m}]),f=a.useRef(e),[E,S]=a.useState(e),[x,C]=a.useState(""),w=_=>{S(_),n&&n(_)},j=i.modChildren(c,_=>_.type===m?[{onSelect:N=>w(N)}]:[]),v=i.modChildren(u,_=>_.type===g?[{onSelect:N=>w(N)}]:[]);return e!==f.current&&(S(e),f.current=e),a.createElement(T.Provider,{value:{filterValue:x,activeItem:E}},a.createElement("div",{className:i.cl(W),...p},d,s&&a.createElement("div",{className:U},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:_=>{C(_.target.value)}}))))),v,a.createElement("ul",{className:V},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=k,l.SideNavItem=m,l.SideNavSection=g,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_4__hash_1wtt70p0`,g=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p1`,_=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p2`,v=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p5`,y=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p7`,b=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p8`,x=m({defaultClassName:`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70p9`,variantClassNames:{selected:{true:`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pa`,false:`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pb`},inFilter:{true:`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pc`,false:`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pd`}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),S=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__hash_1wtt70pf`,C=`pkg_sps-woodland_core__family_side-nav__version_8_56_4__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_4__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_4__hash_1wtt70p3`},t.createElement(`div`,{className:`pkg_sps-woodland_core__family_side-nav__version_8_56_4__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.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_4__hash_1wtt70p3" }, /* @__PURE__ */ u.createElement("div", { className: "pkg_sps-woodland_core__family_side-nav__version_8_56_4__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 };