@m4l/components 3.1.9 → 4.0.0

package/components/DataGrid/dictionary-AjA8KM_q.js

@@ -0,0 +1,14 @@
+import { g as getModalDialogComponentsDictionary } from "../modal/ModalDialog/dictionary-78n49n4k.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/dicctionary-3aKDfjGi.js";
+function getDataGridComponentsDictionary() {
+  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
+}
+const dictionary = {
+  LABEL_ACTIONS: "actions",
+  LABEL_ROWS_PER_PAGE: "pager.rows_per_page",
+  LABEL_OF: "pager.of"
+};
+export {
+  dictionary as d,
+  getDataGridComponentsDictionary as g
+};

package/components/DataGrid/formatters/ColumnBooleanFormatter/index-aMhUEXUt.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index-BzbdxBDt.js";
+function ColumnBooleanFormatter(props) {
+  const { fieldValue, presentationType, Component } = props;
+  return (obProps) => {
+    const valueMaybeString = getPropertyByString(obProps, fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeString === "boolean") {
+      fixedValue = valueMaybeString;
+    } else {
+      fixedValue = void 0;
+    }
+    return /* @__PURE__ */ jsx(
+      BooleanFormatter,
+      {
+        presentationType,
+        value: fixedValue,
+        Component
+      }
+    );
+  };
+}
+export {
+  ColumnBooleanFormatter as C
+};

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index-Cj4z0rAl.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { C as ConcatenatedFormatter } from "../../../formatters/ConcatenatedFormatter/index-CrK614TS.js";
+function ColumnConcatenatedValueFormatter(props) {
+  const { fieldValue, fieldSeparator, Component } = props;
+  return (obProps) => {
+    const values = fieldValue.map((element) => {
+      const valueMaybeString = getPropertyByString(obProps, element);
+      let fixedValue;
+      if (typeof valueMaybeString === "string" || typeof valueMaybeString === "number") {
+        fixedValue = valueMaybeString;
+      } else {
+        fixedValue = "";
+      }
+      return fixedValue;
+    });
+    return /* @__PURE__ */ jsx(ConcatenatedFormatter, { values, separator: fieldSeparator, Component });
+  };
+}
+export {
+  ColumnConcatenatedValueFormatter as C
+};

package/components/DataGrid/formatters/ColumnDateFormatter/index-CKg8CJ6A.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { D as DateFormatter } from "../../../formatters/DateFormatter/index-CGcRZ8BA.js";
+function ColumnDateFormatter(props) {
+  const { fieldValue, presentationType, Component } = props;
+  return (obProps) => {
+    const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeDateStringNumber === "string" || typeof valueMaybeDateStringNumber === "number" || valueMaybeDateStringNumber instanceof Date) {
+      fixedValue = valueMaybeDateStringNumber;
+    } else {
+      fixedValue = "";
+    }
+    return /* @__PURE__ */ jsx(DateFormatter, { presentationType, value: fixedValue, Component });
+  };
+}
+export {
+  ColumnDateFormatter as C
+};

package/components/DataGrid/formatters/ColumnIconFormatter/index-D0TWPMAj.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { d as dataGridClasses } from "../../classes/index-ugl1vhoP.js";
+import { I as Icon } from "../../../Icon/Icon-_wceDYwV.js";
+function ColumnIconFormatter(props) {
+  const { getIconUrl } = props;
+  return (obProps) => {
+    const { iconUrl } = getIconUrl(obProps);
+    return /* @__PURE__ */ jsx("div", { className: dataGridClasses.iconFormatter, children: /* @__PURE__ */ jsx(Icon, { src: iconUrl }) });
+  };
+}
+export {
+  ColumnIconFormatter as C
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index-8LLfJGSu.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@mui/material";
+import { d as dataGridClasses } from "../../classes/index-ugl1vhoP.js";
+function ColumnInteractiveCheckFormatter(props) {
+  const { row, onRowChange, column } = props;
+  const handleChange = () => {
+    const newRow = { ...row };
+    newRow[column.key] = !row[column.key];
+    onRowChange(newRow);
+  };
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      size: "small",
+      checked: row[column.key] || false,
+      onChange: handleChange,
+      className: dataGridClasses.formatterColumn
+    }
+  );
+}
+export {
+  ColumnInteractiveCheckFormatter as C
+};

package/components/DataGrid/formatters/ColumnNestedValueFormatter/index-BslXGK-A.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { W as WrapperComponent } from "../../../WrapperComponent/index-BHV-CsDU.js";
+function ColumnNestedValueFormatter(props) {
+  const { fieldValue, Component = WrapperComponent } = props;
+  return (obProps) => {
+    const property = getPropertyByString(obProps, fieldValue);
+    const value = typeof property === "object" ? "" : property;
+    return /* @__PURE__ */ jsx(Component, { children: value });
+  };
+}
+export {
+  ColumnNestedValueFormatter as C
+};

