@weing-dev/ui-kit-primitive 0.3.1 → 0.4.1

package/dist/table.css

@@ -0,0 +1 @@
+@layer Table{._Cell_xud2b_2{background-color:transparent;padding:12px;border-bottom:1px dashed var(--grey20, rgba(145, 158, 171, .2));color:var(--textPrimary, #1c252e);text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._Cell_xud2b_2{font-size:18px}[data-typography=mobile] ._Cell_xud2b_2{font-size:10px}[data-typography=senior] ._Cell_xud2b_2{line-height:30px}[data-typography=mobile] ._Cell_xud2b_2{line-height:24px}._Cell_xud2b_2._bordered_xud2b_28{border:1px solid #ddd}._Cell_xud2b_2._compact_xud2b_31{padding:8px}._HeaderCell_xud2b_34{color:var(--textSecondary, #637381);text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px;position:relative;background-color:var(--grey8, rgba(145, 158, 171, .08));font-weight:700;font-size:14px;line-height:24px}[data-typography=senior] ._HeaderCell_xud2b_34{font-size:18px}[data-typography=mobile] ._HeaderCell_xud2b_34{font-size:10px}[data-typography=senior] ._HeaderCell_xud2b_34{line-height:30px}[data-typography=mobile] ._HeaderCell_xud2b_34{line-height:24px}._HeaderCell_xud2b_34._bordered_xud2b_28{border:1px solid #ddd}._HeaderCell_xud2b_34._compact_xud2b_31{padding:8px}._Row_xud2b_66:hover ._Cell_xud2b_2:not(._isSelected_xud2b_66){background-color:var(--grey4, rgba(145, 158, 171, .04))}._Row_xud2b_66._striped_xud2b_69:nth-child(2n) ._Cell_xud2b_2:not(._isSelected_xud2b_66){background-color:var(--grey4, rgba(145, 158, 171, .04))}._Row_xud2b_66 ._Cell_xud2b_2._isSelected_xud2b_66{background-color:var(--p4, rgba(0, 167, 111, .04))}._Row_xud2b_66:first-child ._HeaderCell_xud2b_34:not(._bordered_xud2b_28):first-child{border-top-left-radius:8px}._Row_xud2b_66:first-child ._HeaderCell_xud2b_34:not(._bordered_xud2b_28):last-child{border-top-right-radius:8px}._Root_xud2b_81{border-collapse:collapse;width:100%;table-layout:fixed}._Root_xud2b_81 *{box-sizing:border-box}}

package/dist/table.d.ts

@@ -0,0 +1,3 @@
+export { default as Table } from '../components/Table/Table';
+export type { TableRootProps } from '../components/Table/Table';
+export {};

package/dist/table.js

@@ -0,0 +1,184 @@
+import { c as _, j as m } from "./compiler-runtime-BFrE5JtX.js";
+import x from "react";
+import { c as b } from "./bind-D3ZJ5k4I.js";
+const $ = "_Cell_xud2b_2", j = "_bordered_xud2b_28", H = "_compact_xud2b_31", E = "_HeaderCell_xud2b_34", g = "_Row_xud2b_66", M = "_isSelected_xud2b_66", X = "_striped_xud2b_69", L = "_Root_xud2b_81", B = {
+  Cell: $,
+  bordered: j,
+  compact: H,
+  HeaderCell: E,
+  Row: g,
+  isSelected: M,
+  striped: X,
+  Root: L
+}, T = {
+  variant: "default"
+}, v = x.createContext(T), A = (i) => {
+  const e = _.c(10);
+  let l;
+  if (e[0] !== i) {
+    let r;
+    e[2] !== i.options ? (r = () => {
+      var u;
+      return ((u = i.options.defaultColumn) == null ? void 0 : u.size) ?? 150;
+    }, e[2] = i.options, e[3] = r) : r = e[3], l = Array.from({
+      length: i.getRowModel().rows.length + 1
+    }, r), e[0] = i, e[1] = l;
+  } else
+    l = e[1];
+  const [t, n] = x.useState(l), [s, o] = x.useState(!1);
+  let c;
+  e[4] !== t ? (c = (r) => {
+    const u = t[r];
+    let f;
+    const h = (y) => {
+      if (!f) {
+        f = y.clientX;
+        return;
+      }
+      const z = y.clientX - f, N = Math.max(50, u + z);
+      n((S) => {
+        const w = [...S];
+        return w[r] = N, w;
+      });
+    }, C = () => {
+      document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", C), o(!1);
+    };
+    document.addEventListener("mousemove", h), document.addEventListener("mouseup", C), o(!0);
+  }, e[4] = t, e[5] = c) : c = e[5];
+  const d = c;
+  let a;
+  return e[6] !== t || e[7] !== d || e[8] !== s ? (a = {
+    columnsSize: t,
+    isResizing: s,
+    handleResize: d
+  }, e[6] = t, e[7] = d, e[8] = s, e[9] = a) : a = e[9], a;
+}, R = b.bind(B), U = (i) => {
+  const e = _.c(13);
+  let l, t, n, s;
+  e[0] !== i ? ({
+    className: t,
+    children: l,
+    ref: n,
+    ...s
+  } = i, e[0] = i, e[1] = l, e[2] = t, e[3] = n, e[4] = s) : (l = e[1], t = e[2], n = e[3], s = e[4]);
+  const {
+    variant: o
+  } = x.use(v);
+  let c;
+  e[5] !== t || e[6] !== o ? (c = R("Row", o, t), e[5] = t, e[6] = o, e[7] = c) : c = e[7];
+  let d;
+  return e[8] !== l || e[9] !== n || e[10] !== s || e[11] !== c ? (d = /* @__PURE__ */ m.jsx("tr", { ...s, className: c, ref: n, children: l }), e[8] = l, e[9] = n, e[10] = s, e[11] = c, e[12] = d) : d = e[12], d;
+}, V = (i) => {
+  const e = _.c(22);
+  let l, t, n, s, o, c;
+  e[0] !== i ? ({
+    className: t,
+    children: l,
+    size: c,
+    ref: s,
+    isSelected: n,
+    ...o
+  } = i, e[0] = i, e[1] = l, e[2] = t, e[3] = n, e[4] = s, e[5] = o, e[6] = c) : (l = e[1], t = e[2], n = e[3], s = e[4], o = e[5], c = e[6]);
+  const {
+    variant: d
+  } = x.use(v);
+  let a;
+  e[7] !== t || e[8] !== n || e[9] !== d ? (a = R("Cell", d, t, {
+    isSelected: n
+  }), e[7] = t, e[8] = n, e[9] = d, e[10] = a) : a = e[10];
+  let r;
+  e[11] !== c ? (r = c ? {
+    width: c
+  } : {}, e[11] = c, e[12] = r) : r = e[12];
+  let u;
+  e[13] !== o.style || e[14] !== r ? (u = {
+    ...o.style,
+    ...r
+  }, e[13] = o.style, e[14] = r, e[15] = u) : u = e[15];
+  let f;
+  return e[16] !== l || e[17] !== s || e[18] !== o || e[19] !== a || e[20] !== u ? (f = /* @__PURE__ */ m.jsx("td", { ...o, ref: s, className: a, style: u, children: l }), e[16] = l, e[17] = s, e[18] = o, e[19] = a, e[20] = u, e[21] = f) : f = e[21], f;
+}, k = (i) => {
+  const e = _.c(12);
+  let l, t, n, s;
+  e[0] !== i ? ({
+    className: t,
+    children: l,
+    ref: n,
+    ...s
+  } = i, e[0] = i, e[1] = l, e[2] = t, e[3] = n, e[4] = s) : (l = e[1], t = e[2], n = e[3], s = e[4]);
+  let o;
+  e[5] !== t ? (o = R("Body", t), e[5] = t, e[6] = o) : o = e[6];
+  let c;
+  return e[7] !== l || e[8] !== n || e[9] !== s || e[10] !== o ? (c = /* @__PURE__ */ m.jsx("tbody", { ...s, ref: n, className: o, children: l }), e[7] = l, e[8] = n, e[9] = s, e[10] = o, e[11] = c) : c = e[11], c;
+}, q = (i) => {
+  const e = _.c(20);
+  let l, t, n, s, o;
+  e[0] !== i ? ({
+    className: t,
+    children: l,
+    size: o,
+    ref: n,
+    ...s
+  } = i, e[0] = i, e[1] = l, e[2] = t, e[3] = n, e[4] = s, e[5] = o) : (l = e[1], t = e[2], n = e[3], s = e[4], o = e[5]);
+  const {
+    variant: c
+  } = x.use(v);
+  let d;
+  e[6] !== t || e[7] !== c ? (d = R("HeaderCell", c, t), e[6] = t, e[7] = c, e[8] = d) : d = e[8];
+  let a;
+  e[9] !== o ? (a = o ? {
+    width: o
+  } : {}, e[9] = o, e[10] = a) : a = e[10];
+  let r;
+  e[11] !== s.style || e[12] !== a ? (r = {
+    ...s.style,
+    ...a
+  }, e[11] = s.style, e[12] = a, e[13] = r) : r = e[13];
+  let u;
+  return e[14] !== l || e[15] !== n || e[16] !== s || e[17] !== d || e[18] !== r ? (u = /* @__PURE__ */ m.jsx("th", { ...s, ref: n, className: d, style: r, children: l }), e[14] = l, e[15] = n, e[16] = s, e[17] = d, e[18] = r, e[19] = u) : u = e[19], u;
+}, D = (i) => {
+  const e = _.c(12);
+  let l, t, n, s;
+  e[0] !== i ? ({
+    className: t,
+    children: l,
+    ref: n,
+    ...s
+  } = i, e[0] = i, e[1] = l, e[2] = t, e[3] = n, e[4] = s) : (l = e[1], t = e[2], n = e[3], s = e[4]);
+  let o;
+  e[5] !== t ? (o = R("Header", t), e[5] = t, e[6] = o) : o = e[6];
+  let c;
+  return e[7] !== l || e[8] !== n || e[9] !== s || e[10] !== o ? (c = /* @__PURE__ */ m.jsx("thead", { ...s, ref: n, className: o, children: l }), e[7] = l, e[8] = n, e[9] = s, e[10] = o, e[11] = c) : c = e[11], c;
+}, F = (i) => {
+  const e = _.c(16);
+  let l, t, n, s;
+  e[0] !== i ? ({
+    children: l,
+    className: t,
+    variant: s,
+    ...n
+  } = i, e[0] = i, e[1] = l, e[2] = t, e[3] = n, e[4] = s) : (l = e[1], t = e[2], n = e[3], s = e[4]);
+  const o = s === void 0 ? "default" : s;
+  let c;
+  e[5] !== o ? (c = {
+    variant: o
+  }, e[5] = o, e[6] = c) : c = e[6];
+  const d = c;
+  let a;
+  e[7] !== t ? (a = R("Root", t), e[7] = t, e[8] = a) : a = e[8];
+  let r;
+  e[9] !== l || e[10] !== n || e[11] !== a ? (r = /* @__PURE__ */ m.jsx("table", { ...n, className: a, children: l }), e[9] = l, e[10] = n, e[11] = a, e[12] = r) : r = e[12];
+  let u;
+  return e[13] !== d || e[14] !== r ? (u = /* @__PURE__ */ m.jsx(v, { value: d, children: r }), e[13] = d, e[14] = r, e[15] = u) : u = e[15], u;
+}, O = {
+  Root: F,
+  Header: D,
+  Body: k,
+  Row: U,
+  Cell: V,
+  HeaderCell: q,
+  useRowResize: A
+};
+export {
+  O as Table
+};