@ck-ui/component-library 2.0.3 → 2.0.5

package/dist/components/Table/_helpers/TableChipCell.js

@@ -0,0 +1,158 @@
+import { jsx as p, jsxs as B } from "react/jsx-runtime";
+import { useRef as h, useState as y, Children as V, useCallback as d, useLayoutEffect as x, useEffect as q } from "react";
+import { createPortal as z } from "react-dom";
+import '../../../assets/TableChipCell-B2fEKEbC.css';const s = {
+  "chip-cell-nowrap": "_chip-cell-nowrap_1gk93_1",
+  "chip-cell-wrap": "_chip-cell-wrap_1gk93_10",
+  "chip-item": "_chip-item_1gk93_18",
+  "chip-overflow-badge": "_chip-overflow-badge_1gk93_24",
+  "chip-overflow-menu": "_chip-overflow-menu_1gk93_39",
+  "chip-overflow-menu-item": "_chip-overflow-menu-item_1gk93_62"
+}, I = 150;
+function U({ children: M }) {
+  const a = h(null), [u, _] = y(null), [O, D] = y(!1), [R, E] = y(!1), [P, k] = y({}), C = h(null), f = h(null), N = h(0), m = V.toArray(M), j = m.length, W = d(() => {
+    const e = a.current;
+    if (!e) return !1;
+    let t = e.parentElement;
+    for (; t; ) {
+      const n = window.getComputedStyle(t);
+      if (n.whiteSpace === "normal" && n.wordBreak === "break-word")
+        return !0;
+      if (t.tagName === "TD") break;
+      t = t.parentElement;
+    }
+    return !1;
+  }, []), w = d(() => {
+    const e = a.current;
+    if (!e) return;
+    const t = W();
+    if (D(t), t) {
+      _(null);
+      return;
+    }
+    const n = Array.from(
+      e.querySelectorAll("[data-chip-item]")
+    );
+    if (n.length === 0) {
+      _(null);
+      return;
+    }
+    const r = [];
+    n.forEach((o) => {
+      r.push(o.style.display), o.style.display = "";
+    });
+    const l = e.getBoundingClientRect(), b = l.right;
+    N.current = l.width;
+    const i = 32;
+    let c = 0;
+    for (let o = 0; o < n.length; o++) {
+      const T = n[o].getBoundingClientRect().right;
+      if (o === n.length - 1)
+        T <= b + 1 ? c = o + 1 : c === 0 && (c = 1);
+      else if (T <= b - i)
+        c = o + 1;
+      else
+        break;
+    }
+    c === 0 && n.length > 0 && (c = 1), n.forEach((o, H) => {
+      o.style.display = r[H];
+    }), _(c);
+  }, [W]);
+  x(() => {
+    w();
+  }, [w, M]), x(() => {
+    const e = a.current;
+    if (!e) return;
+    const t = new ResizeObserver((n) => {
+      const r = n[0];
+      if (!r) return;
+      const l = r.contentRect.width;
+      Math.abs(l - N.current) > 1 && w();
+    });
+    return t.observe(e), () => t.disconnect();
+  }, [w]);
+  const g = d(() => {
+    if (!C.current) return;
+    const e = C.current.getBoundingClientRect(), t = 160, n = Math.min(L.current * 36 + 16, 160), r = window.innerHeight - e.bottom - 4, l = e.top - 4, b = r < n && l > r;
+    let i = e.left;
+    i + t > window.innerWidth - 8 && (i = window.innerWidth - t - 8), i < 8 && (i = 8), k(b ? {
+      position: "fixed",
+      bottom: window.innerHeight - e.top + 4,
+      left: i
+    } : {
+      position: "fixed",
+      top: e.bottom + 4,
+      left: i
+    });
+  }, []), L = h(0), v = u !== null ? j - u : 0;
+  L.current = v, q(() => {
+    if (!R) return;
+    const e = () => {
+      g();
+    };
+    return window.addEventListener("scroll", e, !0), () => window.removeEventListener("scroll", e, !0);
+  }, [R, g]);
+  const S = d(
+    (e) => {
+      e.stopPropagation(), f.current && (clearTimeout(f.current), f.current = null), g(), E(!0);
+    },
+    [g]
+  ), A = d((e) => {
+    e.stopPropagation(), f.current = setTimeout(() => {
+      E(!1);
+    }, I);
+  }, []);
+  return O ? /* @__PURE__ */ p("div", { ref: a, className: s["chip-cell-wrap"], children: m.map((e, t) => /* @__PURE__ */ p(
+    "span",
+    {
+      "data-chip-item": "true",
+      className: s["chip-item"],
+      children: e
+    },
+    t
+  )) }) : /* @__PURE__ */ B("div", { ref: a, className: s["chip-cell-nowrap"], children: [
+    m.map((e, t) => {
+      const n = u !== null && t >= u;
+      return /* @__PURE__ */ p(
+        "span",
+        {
+          "data-chip-item": "true",
+          className: s["chip-item"],
+          style: n ? { display: "none" } : void 0,
+          children: e
+        },
+        t
+      );
+    }),
+    v > 0 && /* @__PURE__ */ B(
+      "span",
+      {
+        ref: C,
+        className: s["chip-overflow-badge"],
+        onMouseEnter: S,
+        onMouseLeave: A,
+        children: [
+          "+",
+          v
+        ]
+      }
+    ),
+    v > 0 && R && z(
+      /* @__PURE__ */ p(
+        "div",
+        {
+          className: s["chip-overflow-menu"],
+          style: P,
+          onMouseEnter: S,
+          onMouseLeave: A,
+          children: m.slice(u ?? 0).map((e, t) => /* @__PURE__ */ p("div", { className: s["chip-overflow-menu-item"], children: e }, t))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+U.displayName = "TableChipCell";
+export {
+  U as TableChipCell
+};

package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSelector.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/RangeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAA8B,MAAM,0BAA0B,CAAC;AAE/F,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,2CAwIpB"}
+{"version":3,"file":"RangeSelector.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/RangeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,2CAyEpB"}