@m4l/components 9.2.12 → 9.2.15-beta.2

package/components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import React from "react";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
+function ColumnBooleanFormatter(props) {
+  const { fieldValue, presentationType, Component = React.Fragment } = 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/ColumnBooleanFormatter/index.d.ts

@@ -1,5 +1,3 @@
-import { ColumnBooleanFormatterProps } from './types';
-/**
- * Función para formatear un booleano en una columna de un DataGrid
- */
-export declare function ColumnBooleanFormatter(props: ColumnBooleanFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnBooleanFormatter } from './formatter';
+export type { ColumnBooleanFormatterProps } from './types';
+export { useColumnBoolean } from './useColumnBoolean';

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

@@ -1,27 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { getPropertyByString } from "@m4l/core";
-import React from "react";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
-function ColumnBooleanFormatter(props) {
-  const { fieldValue, presentationType, Component = React.Fragment } = 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/ColumnBooleanFormatter/useColumnBoolean.js

@@ -1,5 +1,5 @@
 import { g as getFormatBoolean } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
-import { C as ColumnBooleanFormatter } from "./index.js";
+import { C as ColumnBooleanFormatter } from "./formatter.js";
 import { useModuleDictionary, getPropertyByString } from "@m4l/core";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/formatter.d.ts

@@ -0,0 +1,7 @@
+import { ColumnConcatenatedValuesFormatterProps } from './types';
+/**
+ * Función especial para el DataGrid que concatena un array de strings
+ * @param props
+ * @returns
+ */
+export declare function ColumnConcatenatedValueFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/formatter.js

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.d.ts

@@ -1,7 +1,3 @@
-import { ColumnConcatenatedValuesFormatterProps } from './types';
-/**
- * Función especial para el DataGrid que concatena un array de strings
- * @param props
- * @returns
- */
-export declare function ColumnConcatenatedValueFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnConcatenatedValueFormatter } from './formatter';
+export type { ColumnConcatenatedValuesFormatterProps as ColumnConcatenatedValueFormatterProps } from './types';
+export { useColumnConcatenatedValue } from './useColumnConcatenatedValue';

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

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.js

@@ -1,9 +1,9 @@
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { C as ColumnConcatenatedValueFormatter } from "./index.js";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { C as ColumnConcatenatedValueFormatter } from "./formatter.js";
 const getArrayValuesWithFieldValue = (row, fieldValue) => {
   const values = fieldValue.map((element) => {
     const keyWiouthRow = getColumnKey(element);

package/components/DataGrid/formatters/ColumnDateFormatter/formatter.d.ts

@@ -0,0 +1,5 @@
+import { ColumnDateFormatterProps } from './types';
+/**
+ * Función para formatear una fecha en una columna de un DataGrid
+ */
+export declare function ColumnDateFormatter(props: ColumnDateFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnDateFormatter/formatter.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import React from "react";
+import { D as DateFormatter } from "../../../formatters/DateFormatter/DateFormatter.js";
+function ColumnDateFormatter(props) {
+  const { fieldValue, presentationType, Component = React.Fragment } = 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/ColumnDateFormatter/index.d.ts

@@ -1,5 +1,3 @@
-import { ColumnDateFormatterProps } from './types';
-/**
- * Función para formatear una fecha en una columna de un DataGrid
- */
-export declare function ColumnDateFormatter(props: ColumnDateFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnDateFormatter } from './formatter';
+export type { ColumnDateFormatterProps } from './types';
+export { useColumnDate } from './useColumnDate';

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

@@ -1,20 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { getPropertyByString } from "@m4l/core";
-import React from "react";
-import { D as DateFormatter } from "../../../formatters/DateFormatter/DateFormatter.js";
-function ColumnDateFormatter(props) {
-  const { fieldValue, presentationType, Component = React.Fragment } = 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/ColumnDateFormatter/useColumnDate.js

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { g as getFormatDate } from "../../../formatters/DateFormatter/DateFormatter.js";
-import { C as ColumnDateFormatter } from "./index.js";
+import { C as ColumnDateFormatter } from "./formatter.js";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { useFormatter } from "@m4l/graphics";
 import { g as getValidDate } from "../../../../utils/getValidDate.js";

package/components/DataGrid/formatters/ColumnIconFormatter/formatter.d.ts

@@ -0,0 +1,5 @@
+import { ColumnIconFormatterProps } from './types';
+/**
+ * Función para formatear un icono en una columna de un DataGrid
+ */
+export declare function ColumnIconFormatter(props: ColumnIconFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnIconFormatter/formatter.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { I as Icon } from "../../../Icon/Icon.js";
+function ColumnIconFormatter(props) {
+  const { getIconUrl } = props;
+  return (obProps) => {
+    const { iconUrl } = getIconUrl(obProps);
+    return /* @__PURE__ */ jsx(Icon, { src: iconUrl });
+  };
+}
+export {
+  ColumnIconFormatter as C
+};

package/components/DataGrid/formatters/ColumnIconFormatter/index.d.ts

@@ -1,5 +1,2 @@
-import { ColumnIconFormatterProps } from './types';
-/**
- * Función para formatear un icono en una columna de un DataGrid
- */
-export declare function ColumnIconFormatter(props: ColumnIconFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnIconFormatter } from './formatter';
+export type { ColumnIconFormatterProps } from './types';

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

@@ -1,12 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../../Icon/Icon.js";
-function ColumnIconFormatter(props) {
-  const { getIconUrl } = props;
-  return (obProps) => {
-    const { iconUrl } = getIconUrl(obProps);
-    return /* @__PURE__ */ jsx(Icon, { src: iconUrl });
-  };
-}
-export {
-  ColumnIconFormatter as C
-};
+

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.d.ts

@@ -0,0 +1,6 @@
+import { ColumnInteractiveCheckFormatterProps } from './types';
+/**
+ * ColumnInteractiveCheckFormatter: Es un formateador de columna booleano que permite la interacción directa
+ * (camnbiar el checked) sin la necesidad de entrar en edición como lo hace un editor
+ */
+export declare function ColumnInteractiveCheckFormatter<Row>(props: ColumnInteractiveCheckFormatterProps<Row>): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@mui/material";
+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
+    }
+  );
+}
+export {
+  ColumnInteractiveCheckFormatter as C
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.d.ts

@@ -1,6 +1,3 @@
-import { ColumnInteractiveCheckFormatterProps } from './types';
-/**
- * ColumnInteractiveCheckFormatter: Es un formateador de columna booleano que permite la interacción directa
- * (camnbiar el checked) sin la necesidad de entrar en edición como lo hace un editor
- */
-export declare function ColumnInteractiveCheckFormatter<Row>(props: ColumnInteractiveCheckFormatterProps<Row>): import("react/jsx-runtime").JSX.Element;
+export { ColumnInteractiveCheckFormatter } from './formatter';
+export type { ColumnInteractiveCheckFormatterProps } from './types';
+export { useColumnInteractiveCheck } from './useColumnInteractiveCheck';

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.js

@@ -1,21 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { Checkbox } from "@mui/material";
-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
-    }
-  );
-}
-export {
-  ColumnInteractiveCheckFormatter as C
-};
+

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
-import { C as ColumnInteractiveCheckFormatter } from "./index.js";
+import { C as ColumnInteractiveCheckFormatter } from "./formatter.js";
 const getCustomInteractiveCheckFilter = (props) => {
   return (row, value) => {
     return row[props.column.key] === value;

package/components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.d.ts

@@ -0,0 +1,5 @@
+import { ColumnNestedValueFormatterProps } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare function ColumnNestedValueFormatter(props: ColumnNestedValueFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js

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

package/components/DataGrid/formatters/ColumnNestedValueFormatter/index.d.ts

@@ -1,5 +1,3 @@
-import { ColumnNestedValueFormatterProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function ColumnNestedValueFormatter(props: ColumnNestedValueFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnNestedValueFormatter } from './formatter';
+export type { ColumnNestedValueFormatterProps } from './types';
+export { useColumnNestedValue } from './useColumnNestedValue';

package/components/DataGrid/formatters/ColumnNestedValueFormatter/index.js

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

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js

@@ -1,7 +1,7 @@
 import { getPropertyByString } from "@m4l/core";
-import { C as ColumnNestedValueFormatter } from "./index.js";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
+import { C as ColumnNestedValueFormatter } from "./formatter.js";
 const getCustomNestedValueFilter = (props) => {
   return (row, value) => {
     const property = getPropertyByString(row, props.fieldValue) ?? "";

package/components/DataGrid/formatters/ColumnPointsFormatter/formatter.d.ts

@@ -0,0 +1,5 @@
+import { ColumnPointsFormatterProps } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare function ColumnPointsFormatter(props: ColumnPointsFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnPointsFormatter/formatter.js

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

package/components/DataGrid/formatters/ColumnPointsFormatter/index.d.ts

@@ -1,5 +1,3 @@
-import { ColumnPointsFormatterProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function ColumnPointsFormatter(props: ColumnPointsFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnPointsFormatter } from './formatter';
+export type { ColumnPointsFormatterProps } from './types';
+export { useColumnPoints } from './useColumnPoints';

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

@@ -1,12 +1 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { P as PointsFormatter } from "../../../formatters/PointsFormatter/PointsFormatter.js";
-function ColumnPointsFormatter(props) {
-  const { Component = React.Fragment } = props;
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props, Component });
-  };
-}
-export {
-  ColumnPointsFormatter as C
-};
+

package/components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
-import { C as ColumnPointsFormatter } from "./index.js";
+import { C as ColumnPointsFormatter } from "./formatter.js";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getFormatPoints } from "../../../formatters/PointsFormatter/PointsFormatter.js";
 const getCustomPointsFilter = (props) => {

package/components/DataGrid/formatters/ColumnPriceFormatter/formatter.d.ts

@@ -0,0 +1,5 @@
+import { ColumnPriceFormatterProps } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare function ColumnPriceFormatter(props: ColumnPriceFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnPriceFormatter/formatter.js

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

package/components/DataGrid/formatters/ColumnPriceFormatter/index.d.ts

@@ -1,5 +1,3 @@
-import { ColumnPriceFormatterProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function ColumnPriceFormatter(props: ColumnPriceFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export { ColumnPriceFormatter } from './formatter';
+export type { ColumnPriceFormatterProps } from './types';
+export { useColumnPrice } from './useColumnPrice';

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

@@ -1,12 +1 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { P as PriceFormatter } from "../../../formatters/PriceFormatter/PriceFormatter.js";
-function ColumnPriceFormatter(props) {
-  const { Component = React.Fragment } = props;
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(PriceFormatter, { obProps, ...props, Component });
-  };
-}
-export {
-  ColumnPriceFormatter as C
-};
+

package/components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js

@@ -4,7 +4,7 @@ import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
 import { g as getFormatPrice } from "../../../formatters/PriceFormatter/PriceFormatter.js";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
-import { C as ColumnPriceFormatter } from "./index.js";
+import { C as ColumnPriceFormatter } from "./formatter.js";
 const getCustomPriceFilter = (props) => {
   const { currencyFormatter } = useFormatter();
   return (row, value) => {

package/components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.d.ts

@@ -0,0 +1,9 @@
+import { FormatterProps } from 'react-data-grid';
+import { ColumnSetCheckFormatterProps } from './types';
+import { RowKey } from '../../types';
+/**
+ * ColumnSetCheckFormatter: Es un formateador de columna booleano que permite la interacción directa
+ * acualizando un Set/Setter por medio de un hook generico el cual es invocado con el argumento field para ,
+ * sin la necesidad de entrar en edición como lo hace un editor
+ */
+export declare function ColumnSetCheckFormatter<Row, TKey extends RowKey = RowKey>(parameters: ColumnSetCheckFormatterProps<Row, TKey>): (props: FormatterProps<Row>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { SelectCellFormatter } from "react-data-grid";
+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/ColumnSetCheckFormatter/index.d.ts

@@ -1,9 +1,3 @@
-import { FormatterProps } from 'react-data-grid';
-import { ColumnSetCheckFormatterProps } from './types';
-import { RowKey } from '../../types';
-/**
- * ColumnSetCheckFormatter: Es un formateador de columna booleano que permite la interacción directa
- * acualizando un Set/Setter por medio de un hook generico el cual es invocado con el argumento field para ,
- * sin la necesidad de entrar en edición como lo hace un editor
- */
-export declare function ColumnSetCheckFormatter<Row, TKey extends RowKey = RowKey>(parameters: ColumnSetCheckFormatterProps<Row, TKey>): (props: FormatterProps<Row>) => import("react/jsx-runtime").JSX.Element;
+export { ColumnSetCheckFormatter } from './formatter';
+export type { ColumnSetCheckFormatterProps } from './types';
+export { useColumnSetCheck } from './useColumnSetCheck';

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

@@ -1,36 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { SelectCellFormatter } from "react-data-grid";
-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/ColumnSetCheckFormatter/useColumnSetCheck.js

@@ -1,7 +1,7 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { C as ColumnSetCheckFormatter } from "./index.js";
+import { C as ColumnSetCheckFormatter } from "./formatter.js";
 const getCustomFilter = (props) => {
   return (row, value) => {
     const valueCheck = getPropertyByString(row, props.field);