@pibit.ai/cure-design-system 0.3.7 → 0.3.10

package/dist/patterns/table/TableWrapper.js

@@ -0,0 +1,145 @@
+import { jsx as t, jsxs as W, Fragment as T } from "react/jsx-runtime";
+import { forwardRef as E, useState as k, useRef as O, useEffect as j } from "react";
+import { createPortal as H } from "react-dom";
+import { TableCard as S, Table as n } from "./table.js";
+import { cx as y } from "../../utils/cn.js";
+const F = E(function({
+  data: f,
+  columns: i,
+  renderRowCell: d,
+  onRowClick: s,
+  arialabel: h,
+  size: l = "sm",
+  allowDefaultRowClass: w = !1,
+  centeredHeaders: b = [],
+  rootClassName: g,
+  removeBorders: p,
+  headerClassName: o,
+  isRowExpandable: x,
+  renderExpandedContent: v
+}, u) {
+  return /* @__PURE__ */ t(S.Root, { ref: u, className: y("overflow-x-auto", g), size: l, children: /* @__PURE__ */ W(n, { "aria-label": h, size: l, children: [
+    /* @__PURE__ */ t(n.Header, { className: y("sticky top-0", o), children: i.map((e, c) => /* @__PURE__ */ t(
+      n.Head,
+      {
+        sticky: e.sticky,
+        stickyOffset: e.stickyOffset,
+        id: e.key,
+        label: e.label,
+        isRowHeader: !0,
+        allowsSorting: e.allowsSorting,
+        headerCellClass: b.includes(e.key) ? "justify-center" : "",
+        style: {
+          maxWidth: e.maxWidth,
+          minWidth: e.maxWidth,
+          width: e.maxWidth
+        },
+        className: "overflow-hidde"
+      },
+      c
+    )) }),
+    /* @__PURE__ */ t(n.Body, { items: f, children: (e) => {
+      const c = x ? x(e) : !1, m = e.id || e.rule_id || String(e);
+      return /* @__PURE__ */ t(
+        n.Row,
+        {
+          onAction: () => s == null ? void 0 : s(e),
+          id: m,
+          isExpandable: c,
+          renderExpandedContent: c ? v : void 0,
+          columns: i,
+          className: y(
+            s && "cursor-pointer",
+            w ? "prose" : "",
+            p && "[&>td]:after:hidden"
+            // Remove row borders
+          ),
+          children: i.map((a, N) => /* @__PURE__ */ t(
+            n.Cell,
+            {
+              sticky: a.sticky,
+              stickyOffset: a.stickyOffset,
+              style: {
+                maxWidth: a.maxWidth,
+                minWidth: a.maxWidth,
+                width: a.maxWidth
+              },
+              className: "overflow-x-hidden text-left",
+              children: N === 0 && c ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: d(a.key, e[a.key], e) }) : d(a.key, e[a.key], e)
+            },
+            a.key
+          ))
+        },
+        m
+      );
+    } })
+  ] }) });
+}), $ = ({
+  content: r,
+  className: f = "",
+  link: i = !1,
+  tooltipPosition: d = "center",
+  tooltipSide: s = "above",
+  textClassName: h = ""
+}) => {
+  const [l, w] = k(!1), [b, g] = k({ top: 0, left: 0 }), p = O(null);
+  return j(() => {
+    if (l && p.current) {
+      const o = p.current.getBoundingClientRect(), x = 8;
+      g({
+        top: s === "below" ? o.bottom + x : o.top - x,
+        left: d === "start" ? o.left : o.left + o.width / 2
+      });
+    }
+  }, [l, d, s]), /* @__PURE__ */ W(T, { children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        ref: p,
+        className: y(
+          "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
+          h,
+          f,
+          i ? "!text-[var(--color-brand-600)]" : ""
+        ),
+        onMouseEnter: () => w(!0),
+        onMouseLeave: () => w(!1),
+        children: i ? /* @__PURE__ */ t("a", { href: r, target: "_blank", children: r }) : r
+      }
+    ),
+    l && H(
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: y(
+            "fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg pointer-events-none z-999 max-w-2xs lg:max-w-xs xl:max-w-sm break-words whitespace-normal",
+            s === "above" && "-translate-y-full",
+            d === "center" && "-translate-x-1/2",
+            f
+          ),
+          style: {
+            top: `${b.top}px`,
+            left: `${b.left}px`
+          },
+          children: r
+        }
+      ),
+      document.body
+    )
+  ] });
+}, I = (r, f = "", i, d = "start", s, h, l) => r === "" || r === "-" ? /* @__PURE__ */ t("span", { className: `text-left ${f}`, children: r || h || "-" }) : /* @__PURE__ */ t(
+  $,
+  {
+    content: r,
+    className: f,
+    link: i,
+    tooltipPosition: d,
+    tooltipSide: s,
+    textClassName: l
+  }
+);
+export {
+  $ as EllipsisContentWithTooltip,
+  F as TableWrapper,
+  I as createEllipsisContent
+};

package/dist/patterns/table/table.d.ts

@@ -13,7 +13,7 @@ interface TableCardHeaderProps {
     className?: string;
 }
 interface TableRootProps extends AriaTableProps, Omit<ComponentPropsWithRef<'table'>, 'className' | 'slot' | 'style'> {
-    size?: 'sm' | 'md';
+    size?: 'xs' | 'sm' | 'md';
     isEditable?: boolean;
 }
 declare const TableRoot: {
@@ -31,12 +31,14 @@ declare const TableHeader: {
 };
 interface TableHeadProps extends AriaColumnProps, Omit<ThHTMLAttributes<HTMLTableCellElement>, 'children' | 'className' | 'style' | 'id'> {
     label?: string;
+    tooltip?: string;
     sticky?: 'left' | 'right';
     stickyOffset?: number;
     headerCellClass?: string;
+    tooltipHeader?: boolean;
 }
 declare const TableHead: {
-    ({ className, label, children, sticky, stickyOffset, headerCellClass, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, tooltip, label, children, sticky, stickyOffset, headerCellClass, tooltipHeader, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 interface TableRowProps<T extends object> extends AriaRowProps<T>, Omit<ComponentPropsWithRef<'tr'>, 'children' | 'className' | 'onClick' | 'slot' | 'style' | 'id'> {
@@ -62,7 +64,7 @@ declare const TableCell: {
 };
 declare const TableCard: {
     Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        size?: "sm" | "md";
+        size?: "xs" | "sm" | "md";
     } & React.RefAttributes<HTMLDivElement>>;
     Header: {
         ({ title, badge, description, contentTrailing, className }: TableCardHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/patterns/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/table.tsx"],"names":[],"mappings":"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"}