@pibit.ai/cure-design-system 0.3.13 → 0.3.14

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

@@ -76,10 +76,10 @@ export declare const EllipsisContentWithTooltip: ({ content, className, link, to
     className?: string;
     link?: boolean;
     /** "start" aligns tooltip to the left of the trigger; "center" (default) centers it. */
-    tooltipPosition?: "start" | "center";
+    tooltipPosition?: "start" | "center" | "end";
     /** "above" (default) shows tooltip above the text; "below" shows it below. */
     tooltipSide?: "above" | "below";
     textClassName?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const createEllipsisContent: (content: string, className?: string, link?: boolean, tooltipPosition?: "start" | "center", tooltipSide?: "above" | "below", placeholder?: string, textClassName?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const createEllipsisContent: (content: string, className?: string, link?: boolean, tooltipPosition?: "start" | "center" | "end", tooltipSide?: "above" | "below", placeholder?: string, textClassName?: string) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACP,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GAsGxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,iGAOxC;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,4CA4DA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAkB,EAC7C,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,4CAkBvB,CAAC"}
+{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACP,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GAsGxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,iGAOxC;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,4CAgFA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAQ,GAAG,KAAe,EACrD,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,4CAkBvB,CAAC"}

package/dist/patterns/table/TableWrapper.js

@@ -1,33 +1,33 @@
-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(
+import { jsx as r, jsxs as N, Fragment as E } from "react/jsx-runtime";
+import { forwardRef as C, useState as k, useRef as v, useEffect as O } from "react";
+import { createPortal as R } from "react-dom";
+import { TableCard as $, Table as c } from "./table.js";
+import { cx as g } from "../../utils/cn.js";
+const A = C(
   function({
-    data: f,
-    columns: i,
-    renderRowCell: d,
-    onRowClick: s,
-    arialabel: h,
+    data: h,
+    columns: n,
+    renderRowCell: t,
+    onRowClick: a,
+    arialabel: x,
     size: l = "sm",
     allowDefaultRowClass: w = !1,
-    centeredHeaders: b = [],
-    rootClassName: g,
+    centeredHeaders: o = [],
+    rootClassName: u,
     removeBorders: p,
-    headerClassName: o,
-    isRowExpandable: x,
-    renderExpandedContent: v
-  }, u) {
-    return /* @__PURE__ */ t(
-      S.Root,
+    headerClassName: m,
+    isRowExpandable: y,
+    renderExpandedContent: d
+  }, b) {
+    return /* @__PURE__ */ r(
+      $.Root,
       {
-        ref: u,
-        className: y("overflow-x-auto", g),
+        ref: b,
+        className: g("overflow-x-auto", u),
         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,
+        children: /* @__PURE__ */ N(c, { "aria-label": x, size: l, children: [
+          /* @__PURE__ */ r(c.Header, { className: g("sticky top-0", m), children: n.map((e, f) => /* @__PURE__ */ r(
+            c.Head,
             {
               sticky: e.sticky,
               stickyOffset: e.stickyOffset,
@@ -35,7 +35,7 @@ const F = E(
               label: e.label,
               isRowHeader: !0,
               allowsSorting: e.allowsSorting,
-              headerCellClass: b.includes(e.key) ? "justify-center" : "",
+              headerCellClass: o.includes(e.key) ? "justify-center" : "",
               style: {
                 maxWidth: e.maxWidth,
                 minWidth: e.maxWidth,
@@ -43,113 +43,117 @@ const F = E(
               },
               className: "overflow-hidde"
             },
-            c
+            f
           )) }),
-          /* @__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,
+          /* @__PURE__ */ r(c.Body, { items: h, children: (e) => {
+            const f = y ? y(e) : !1, W = e.id || e.rule_id || String(e);
+            return /* @__PURE__ */ r(
+              c.Row,
               {
-                onAction: () => s == null ? void 0 : s(e),
-                id: m,
-                isExpandable: c,
-                renderExpandedContent: c ? v : void 0,
-                columns: i,
-                className: y(
-                  s && "cursor-pointer",
+                onAction: () => a == null ? void 0 : a(e),
+                id: W,
+                isExpandable: f,
+                renderExpandedContent: f ? d : void 0,
+                columns: n,
+                className: g(
+                  a && "cursor-pointer",
                   w ? "prose" : "",
                   p && "[&>td]:after:hidden"
                   // Remove row borders
                 ),
-                children: i.map((a, N) => /* @__PURE__ */ t(
-                  n.Cell,
+                children: n.map((i, T) => /* @__PURE__ */ r(
+                  c.Cell,
                   {
-                    sticky: a.sticky,
-                    stickyOffset: a.stickyOffset,
+                    sticky: i.sticky,
+                    stickyOffset: i.stickyOffset,
                     style: {
-                      maxWidth: a.maxWidth,
-                      minWidth: a.maxWidth,
-                      width: a.maxWidth
+                      maxWidth: i.maxWidth,
+                      minWidth: i.maxWidth,
+                      width: i.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)
+                    children: T === 0 && f ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: t(i.key, e[i.key], e) }) : t(i.key, e[i.key], e)
                   },
-                  a.key
+                  i.key
                 ))
               },
-              m
+              W
             );
           } })
         ] })
       }
     );
   }
-), $ = ({
-  content: r,
-  className: f = "",
-  link: i = !1,
-  tooltipPosition: d = "center",
-  tooltipSide: s = "above",
-  textClassName: h = ""
+), j = ({
+  content: s,
+  className: h = "",
+  link: n = !1,
+  tooltipPosition: t = "center",
+  tooltipSide: a = "above",
+  textClassName: x = ""
 }) => {
-  const [l, w] = k(!1), [b, g] = k({ top: 0, left: 0 }), p = O(null);
-  return j(() => {
+  const [l, w] = k(!1), [o, u] = k({ top: 0, left: 0, right: 0 }), p = v(null), m = v(null);
+  return O(() => {
+    var y;
     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
+      const d = p.current.getBoundingClientRect(), b = 8, e = typeof window < "u" ? window.innerWidth : document.documentElement.clientWidth, f = (y = m.current) == null ? void 0 : y.getBoundingClientRect(), W = t === "end" && f ? Math.min(d.right, f.right) : d.right;
+      u({
+        top: a === "below" ? d.bottom + b : d.top - b,
+        left: t === "start" ? d.left : t === "center" ? d.left + d.width / 2 : 0,
+        // `right` is offset from the viewport's right edge; rects are viewport-relative.
+        right: t === "end" ? e - W : 0
       });
     }
-  }, [l, d, s]), /* @__PURE__ */ W(T, { children: [
-    /* @__PURE__ */ t(
+  }, [l, t, a]), /* @__PURE__ */ N(E, { children: [
+    /* @__PURE__ */ r(
       "span",
       {
         ref: p,
-        className: y(
+        className: g(
           "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
+          x,
           h,
-          f,
-          i ? "!text-[var(--color-brand-600)]" : ""
+          n ? "!text-[var(--color-brand-600)]" : ""
         ),
         onMouseEnter: () => w(!0),
         onMouseLeave: () => w(!1),
-        children: i ? /* @__PURE__ */ t("a", { href: r, target: "_blank", children: r }) : r
+        children: /* @__PURE__ */ r("span", { ref: m, className: "inline", children: n ? /* @__PURE__ */ r("a", { href: s, target: "_blank", children: s }) : s })
       }
     ),
-    l && H(
-      /* @__PURE__ */ t(
+    l && R(
+      /* @__PURE__ */ r(
         "div",
         {
-          className: y(
+          className: g(
             "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
+            a === "above" && "-translate-y-full",
+            t === "center" && "-translate-x-1/2",
+            h
           ),
           style: {
-            top: `${b.top}px`,
-            left: `${b.left}px`
+            top: `${o.top}px`,
+            ...(t === "start" || t === "center") && { left: `${o.left}px` },
+            ...t === "end" && { right: `${o.right}px` }
           },
-          children: r
+          children: s
         }
       ),
       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(
-  $,
+}, F = (s, h = "", n, t = "start", a, x, l) => s === "" || s === "-" ? /* @__PURE__ */ r("span", { className: `text-left ${h}`, children: s || x || "-" }) : /* @__PURE__ */ r(
+  j,
   {
-    content: r,
-    className: f,
-    link: i,
-    tooltipPosition: d,
-    tooltipSide: s,
+    content: s,
+    className: h,
+    link: n,
+    tooltipPosition: t,
+    tooltipSide: a,
     textClassName: l
   }
 );
 export {
-  $ as EllipsisContentWithTooltip,
-  F as TableWrapper,
-  I as createEllipsisContent
+  j as EllipsisContentWithTooltip,
+  A as TableWrapper,
+  F as createEllipsisContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.3.13",
+  "version": "0.3.14",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",