@actioneer/ads 1.0.8 → 1.0.10

package/components/popover.js

@@ -1,99 +1,109 @@
 "use client";
-import { jsx as g, jsxs as C } from "react/jsx-runtime";
-import * as n from "react";
-import { createPortal as y } from "react-dom";
-import { MotionConfig as L, AnimatePresence as R, motion as k } from "motion/react";
+import { jsx as b, jsxs as y } from "react/jsx-runtime";
+import * as r from "react";
+import { createPortal as L } from "react-dom";
+import { MotionConfig as R, AnimatePresence as k, motion as C } from "motion/react";
 import { cn as z } from "../lib/cn.js";
-import { floatVariants as O } from "../lib/motion.js";
-import { Ripple as j } from "./ripple.js";
+import { floatVariants as j } from "../lib/motion.js";
+import { Ripple as A } from "./ripple.js";
 const x = {
   start: "top left",
   center: "top",
   end: "top right"
-}, P = n.createContext(null);
-function E(i) {
-  const e = n.useContext(P);
+}, E = r.createContext(null);
+function P(d) {
+  const e = r.useContext(E);
   if (!e)
-    throw new Error(`${i} must be used within a <Popover>.`);
+    throw new Error(`${d} must be used within a <Popover>.`);
   return e;
 }
