ono-react-element 0.0.10 → 0.0.12

package/dist/es/InjunctiveBox-D0V-K9Pn.js

@@ -1,11 +0,0 @@
-import { j as o, R as e } from "./dependencies-CbQbPZZ-.js";
-import { a as n } from "./hooks-Dew3_cmY.js";
-let s, l = null;
-const t = ({ className: e2, content: s2, style: t2, onClick: u2, onDoubleClick: c2, onContextMenu: i, onMouseDown: a, onMouseUp: r, onMouseEnter: M, onMouseLeave: d, onMouseMove: m, isClickBoxToClose: p }) => (n("click", () => {
-  p && l && (l.remove(), l = null);
-}), o.jsx("div", { className: e2, style: t2, onClick: u2, onDoubleClick: c2, onContextMenu: i, onMouseDown: a, onMouseUp: r, onMouseEnter: M, onMouseLeave: d, onMouseMove: m, children: "function" == typeof s2 ? s2((o2) => {
-  l && (l.remove(), l = null, o2 && o2());
-}) : s2 })), u = (e2) => (c(e2.isSingle || false).render(o.jsx(t, { ...e2 })), l), c = (o2) => (o2 && l && s || (l = document.createElement("div"), document.body.appendChild(l), s = e.createRoot(l)), s);
-export {
-  u as i
-};

package/dist/es/Tooltip-C5OFmxWo.js