package/components/DataGrid/formatters/ColumnPointsFormatter/index-BXGW2CsK.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index-C7sR8iqk.js";
+function ColumnPointsFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props });
+  };
+}
+export {
+  ColumnPointsFormatter as C
+};

package/components/DataGrid/formatters/ColumnPriceFormatter/index-O11tBykn.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { P as PriceFormatter } from "../../../formatters/PriceFormatter/index-CsvRawmc.js";
+function ColumnPriceFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PriceFormatter, { obProps, ...props });
+  };
+}
+export {
+  ColumnPriceFormatter as C
+};

package/components/DataGrid/formatters/ColumnSetCheckFormatter/index-BaCawLr1.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { S as SelectCellFormatter } from "../../../../react-data-grid-BfYuZ6AK.js";
+function ColumnSetCheckFormatter(parameters) {
+  const { field, disabledGetter, rowKeyGetter, useHook } = parameters;
+  const formatter = (props) => {
+    const { row } = props;
+    const [checkedRows, setCheckedRows] = useHook(field);
+    const onChange = (checked, _isShiftClick) => {
+      const newCheckedRows = new Set(checkedRows);
+      if (checked) {
+        newCheckedRows.add(rowKeyGetter(props.row));
+      } else {
+        newCheckedRows.delete(rowKeyGetter(props.row));
+      }
+      setCheckedRows(newCheckedRows);
+    };
+    let disabled = false;
+    if (disabledGetter) {
+      disabled = disabledGetter(row);
+    }
+    return /* @__PURE__ */ jsx(
+      SelectCellFormatter,
+      {
+        value: checkedRows.has(rowKeyGetter(row)) || false,
+        disabled,
+        isCellSelected: props.isCellSelected,
+        onChange,
+        "aria-label": "Select"
+      }
+    );
+  };
+  return formatter;
+}
+export {
+  ColumnSetCheckFormatter as C
+};

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/index-Cq7a-jnE.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { U as UncertaintyFormatter } from "../../../formatters/UncertaintyFormatter/index-B9ESVEVp.js";
+function ColumnUncertaintyFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(UncertaintyFormatter, { obProps, ...props });
+  };
+}
+export {
+  ColumnUncertaintyFormatter as C
+};

package/components/DataGrid/formatters/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/DataGrid/hooks/useDataGrid-BKzuMtRC.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { D as DataGridContext } from "../contexts/DataGridContext/index-7snUVrBX.js";
+function useDataGrid() {
+  const context = useContext(DataGridContext);
+  if (!context) throw new Error("useDataGrid context must be use inside DataGridContext");
+  return context;
+}
+export {
+  useDataGrid as u
+};

package/components/DataGrid/hooks/useFilters-C-5BfOb8.js

@@ -0,0 +1,6 @@
+import { useContext } from "react";
+import { F as FilterContext } from "../contexts/FilterContext/index-DgNGxy-0.js";
+const useFilters = () => useContext(FilterContext);
+export {
+  useFilters as u
+};

