@dmsi/wedgekit-react 0.0.208 → 0.0.209

package/dist/{chunk-EFX3RPW4.js → chunk-Q3TNALWH.js}

@@ -30,10 +30,10 @@ import {
 import { useSortable } from "@dnd-kit/sortable";
 import clsx from "clsx";
 import {
-  memo,
   useEffect,
   useRef,
-  useState
+  useState,
+  memo
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DataGridCell = memo(
@@ -54,6 +54,7 @@ var DataGridCell = memo(
       warning,
       center,
       width,
+      minWidth,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -71,6 +72,7 @@ var DataGridCell = memo(
       "warning",
       "center",
       "width",
+      "minWidth",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -144,7 +146,7 @@ var DataGridCell = memo(
         id,
         "data-testid": testid,
         className: clsx("flex h-10", !width && "flex-1"),
-        style: { width }
+        style: { width, minWidth }
       }, props), {
         "data-theme": type === "header" && !locked ? "brand" : void 0,
         children: /* @__PURE__ */ jsx(
@@ -185,7 +187,7 @@ function DataCellHeader(_a) {
     "testid",
     "useMenuDefaultMinWidth"
   ]);
-  var _a2, _b2, _c;
+  var _a2;
   const [showMenu, setShowMenu] = useState(false);
   const [filter, setFilter] = useState(
     (_a2 = header.column.getFilterValue()) != null ? _a2 : ""
@@ -219,7 +221,7 @@ function DataCellHeader(_a) {
   const style = __spreadValues({
     position: "relative",
     whiteSpace: "nowrap",
-    width: (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.headerWidth) != null ? _c : header.column.getSize(),
+    minWidth: header.column.getSize(),
     "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
     "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
     "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
@@ -233,6 +235,7 @@ function DataCellHeader(_a) {
       type: "header",
       component: "header",
       style,
+      minWidth: `${header.column.getSize()}px`,
       onClick: header.column.getToggleSortingHandler(),
       onRightClick: () => setShowMenu(!showMenu)
     }, props), {
@@ -256,8 +259,8 @@ function DataCellHeader(_a) {
                   id: id ? `${id}-filter-option` : void 0,
                   testid: testid ? `${testid}-filter-option` : void 0
                 }, subMenuListeners), {
-                  subMenu: (_d) => {
-                    var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
+                  subMenu: (_b2) => {
+                    var _c = _b2, { menuId, subMenuLevel } = _c, props2 = __objRest(_c, ["menuId", "subMenuLevel"]);
                     return /* @__PURE__ */ jsxs(
                       Menu,
                       __spreadProps(__spreadValues({
@@ -330,8 +333,8 @@ function DataCellHeader(_a) {
                     setShowMenu(!showMenu);
                   }
                 }, subMenuListeners), {
-                  subMenu: (_f) => {
-                    var _g = _f, { menuId, subMenuLevel } = _g, props2 = __objRest(_g, ["menuId", "subMenuLevel"]);
+                  subMenu: (_d) => {
+                    var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
                     return /* @__PURE__ */ jsxs(
                       Menu,
                       __spreadProps(__spreadValues({}, props2), {
@@ -419,7 +422,6 @@ function DraggableCellHeader(_a) {
     "header",
     "children"
   ]);
-  var _a2, _b2;
   const { attributes, isDragging, listeners, setNodeRef, transform, node } = useSortable({
     id: header.column.id
   });
@@ -430,7 +432,6 @@ function DraggableCellHeader(_a) {
     transition: "width transform 0.2s ease-in-out",
     whiteSpace: "nowrap",
     zIndex: isDragging ? 1 : 0,
-    width: (_b2 = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.headerWidth) != null ? _b2 : header.column.getSize(),
     "--color-text-primary-normal": "var(--color-action-000)",
     "--color-icon-on-action-primary-normal": "var(--color-action-000)",
     userSelect: "none"
@@ -456,7 +457,6 @@ function DragAlongCell(_a) {
     "cell",
     "children"
   ]);
-  var _a2, _b2, _c, _d;
   const { isDragging, setNodeRef, transform } = useSortable({
     id: cell.column.id
   });
@@ -465,19 +465,10 @@ function DragAlongCell(_a) {
     position: "relative",
     transform: CSS.Translate.toString(transform),
     transition: "width transform 0.2s ease-in-out",
-    width: (_b2 = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.headerWidth) != null ? _b2 : cell.column.getSize(),
+    minWidth: cell.column.getSize(),
     zIndex: isDragging ? 1 : 0
   };
-  return /* @__PURE__ */ jsx(
-    DataGridCell,
-    __spreadProps(__spreadValues({
-      style,
-      ref: setNodeRef,
-      width: (_d = (_c = cell.column.columnDef.meta) == null ? void 0 : _c.headerWidth) != null ? _d : `${cell.column.getSize()}px`
-    }, props), {
-      children
-    })
-  );
+  return /* @__PURE__ */ jsx(DataGridCell, __spreadProps(__spreadValues({ style, ref: setNodeRef }, props), { children }));
 }
 DragAlongCell.displayName = "DragAlongCell";