@@ -1,29 +0,0 @@
-import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { createPopper as r } from "@popperjs/core";
-import { useState as t, useRef as n, useEffect as o } from "react";
-import { c } from "./hooks-Dew3_cmY.js";
-let s = null, l = null;
-const p = ({ children: p2, content: i, onOpenChange: u, trigger: a = "hover", placement: m = "top", popperOptions: d = {}, className: f, style: h, isShowArrow: w = true, sameWidth: x, autoAdjustOverflow: j = true }) => {
-  const [v, y] = t(false), g = n(null), k = n(null), b = (e2) => {
-    u == null ? void 0 : u(e2), y(e2);
-  };
-  return c(k, () => {
-    "click" !== a && "contextmenu" !== a || b(false);
-  }, { event: ["click", "contextmenu"], deps: [a, u] }), o(() => {
-    (() => {
-      if (!k.current) return;
-      const e2 = Array.from(k.current.children);
-      if (e2.length > 1) throw new Error("Tooltip only support one child");
-      k.current.style.width = e2[0].getBoundingClientRect().width + "px";
-    })();
-  }, [k, p2]), o(() => {
-    k.current && ("hover" === a ? (k.current.onmouseenter = () => b(true), k.current.onmouseleave = () => b(false)) : "click" === a ? k.current.onclick = () => b(!v) : "focus" === a ? (k.current.onfocus = () => b(true), k.current.onblur = () => b(false)) : k.current.oncontextmenu = () => b(!v)), v && k.current && g.current ? l = r(k.current, g.current, { placement: m, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, x ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e2 }) {
-      e2.styles.popper.width = `${e2.rects.reference.width}px`;
-    }, effect({ state: e2 }) {
-      e2.elements.popper.style.width = `${e2.elements.reference.offsetWidth}px`;
-    } } : {}, j ? { name: "flip", enabled: true } : {}], ...d }) : l && (l.destroy(), l = null, s && s.remove(), s = null);
-  }, [v, k, g]), e.jsxs(e.Fragment, { children: [v && e.jsxs("div", { ref: g, style: h, className: ["ono-tooltip-popper", f].join(" "), "data-popper-placement": d.placement || m, children: [e.jsx("div", { children: i instanceof Function ? i() : i }), w && e.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), e.jsx("div", { ref: k, children: p2 instanceof Function ? p2() : p2 })] });
-};
-export {
-  p as T
-};

package/dist/es/hooks-Dew3_cmY.js

@@ -1,103 +0,0 @@
-import { useEffect as e, useState as t, useRef as n, useCallback as r } from "react";
-import { v as o } from "./utils-BxXROOPY.js";
-const i = (t2, n2, r2) => {
-  const { target: o2, deps: i2, isDeferred: s2 } = r2 || {}, c2 = (e2) => n2(e2);
-  return e(() => ("string" == typeof t2 ? !s2 && (o2 || window).addEventListener(t2, c2) : t2.forEach((e2) => !s2 && (o2 || window).addEventListener(e2, c2)), () => {
-    "string" == typeof t2 ? (o2 || window).removeEventListener(t2, c2) : t2.forEach((e2) => (o2 || window).removeEventListener(e2, c2));
-  }), [o2, ...i2 || []]), s2 ? () => {
-    "string" == typeof t2 ? (o2 || window).addEventListener(t2, c2) : t2.forEach((e2) => (o2 || window).addEventListener(e2, c2));
-  } : void 0;
-}, s = (e2, t2, n2) => i(((e3) => {
-  const t3 = "string" == typeof e3 ? [e3] : e3;
-  if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
-  return t3;
-})((n2 == null ? void 0 : n2.event) || "click"), (n3) => {
-  if (e2) if (e2 instanceof Array) e2.map((e3) => e3 instanceof HTMLElement ? e3 : e3.current).some((e3) => !!e3 && e3.contains(n3.target)) || t2(n3);
-  else {
-    const r2 = e2 instanceof HTMLElement ? e2 : e2.current;
-    r2 && !r2.contains(n3.target) && t2(n3);
-  }
-}, { deps: [e2, ...(n2 == null ? void 0 : n2.deps) || []] }), c = (o2 = 60, i2) => {
-  const [s2, c2] = t(o2), [a2, l2] = t(false), d2 = n(null), u2 = r(() => l2(true), []), m2 = r(() => {
-    l2(false), c2(o2), d2.current && (clearTimeout(d2.current), d2.current = null), i2 == null ? void 0 : i2();
-  }, [o2, i2]);
-  return e(() => {
-    if (a2) return s2 > 0 ? d2.current = setTimeout(() => {
-      c2((e2) => e2 - 1);
-    }, 1e3) : m2(), () => {
-      d2.current && (clearTimeout(d2.current), d2.current = null);
-    };
-  }, [a2, s2, m2]), [s2, u2, m2];
-}, a = (n2) => {
-  const [r2, o2] = t({ w: 0, h: 0 }), i2 = new ResizeObserver((e2) => {
-    for (const t2 of e2) o2({ w: t2.borderBoxSize[0].inlineSize, h: t2.borderBoxSize[0].blockSize });
-  }), s2 = () => {
-    if (n2 && "function" != typeof n2) i2.observe(n2 instanceof HTMLElement ? n2 : n2.current);
-    else if (n2 && "function" == typeof n2) {
-      const e2 = n2();
-      i2.observe(e2 instanceof HTMLElement ? e2 : e2.current);
-    } else o2({ w: window.innerWidth, h: window.innerHeight });
-  };
-  return e(() => (s2(), window.addEventListener("resize", s2), () => {
-    if (window.removeEventListener("resize", s2), n2 && "function" != typeof n2) i2.unobserve(n2 instanceof HTMLElement ? n2 : n2.current);
-    else if (n2 && "function" == typeof n2) {
-      const e2 = n2();
-      i2.unobserve(e2 instanceof HTMLElement ? e2 : e2.current);
-    }
-  }), [n2]), r2;
-}, l = (e2) => e2.toString().toLocaleLowerCase(), d = (e2, t2, n2) => {
-  const r2 = (r3) => i(r3, (r4) => ((e3, n3, r5) => {
-    e3.forEach((e4) => {
-      if (e4.includes("+") && e4.length > 1) {
-        const r6 = e4.split("+"), o2 = n3.ctrlKey && r6.includes("ctrl"), i2 = n3.shiftKey && r6.includes("shift"), s2 = n3.altKey && r6.includes("alt"), c2 = n3.metaKey && r6.includes("meta"), a2 = (n3.ctrlKey || n3.metaKey) && r6.includes("commandorcontrol");
-        2 === r6.length ? (o2 || i2 || s2 || c2 || a2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4) : 3 === r6.length && (o2 && i2 || o2 && s2 || o2 && c2 || o2 && a2 || i2 && s2 || i2 && c2 || i2 && a2 || s2 && c2 || s2 && a2 || c2 && a2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4);
-      } else if (e4.includes(l(n3.key))) {
-        if (r5) e4 === l(n3.key) && t2(n3, e4);
-        else if (!(n3.ctrlKey || n3.metaKey || n3.shiftKey || n3.altKey)) return t2(n3, e4);
-      }
-    });
-  })(e2 instanceof Array ? e2.map((e3) => l(e3)) : [l(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
-  (n2 == null ? void 0 : n2.events) instanceof Array ? n2.events.forEach((e3) => r2(e3)) : r2((n2 == null ? void 0 : n2.events) || "keydown");
-};
-let u = false;
-const m = ({ theme: t2, onDark: n2, onLight: r2 }) => {
-  const o2 = window.matchMedia("(prefers-color-scheme: dark)"), i2 = () => {
-    o2.matches ? n2() : r2();
-  };
-  e(() => {
-    (() => {
-      switch (u && (u = false, o2.removeEventListener("change", i2)), t2) {
-        case "light":
-          r2();
-          break;
-        case "dark":
-          n2();
-          break;
-        default:
-          i2(), u = true, o2.addEventListener("change", i2);
-      }
-    })();
-  }, [t2]);
-}, f = (e2) => {
-  const { initTheme: r2 = "light", themeRules: i2 = (e3) => {
-    e3 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-  } } = e2 || Object.assign({}), [s2, c2] = t(r2), a2 = n(null);
-  return m({ theme: s2, onDark: () => {
-    a2.current ? o.changeThemeClipPathCircle({ element: a2.current, onChangeTheme: () => i2(true) }) : i2(true);
-  }, onLight: () => {
-    a2.current ? o.changeThemeClipPathCircle({ element: a2.current, onChangeTheme: () => i2(false) }) : i2(false);
-  } }), [s2, ({ targetTheme: e3, element: t2, onChange: n2 }) => {
-    a2.current = t2 || null, requestAnimationFrame(() => {
-      n2 == null ? void 0 : n2(), c2(e3);
-    });
-  }];
-};
-export {
-  i as a,
-  d as b,
-  s as c,
-  c as d,
-  m as e,
-  f,
-  a as u
-};