@dmsi/wedgekit-react 3.0.1 → 3.1.0

package/dist/components/Breadcrumbs.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import m, { useState as v, useLayoutEffect as k } from "react";
-import { clsx as c } from "../node_modules/clsx/dist/clsx.js";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import m, { useState as g, useLayoutEffect as k } from "react";
+import { clsx as l } from "../node_modules/clsx/dist/clsx.js";
 import { Link as x } from "./Link.js";
 import { Icon as b } from "./Icon.js";
 function y({
@@ -9,23 +9,23 @@ function y({
   children: o,
   onClick: r,
   id: n,
-  testid: t
+  testid: e
 }) {
-  const i = c(
+  const i = l(
     "!text-text-link-normal  whitespace-nowrap",
     "py-mobile-component-padding",
     "desktop:py-desktop-layout-group-padding",
     "compact:py-desktop-compact-component-padding"
   );
-  return /* @__PURE__ */ e("li", { id: n, "data-testid": t, className: "flex items-center", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t("li", { id: n, "data-testid": e, className: "flex items-center", children: /* @__PURE__ */ t(
     x,
     {
       id: n ? `${n}-link` : void 0,
-      "data-testid": t ? `${t}-link` : void 0,
-      className: c(
+      "data-testid": e ? `${e}-link` : void 0,
+      className: l(
         i,
         "!text-caption-desktop",
-        "!decoration-transparent"
+        "!decoration-transparent hover:!decoration-current"
       ),
       href: a,
       typographyStyle: "caption",
@@ -34,23 +34,23 @@ function y({
     }
   ) }, a);
 }
-const w = () => /* @__PURE__ */ e("li", { className: "flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ e(b, { name: "chevron_right", size: 16 }) });
+const w = () => /* @__PURE__ */ t("li", { className: "flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ t(b, { name: "chevron_right", size: 16 }) });
 function O({
   asCardStyle: a,
   id: o,
   testid: r,
   crumbs: n
 }) {
-  const t = m.useRef(null), [i, u] = v(!1);
+  const e = m.useRef(null), [i, u] = g(!1);
   k(() => {
-    t.current?.scrollTo({
-      left: t.current?.scrollWidth ?? 0,
+    e.current?.scrollTo({
+      left: e.current?.scrollWidth ?? 0,
       behavior: "instant"
     }), p();
-  }, [t, n]);
+  }, [e, n]);
   const p = () => {
-    t.current && u(
-      t.current.scrollWidth !== t.current.clientWidth && t.current.scrollLeft > 0
+    e.current && u(
+      e.current.scrollWidth !== e.current.clientWidth && e.current.scrollLeft > 0
     );
   };
   return /* @__PURE__ */ d(
@@ -58,7 +58,7 @@ function O({
     {
       id: o,
       "data-testid": r,
-      className: c(
+      className: l(
         "relative select-none flex items-center  max-w-full w-full",
         {
           "bg-white rounded-base shadow-4 px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding": a,
@@ -67,16 +67,16 @@ function O({
       ),
       "aria-label": "Breadcrumb",
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "div",
           {
-            className: c(
+            className: l(
               i ? "opacity-100" : "opacity-0",
               "absolute left-6 top-0 h-full w-12 bg-gradient-to-r from-white to-transparent pointer-events-none z-10 transition"
             )
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "ol",
           {
             id: o ? `${o}-list` : void 0,
@@ -85,23 +85,23 @@ function O({
             style: { scrollbarWidth: "none" },
             onScroll: p,
             ref: (s) => {
-              t.current = s;
+              e.current = s;
             },
-            children: n.map((s, l) => {
-              const { href: f, children: h, onClick: g } = s;
+            children: n.map((s, c) => {
+              const { href: f, children: h, onClick: v } = s;
               return /* @__PURE__ */ d(m.Fragment, { children: [
-                l > 0 && /* @__PURE__ */ e(w, {}),
-                /* @__PURE__ */ e(
+                c > 0 && /* @__PURE__ */ t(w, {}),
+                /* @__PURE__ */ t(
                   y,
                   {
                     href: f,
-                    onClick: g,
-                    id: o ? `${o}-crumb-${l}` : void 0,
-                    testid: r ? `${r}-crumb-${l}` : void 0,
+                    onClick: v,
+                    id: o ? `${o}-crumb-${c}` : void 0,
+                    testid: r ? `${r}-crumb-${c}` : void 0,
                     children: h
                   }
                 )
-              ] }, l);
+              ] }, c);
             })
           }
         )

package/dist/components/DataGrid/TableBody/TableBodyRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBodyRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/TableBodyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAwCnE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,GAAG,EAEH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EAEb,MAAM,EACN,YAAY,EACZ,kBAA0B,EAC1B,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqJtB"}
+{"version":3,"file":"TableBodyRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/TableBodyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AA4CnE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,GAAG,EAEH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EAEb,MAAM,EACN,YAAY,EACZ,kBAA0B,EAC1B,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0JtB"}

package/dist/components/DataGrid/TableBody/TableBodyRow.js

@@ -1,9 +1,9 @@
-import { jsxs as z, jsx as l } from "react/jsx-runtime";
+import { jsxs as k, jsx as l } from "react/jsx-runtime";
 import { clsx as y } from "../../../node_modules/clsx/dist/clsx.js";
-import { DataGridCell as A, DragAlongCell as E } from "../../DataGridCell.js";
-import { Paragraph as F } from "../../Paragraph.js";
-import { Tooltip as K } from "../../Tooltip.js";
-import { formatDate as T } from "../../../utils/date.js";
+import { DataGridCell as A, DragAlongCell as E, GridColumnSizeContext as F } from "../../DataGridCell.js";
+import { Paragraph as K } from "../../Paragraph.js";
+import { Tooltip as T } from "../../Tooltip.js";
+import { formatDate as G } from "../../../utils/date.js";
 import { formatCurrencyDisplay as I } from "../../../utils/formatting.js";
 import { handleRowArrowKeyDown as M } from "../utils.js";
 function h({
@@ -13,13 +13,13 @@ function h({
   return n == null ? null : typeof n == "function" ? n(o.getContext()) : n;
 }
 const b = {
-  date: (o) => typeof o == "string" ? T(o) : "",
+  date: (o) => typeof o == "string" ? G(o) : "",
   currency: (o) => I(o)
 };
 function N(o) {
   return typeof o == "string" && o in b;
 }
-function J({
+function P({
   id: o,
   testid: n,
   columnVirtualizer: x,
@@ -31,25 +31,25 @@ function J({
   showFilterRow: C,
   // enableColumnSelector = false,
   locked: r,
-  pinDirection: D,
-  groupSelectionMode: v = "row",
+  pinDirection: v,
+  groupSelectionMode: D = "row",
   disabled: i,
-  hoveredRowId: V,
+  hoveredRowId: S,
   setHoveredRowId: g
 }) {
   let c;
-  r ? c = D === "left" ? t.getLeftVisibleCells() : t.getRightVisibleCells() : c = t.getCenterVisibleCells();
-  const S = x?.getVirtualItems() ?? [], j = r ? c : S, w = typeof t.original == "object" && t.original !== null && "rowState" in t.original && t.original.rowState === "error", m = r ? A : E, k = V === t.id;
-  return /* @__PURE__ */ z(
+  r ? c = v === "left" ? t.getLeftVisibleCells() : t.getRightVisibleCells() : c = t.getCenterVisibleCells();
+  const V = x?.getVirtualItems() ?? [], j = r ? c : V, z = typeof t.original == "object" && t.original !== null && "rowState" in t.original && t.original.rowState === "error", m = r ? A : E, w = S === t.id;
+  return /* @__PURE__ */ k(
     "tr",
     {
       className: y(
         "min-h-10",
         "transition-colors",
         !i && (a.index % 2 === 0 ? "bg-background-grouped-primary-normal" : "bg-background-grouped-secondary-normal"),
-        !i && k && "!bg-background-action-secondary-hover",
+        !i && w && "!bg-background-action-secondary-hover",
         t.getIsSelected() && !i && "!bg-background-action-secondary-hover",
-        w && !i && "!bg-background-action-critical-secondary-hover"
+        z && !i && "!bg-background-action-critical-secondary-hover"
       ),
       onMouseEnter: () => g?.(t.id),
       onMouseLeave: () => g?.(null),
@@ -73,7 +73,7 @@ function J({
           const e = r ? p : c[p.index];
           if (!e)
             return;
-          if (e.column.columnDef.meta?.checkbox && v === "group")
+          if (e.column.columnDef.meta?.checkbox && D === "group")
             return /* @__PURE__ */ l(
               m,
               {
@@ -84,7 +84,7 @@ function J({
               },
               e.id
             );
-          const s = e.column.columnDef.meta?.format, u = s && N(s) ? b[s](e.getValue()) : e.getValue(), $ = e.column.columnDef.meta?.align ?? (typeof u == "number" ? "right" : "left");
+          const u = e.column.columnDef.meta?.format, s = u && N(u) ? b[u](e.getValue()) : e.getValue(), $ = e.column.columnDef.meta?.align ?? (typeof s == "number" ? "right" : "left");
           return e.column.columnDef.meta?.useCustomRenderer && e.column.columnDef.meta?.checkbox ? /* @__PURE__ */ l(
             m,
             {
@@ -96,7 +96,14 @@ function J({
               children: /* @__PURE__ */ l(h, { cell: e })
             },
             e.id
-          ) : e.column.columnDef.meta?.useCustomRenderer ? /* @__PURE__ */ l(h, { cell: e }, e.id) : /* @__PURE__ */ l(
+          ) : e.column.columnDef.meta?.useCustomRenderer ? /* @__PURE__ */ l(
+            F.Provider,
+            {
+              value: e.column.getSize(),
+              children: /* @__PURE__ */ l(h, { cell: e })
+            },
+            e.id
+          ) : /* @__PURE__ */ l(
             m,
             {
               id: o ? `${o}-row-${t.id}-cell-${e.id}` : void 0,
@@ -108,14 +115,14 @@ function J({
                 "justify-end": $ === "right"
               }),
               children: /* @__PURE__ */ l(
-                K,
+                T,
                 {
                   id: o ? `${o}-tooltip-${e.id}` : void 0,
                   testid: n ? `${n}-tooltip-${e.id}` : void 0,
                   showOnTruncation: !0,
-                  message: u,
+                  message: s,
                   position: "bottom",
-                  children: /* @__PURE__ */ l(F, { addOverflow: !0, tall: !0, children: u })
+                  children: /* @__PURE__ */ l(K, { addOverflow: !0, tall: !0, children: s })
                 }
               )
             },
@@ -132,5 +139,5 @@ function J({
   );
 }
 export {
-  J as TableBodyRow
+  P as TableBodyRow
 };

package/dist/components/DataGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"AAsDA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgBxC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC1D,EAAE,EACF,aAAa,EACb,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,aAAqB,EACrB,UAAU,EACV,UAAU,EACV,aAAqB,EACrB,OAAe,EACf,OAAO,EAAE,eAAe,EACxB,eAAe,EACf,aAAa,EAAE,qBAAqB,EACpC,qBAAqB,EACrB,YAAY,EAAE,oBAAoB,EAClC,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,qBAA0B,EAC1B,sBAA2B,EAC3B,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,SAAiB,EACjB,cAAkC,EAClC,kBAAkB,EAClB,SAAS,EACT,UAAkB,EAClB,eAAuB,EACvB,aAAa,EACb,UAAU,EACV,OAAO,EACP,YAAyB,EACzB,kBAA2B,EAC3B,iBAAiB,EACjB,kBAA0B,EAC1B,kBAAkB,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,GAAG,GACJ,EAAE,aAAa,CAAC,CAAC,CAAC,2CAw+BlB;AAeD,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"AAsDA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgBxC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC1D,EAAE,EACF,aAAa,EACb,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,aAAqB,EACrB,UAAU,EACV,UAAU,EACV,aAAqB,EACrB,OAAe,EACf,OAAO,EAAE,eAAe,EACxB,eAAe,EACf,aAAa,EAAE,qBAAqB,EACpC,qBAAqB,EACrB,YAAY,EAAE,oBAAoB,EAClC,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,qBAA0B,EAC1B,sBAA2B,EAC3B,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,SAAiB,EACjB,cAAkC,EAClC,kBAAkB,EAClB,SAAS,EACT,UAAkB,EAClB,eAAuB,EACvB,aAAa,EACb,UAAU,EACV,OAAO,EACP,YAAyB,EACzB,kBAA2B,EAC3B,iBAAiB,EACjB,kBAA0B,EAC1B,kBAAkB,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,gBAAgB,EAChB,GAAG,GACJ,EAAE,aAAa,CAAC,CAAC,CAAC,2CAo/BlB;AAeD,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAe,QAAQ,CAAC"}