@televet/kibble-ui 4.0.0-beta.78 → 4.0.0-beta.8

package/dist/chunks/withTruncation-BRHPZgp1.js

@@ -1,581 +0,0 @@
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as C, useId as Y, memo as y, useState as z, useRef as x, useCallback as q, useEffect as J } from "react";
-import { a as K } from "./config-DlTdf-Yt.js";
-import { B as Q } from "./box-Ck9I7FYv.js";
-import { c as X } from "./create-recipe-context-D7FewUR4.js";
-import { u as Z } from "./use-slot-recipe-DhtQ1j_5.js";
-import { c as ee, f as O, u as k, h as te, g as R, d as re, b as oe, i as ne, j as se, k as ie, n as ae, s as L, l as I, m as H, P as ce } from "./use-locale-context-BiiNTYMT.js";
-import { c as le } from "./create-slot-recipe-context-BJmsuxih.js";
-import { a1 as g, c as de, z as pe, t as ue, b as ge } from "./index-YtNA0Ueo.js";
-const { withContext: Ce } = X({
-  key: "text"
-}), ve = Ce("p"), [D, v] = ee({
-  name: "HoverCardContext",
-  hookName: "useHoverCardContext",
-  providerName: "<HoverCardProvider />"
-}), _ = C((e, t) => {
-  const r = v(), o = g(r.getArrowProps(), e);
-  return /* @__PURE__ */ s.jsx(O.div, { ...o, ref: t });
-});
-_.displayName = "HoverCardArrow";
-const j = C((e, t) => {
-  const r = v(), o = g(r.getArrowTipProps(), e);
-  return /* @__PURE__ */ s.jsx(O.div, { ...o, ref: t });
-});
-j.displayName = "HoverCardArrowTip";
-const A = C((e, t) => {
-  const r = v(), o = k(), n = g(r.getContentProps(), o.getPresenceProps(), e);
-  return o.unmounted ? null : /* @__PURE__ */ s.jsx(O.div, { ...n, ref: te(o.ref, t) });
-});
-A.displayName = "HoverCardContent";
-const Pe = (e) => e.children(v()), S = C((e, t) => {
-  const r = v(), o = g(r.getPositionerProps(), e);
-  return k().unmounted ? null : /* @__PURE__ */ s.jsx(O.div, { ...o, ref: t });
-});
-S.displayName = "HoverCardPositioner";
-var me = ge("hoverCard").parts("arrow", "arrowTip", "trigger", "positioner", "content"), m = me.build(), $ = (e) => e.ids?.trigger ?? `hover-card:${e.id}:trigger`, F = (e) => e.ids?.content ?? `hover-card:${e.id}:content`, G = (e) => e.ids?.positioner ?? `hover-card:${e.id}:popper`, Oe = (e) => e.ids?.arrow ?? `hover-card:${e.id}:arrow`, w = (e) => e.getById($(e)), Te = (e) => e.getById(F(e)), N = (e) => e.getById(G(e));
-function Ee(e, t) {
-  const { state: r, send: o, prop: n, context: a, scope: c } = e, l = r.hasTag("open"), u = re({
-    ...n("positioning"),
-    placement: a.get("currentPlacement")
-  });
-  return {
-    open: l,
-    setOpen(i) {
-      r.hasTag("open") !== i && o({ type: i ? "OPEN" : "CLOSE" });
-    },
-    reposition(i = {}) {
-      o({ type: "POSITIONING.SET", options: i });
-    },
-    getArrowProps() {
-      return t.element({
-        id: Oe(c),
-        ...m.arrow.attrs,
-        dir: n("dir"),
-        style: u.arrow
-      });
-    },
-    getArrowTipProps() {
-      return t.element({
-        ...m.arrowTip.attrs,
-        dir: n("dir"),
-        style: u.arrowTip
-      });
-    },
-    getTriggerProps() {
-      return t.element({
-        ...m.trigger.attrs,
-        dir: n("dir"),
-        "data-placement": a.get("currentPlacement"),
-        id: $(c),
-        "data-state": l ? "open" : "closed",
-        onPointerEnter(i) {
-          i.pointerType !== "touch" && o({ type: "POINTER_ENTER", src: "trigger" });
-        },
-        onPointerLeave(i) {
-          i.pointerType !== "touch" && o({ type: "POINTER_LEAVE", src: "trigger" });
-        },
-        onFocus() {
-          o({ type: "TRIGGER_FOCUS" });
-        },
-        onBlur() {
-          o({ type: "TRIGGER_BLUR" });
-        }
-      });
-    },
-    getPositionerProps() {
-      return t.element({
-        id: G(c),
-        ...m.positioner.attrs,
-        dir: n("dir"),
-        style: u.floating
-      });
-    },
-    getContentProps() {
-      return t.element({
-        ...m.content.attrs,
-        dir: n("dir"),
-        id: F(c),
-        hidden: !l,
-        tabIndex: -1,
-        "data-state": l ? "open" : "closed",
-        "data-placement": a.get("currentPlacement"),
-        onPointerEnter(i) {
-          i.pointerType !== "touch" && o({ type: "POINTER_ENTER", src: "content" });
-        },
-        onPointerLeave(i) {
-          i.pointerType !== "touch" && o({ type: "POINTER_LEAVE", src: "content" });
-        }
-      });
-    }
-  };
-}
-var { not: E, and: b } = pe(), fe = de({
-  props({ props: e }) {
-    return {
-      openDelay: 700,
-      closeDelay: 300,
-      ...e,
-      positioning: {
-        placement: "bottom",
-        ...e.positioning
-      }
-    };
-  },
-  initialState({ prop: e }) {
-    return e("open") || e("defaultOpen") ? "open" : "closed";
-  },
-  context({ prop: e, bindable: t }) {
-    return {
-      open: t(() => ({
-        defaultValue: e("defaultOpen"),
-        value: e("open"),
-        onChange(r) {
-          e("onOpenChange")?.({ open: r });
-        }
-      })),
-      currentPlacement: t(() => ({
-        defaultValue: void 0
-      })),
-      isPointer: t(() => ({
-        defaultValue: !1
-      }))
-    };
-  },
-  watch({ track: e, context: t, action: r }) {
-    e([() => t.get("open")], () => {
-      r(["toggleVisibility"]);
-    });
-  },
-  states: {
-    closed: {
-      tags: ["closed"],
-      entry: ["clearIsPointer"],
-      on: {
-        "CONTROLLED.OPEN": {
-          target: "open"
-        },
-        POINTER_ENTER: {
-          target: "opening",
-          actions: ["setIsPointer"]
-        },
-        TRIGGER_FOCUS: {
-          target: "opening"
-        },
-        OPEN: {
-          target: "opening"
-        }
-      }
-    },
-    opening: {
-      tags: ["closed"],
-      effects: ["waitForOpenDelay"],
-      on: {
-        OPEN_DELAY: [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnOpen"]
-          },
-          {
-            target: "open",
-            actions: ["invokeOnOpen"]
-          }
-        ],
-        "CONTROLLED.OPEN": {
-          target: "open"
-        },
-        "CONTROLLED.CLOSE": {
-          target: "closed"
-        },
-        POINTER_LEAVE: [
-          {
-            guard: "isOpenControlled",
-            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
-            actions: ["invokeOnClose", "toggleVisibility"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        TRIGGER_BLUR: [
-          {
-            guard: b("isOpenControlled", E("isPointer")),
-            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
-            actions: ["invokeOnClose", "toggleVisibility"]
-          },
-          {
-            guard: E("isPointer"),
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        CLOSE: [
-          {
-            guard: "isOpenControlled",
-            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
-            actions: ["invokeOnClose", "toggleVisibility"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ]
-      }
-    },
-    open: {
-      tags: ["open"],
-      effects: ["trackDismissableElement", "trackPositioning"],
-      on: {
-        "CONTROLLED.CLOSE": {
-          target: "closed"
-        },
-        POINTER_ENTER: {
-          actions: ["setIsPointer"]
-        },
-        POINTER_LEAVE: {
-          target: "closing"
-        },
-        CLOSE: [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnClose"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        TRIGGER_BLUR: [
-          {
-            guard: b("isOpenControlled", E("isPointer")),
-            actions: ["invokeOnClose"]
-          },
-          {
-            guard: E("isPointer"),
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        "POSITIONING.SET": {
-          actions: ["reposition"]
-        }
-      }
-    },
-    closing: {
-      tags: ["open"],
-      effects: ["trackPositioning", "waitForCloseDelay"],
-      on: {
-        CLOSE_DELAY: [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnClose"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        "CONTROLLED.CLOSE": {
-          target: "closed"
-        },
-        "CONTROLLED.OPEN": {
-          target: "open"
-        },
-        POINTER_ENTER: {
-          target: "open",
-          // no need to invokeOnOpen here because it's still open (but about to close)
-          actions: ["setIsPointer"]
-        }
-      }
-    }
-  },
-  implementations: {
-    guards: {
-      isPointer: ({ context: e }) => !!e.get("isPointer"),
-      isOpenControlled: ({ prop: e }) => e("open") != null
-    },
-    effects: {
-      waitForOpenDelay({ send: e, prop: t }) {
-        const r = setTimeout(() => {
-          e({ type: "OPEN_DELAY" });
-        }, t("openDelay"));
-        return () => clearTimeout(r);
-      },
-      waitForCloseDelay({ send: e, prop: t }) {
-        const r = setTimeout(() => {
-          e({ type: "CLOSE_DELAY" });
-        }, t("closeDelay"));
-        return () => clearTimeout(r);
-      },
-      trackPositioning({ context: e, prop: t, scope: r }) {
-        e.get("currentPlacement") || e.set("currentPlacement", t("positioning").placement);
-        const o = () => N(r);
-        return R(w(r), o, {
-          ...t("positioning"),
-          defer: !0,
-          onComplete(n) {
-            e.set("currentPlacement", n.placement);
-          }
-        });
-      },
-      trackDismissableElement({ send: e, scope: t, prop: r }) {
-        return ue(() => Te(t), {
-          defer: !0,
-          exclude: [w(t)],
-          onDismiss() {
-            e({ type: "CLOSE", src: "interact-outside" });
-          },
-          onInteractOutside: r("onInteractOutside"),
-          onPointerDownOutside: r("onPointerDownOutside"),
-          onFocusOutside(n) {
-            n.preventDefault(), r("onFocusOutside")?.(n);
-          }
-        });
-      }
-    },
-    actions: {
-      invokeOnClose({ prop: e }) {
-        e("onOpenChange")?.({ open: !1 });
-      },
-      invokeOnOpen({ prop: e }) {
-        e("onOpenChange")?.({ open: !0 });
-      },
-      setIsPointer({ context: e }) {
-        e.set("isPointer", !0);
-      },
-      clearIsPointer({ context: e }) {
-        e.set("isPointer", !1);
-      },
-      reposition({ context: e, prop: t, scope: r, event: o }) {
-        const n = () => N(r);
-        R(w(r), n, {
-          ...t("positioning"),
-          ...o.options,
-          defer: !0,
-          listeners: !1,
-          onComplete(a) {
-            e.set("currentPlacement", a.placement);
-          }
-        });
-      },
-      toggleVisibility({ prop: e, event: t, send: r }) {
-        queueMicrotask(() => {
-          r({ type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: t });
-        });
-      }
-    }
-  }
-});
-oe()([
-  "closeDelay",
-  "dir",
-  "getRootNode",
-  "id",
-  "ids",
-  "onOpenChange",
-  "defaultOpen",
-  "open",
-  "openDelay",
-  "positioning",
-  "onInteractOutside",
-  "onPointerDownOutside",
-  "onFocusOutside"
-]);
-const he = (e) => {
-  const t = Y(), { getRootNode: r } = ne(), { dir: o } = se(), n = {
-    id: t,
-    dir: o,
-    getRootNode: r,
-    ...e
-  }, a = ie(fe, n);
-  return Ee(a, ae);
-}, we = (e) => {
-  const [t, { children: r, ...o }] = L(e), n = he(o), a = I(g({ present: n.open }, t));
-  return /* @__PURE__ */ s.jsx(D, { value: n, children: /* @__PURE__ */ s.jsx(H, { value: a, children: r }) });
-}, ye = (e) => {
-  const [t, { value: r, children: o }] = L(e), n = I(g({ present: r.open }, t));
-  return /* @__PURE__ */ s.jsx(D, { value: r, children: /* @__PURE__ */ s.jsx(H, { value: n, children: o }) });
-}, V = C((e, t) => {
-  const r = v(), o = g(r.getTriggerProps(), e);
-  return /* @__PURE__ */ s.jsx(O.button, { ...o, ref: t });
-});
-V.displayName = "HoverCardTrigger";
-const {
-  withRootProvider: B,
-  withContext: T,
-  PropsProvider: xe
-} = le({ key: "hoverCard" }), Ue = B(ye), Re = B(
-  we
-), Me = xe, Ne = T(V, "trigger", { forwardAsChild: !0 }), be = T(S, "positioner", { forwardAsChild: !0 }), ke = T(A, "content", { forwardAsChild: !0 }), U = T(j, "arrowTip", { forwardAsChild: !0 }), Le = T(
-  _,
-  "arrow",
-  {
-    forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ s.jsx(U, {}) }
-  }
-), We = Pe, Ie = K({
-  slots: ["root", "trigger", "content", "arrow", "arrowTip"],
-  base: {
-    arrow: {
-      "--arrow-size": "10px"
-    },
-    arrowTip: {
-      border: "none"
-    },
-    content: {
-      "--hovercard-bg": "colors.background.overlay.contrast",
-      border: "none",
-      borderRadius: "base",
-      boxShadow: "none",
-      padding: 2
-    },
-    trigger: {
-      display: "inline-block"
-    }
-  }
-}), M = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx(ve, { className: "Text", "data-testid": "kibble-text", ...t, children: e });
-M.displayName = "Text";
-const He = De(M), W = C(
-  (e, t) => {
-    const {
-      children: r,
-      disabled: o = !1,
-      openDelay: n = 350,
-      placement: a = "top",
-      positioning: c,
-      portalled: l = !0,
-      label: u,
-      ...i
-    } = e, d = Z({ recipe: Ie })();
-    return r ? o ? r : /* @__PURE__ */ s.jsxs(
-      Re,
-      {
-        positioning: {
-          ...c,
-          placement: c?.placement || a
-        },
-        openDelay: n,
-        unmountOnExit: !0,
-        ...i,
-        children: [
-          /* @__PURE__ */ s.jsx(
-            Ne,
-            {
-              asChild: !0,
-              className: "Tooltip__Trigger",
-              "data-testid": "kibble-tooltip-trigger",
-              css: d.trigger,
-              children: r
-            }
-          ),
-          /* @__PURE__ */ s.jsx(ce, { disabled: !l, children: /* @__PURE__ */ s.jsx(
-            be,
-            {
-              className: "Tooltip",
-              "data-testid": "kibble-tooltip",
-              children: /* @__PURE__ */ s.jsxs(
-                ke,
-                {
-                  className: "Tooltip__Content",
-                  "data-testid": "kibble-tooltip-content",
-                  ref: t,
-                  css: d.content,
-                  children: [
-                    /* @__PURE__ */ s.jsx(
-                      Le,
-                      {
-                        className: "Tooltip__Arrow",
-                        "data-testid": "kibble-tooltip-arrow",
-                        css: d.arrow,
-                        children: /* @__PURE__ */ s.jsx(U, { css: d.arrowTip })
-                      }
-                    ),
-                    /* @__PURE__ */ s.jsx(He, { truncated: !1, variant: "onContrast", size: "sm", children: u })
-                  ]
-                }
-              )
-            }
-          ) })
-        ]
-      }
-    ) : /* @__PURE__ */ s.jsx(s.Fragment, {});
-  }
-);
-W.displayName = "Tooltip";
-const De = (e) => {
-  const t = y(e);
-  function r({
-    truncated: o = !1,
-    noOfLines: n = 1,
-    children: a,
-    tooltipProps: c,
-    ...l
-  }) {
-    const [u, i] = z(!1), p = x(null), d = x(null), f = q(() => {
-      if (p.current) {
-        const P = p.current?.children[0].scrollHeight || 0, h = p.current?.offsetHeight || 0;
-        i(P > h);
-      }
-    }, []);
-    return J(() => {
-      if (o && p.current) {
-        let P;
-        const h = () => {
-          window.clearTimeout(P), P = window.setTimeout(f, 100);
-        };
-        return d.current = new ResizeObserver(() => {
-          h();
-        }), d.current.observe(p.current), f(), () => {
-          window.clearTimeout(P), d.current && d.current.disconnect();
-        };
-      }
-    }, [o, f]), o ? /* @__PURE__ */ s.jsx(
-      W,
-      {
-        ...c,
-        label: c?.label || a?.toLocaleString() || "",
-        disabled: !u,
-        "data-testid": "kibble-truncated-text-tooltip",
-        children: /* @__PURE__ */ s.jsx(
-          Q,
-          {
-            ref: p,
-            display: "inline-block",
-            position: "relative",
-            className: "TruncatedText__Wrapper",
-            "data-testid": "kibble-truncated-text-wrapper",
-            children: /* @__PURE__ */ s.jsx(
-              t,
-              {
-                className: "TruncatedText__TextContent",
-                "data-testid": "kibble-truncated-text-content",
-                lineClamp: n,
-                ...l,
-                children: a
-              }
-            )
-          }
-        )
-      }
-    ) : /* @__PURE__ */ s.jsx(t, { ...l, children: a });
-  }
-  return r.displayName = `withTruncation(${e.displayName || e.name}`, y(r);
-};
-export {
-  Le as H,
-  W as T,
-  He as W,
-  U as a,
-  ke as b,
-  We as c,
-  be as d,
-  Me as e,
-  Re as f,
-  Ue as g,
-  Ne as h,
-  me as i,
-  v as u,
-  De as w
-};
-//# sourceMappingURL=withTruncation-BRHPZgp1.js.map