@m4l/components 9.4.29-beta.0 → 9.4.29-beta.1

package/components/datagrids/subcomponents/HeaderActions/HeaderActions.js

@@ -3,40 +3,38 @@ import { Filter as h } from "./subcomponents/Filter/Filter.js";
 import { Density as w } from "./subcomponents/Density/Density.js";
 import { ViewMode as A } from "./subcomponents/ViewMode/ViewMode.js";
 import { useDataGrid as y } from "../../hooks/shared/useDataGrid/useDataGrid.js";
-import "react";
-import "../../contexts/FilterContext/FilterContext.js";
 import { useIsMobile as z } from "@m4l/graphics";
 import { MobileMenuActions as C } from "./subcomponents/MobileMenuActions/MobileMenuActions.js";
 import { ActionsRootStyled as M, ActionsConfigContainerStyled as b, ContainerLeftActionsStyled as x, ContainerRightActionsStyled as F } from "../../slots/DataGridSlot.js";
 import { useComponentSize as R } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { Settings as j } from "../../views/TableView/subcomponents/Settings/Settings.js";
 import { Settings as v } from "../../views/CardsView/subcomponents/Settings/Settings.js";
-function N(d) {
+function J(d) {
   const {
     withSettings: l = !0,
     settingsProps: s,
     withLocalFilters: f,
-    leftActions: m,
+    leftActions: c,
     rightActions: e,
     withPager: a,
-    size: p,
+    size: u,
     columns: r
-  } = d, u = z(), { rowHeights: S, viewMode: i, cardsViewConfig: c } = y(), { currentSize: o } = R(p);
-  return /* @__PURE__ */ t(M, { ownerState: { size: o }, children: u ? /* @__PURE__ */ n(g, { children: [
-    m,
+  } = d, S = z(), { rowHeights: p, viewMode: i, cardsViewConfig: m } = y(), { currentSize: o } = R(u);
+  return /* @__PURE__ */ t(M, { ownerState: { size: o }, children: S ? /* @__PURE__ */ n(g, { children: [
+    c,
     /* @__PURE__ */ t(C, { columns: r }),
     e
   ] }) : /* @__PURE__ */ n(b, { ownerState: { withPager: a }, children: [
     /* @__PURE__ */ n(x, { ownerState: { size: o }, children: [
-      m,
-      typeof S != "number" && i !== "cards" && /* @__PURE__ */ t(w, {}),
+      c,
+      typeof p != "number" && i !== "cards" && /* @__PURE__ */ t(w, {}),
       f && /* @__PURE__ */ t(h, {}),
-      !l || i === "cards" && c?.customRender ? null : i === "cards" ? /* @__PURE__ */ t(v, { ...s, columns: r }) : /* @__PURE__ */ t(j, { ...s, columns: r }),
-      c !== void 0 && /* @__PURE__ */ t(A, {})
+      !l || i === "cards" && m?.customRender ? null : i === "cards" ? /* @__PURE__ */ t(v, { ...s, columns: r }) : /* @__PURE__ */ t(j, { ...s, columns: r }),
+      m !== void 0 && /* @__PURE__ */ t(A, {})
     ] }),
     e && /* @__PURE__ */ t(F, { ownerState: { size: o }, children: e })
   ] }) });
 }
 export {
-  N as HeaderActions
+  J as HeaderActions
 };

package/components/datagrids/subcomponents/HeaderActions/subcomponents/Density/Density.js

@@ -1,13 +1,11 @@
-import { jsx as t, Fragment as u } from "@emotion/react/jsx-runtime";
+import { jsx as t, Fragment as p } from "@emotion/react/jsx-runtime";
 import { useMemo as m } from "react";
 import { useModuleDictionary as d } from "@m4l/core";
 import { MenuActions as f } from "../../../../../MenuActions/MenuActions.js";
 import { useDataGrid as y } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import "../../../../contexts/FilterContext/FilterContext.js";
-import "@m4l/graphics";
 import { DICTIONARY as n } from "../../../../dictionary.js";
 import { LayoutDensityCompactOutlined as c, LayoutDensityStandardOutlined as l, LayoutDensityConfortableOutlined as s } from "@m4l/icons";
-function N() {
+function h() {
   const { rowHeights: i, currentRowHeightVariant: o, setRowHeightVariant: e } = y(), { getLabel: r } = d(), a = m(() => typeof i == "number" ? [] : [
     {
       type: "menuItem",
@@ -35,20 +33,20 @@ function N() {
     o,
     e,
     r
-  ]), p = m(() => o === "compact" ? /* @__PURE__ */ t(c, {}) : o === "standard" ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(s, {}), [o]);
-  return a.length === 0 ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(
+  ]), u = m(() => o === "compact" ? /* @__PURE__ */ t(c, {}) : o === "standard" ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(s, {}), [o]);
+  return a.length === 0 ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(
     f,
     {
       arrowType: "right-top",
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       transformOrigin: { vertical: "top", horizontal: "left" },
       menuActions: a,
-      icon: p,
+      icon: u,
       toolTip: r(n.DENSITY_TOOLTIP),
       paperProps: { style: { marginTop: "5px" } }
     }
   );
 }
 export {
-  N as Density
+  h as Density
 };

package/components/datagrids/subcomponents/HeaderActions/subcomponents/Filter/Filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/Filter/Filter.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,qDA+BrB"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/Filter/Filter.tsx"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,qDA+BrB"}

package/components/datagrids/subcomponents/HeaderActions/subcomponents/Filter/Filter.js

@@ -1,28 +1,26 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useEnvironment as c, useModuleDictionary as a } from "@m4l/core";
-import { useDataGrid as p } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import { useFilters as f } from "../../../../hooks/shared/useFilters/useFilters.js";
-import "react";
-import "@m4l/graphics";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { useEnvironment as m, useModuleDictionary as a } from "@m4l/core";
+import { useFilters as p } from "../../../../hooks/shared/useFilters/useFilters.js";
+import { useDataGrid as f } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 import { IconButton as I } from "../../../../../extended/mui/IconButton/IconButton.js";
 import { pathIcons as u } from "../../../../icons.js";
 import { DICTIONARY as i } from "../../../../dictionary.js";
-function d() {
-  const { activeFilters: t, setActiveFilters: r } = f(), { host_static_assets: n, environment_assets: s } = c(), { getLabel: o } = a(), { externalFilterSettings: e } = p(), m = () => {
+function D() {
+  const { activeFilters: t, setActiveFilters: r } = p(), { host_static_assets: n, environment_assets: s } = m(), { getLabel: o } = a(), { externalFilterSettings: e } = f(), l = () => {
     e ? e.onChange?.({
       action: "openPopoverMenuFields"
     }) : r(!t);
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     I,
     {
       tooltip: o(t ? i.TOOLTIP_FILTER_HIDE : i.TOOLTIP_FILTER_SHOW),
-      onClick: m,
+      onClick: l,
       "aria-label": "filter",
       icon: `${n}/${s}/${u.filter}`
     }
   );
 }
 export {
-  d as Filter
+  D as Filter
 };

package/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AASzC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO;IACvC,OAAO,EAAE,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC,qDAkEA,CAAC"}
+{"version":3,"file":"MobileMenuActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AASzC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO;IACvC,OAAO,EAAE,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC,qDAkEA,CAAC"}

package/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.js

@@ -2,14 +2,12 @@ import { jsx as o } from "@emotion/react/jsx-runtime";
 import { useModuleDictionary as _, useEnvironment as y } from "@m4l/core";
 import { useDataGrid as I } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 import { useFilters as M } from "../../../../hooks/shared/useFilters/useFilters.js";
-import "react";
-import "@m4l/graphics";
 import { MenuActions as h } from "../../../../../MenuActions/MenuActions.js";
 import { useModalSettings as C } from "../../../../views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
 import { useModalSettings as S } from "../../../../views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
 import { pathIcons as v } from "../../../../icons.js";
 import { LayoutDensityCompactOutlined as O, LayoutDensityStandardOutlined as w, LayoutDensityConfortableOutlined as k, SettingsConfigOutlined as D, MenuMoreVerticalOutlined as A } from "@m4l/icons";
-const N = (s) => {
+const E = (s) => {
   const { columns: n } = s, { getLabel: t } = _(), { host_static_assets: l, environment_assets: c } = y(), { currentRowHeightVariant: e, setRowHeightVariant: i, size: a, viewMode: d } = I(), { activeFilters: r, setActiveFilters: m } = M(), u = C(a, n), p = S(a, n), g = d === "cards" ? p : u, f = () => {
     m(!r);
   }, b = [
@@ -60,5 +58,5 @@ const N = (s) => {
   );
 };
 export {
-  N as MobileMenuActions
+  E as MobileMenuActions
 };

package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.js

@@ -2,17 +2,15 @@ import { jsx as t, jsxs as r, Fragment as T } from "@emotion/react/jsx-runtime";
 import { useState as y, useMemo as b, useCallback as d } from "react";
 import { useModuleDictionary as I } from "@m4l/core";
 import { useDataGrid as M } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import "../../../../contexts/FilterContext/FilterContext.js";
-import "@m4l/graphics";
 import { IconButton as O } from "../../../../../extended/mui/IconButton/IconButton.js";
 import { Popover as E } from "../../../../../extended/mui/Popover/Popover.js";
 import { DICTIONARY as c } from "../../../../dictionary.js";
 import { Icon as p } from "../../../../../Icon/Icon.js";
 import { ContainerToggleCardsStyled as A, CardToggleButtonStyled as g, TextToggleCardButtonStyled as h } from "../../../../slots/DataGridSlot.js";
 import { LayoutTableOutlined as C, LayoutCardOutlined as f } from "@m4l/icons";
-function F() {
-  const { viewMode: o, onViewModeChange: s } = M(), { getLabel: n } = I(), [a, m] = y(null), e = {
-    viewMode: o
+function j() {
+  const { viewMode: e, onViewModeChange: s } = M(), { getLabel: n } = I(), [a, m] = y(null), o = {
+    viewMode: e
   }, v = b(() => !!a, [a]), w = d(
     (l) => {
       m(l.currentTarget);
@@ -25,7 +23,7 @@ function F() {
       s?.(l), i();
     },
     [s, i]
-  ), S = b(() => o === "table" ? /* @__PURE__ */ t(C, {}) : /* @__PURE__ */ t(f, {}), [o]);
+  ), S = b(() => e === "table" ? /* @__PURE__ */ t(C, {}) : /* @__PURE__ */ t(f, {}), [e]);
   return /* @__PURE__ */ r(T, { children: [
     /* @__PURE__ */ t(
       O,
@@ -50,11 +48,11 @@ function F() {
             sx: { mt: 0.6 }
           }
         },
-        children: /* @__PURE__ */ r(A, { ownerState: { ownerState: e }, children: [
+        children: /* @__PURE__ */ r(A, { ownerState: { ownerState: o }, children: [
           /* @__PURE__ */ r(
             g,
             {
-              ownerState: { ...e, isActive: o === "table" },
+              ownerState: { ...o, isActive: e === "table" },
               variant: "outlined",
               role: "button",
               onClick: () => u("table"),
@@ -64,13 +62,13 @@ function F() {
                   p,
                   {
                     icon: /* @__PURE__ */ t(C, {}),
-                    color: o === "table" ? "primary.enabled" : "text.disabled"
+                    color: e === "table" ? "primary.enabled" : "text.disabled"
                   }
                 ),
                 /* @__PURE__ */ t(
                   h,
                   {
-                    ownerState: { ...e, isActive: o === "table" },
+                    ownerState: { ...o, isActive: e === "table" },
                     variant: "body",
                     children: n(c.VIEW_MODE_TABLE)
                   }
@@ -81,7 +79,7 @@ function F() {
           /* @__PURE__ */ r(
             g,
             {
-              ownerState: { ...e, isActive: o === "cards" },
+              ownerState: { ...o, isActive: e === "cards" },
               variant: "outlined",
               role: "button",
               onClick: () => u("cards"),
@@ -91,13 +89,13 @@ function F() {
                   p,
                   {
                     icon: /* @__PURE__ */ t(f, {}),
-                    color: o === "cards" ? "primary.enabled" : "text.disabled"
+                    color: e === "cards" ? "primary.enabled" : "text.disabled"
                   }
                 ),
                 /* @__PURE__ */ t(
                   h,
                   {
-                    ownerState: { ...e, isActive: o === "cards" },
+                    ownerState: { ...o, isActive: e === "cards" },
                     variant: "body",
                     children: n(c.VIEW_MODE_CARDS)
                   }
@@ -111,5 +109,5 @@ function F() {
   ] });
 }
 export {
-  F as ViewMode
+  j as ViewMode
 };

package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js

@@ -56,8 +56,6 @@ import "../../../../../areas/components/AreasAdmin/slots/AreasAdminSlots.js";
 import "../../../../../extended/mui/Typography/Typography.js";
 import "../../../../../MenuActions/MenuActions.js";
 import "../../../../../areas/components/AreasViewer/AreasViewer.js";
-import "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
-import "zustand/middleware";
 import "../../../../../Card/slots/CardSlots.js";
 import "../../../../../Card/constants.js";
 import "../../../../../CheckableList/constants.js";
@@ -161,6 +159,7 @@ import "lodash-es/isString";
 import "../../../../../Image/subcomponents/IntersectComponent/index.js";
 import "../../../../../Image/slots/ImageSlots.js";
 import "../../../../../Image/constant.js";
+import "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import "yup";
 import "../../../../../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
 import "../../../../../hook-form/RHFActionsGroup/constants.js";
@@ -223,7 +222,7 @@ import "../../../../../SettingsLayout/slots/SettingsLayoutSlots.js";
 import "../../../../../SettingsLayout/constants.js";
 import "../../../../../Stepper/store/StepperContext/index.js";
 import "../../../../../Stepper/slots/StepperSlot.js";
-function Ui({
+function Qi({
   row: i,
   rows: C,
   rowIndex: p,
@@ -325,5 +324,5 @@ function Ui({
   };
 }
 export {
-  Ui as useCardContent
+  Qi as useCardContent
 };

package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js

@@ -55,8 +55,6 @@ import "../../../../../areas/components/AreasAdmin/slots/AreasAdminSlots.js";
 import "../../../../../extended/mui/Typography/Typography.js";
 import "../../../../../MenuActions/MenuActions.js";
 import "../../../../../areas/components/AreasViewer/AreasViewer.js";
-import "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
-import "zustand/middleware";
 import "../../../../../Card/slots/CardSlots.js";
 import "../../../../../Card/constants.js";
 import "../../../../../CheckableList/constants.js";
@@ -82,8 +80,8 @@ import "../../../../../commercial/SectionCommercial/classes/index.js";
 import "../../../../../commercial/SectionCommercial/styles.js";
 import "../../../../../ContainerFlow/constants.js";
 import "../../../../../ContainerFlow/slots/ContainerFlowSlots.js";
-import "../../../../contexts/DataGridContext/DataGridContext.js";
 import "../../../../contexts/FilterContext/FilterContext.js";
+import "../../../../contexts/DataGridContext/DataGridContext.js";
 import { ActionsEditOutlined as N } from "@m4l/icons";
 import "../../../TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
 import "../Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
@@ -160,6 +158,7 @@ import "lodash-es/isString";
 import "../../../../../Image/subcomponents/IntersectComponent/index.js";
 import "../../../../../Image/slots/ImageSlots.js";
 import "../../../../../Image/constant.js";
+import "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import "yup";
 import "../../../../../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
 import "../../../../../hook-form/RHFActionsGroup/constants.js";
@@ -222,7 +221,7 @@ import "../../../../../SettingsLayout/slots/SettingsLayoutSlots.js";
 import "../../../../../SettingsLayout/constants.js";
 import "../../../../../Stepper/store/StepperContext/index.js";
 import "../../../../../Stepper/slots/StepperSlot.js";
-function op({
+function rp({
   row: w,
   columns: h,
   viewColumnsConfig: f,
@@ -333,5 +332,5 @@ function op({
   }) });
 }
 export {
-  op as CardDetails
+  rp as CardDetails
 };

package/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.js

@@ -1,20 +1,18 @@
 import { jsxs as A, jsx as r } from "@emotion/react/jsx-runtime";
 import j, { useMemo as y } from "react";
-import { CardContentWrapperStyled as B, CardContentStyled as L, CardStyled as _ } from "../../../../slots/DataGridSlot.js";
-import { LazyLoadCard as q } from "./subcomponents/LazyLoadCard/LazyLoadCard.js";
-import { useCardContent as z } from "../../hooks/useCardContent/useCardContent.js";
-import { CardHeader as H } from "./subcomponents/CardHeader/CardHeader.js";
-import { deepEqual as W } from "fast-equals";
-import { useDataGrid as F } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import "../../../../contexts/FilterContext/FilterContext.js";
-import "@m4l/graphics";
-import { getDefaultAction as J } from "../../../../helpers/shared/getDefaultAction/getDefaultAction.js";
-function N({
+import { CardContentWrapperStyled as B, CardContentStyled as L, CardStyled as q } from "../../../../slots/DataGridSlot.js";
+import { LazyLoadCard as z } from "./subcomponents/LazyLoadCard/LazyLoadCard.js";
+import { useCardContent as H } from "../../hooks/useCardContent/useCardContent.js";
+import { CardHeader as W } from "./subcomponents/CardHeader/CardHeader.js";
+import { deepEqual as F } from "fast-equals";
+import { useDataGrid as J } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { getDefaultAction as N } from "../../../../helpers/shared/getDefaultAction/getDefaultAction.js";
+function O({
   row: t,
   rows: e,
   rowIndex: g,
   columns: S,
-  originalColumns: O,
+  originalColumns: P,
   rowKeyGetter: n,
   selectedRows: o,
   onSelectedRowsChange: l,
@@ -22,38 +20,38 @@ function N({
   customRender: i,
   minHeight: I,
   isChecked: a,
-  checkedRows: m,
-  showCheckbox: d,
+  checkedRows: d,
+  showCheckbox: m,
   onCheckedRowsChange: s,
   onOpenDetail: h
 }) {
-  const { rowActionsGetter: f } = F(), C = i !== void 0, { cardContent: p } = z({
+  const { rowActionsGetter: C } = J(), f = i !== void 0, { cardContent: p } = H({
     row: t,
     rows: e,
     rowIndex: g,
     columns: S,
     onRowsChange: v
-  }), k = y(() => C ? i.renderContent(t) : /* @__PURE__ */ A(B, { ownerState: {}, children: [
+  }), k = y(() => f ? i.renderContent(t) : /* @__PURE__ */ A(B, { ownerState: {}, children: [
     /* @__PURE__ */ r(
-      H,
+      W,
       {
         row: t,
         onOpenDetail: h,
         isChecked: a,
-        showCheckbox: d,
-        checkedRows: m,
+        showCheckbox: m,
+        checkedRows: d,
         onCheckedRowsChange: s
       }
     ),
     /* @__PURE__ */ r(L, { ownerState: {}, children: p })
   ] }), [
-    C,
+    f,
     i,
     t,
     p,
     a,
-    d,
     m,
+    d,
     s
   ]), E = (c) => {
     if (!c.target.closest(
@@ -67,13 +65,13 @@ function N({
   }, M = (c) => {
     if (c.target.closest(
       'input, button, a, [role="button"], .MuiCheckbox-root, .MuiIconButton-root'
-    ) || !f)
+    ) || !C)
       return;
-    const u = f(t), b = J(u);
+    const u = C(t), b = N(u);
     b?.onClick && b.onClick(t);
   };
-  return /* @__PURE__ */ r(q, { threshold: 200, minHeight: I, rowKey: n(t), children: /* @__PURE__ */ r(
-    _,
+  return /* @__PURE__ */ r(z, { threshold: 200, minHeight: I, rowKey: n(t), children: /* @__PURE__ */ r(
+    q,
     {
       variant: "outlined",
       selected: o?.has(n(t)),
@@ -89,7 +87,7 @@ function N({
     }
   ) });
 }
-const R = j.memo(N, (t, e) => W(t, e));
+const G = j.memo(O, (t, e) => F(t, e));
 export {
-  R as CardRow
+  G as CardRow
 };

package/components/datagrids/views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js

@@ -3,7 +3,6 @@ import { useModuleDictionary as M } from "@m4l/core";
 import { useIsMobile as k } from "@m4l/graphics";
 import { useRef as w, useCallback as e } from "react";
 import { useDataGrid as I } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import "../../../../../../contexts/FilterContext/FilterContext.js";
 import { useModal as b } from "../../../../../../../../hooks/useModal/index.js";
 import { WindowBase as y } from "../../../../../../../WindowBase/WindowBase.js";
 import "../../../../../../../WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
@@ -26,7 +25,7 @@ import "../../../../../../../CommonActions/components/ActionFormIntro/slots/Acti
 import "../../../../../../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
 import { ContentModalSettingStyled as R, DataGridRootStyled as j } from "../../../../../../slots/DataGridSlot.js";
 import { SettingsConfigOutlined as G } from "@m4l/icons";
-const lo = (s, l) => {
+const so = (s, l) => {
   const { openModal: m, closeModal: t } = b(), { getConfigColumns: c, onChangeColumnsConfig: a, currentRowHeight: p, classes: n } = I(), d = c("cards"), { getLabel: C } = M(), g = k(), i = w(null), f = e(() => {
     t();
   }, [t]), u = e(() => {
@@ -73,5 +72,5 @@ const lo = (s, l) => {
   };
 };
 export {
-  lo as useModalSettings
+  so as useModalSettings
 };

package/components/datagrids/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js

@@ -66,7 +66,6 @@ import "../../../../../../../areas/components/AreasAdmin/slots/AreasAdminSlots.j
 import "../../../../../../../extended/mui/Typography/Typography.js";
 import "../../../../../../../MenuActions/MenuActions.js";
 import "../../../../../../../areas/components/AreasViewer/AreasViewer.js";
-import "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import "../../../../../../../Card/slots/CardSlots.js";
 import "../../../../../../../Card/constants.js";
 import "../../../../../../../CheckableList/constants.js";
@@ -92,8 +91,8 @@ import "../../../../../../../commercial/SectionCommercial/classes/index.js";
 import "../../../../../../../commercial/SectionCommercial/styles.js";
 import "../../../../../../../ContainerFlow/constants.js";
 import "../../../../../../../ContainerFlow/slots/ContainerFlowSlots.js";
-import "../../../../../../contexts/DataGridContext/DataGridContext.js";
 import "../../../../../../contexts/FilterContext/FilterContext.js";
+import "../../../../../../contexts/DataGridContext/DataGridContext.js";
 import { DICTIONARY as l } from "../../../../../../dictionary.js";
 import { ArrowChevronUpOutlined as Z, ArrowChevronMdUpOutlined as tt, ArrowChevronDownOutlined as ot, ArrowChevronMdDownOutlined as it, ActionsMultiCheckOutlined as rt, ActionsCheckIndeterminateOutlined as et, ArrowRestoreOutlined as mt } from "@m4l/icons";
 import { ColumnsConfigWrapperStyled as pt, ColumnsConfigDataGridStyled as nt, ColumnsConfigSelColumnsStyled as lt, TableWrapperDataGridStyled as st, ColumnsConfigActiosStyled as at } from "../../../../../../slots/DataGridSlot.js";
@@ -151,6 +150,7 @@ import "lodash-es/isString";
 import "../../../../../../../Image/subcomponents/IntersectComponent/index.js";
 import "../../../../../../../Image/slots/ImageSlots.js";
 import "../../../../../../../Image/constant.js";
+import "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import "yup";
 import "../../../../../../../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
 import "../../../../../../../hook-form/RHFActionsGroup/constants.js";

package/components/datagrids/views/TableView/TableView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/TableView/TableView.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAkBrD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,oDAgX/C"}
+{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/views/TableView/TableView.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAmBrD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACvE,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,oDAgX/C"}

package/components/datagrids/views/TableView/TableView.js

@@ -6,13 +6,11 @@ import { HTML5Backend as te } from "react-dnd-html5-backend";
 import { CheckboxFormatter as ne } from "./subcomponents/CheckboxFormatter/CheckboxFormatter.js";
 import { filterHeight as W } from "./subcomponents/SelectColumn/SelectColumn.js";
 import { useSortColumnsRows as le } from "./hooks/useSortColumnsRows/useSortColumnsRows.js";
-import { useDataGrid as ie } from "../../hooks/shared/useDataGrid/useDataGrid.js";
-import { useFilters as se } from "../../hooks/shared/useFilters/useFilters.js";
-import "@m4l/graphics";
-import { getDefaultAction as ce } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
-import { TableContainerStyled as ue, TableWrapperDataGridStyled as ae } from "../../slots/DataGridSlot.js";
-import { useHeaderMenuActions as me } from "./hooks/useHeaderMenuActions/useHeaderMenuActions.js";
-import { HeaderRenderClick as de } from "./subcomponents/HeaderRenderClick/HeaderRenderClick.js";
+import { useFilters as ie } from "../../hooks/shared/useFilters/useFilters.js";
+import { useDataGrid as se } from "../../hooks/shared/useDataGrid/useDataGrid.js";
+import { TableContainerStyled as ce, TableWrapperDataGridStyled as ue } from "../../slots/DataGridSlot.js";
+import { useHeaderMenuActions as ae } from "./hooks/useHeaderMenuActions/useHeaderMenuActions.js";
+import { HeaderRenderClick as me } from "./subcomponents/HeaderRenderClick/HeaderRenderClick.js";
 import "@m4l/core";
 import "clsx";
 import "../../../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
@@ -23,10 +21,11 @@ import "zustand/middleware/immer";
 import "@m4l/styles";
 import "../../../Icon/constants.js";
 import "../../../Icon/slots/IconSlots.js";
-import { getGroupBy as fe } from "./helpers/getGroupBy/getGroupBy.js";
-import { defaultRowGrouper as pe } from "./helpers/defaultRowGrouper/defaultRowGrouper.js";
-import { createRowCellsBackgroundMap as he, processColumnsWithRowCellsBackground as Ce } from "./helpers/rowCellsBackground/rowCellsBackground.js";
-function Ne(z) {
+import { getGroupBy as de } from "./helpers/getGroupBy/getGroupBy.js";
+import { defaultRowGrouper as fe } from "./helpers/defaultRowGrouper/defaultRowGrouper.js";
+import { createRowCellsBackgroundMap as pe, processColumnsWithRowCellsBackground as he } from "./helpers/rowCellsBackground/rowCellsBackground.js";
+import { getDefaultAction as Ce } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
+function qe(z) {
   const {
     columns: L,
     rows: $,
@@ -62,7 +61,7 @@ function Ne(z) {
       }),
       []
     )
-  ), { activeFilters: G } = se(), {
+  ), { activeFilters: G } = ie(), {
     onChangeColumnWidth: q,
     setRowsCount: N,
     currentRowHeight: w,
@@ -73,11 +72,11 @@ function Ne(z) {
     setSortColumns: H,
     columnsConfig: v,
     rowActionsGetter: I
-  } = ie(), _ = C(() => n ? fe(v) : [], [v, n]), J = n?.rowGrouper ?? pe, T = C(() => {
+  } = se(), _ = C(() => n ? de(v) : [], [v, n]), J = n?.rowGrouper ?? fe, T = C(() => {
     if (u)
-      return typeof u == "function" ? u : he(u);
+      return typeof u == "function" ? u : pe(u);
   }, [u]), D = C(
-    () => Ce(
+    () => he(
       l,
       T,
       r,
@@ -101,7 +100,7 @@ function Ne(z) {
   }, M = ({ row: e }) => {
     if (!I)
       return;
-    const o = I(e), d = ce(o);
+    const o = I(e), d = Ce(o);
     d?.onClick && d.onClick(e);
   };
   R(() => {
@@ -136,14 +135,14 @@ function Ne(z) {
     resizable: !0,
     sortable: !0,
     ...j || {}
-  }, X = me(
+  }, X = ae(
     h.columnKey,
     l,
     !!S.sortable,
     U
   );
-  return /* @__PURE__ */ s(ue, { ownerState: {}, id: "WrapperTable", children: /* @__PURE__ */ Z(
-    ae,
+  return /* @__PURE__ */ s(ce, { ownerState: {}, id: "WrapperTable", children: /* @__PURE__ */ Z(
+    ue,
     {
       ownerState: { size: V, currentRowHeightVariant: g, currentRowHeight: w },
       children: [
@@ -201,7 +200,7 @@ function Ne(z) {
           }
         ) }),
         h.columnKey && h.anchorEl instanceof HTMLDivElement && /* @__PURE__ */ s(
-          de,
+          me,
           {
             externalOpen: h.anchorEl,
             onOpen: (e) => {
@@ -218,5 +217,5 @@ function Ne(z) {
   ) });
 }
 export {
-  Ne as TableView
+  qe as TableView
 };