package/components/DataGrid/index-BYLZs2D_.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { D as DataGridRoot } from "./styles-rOw1DTul.js";
+import { T as Table } from "./subcomponents/Table/index-BHTTWwD5.js";
+import { A as Actions } from "./subcomponents/Actions/index-DRjK2q9k.js";
+import { a as FilterProvider } from "./contexts/FilterContext/index-DgNGxy-0.js";
+import { a as DataGridProvider } from "./contexts/DataGridContext/index-7snUVrBX.js";
+import { T as TEST_PROP_COLUMNS } from "./types-12wiiAcO.js";
+import { a as dataGridUtilityClasses } from "./classes/index-ugl1vhoP.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { g as getNameDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
+import { D as DATAGRID_PREFIX_NAME } from "./constants-BIS3UfHs.js";
+function DataGrid(props) {
+  const {
+    id,
+    withActions = true,
+    rows,
+    columns,
+    actionsProps,
+    selectedRows,
+    onSelectedRowsChange,
+    rowKeyGetter,
+    rowActionsGetter,
+    onRowsChange,
+    rowHeaderHeights,
+    rowHeights,
+    initialRowHeightVariant,
+    checkedRows,
+    onCheckedRowsChange,
+    dataTestId = ""
+  } = props;
+  const ownerState = {
+    actionsProps,
+    withActions
+  };
+  const classes = dataGridUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(
+    DataGridRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_COLUMNS]: JSON.stringify(columns),
+        [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId)
+      } : {},
+      children: /* @__PURE__ */ jsx(
+        DataGridProvider,
+        {
+          id: props.id,
+          columns: props.columns,
+          rowHeights,
+          rowHeaderHeights,
+          initialRowHeightVariant,
+          rowsCount: rows.length,
+          checkedRows,
+          rowActionsGetter,
+          onCheckedRowsChange,
+          rowKeyGetter,
+          rows,
+          classes,
+          children: /* @__PURE__ */ jsxs(FilterProvider, { initialActiveFilters: false, children: [
+            withActions && actionsProps && /* @__PURE__ */ jsx(
+              Actions,
+              {
+                ...actionsProps
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Table,
+              {
+                id,
+                withActions,
+                columns,
+                rows,
+                selectedRows,
+                onSelectedRowsChange,
+                rowKeyGetter,
+                onRowsChange
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+export {
+  DataGrid as D
+};

package/components/DataGrid/styles-rOw1DTul.js

@@ -0,0 +1,13 @@
+import { styled } from "@mui/material/styles";
+const DataGridRoot = styled("div")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  position: "absolute",
+  padding: "0px",
+  inset: "0px",
+  overflow: "hidden",
+  ...theme.components?.M4LDataGrid?.styleOverrides
+}));
+export {
+  DataGridRoot as D
+};

package/components/DataGrid/subcomponents/Actions/index-DRjK2q9k.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { P as Pager } from "../../../mui_extended/Pager/index-Bzaq1M3i.js";
+import { F as Filter } from "./subcomponents/Filter/index-BqWQh-9Q.js";
+import { S as Settings } from "./subcomponents/Settings/index-2nWUDQM7.js";
+import { R as RowsCount } from "./subcomponents/RowsCount/index-CyeBbxLE.js";
+import { D as Density } from "./subcomponents/Density/index-CoxFMgPk.js";
+import { u as useDataGrid } from "../../hooks/useDataGrid-BKzuMtRC.js";
+import { useResponsiveContainerStore } from "@m4l/graphics";
+import { useModuleSkeleton, useModuleDictionary } from "@m4l/core";
+import { d as dictionary } from "../../dictionary-AjA8KM_q.js";
+import { shallow } from "zustand/shallow";
+import { M as MobileMenuActions } from "./subcomponents/MobileMenuActions/index-B6LDVt_q.js";
+function Actions(props) {
+  const isXs = useResponsiveContainerStore((state) => state.isXs, shallow);
+  const { rowHeights, classes } = useDataGrid();
+  const isSkeleton = useModuleSkeleton();
+  const { getLabel } = useModuleDictionary();
+  const {
+    withRowsCount = true,
+    withPager = true,
+    pagerOptions,
+    withSettings = true,
+    settingsProps,
+    withLocalFilters
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { className: classes.actions, children: [
+    withRowsCount && !isXs && /* @__PURE__ */ jsx(RowsCount, {}),
+    withPager && pagerOptions && /* @__PURE__ */ jsx(
+      Pager,
+      {
+        ...pagerOptions,
+        totalRecords: pagerOptions.totalRecords,
+        isSkeleton,
+        isXs,
+        labelRows: getLabel(dictionary.LABEL_ROWS_PER_PAGE),
+        labelOf: getLabel(dictionary.LABEL_OF)
+      }
+    ),
+    isXs ? /* @__PURE__ */ jsx(MobileMenuActions, {}) : /* @__PURE__ */ jsxs("div", { className: classes.actionsConfigContainer, children: [
+      typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}),
+      withLocalFilters && /* @__PURE__ */ jsx(Filter, {}),
+      withSettings && /* @__PURE__ */ jsx(Settings, { ...settingsProps })
+    ] })
+  ] });
+}
+export {
+  Actions as A
+};

package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index-CoxFMgPk.js

@@ -0,0 +1,71 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useTheme } from "@mui/material";
+import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BJROCJX9.js";
+function Density() {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { rowHeights, currentRowHeightVariant, setRowHeightVariant, classes } = useDataGrid();
+  const { getLabel } = useModuleDictionary();
+  const menuActions = useMemo(() => {
+    if (typeof rowHeights === "number") {
+      return [];
+    }
+    return [
+      {
+        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
+        onClick: () => setRowHeightVariant("compact"),
+        disabled: currentRowHeightVariant === "compact",
+        dictionaryField: "data_grid.density_compact"
+      },
+      {
+        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
+        onClick: () => setRowHeightVariant("standard"),
+        disabled: currentRowHeightVariant === "standard",
+        dictionaryField: "data_grid.density_standard"
+      },
+      {
+        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
+        onClick: () => setRowHeightVariant("confortable"),
+        disabled: currentRowHeightVariant === "confortable",
+        dictionaryField: "data_grid.density_confortable"
+      }
+    ];
+  }, [
+    rowHeights,
+    currentRowHeightVariant,
+    setRowHeightVariant,
+    host_static_assets,
+    environment_assets
+  ]);
+  const theme = useTheme();
+  const currenViewIcon = useMemo(() => {
+    if (currentRowHeightVariant === "compact") {
+      return `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`;
+    }
+    if (currentRowHeightVariant === "standard") {
+      return `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`;
+    }
+    return `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`;
+  }, [currentRowHeightVariant, host_static_assets, environment_assets]);
+  if (menuActions.length === 0) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  return /* @__PURE__ */ jsx(
+    MenuActions,
+    {
+      arrowType: "right-top",
+      className: classes.actionDensityPopover,
+      menuActionSx: theme.components?.M4LDataGridDensityPopover?.styleOverrides,
+      anchorOrigin: { vertical: "top", horizontal: "left" },
+      transformOrigin: { vertical: "top", horizontal: "right" },
+      menuActions,
+      urlIcon: currenViewIcon,
+      toolTip: getLabel("data_grid.tooltip_density")
+    }
+  );
+}
+export {
+  Density as D
+};

package/components/DataGrid/subcomponents/Actions/subcomponents/Filter/index-BqWQh-9Q.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { u as useFilters } from "../../../../hooks/useFilters-C-5BfOb8.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { useEnvironment } from "@m4l/core";
+import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
+function Filter() {
+  const { activeFilters, setActiveFilters } = useFilters();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { classes } = useDataGrid();
+  const toggleIcon = () => {
+    setActiveFilters(!activeFilters);
+  };
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      dictionaryTooltipId: activeFilters ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show",
+      className: classes.actionFilter,
+      onClick: toggleIcon,
+      "aria-label": "filter",
+      src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/filter.svg`
+    }
+  );
+}
+export {
+  Filter as F
+};

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index-B6LDVt_q.js

@@ -0,0 +1,59 @@
+import { jsx } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
+import { u as useFilters } from "../../../../hooks/useFilters-C-5BfOb8.js";
+import { u as useModalSettings } from "../hooks/useModalSettings/index-Dzhdpkqd.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BJROCJX9.js";
+const MobileMenuActions = () => {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { currentRowHeightVariant, setRowHeightVariant } = useDataGrid();
+  const { activeFilters, setActiveFilters } = useFilters();
+  const modalSettings = useModalSettings();
+  const toggleIcon = () => {
+    setActiveFilters(!activeFilters);
+  };
+  const menuActions = [
+    {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
+      onClick: () => setRowHeightVariant("compact"),
+      disabled: currentRowHeightVariant === "compact",
+      dictionaryId: "data_grid.density_compact"
+    },
+    {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
+      onClick: () => setRowHeightVariant("standard"),
+      disabled: currentRowHeightVariant === "standard",
+      dictionaryId: "data_grid.density_standard"
+    },
+    {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
+      onClick: () => setRowHeightVariant("confortable"),
+      disabled: currentRowHeightVariant === "confortable",
+      dictionaryId: "data_grid.density_confortable"
+    },
+    {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/filter.svg`,
+      onClick: () => toggleIcon(),
+      dictionaryId: activeFilters ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show"
+    },
+    {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
+      onClick: () => modalSettings(),
+      dictionaryId: "data_grid.tooltip_settings"
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    MenuActions,
+    {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/menu.svg`,
+      arrowType: "no-arrow",
+      marginTop: "12px",
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      transformOrigin: { vertical: "top", horizontal: "right" },
+      menuActions
+    }
+  );
+};
+export {
+  MobileMenuActions as M
+};

package/components/DataGrid/subcomponents/Actions/subcomponents/RowsCount/index-CyeBbxLE.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
+import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
+function RowsCount() {
+  const { rowsCount, classes } = useDataGrid();
+  const { getLabel } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsx("div", { className: classes.rowsCount, children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: classes.rowsCountLabel, children: getLabel("data_grid.rows") }),
+    /* @__PURE__ */ jsx("div", { className: classes.rowsCountValue, children: rowsCount })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: classes.rowsCountLabel, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "40px", height: "16px" }) }),
+    /* @__PURE__ */ jsx("div", { className: classes.rowsCountValue, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "20px", height: "16px" }) })
+  ] }) });
+}
+export {
+  RowsCount as R
+};

package/components/DataGrid/subcomponents/Actions/subcomponents/Settings/index-2nWUDQM7.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
+import { useEnvironment } from "@m4l/core";
+import { u as useModalSettings } from "../hooks/useModalSettings/index-Dzhdpkqd.js";
+function Settings() {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { classes } = useDataGrid();
+  const modalSettings = useModalSettings();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      className: classes.actionSettings,
+      dictionaryTooltipId: "data_grid.tooltip_settings",
+      onClick: modalSettings,
+      "aria-label": "settings",
+      src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`
+    }
+  );
+}
+export {
+  Settings as S
+};