@3sc/common-component 0.0.354 → 0.0.356

package/dist/index.es.js

@@ -41021,7 +41021,7 @@ const E8 = ({ options: e, isDraggable: t }) => {
                 R.preventDefault(), P((N) => Math.min(N + 1, m.length - 1));
               else if (R.key === "ArrowUp")
                 R.preventDefault(), P((N) => Math.max(N - 1, 0));
-              else if (R.key === "Enter" || R.key === " ") {
+              else if (R.key === "Enter") {
                 R.preventDefault();
                 const N = m[E];
                 N && $(N);
@@ -41042,9 +41042,6 @@ const E8 = ({ options: e, isDraggable: t }) => {
                     tabIndex: 0,
                     inputMode: "none"
                   },
-                  onKeyDown: (R) => {
-                    R.key === "Enter" && d(!0);
-                  },
                   onChange: B,
                   sx: {
                     position: "sticky",
@@ -44223,18 +44220,19 @@ const FW = q(Pl)(({ theme: e }) => ({
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
+  lineHeight: "2rem",
   display: "table-cell",
   [`&.${dd.head}`]: {
     color: e.palette.primary.notifyTextColor,
     backgroundColor: e.palette.primary.notifyBackground,
     borderColor: e.palette.primary.notifyBorderColor,
-    padding: "0.3rem 0.5rem",
+    padding: "0rem",
     textAlign: "center"
   },
   [`&.${dd.body}`]: {
     color: e.palette.primary.notifyTextColor,
     borderColor: e.palette.primary.notifyBorderColor,
-    padding: "0.3rem 0.5rem",
+    padding: "0rem",
     textAlign: "center"
   }
 }));
@@ -44556,7 +44554,7 @@ function kw({
       Bv,
       {
         sx: {
-          maxHeight: "100%",
+          maxHeight: "40rem",
           whiteSpace: "nowrap",
           overflow: "auto",
           width: "100%",
@@ -44567,35 +44565,60 @@ function kw({
           Fv,
           {
             ref: O,
+            stickyHeader: !0,
             "aria-label": "sticky table",
             sx: {
               backgroundColor: (I) => I.palette.primary.notifyBackground
             },
             children: [
               /* @__PURE__ */ y.jsxs(Lv, { children: [
-                /* @__PURE__ */ y.jsx(Yo, { children: d.map(
-                  (I, Y) => I != null && I.isHidden || (I == null ? void 0 : I.isVisible) === !1 ? null : /* @__PURE__ */ y.jsxs(ye.Fragment, { children: [
-                    ae(I, Y, x),
-                    oe(I, Y, x)
-                  ] }, Y)
-                ) }),
-                /* @__PURE__ */ y.jsx(Yo, { draggable: !1, children: d.flatMap(
-                  (I, Y) => I != null && I.isHidden || !(I != null && I.children) || (I == null ? void 0 : I.isVisible) === !1 ? [] : I.children.map(
-                    (Z, re) => Z != null && Z.isHidden ? null : /* @__PURE__ */ y.jsxs(ye.Fragment, { children: [
-                      ae(
-                        Z,
-                        re,
-                        x,
-                        I
-                      ),
-                      w && oe(
-                        Z,
-                        re,
-                        x
+                /* @__PURE__ */ y.jsx(
+                  Yo,
+                  {
+                    sx: {
+                      position: "sticky",
+                      top: 0,
+                      backgroundColor: u.palette.primary.notifyBackground,
+                      zIndex: 3,
+                      maxHeight: "3.5rem"
+                    },
+                    children: d.map(
+                      (I, Y) => I != null && I.isHidden || (I == null ? void 0 : I.isVisible) === !1 ? null : /* @__PURE__ */ y.jsxs(ye.Fragment, { children: [
+                        ae(I, Y, x),
+                        oe(I, Y, x)
+                      ] }, Y)
+                    )
+                  }
+                ),
+                /* @__PURE__ */ y.jsx(
+                  Yo,
+                  {
+                    draggable: !1,
+                    sx: {
+                      position: "sticky",
+                      top: "2rem",
+                      backgroundColor: u.palette.primary.notifyBackground,
+                      zIndex: 2
+                    },
+                    children: d.flatMap(
+                      (I, Y) => I != null && I.isHidden || !(I != null && I.children) || (I == null ? void 0 : I.isVisible) === !1 ? [] : I.children.map(
+                        (Z, re) => Z != null && Z.isHidden ? null : /* @__PURE__ */ y.jsxs(ye.Fragment, { children: [
+                          ae(
+                            Z,
+                            re,
+                            x,
+                            I
+                          ),
+                          w && oe(
+                            Z,
+                            re,
+                            x
+                          )
+                        ] }, `${Y}-${re}`)
                       )
-                    ] }, `${Y}-${re}`)
-                  )
-                ) })
+                    )
+                  }
+                )
               ] }),
               /* @__PURE__ */ y.jsx(_v, { children: n.map((I, Y) => {
                 const Z = I[V], re = _ == null ? void 0 : _[Z], be = (re == null ? void 0 : re.length) > 0;
@@ -44695,7 +44718,7 @@ function Ew({ tableProps: e, isDefaultConfig: t, gridPath: n, baseUrl: r, childU
       type: qe.SET_GRID_DATA,
       payload: { visibleGridColumns: l }
     }));
-  }, []), /* @__PURE__ */ y.jsx(
+  }, [l]), /* @__PURE__ */ y.jsx(
     kw,
     {
       ...e,