-function W({ children: i, defaultOpen: e = !1 }) {
-  const [c, a] = n.useState(e), d = n.useRef(null);
-  return /* @__PURE__ */ g(P.Provider, { value: { open: c, setOpen: a, triggerRef: d }, children: i });
+function K({
+  children: d,
+  defaultOpen: e = !1,
+  open: n,
+  onOpenChange: i
+}) {
+  const [u, m] = r.useState(e), t = n ?? u, s = r.useCallback(
+    (a) => {
+      n === void 0 && m(a), i == null || i(a);
+    },
+    [n, i]
+  ), f = r.useRef(null);
+  return /* @__PURE__ */ b(E.Provider, { value: { open: t, setOpen: s, triggerRef: f }, children: d });
 }
-function K({ children: i }) {
-  const { open: e, setOpen: c, triggerRef: a } = E("PopoverTrigger"), d = i;
-  return n.cloneElement(d, {
-    ref: a,
+function N({ children: d }) {
+  const { open: e, setOpen: n, triggerRef: i } = P("PopoverTrigger"), u = d;
+  return r.cloneElement(u, {
+    ref: i,
     "aria-expanded": e,
     "aria-haspopup": !0,
-    onClick: (w) => {
-      var r, u;
-      (u = (r = d.props).onClick) == null || u.call(r, w), c(!e);
+    onClick: (m) => {
+      var t, s;
+      (s = (t = u.props).onClick) == null || s.call(t, m), n(!e);
     }
   });
 }
-function N({
-  className: i,
+function U({
+  className: d,
   align: e = "start",
-  sideOffset: c = 8,
-  children: a,
-  "aria-label": d = "Popover",
-  ...w
+  sideOffset: n = 8,
+  children: i,
+  "aria-label": u = "Popover",
+  ...m
 }) {
-  const { open: r, setOpen: u, triggerRef: v } = E("PopoverContent"), h = n.useRef(null), [s, b] = n.useState(null);
-  return n.useLayoutEffect(() => {
-    if (!r) return;
-    const f = v.current;
-    if (!f) return;
-    const o = () => {
-      var m;
-      const t = f.getBoundingClientRect(), p = ((m = h.current) == null ? void 0 : m.offsetWidth) ?? 0;
-      let l = t.left;
-      e === "center" ? l = t.left + t.width / 2 - p / 2 : e === "end" && (l = t.right - p), b({ top: t.bottom + c, left: l });
+  const { open: t, setOpen: s, triggerRef: f } = P("PopoverContent"), a = r.useRef(null), [l, h] = r.useState(null);
+  return r.useLayoutEffect(() => {
+    if (!t) return;
+    const v = f.current;
+    if (!v) return;
+    const c = () => {
+      var g;
+      const o = v.getBoundingClientRect(), w = ((g = a.current) == null ? void 0 : g.offsetWidth) ?? 0;
+      let p = o.left;
+      e === "center" ? p = o.left + o.width / 2 - w / 2 : e === "end" && (p = o.right - w), h({ top: o.bottom + n, left: p });
     };
-    return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
-      window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    return c(), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), () => {
+      window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0);
     };
-  }, [r, e, c, v]), n.useEffect(() => {
-    if (!r) return;
-    const f = (t) => {
-      t.key === "Escape" && u(!1);
-    }, o = (t) => {
-      var l, m;
-      const p = t.target;
-      (l = h.current) != null && l.contains(p) || (m = v.current) != null && m.contains(p) || u(!1);
+  }, [t, e, n, f]), r.useEffect(() => {
+    if (!t) return;
+    const v = (o) => {
+      o.key === "Escape" && s(!1);
+    }, c = (o) => {
+      var p, g;
+      const w = o.target;
+      (p = a.current) != null && p.contains(w) || (g = f.current) != null && g.contains(w) || s(!1);
     };
-    return document.addEventListener("keydown", f), document.addEventListener("pointerdown", o), () => {
-      document.removeEventListener("keydown", f), document.removeEventListener("pointerdown", o);
+    return document.addEventListener("keydown", v), document.addEventListener("pointerdown", c), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("pointerdown", c);
     };
-  }, [r, u, v]), y(
-    /* @__PURE__ */ g(L, { reducedMotion: "user", children: /* @__PURE__ */ g(R, { children: r && /* @__PURE__ */ C(
-      k.div,
+  }, [t, s, f]), L(
+    /* @__PURE__ */ b(R, { reducedMotion: "user", children: /* @__PURE__ */ b(k, { children: t && /* @__PURE__ */ y(
+      C.div,
       {
-        ref: h,
+        ref: a,
         role: "dialog",
-        "aria-label": d,
-        variants: O,
+        "aria-label": u,
+        variants: j,
         initial: "hidden",
         animate: "visible",
         exit: "hidden",
         style: {
           position: "fixed",
-          top: (s == null ? void 0 : s.top) ?? 0,
-          left: (s == null ? void 0 : s.left) ?? 0,
-          visibility: s ? "visible" : "hidden",
+          top: (l == null ? void 0 : l.top) ?? 0,
+          left: (l == null ? void 0 : l.left) ?? 0,
+          visibility: l ? "visible" : "hidden",
           transformOrigin: x[e]
         },
         className: z(
           "relative z-50 min-w-44 rounded-lg border border-border bg-elevated p-3",
           "text-xs text-foreground",
-          i
+          d
         ),
-        ...w,
+        ...m,
         children: [
-          /* @__PURE__ */ g(j, { origin: x[e] }),
-          a
+          /* @__PURE__ */ b(A, { origin: x[e] }),
+          i
         ]
       }
     ) }) }),
@@ -101,7 +111,7 @@ function N({
   );
 }
 export {
-  W as Popover,
-  N as PopoverContent,
-  K as PopoverTrigger
+  K as Popover,
+  U as PopoverContent,
+  N as PopoverTrigger
 };

package/components/sidebar.d.ts

@@ -63,6 +63,21 @@ export interface SidebarBrandProps extends React.HTMLAttributes<HTMLDivElement>
  * `SidebarHeader`.
  */
 export declare function SidebarBrand({ logo, href, label, showTrigger, children, className, ...props }: SidebarBrandProps): React.JSX.Element;
+export interface SidebarWorkspaceProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Customer workspace name. Also the logo's alt text and the tile initial. */
+    name: string;
+    /** Customer logo URL. Without it, a WG12 letter tile shows the initial. */
+    logoSrc?: string;
+    /** Show the name beside the mark. Always hidden in the collapsed rail. Default true. */
+    showName?: boolean;
+}
+/**
+ * Customer workspace branding for the rail's top-left brand slot: a 32px
+ * customer logo (or a WG12 letter tile when no logo is given) and the
+ * workspace name, which truncates and hides in the collapsed rail. Pass it as
+ * `SidebarBrand`'s `logo`.
+ */
+export declare const SidebarWorkspace: React.ForwardRefExoticComponent<SidebarWorkspaceProps & React.RefAttributes<HTMLSpanElement>>;
 export declare const SidebarHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const SidebarNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {