@blackpurl/bp-react-components 1.0.9 → 1.0.10

package/dist/index.js

@@ -2147,7 +2147,7 @@ var ou = /* @__PURE__ */ (function() {
       return (i = o.parentNode) == null ? void 0 : i.removeChild(o);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), bt = "-ms-", Si = "-moz-", De = "-webkit-", nu = "comm", ks = "rule", Rs = "decl", ih = "@import", iu = "@keyframes", ah = "@layer", sh = Math.abs, Ji = String.fromCharCode, lh = Object.assign;
+})(), yt = "-ms-", Si = "-moz-", De = "-webkit-", nu = "comm", ks = "rule", Rs = "decl", ih = "@import", iu = "@keyframes", ah = "@layer", sh = Math.abs, Ji = String.fromCharCode, lh = Object.assign;
 function ch(e, t) {
   return ht(e, 0) ^ 45 ? (((t << 2 ^ ht(e, 0)) << 2 ^ ht(e, 1)) << 2 ^ ht(e, 2)) << 2 ^ ht(e, 3) : 0;
 }
@@ -2540,32 +2540,32 @@ function du(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return De + e + Si + e + bt + e + e;
+      return De + e + Si + e + yt + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return De + e + bt + e + e;
+      return De + e + yt + e + e;
     // order
     case 6165:
-      return De + e + bt + "flex-" + e + e;
+      return De + e + yt + "flex-" + e + e;
     // align-items
     case 5187:
-      return De + e + je(e, /(\w+).+(:[^]+)/, De + "box-$1$2" + bt + "flex-$1$2") + e;
+      return De + e + je(e, /(\w+).+(:[^]+)/, De + "box-$1$2" + yt + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return De + e + bt + "flex-item-" + je(e, /flex-|-self/, "") + e;
+      return De + e + yt + "flex-item-" + je(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return De + e + bt + "flex-line-pack" + je(e, /align-content|flex-|-self/, "") + e;
+      return De + e + yt + "flex-line-pack" + je(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return De + e + bt + je(e, "shrink", "negative") + e;
+      return De + e + yt + je(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return De + e + bt + je(e, "basis", "preferred-size") + e;
+      return De + e + yt + je(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return De + "box-" + je(e, "-grow", "") + De + e + bt + je(e, "grow", "positive") + e;
+      return De + "box-" + je(e, "-grow", "") + De + e + yt + je(e, "grow", "positive") + e;
     // transition
     case 4554:
       return De + je(e, /([^-])(transform)/g, "$1" + De + "$2") + e;
@@ -2578,7 +2578,7 @@ function du(e, t) {
       return je(e, /(image-set\([^]*)/, De + "$1$`$1");
     // justify-content
     case 4968:
-      return je(je(e, /(.+:)(flex-)?(.*)/, De + "box-pack:$3" + bt + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + De + e + e;
+      return je(je(e, /(.+:)(flex-)?(.*)/, De + "box-pack:$3" + yt + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + De + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
@@ -2621,7 +2621,7 @@ function du(e, t) {
           return je(e, ":", ":" + De) + e;
         // (inline-)?fl(e)x
         case 101:
-          return je(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + De + (ht(e, 14) === 45 ? "inline-" : "") + "box$3$1" + De + "$2$3$1" + bt + "$2box$3") + e;
+          return je(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + De + (ht(e, 14) === 45 ? "inline-" : "") + "box$3$1" + De + "$2$3$1" + yt + "$2box$3") + e;
       }
       break;
     // writing-mode
@@ -2629,15 +2629,15 @@ function du(e, t) {
       switch (ht(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return De + e + bt + je(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return De + e + yt + je(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return De + e + bt + je(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return De + e + yt + je(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return De + e + bt + je(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return De + e + yt + je(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return De + e + bt + e + e;
+      return De + e + yt + e + e;
   }
   return e;
 }
@@ -2666,7 +2666,7 @@ var Rh = function(t, r, o, i) {
             }), Yo(t, {
               props: [je(a, /:(plac\w+)/, ":" + Si + "$1")]
             }), Yo(t, {
-              props: [je(a, /:(plac\w+)/, bt + "input-$1")]
+              props: [je(a, /:(plac\w+)/, yt + "input-$1")]
             })], i);
         }
         return "";
@@ -3961,10 +3961,10 @@ function Cg(e) {
         else {
           const Ie = xe.replace("%s", pe).match(/\[([^\]]+)\]/);
           if (Ie) {
-            const [Re, gt] = Ie[1].split("=");
-            gt || X.forEach(($e) => {
+            const [Re, mt] = Ie[1].split("=");
+            mt || X.forEach(($e) => {
               j.removeAttribute(Re.replace(pe, $e));
-            }), j.setAttribute(Re, gt ? gt.replace(/"|'/g, "") : "");
+            }), j.setAttribute(Re, mt ? mt.replace(/"|'/g, "") : "");
           } else
             j.setAttribute(xe, pe);
         }
@@ -5744,13 +5744,13 @@ function Im({
     ...t
   });
 }
-const Dm = ue("MuiBox", ["root"]), jm = Bo(), yt = _h({
+const Dm = ue("MuiBox", ["root"]), jm = Bo(), gt = _h({
   themeId: hr,
   defaultTheme: jm,
   defaultClassName: Dm.root,
   generateClassName: gu.generate
 });
-process.env.NODE_ENV !== "production" && (yt.propTypes = {
+process.env.NODE_ENV !== "production" && (gt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -8998,7 +8998,7 @@ const qb = "data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%
 function Sc({ sx: e, imgUrl: t, action: r, filled: o, slotProps: i, description: a, title: s = "No data", ...l }) {
   return /* @__PURE__ */ g.jsxs(Kb, { filled: o, sx: e, ...l, children: [
     /* @__PURE__ */ g.jsx(
-      yt,
+      gt,
       {
         component: "img",
         alt: "Empty content",
@@ -13685,7 +13685,7 @@ const g2 = /* @__PURE__ */ Of(function(t) {
     droppableRects: H,
     droppableContainers: $,
     pointerCoordinates: rt
-  }) : null, gt = g1(Re, "id"), [$e, wt] = ze(null), vt = ce ? ae : Oo(ae, qe), Tt = v1(vt, (a = $e?.rect) != null ? a : null, U), jt = Ue(null), At = Ke(
+  }) : null, mt = g1(Re, "id"), [$e, wt] = ze(null), vt = ce ? ae : Oo(ae, qe), Tt = v1(vt, (a = $e?.rect) != null ? a : null, U), jt = Ue(null), At = Ke(
     (Xe, nt) => {
       let {
         sensor: it,
@@ -13722,15 +13722,15 @@ const g2 = /* @__PURE__ */ Of(function(t) {
             return;
           const {
             onDragPending: Ct
-          } = _.current, mt = {
+          } = _.current, bt = {
             id: te,
             constraint: ye,
             initialCoordinates: be,
             offset: Oe
           };
-          Ct?.(mt), I({
+          Ct?.(bt), I({
             type: "onDragPending",
-            event: mt
+            event: bt
           });
         },
         onStart(te) {
@@ -13779,29 +13779,29 @@ const g2 = /* @__PURE__ */ Of(function(t) {
             over: ut,
             scrollAdjustedTranslate: Ct
           } = V.current;
-          let mt = null;
+          let bt = null;
           if (be && Ct) {
             const {
               cancelDrop: Qt
             } = _.current;
-            mt = {
+            bt = {
               activatorEvent: le,
               active: be,
               collisions: Oe,
               delta: Ct,
               over: ut
-            }, te === lt.DragEnd && typeof Qt == "function" && await Promise.resolve(Qt(mt)) && (te = lt.DragCancel);
+            }, te === lt.DragEnd && typeof Qt == "function" && await Promise.resolve(Qt(bt)) && (te = lt.DragCancel);
           }
           R.current = null, Fn(() => {
             E({
               type: te
             }), x(Dr.Uninitialized), wt(null), P(null), L(null), jt.current = null;
             const Qt = te === lt.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (mt) {
+            if (bt) {
               const ar = _.current[Qt];
-              ar?.(mt), I({
+              ar?.(bt), I({
                 type: Qt,
-                event: mt
+                event: bt
               });
             }
           });
@@ -13872,7 +13872,7 @@ const g2 = /* @__PURE__ */ Of(function(t) {
         return;
       const {
         onDragOver: le
-      } = _.current, _e = xt.get(gt), ee = _e && _e.rect.current ? {
+      } = _.current, _e = xt.get(mt), ee = _e && _e.rect.current ? {
         id: _e.id,
         rect: _e.rect.current,
         data: _e.data,
@@ -13895,7 +13895,7 @@ const g2 = /* @__PURE__ */ Of(function(t) {
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [gt]
+    [mt]
   ), br(() => {
     V.current = {
       activatorEvent: F,
@@ -14481,7 +14481,7 @@ function L2({ id: e, isDragging: t, children: r }) {
     opacity: t ? 0.95 : 1
   };
   return /* @__PURE__ */ g.jsxs(
-    yt,
+    gt,
     {
       ref: a,
       ...o,
@@ -14499,13 +14499,13 @@ function L2({ id: e, isDragging: t, children: r }) {
       },
       children: [
         /* @__PURE__ */ g.jsx(
-          yt,
+          gt,
           {
             ...i,
             className: "drag-icon",
             sx: {
               position: "absolute",
-              left: "-2px",
+              left: "4px",
               top: "50%",
               transform: "translateY(-50%)",
               display: "flex",
@@ -14522,12 +14522,12 @@ function L2({ id: e, isDragging: t, children: r }) {
           }
         ),
         /* @__PURE__ */ g.jsx(
-          yt,
+          gt,
           {
             sx: {
               width: "100%",
               minWidth: 0,
-              pl: "10px",
+              pl: "20px",
               // reserve left area for drag icon
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -16539,8 +16539,8 @@ const fl = /* @__PURE__ */ O.forwardRef(function(t, r) {
       x: le.clientX,
       y: le.clientY
     }, xe.current && xe.current.update();
-  }, Re = {}, gt = typeof B == "string";
-  d ? (Re.title = !V && gt && !p ? B : null, Re["aria-describedby"] = V ? ie : null) : (Re["aria-label"] = gt ? B : null, Re["aria-labelledby"] = V && !gt ? ie : null);
+  }, Re = {}, mt = typeof B == "string";
+  d ? (Re.title = !V && mt && !p ? B : null, Re["aria-describedby"] = V ? ie : null) : (Re["aria-label"] = mt ? B : null, Re["aria-labelledby"] = V && !mt ? ie : null);
   const $e = {
     ...Re,
     ...P,
@@ -16855,7 +16855,7 @@ const ix = ({ children: e }) => {
     const a = i.scrollWidth > i.clientWidth;
     o(a);
   }, [e]), /* @__PURE__ */ g.jsx(fl, { title: r ? e : "", arrow: !0, disableHoverListener: !r, children: /* @__PURE__ */ g.jsx(
-    yt,
+    gt,
     {
       ref: t,
       sx: {
@@ -17967,7 +17967,7 @@ const Wp = /* @__PURE__ */ O.forwardRef(function(t, r) {
     shouldForwardComponentProp: !0,
     externalForwardedProps: pe,
     ownerState: A
-  }), gt = O.useCallback((ee) => {
+  }), mt = O.useCallback((ee) => {
     Ie?.(ee), ne({
       overflow: null,
       scrollbarWidth: ee
@@ -17992,7 +17992,7 @@ const Wp = /* @__PURE__ */ O.forwardRef(function(t, r) {
     const ee = {};
     ee.scrollbarSizeListener = B ? /* @__PURE__ */ g.jsx(xe, {
       ...Re,
-      onChange: gt
+      onChange: mt
     }) : null;
     const ye = B && (I === "auto" && (Z || U) || I === !0);
     return ee.scrollButtonStart = ye ? /* @__PURE__ */ g.jsx($e, {
@@ -18034,10 +18034,10 @@ const Wp = /* @__PURE__ */ O.forwardRef(function(t, r) {
     let te;
     const ye = (ut) => {
       ut.forEach((Ct) => {
-        Ct.removedNodes.forEach((mt) => {
-          te?.unobserve(mt);
-        }), Ct.addedNodes.forEach((mt) => {
-          te?.observe(mt);
+        Ct.removedNodes.forEach((bt) => {
+          te?.unobserve(bt);
+        }), Ct.addedNodes.forEach((bt) => {
+          te?.observe(bt);
         });
       }), ee(), jt();
     }, be = mr(ce.current);
@@ -18060,9 +18060,9 @@ const Wp = /* @__PURE__ */ O.forwardRef(function(t, r) {
         Q(!ar[0].isIntersecting);
       }, Ct = new IntersectionObserver(ut, Oe);
       Ct.observe(ye);
-      const mt = (ar) => {
+      const bt = (ar) => {
         J(!ar[0].isIntersecting);
-      }, Qt = new IntersectionObserver(mt, Oe);
+      }, Qt = new IntersectionObserver(bt, Oe);
       return Qt.observe(be), () => {
         Ct.disconnect(), Qt.disconnect();
       };
@@ -21728,7 +21728,7 @@ function zC({ open: e, canReset: t, onClose: r, filterGroups: o, onFilterChange:
     i(u);
   }, l = () => /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
     /* @__PURE__ */ g.jsxs(
-      yt,
+      gt,
       {
         sx: {
           py: 2,
@@ -21806,7 +21806,7 @@ function zC({ open: e, canReset: t, onClose: r, filterGroups: o, onFilterChange:
             ] })
           }
         ),
-        /* @__PURE__ */ g.jsx(nf, { sx: { px: 0, pt: 1, pb: 0, backgroundColor: "transparent" }, children: d?.length > 0 ? /* @__PURE__ */ g.jsx(yt, { sx: { display: "flex", flexDirection: "column" }, children: d?.map((f) => /* @__PURE__ */ g.jsx(tf, { sx: { ml: 0.5 }, control: /* @__PURE__ */ g.jsx(ef, { checked: f.isSelected, onChange: () => a(f.Value, u) }), label: f.Value }, f.Value)) }) : /* @__PURE__ */ g.jsx(Rr, { variant: "body2", color: "text.disabled", children: "No options available" }) })
+        /* @__PURE__ */ g.jsx(nf, { sx: { px: 0, pt: 1, pb: 0, backgroundColor: "transparent" }, children: d?.length > 0 ? /* @__PURE__ */ g.jsx(gt, { sx: { display: "flex", flexDirection: "column" }, children: d?.map((f) => /* @__PURE__ */ g.jsx(tf, { sx: { ml: 0.5 }, control: /* @__PURE__ */ g.jsx(ef, { checked: f.isSelected, onChange: () => a(f.Value, u) }), label: f.Value }, f.Value)) }) : /* @__PURE__ */ g.jsx(Rr, { variant: "body2", color: "text.disabled", children: "No options available" }) })
       ]
     }
   );
@@ -22062,14 +22062,14 @@ process.env.NODE_ENV !== "production" && (lf.propTypes = {
 });
 function YC({ rowCount: e = 8, cellCount: t = 6 }) {
   return /* @__PURE__ */ g.jsx(
-    yt,
+    gt,
     {
       sx: {
         width: "100%",
         p: 2
       },
       children: Array.from({ length: e }).map((r, o) => /* @__PURE__ */ g.jsx(
-        yt,
+        gt,
         {
           sx: {
             display: "flex",
@@ -22079,7 +22079,7 @@ function YC({ rowCount: e = 8, cellCount: t = 6 }) {
             px: 1
           },
           children: Array.from({ length: t }).map((i, a) => /* @__PURE__ */ g.jsx(
-            yt,
+            gt,
             {
               sx: {
                 flex: 1,
@@ -22957,7 +22957,7 @@ function lS({
   const J = Pe(() => t.filter((re) => !re.Additionalfilter), [t]), V = Em(), [ie, he] = ze([]), [ne, Ce] = ze("all");
   we(() => {
     const re = J.map((ge) => ge.accessorKey);
-    gt((ge) => ge?.length ? ge : re);
+    mt((ge) => ge?.length ? ge : re);
   }, [J]);
   const ce = {
     density: "standard",
@@ -22980,7 +22980,7 @@ function lS({
   const Se = Pe(() => t.filter((re) => re.isFilterable).map((re) => ({
     id: re.accessorKey,
     label: re.header || re.accessorKey
-  })), [t]), [fe, ae] = ze(pe.density), [rt, st] = ze(pe.paginationModel), [ft, qe] = ze(pe.columnVisibilityModel), [xe, Ie] = ze(!1), [Re, gt] = ze(() => pe.columnOrder), [$e, wt] = ze(() => pe.sortModel?.length ? pe.sortModel : G?.length ? G : []), [vt, Tt] = ze(null), [jt, At] = ze(null), [Jt, Et] = ze(null), [ir, xr] = ze(!1), Cr = Ue(null), Xe = Ue(!1), nt = Pe(() => {
+  })), [t]), [fe, ae] = ze(pe.density), [rt, st] = ze(pe.paginationModel), [ft, qe] = ze(pe.columnVisibilityModel), [xe, Ie] = ze(!1), [Re, mt] = ze(() => pe.columnOrder), [$e, wt] = ze(() => pe.sortModel?.length ? pe.sortModel : G?.length ? G : []), [vt, Tt] = ze(null), [jt, At] = ze(null), [Jt, Et] = ze(null), [ir, xr] = ze(!1), Cr = Ue(null), Xe = Ue(!1), nt = Pe(() => {
     const re = new Map(J.map((ge) => [ge.accessorKey, ge]));
     return Re.map((ge) => re.get(ge)).filter(Boolean);
   }, [J, Re]);
@@ -23056,7 +23056,7 @@ function lS({
     st((re) => re.page === 0 ? re : { ...re, page: 0 });
   }, [W]);
   const Oe = ({ active: re, over: ge }) => {
-    !ge || re.id === ge.id || gt((Ze) => {
+    !ge || re.id === ge.id || mt((Ze) => {
       const Ot = Ze.indexOf(re.id), Sr = Ze.indexOf(ge.id);
       return nl(Ze, Ot, Sr);
     });
@@ -23076,8 +23076,8 @@ function lS({
       getSelectedFilters: () => W
     });
   }, [T, W]);
-  const Ct = Pe(() => fe !== ce.density || rt.page !== ce.paginationModel.page || rt.pageSize !== ce.paginationModel.pageSize || JSON.stringify(Re) !== JSON.stringify(ce.columnOrder) || JSON.stringify(ft) !== JSON.stringify(ce.columnVisibilityModel) || JSON.stringify($e) !== JSON.stringify(ce.sortModel), [fe, rt, Re, ft, $e, ce]), mt = () => {
-    E && (localStorage.removeItem(`${E}-state`), ae(ce.density), st(ce.paginationModel), gt(ce.columnOrder), qe(ce.columnVisibilityModel), wt(ce.sortModel), yc.success("Table preferences reset"));
+  const Ct = Pe(() => fe !== ce.density || rt.page !== ce.paginationModel.page || rt.pageSize !== ce.paginationModel.pageSize || JSON.stringify(Re) !== JSON.stringify(ce.columnOrder) || JSON.stringify(ft) !== JSON.stringify(ce.columnVisibilityModel) || JSON.stringify($e) !== JSON.stringify(ce.sortModel), [fe, rt, Re, ft, $e, ce]), bt = () => {
+    E && (localStorage.removeItem(`${E}-state`), ae(ce.density), st(ce.paginationModel), mt(ce.columnOrder), qe(ce.columnVisibilityModel), wt(ce.sortModel), yc.success("Table preferences reset"));
   }, Qt = Ke((re) => {
     if (!re || !Cr.current) return;
     const ge = Cr.current, Ze = ge.querySelector(`[data-field="${re}"]`), Ot = ge.querySelector(".MuiDataGrid-columnHeaders"), Sr = ge.querySelector(".MuiDataGrid-virtualScroller");
@@ -23089,13 +23089,17 @@ function lS({
       width: bl.width,
       height: yl ? yl.bottom - ma.top : kt.height - (ma.top - kt.top)
     });
-  }, []), ar = /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
+  }, []), ar = /* @__PURE__ */ g.jsxs(gt, { sx: { height: "calc(100vh - 180px)" }, children: [
     /* @__PURE__ */ g.jsx(
       Pf,
       {
         styles: {
           ".MuiCheckbox-root .MuiSvgIcon-root": {
             fontSize: "20px"
+          },
+          "&::-webkit-scrollbar": {
+            display: "none"
+            // Chrome, Safari
           }
         }
       }
@@ -23142,7 +23146,7 @@ function lS({
           toolbar: cS,
           loadingOverlay: () => /* @__PURE__ */ g.jsx(YC, { rowCount: rt.pageSize, cellCount: Qe.length }),
           noRowsOverlay: () => _ ? /* @__PURE__ */ g.jsx(
-            yt,
+            gt,
             {
               sx: {
                 width: "100%",
@@ -23189,7 +23193,7 @@ function lS({
             externalSearchValue: X,
             onSearchChange: Z,
             isSearchDisabled: !it?.length,
-            onResetTableState: mt,
+            onResetTableState: bt,
             isTableModified: Ct
           },
           columnsManagement: { getTogglableColumns: _e }
@@ -23199,6 +23203,8 @@ function lS({
           [`& .${Lf.cell}`]: {
             alignItems: "center",
             display: "flex",
+            paddingLeft: "20px",
+            paddingRight: "8px",
             py: fe === "compact" ? 0.5 : fe === "comfortable" ? 1.5 : 1
           },
           cursor: "pointer",
@@ -23263,7 +23269,7 @@ function lS({
             }
           },
           "& .MuiDataGrid-columnHeader": {
-            pl: 0,
+            pl: y ? 0 : "20px",
             transition: "transform 220ms cubic-bezier(0.25, 0.1, 0.25, 1)"
           },
           "& .MuiDataGrid-row": {
@@ -23340,10 +23346,10 @@ function lS({
         onDragCancel: () => {
           Tt(null), At(null), Et(null), xr(!1);
         },
-        children: /* @__PURE__ */ g.jsx(R2, { items: Re, strategy: O2, children: /* @__PURE__ */ g.jsxs(yt, { ref: Cr, sx: { position: "relative" }, children: [
+        children: /* @__PURE__ */ g.jsx(R2, { items: Re, strategy: O2, children: /* @__PURE__ */ g.jsxs(gt, { ref: Cr, sx: { position: "relative" }, children: [
           ar,
           y && vt && jt && Jt && /* @__PURE__ */ g.jsx(
-            yt,
+            gt,
             {
               sx: {
                 position: "absolute",
@@ -23494,7 +23500,7 @@ function cS({
     y && y,
     u && R(),
     /* @__PURE__ */ g.jsxs(
-      yt,
+      gt,
       {
         sx: {
           gap: 1,
@@ -23586,7 +23592,7 @@ function cS({
         ]
       }
     ),
-    h && /* @__PURE__ */ g.jsx(yt, { sx: { width: "100%", mt: -2 }, children: h }),
+    h && /* @__PURE__ */ g.jsx(gt, { sx: { width: "100%", mt: -2 }, children: h }),
     B()
   ] });
 }
@@ -25656,7 +25662,7 @@ const p4 = {
         borderWidth: 0,
         scrollbarWidth: "thin",
         scrollbarColor: `${K(e.vars.palette.text.disabledChannel, 0.4)} ${K(e.vars.palette.text.disabledChannel, 0.08)}`,
-        "& .MuiDataGrid-filler > div": { borderTopStyle: "dashed" },
+        "& .MuiDataGrid-filler > div": { borderTopStyle: "none" },
         "& .MuiDataGrid-topContainer::after": { height: 0 },
         "& .MuiDataGrid-virtualScrollerContent": {
           "& .MuiDataGrid-row": {
@@ -25750,7 +25756,7 @@ const p4 = {
     /**
      * Footer
      */
-    footerContainer: { minHeight: "auto", borderTopStyle: "dashed" },
+    footerContainer: { minHeight: "auto", borderTopStyle: "none" },
     selectedRowCount: { display: "none", whiteSpace: "nowrap" },
     overlay: ({ theme: e }) => ({
       [`& .${fb.root}`]: { color: e.vars.palette.text.primary }
@@ -25771,7 +25777,7 @@ const p4 = {
       [`& .${eo.root}`]: { gap: 4, marginLeft: 0 }
     }),
     columnsManagementFooter: ({ theme: e }) => ({
-      borderTopStyle: "dashed",
+      borderTopStyle: "none",
       padding: e.spacing(1.5),
       [`& .${eo.root}`]: { gap: 4, marginLeft: 0 }
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blackpurl/bp-react-components",
-    "version": "1.0.9",
+    "version": "1.0.10",
     "description": "Reusable BP React component library with Minimal template",
     "main": "./dist/index.js",
     "module": "./dist/index.js",