@m4l/components 0.1.30 → 0.1.32

package/components/DataGrid/{components/Actions/components/Settings → subcomponents/Actions/subcomponents/Settings/subcomponents}/ColumnsConfig/types.d.ts

@@ -1,4 +1,4 @@
-import { IConfigColumn } from '../../../../../contexts/BaseContext/types';
+import { IConfigColumn } from '../../../../../../contexts/DataGridContext/types';
 export interface Row {
     key: string;
     name: string;

package/components/DataGrid/{components → subcomponents}/Actions/types.d.ts

@@ -1,5 +1,5 @@
 import type { PagerProps } from '../../../mui_extended/Pager/types';
-import { SettingsProps } from './components/Settings/types';
+import { SettingsProps } from './subcomponents/Settings/types';
 export interface ActionsProps {
     withSettings?: boolean;
     settingsProps?: SettingsProps;

package/components/DataGrid/{components → subcomponents}/Table/hooks/useSortColumnsRows.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Column, SortColumn } from 'react-data-grid';
-export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[], isMultipleRows: boolean) => {
+export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[]) => {
     finalColumns: readonly Column<TRow, TSummaryRow>[];
     sortColumns: readonly SortColumn[];
     setSortColumns: import("react").Dispatch<import("react").SetStateAction<readonly SortColumn[]>>;

package/components/DataGrid/types.d.ts

@@ -2,7 +2,7 @@
 import { Maybe } from '@m4l/core';
 import type { Column, RowsChangeData, FormatterProps } from 'react-data-grid';
 import type { MenuAction } from '../mui_extended/MenuActions/types';
-import { ActionsProps } from './components/Actions/types';
+import { ActionsProps } from './subcomponents/Actions/types';
 export declare type GridFormatterPropss<T, SR> = FormatterProps<T, SR>;
 export type { columnUncertaintyFormatter, columnPointsFormatter, columnNestedValueFormatter, } from './formatters';
 export declare type ColumnType = 'string' | 'date' | 'number' | 'boolean' | 'custom';
@@ -25,6 +25,7 @@ declare module 'react-data-grid' {
         isDraggable?: boolean;
         withFilter?: boolean;
         withinHeaderRenderer?: React.FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;
+        customFilter?: (row: TRow, value: string) => boolean;
     }
 }
 export declare type RowKey = string | number;
@@ -49,10 +50,11 @@ export declare interface GridProps<TRow, TSummaryRow> {
     rowHeights?: RowHeights;
     rowActionsGetter?: (row: TRow) => MenuAction[];
     rowKeyGetter: (row: TRow) => RowKey;
-    isMultipleSelect?: boolean;
-    selectedRows?: Set<RowKey>;
+    selectedRows?: ReadonlySet<RowKey>;
+    onSelectedRowsChange?: (mapRowsSelected: ReadonlySet<RowKey>) => void;
+    checkedRows?: ReadonlySet<RowKey>;
+    onCheckedRowsChange?: (mapRowsSelected: ReadonlySet<RowKey>) => void;
     onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, TSummaryRow>) => void>;
-    onRowsSelectedChange?: (mapRowsSelected: ReadonlySet<RowKey>, rawRowsSelected: TRow[]) => void;
 }
 export declare interface DataGridProps<TRow, TSummaryRow> extends GridProps<TRow, TSummaryRow> {
     actionsProps: ActionsProps;

package/components/DataGrid/utils/getDataGridRowsFromSet.d.ts

@@ -0,0 +1 @@
+export declare const getDataGridRowsFromSet: <TRow, RowKey>(set: ReadonlySet<RowKey>, rows: TRow[], rowKeyGetter: (row: TRow) => RowKey) => TRow[];

package/components/DynamicFilter/{index.31876c9f.js → index.b3b19031.js}

@@ -10,29 +10,29 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../hook-form/RHFCheckbox/index.6dcec9e2.js";
 import { alpha, styled as styled$1, Skeleton, MenuItem, useTheme, Popper, ClickAwayListener } from "@mui/material";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e70d2de3.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.7f1cbd85.js";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.f9aaaa90.js";
-import { I as Icon } from "../Icon/index.619c31c4.js";
-import "../hook-form/RHFPeriod/index.fa8426ac.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.3cb4b35f.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
+import "../hook-form/RHFPeriod/index.116158c4.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.111600f2.js";
-import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import "../Period/index.9ce96aed.js";
+import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.cc3690d3.js";
+import "../../contexts/ModalContext/index.9a44cced.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
 import "../Image/index.93d5f37f.js";
 import "../hook-form/RHFUpload/index.d5cc7c13.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.a321e5cb.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.25ff14bd.js";
 import "simplebar/dist/simplebar.min.css";
-import { F as FilterButton } from "../mui_extended/Button/index.1d13f53b.js";
-import { P as Popover } from "../mui_extended/Popover/index.028756ac.js";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.f8c00745.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a57fcfae.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.591a8195.js";
+import { F as FilterButton } from "../mui_extended/Button/index.bd85b59c.js";
+import { P as Popover } from "../mui_extended/Popover/index.f38042fc.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.d88e6e27.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.641ea102.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d53e0d31.js";
 const WrapperApplyedFilters = styled("div")(({
   theme
 }) => ({
@@ -952,7 +952,6 @@ function BaseProvider(props) {
     setInEdition(true);
   }, [applyedFilters]);
   const closeMenuFields = useCallback(() => {
-    console.log("closeMenuFields");
     setOpenAnchorEl(null);
     setInEdition(false);
   }, []);

package/components/Icon/{index.619c31c4.js → index.619fa9ad.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useState, useMemo, useEffect } from "react";
 import { useTheme } from "@mui/material/styles";
-import { g as getPaletteColor } from "../../utils/index.214d9542.js";
+import { g as getPaletteColor } from "../../utils/index.f3bfdc22.js";
 import { jsx } from "react/jsx-runtime";
 const DivIcon = styled("div", {
   shouldForwardProp: (props) => props !== "src" && props !== "size" && props !== "bgColor" && props !== "rotationAngle" && props !== "angleTransition"

package/components/Loadable/{index.f5518558.js → index.55b8adb7.js}

@@ -1,10 +1,9 @@
 import { Suspense } from "react";
+import { P as PropagateLoader } from "../animate/PropagateLoader/index.d5c18992.js";
 import { jsx } from "react/jsx-runtime";
 const Loadable = (Component) => function EmbededLoadable(props) {
   return /* @__PURE__ */ jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsx("div", {
-      children: "Cargando"
-    }),
+    fallback: /* @__PURE__ */ jsx(PropagateLoader, {}),
     children: /* @__PURE__ */ jsx(Component, {
       ...props
     })

package/components/ModalDialog/{index.3e5675c4.js → index.81b8e093.js}

@@ -1,14 +1,14 @@
 import { Dialog, IconButton, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.20e95c61.js";
-import { u as useModal } from "../../hooks/useModal/index.78ee58f3.js";
+import { c as cjs } from "../../react-draggable.a09b624f.js";
+import { u as useModal } from "../../hooks/useModal/index.2a92d33a.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.214d9542.js";
-import { R as Resizeable } from "../Resizeable/index.45995d2b.js";
+import { a as getThemeVariantColor } from "../../utils/index.f3bfdc22.js";
+import { R as Resizeable } from "../Resizeable/index.d27b0310.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
-import { I as Icon } from "../Icon/index.619c31c4.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/ObjectLogs/{index.35dbf836.js → index.af1c3382.js}

@@ -1,15 +1,15 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.07162c02.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.ed73f8ae.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.b6a45f67.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.8494575f.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
-import { R as ReactJson } from "../../react-json-view.f56a7f8e.js";
+import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.78ee58f3.js";
-import { I as Icon } from "../Icon/index.619c31c4.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.31876c9f.js";
+import { u as useModal } from "../../hooks/useModal/index.2a92d33a.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.b3b19031.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -259,7 +259,6 @@ function ObjectLogs(props) {
         columns,
         rows,
         rowKeyGetter: (row) => row.id,
-        isMultipleSelect: false,
         withActions: true,
         actionsProps: {
           withPager: true,

package/components/PaperForm/{index.ec9cb8c9.js → index.9582ff5e.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.619c31c4.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.111600f2.js → index.9ce96aed.js}

@@ -1,13 +1,13 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.619c31c4.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.cc3690d3.js";
+import "../../contexts/ModalContext/index.9a44cced.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({
   theme,

package/components/Resizeable/{index.45995d2b.js → index.d27b0310.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.5277deaf.js";
+import { R as ResizableBox } from "../../react-resizable.be53ee35.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SplitLayout/{index.4032673d.js → index.5a8355d8.js}

@@ -1,4 +1,4 @@
-import { S as SplitterLayout } from "../../react-splitter-layout.7810ac1b.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 const WrapperSplit = styled("div")(({

package/components/animate/LoadingScreen/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { Props } from './types';
-export declare function LoadingScreen(props: Props): JSX.Element;
+import { LoadingScreenProps } from './types';
+export declare function LoadingScreen(props: LoadingScreenProps): JSX.Element;
 export default LoadingScreen;

package/components/animate/LoadingScreen/types.d.ts

@@ -1,6 +1,6 @@
 export declare type LoadingScreenVariant = 'fullpage' | 'microfrontend';
-export declare type RootStyleProps = Pick<Props, 'variant'>;
-export declare type Props = {
+export declare type RootStyleProps = Pick<LoadingScreenProps, 'variant'>;
+export declare type LoadingScreenProps = {
     isDashboard?: boolean;
     variant?: LoadingScreenVariant;
 };

package/components/animate/PropagateLoader/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PropagateLoader: () => JSX.Element;

package/components/animate/PropagateLoader/index.d5c18992.js

@@ -0,0 +1,94 @@
+import { styled, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { c as createAnimation, p as parseLengthAndUnit } from "../../../node_modules.51fc30d1.js";
+var __assign = globalThis && globalThis.__assign || function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = globalThis && globalThis.__rest || function(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+var distance = [1, 3, 5];
+var propagate = [
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-0"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-1"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(-").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-2"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-3"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-4"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-5")
+];
+function PropagateLoader$1(_a) {
+  var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 15 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
+  var _g = parseLengthAndUnit(size), value = _g.value, unit = _g.unit;
+  var wrapper = __assign({ display: "inherit", position: "relative" }, cssOverride);
+  var style = function(i) {
+    return {
+      position: "absolute",
+      fontSize: "".concat(value / 3).concat(unit),
+      width: "".concat(value).concat(unit),
+      height: "".concat(value).concat(unit),
+      background: color,
+      borderRadius: "50%",
+      animation: "".concat(propagate[i], " ").concat(1.5 / speedMultiplier, "s infinite"),
+      animationFillMode: "forwards"
+    };
+  };
+  if (!loading) {
+    return null;
+  }
+  return React.createElement(
+    "span",
+    __assign({ style: wrapper }, additionalprops),
+    React.createElement("span", { style: style(0) }),
+    React.createElement("span", { style: style(1) }),
+    React.createElement("span", { style: style(2) }),
+    React.createElement("span", { style: style(3) }),
+    React.createElement("span", { style: style(4) }),
+    React.createElement("span", { style: style(5) })
+  );
+}
+const WrapperPropageteLoader = styled("div")(({
+  theme
+}) => ({
+  right: 0,
+  bottom: 0,
+  zIndex: 99999,
+  width: "100%",
+  height: "100%",
+  position: "fixed",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  background: theme.palette.background.default
+}));
+const PropagateLoader = () => {
+  const {
+    palette
+  } = useTheme();
+  return /* @__PURE__ */ jsx(WrapperPropageteLoader, {
+    children: /* @__PURE__ */ jsx(PropagateLoader$1, {
+      color: palette.primary.main
+    })
+  });
+};
+export {
+  PropagateLoader as P
+};

package/components/animate/PropagateLoader/syles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperPropageteLoader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/animate/index.d.ts

@@ -3,3 +3,4 @@ export { IconButtonAnimate } from './IconButtonAnimate';
 export { MotionContainer } from './MotionContainer';
 export { MotionLazyContainer } from './MotionLazyContainer';
 export { LoadingScreen } from './LoadingScreen';
+export { PropagateLoader } from './PropagateLoader';

package/components/formatters/BooleanFormatter/{index.ae70b54f.js → index.81f4ea70.js}

@@ -1,13 +1,13 @@
 import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/core";
-import React from "react";
-import { I as Icon } from "../../Icon/index.619c31c4.js";
+import React__default, { useMemo } from "react";
+import { I as Icon } from "../../Icon/index.619fa9ad.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
 function BooleanFormatter(props) {
   const {
     presentationType,
     value,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   const {
     getLabel
@@ -19,28 +19,31 @@ function BooleanFormatter(props) {
   const final_value = value ?? false;
   const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
   const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
-  if (presentationType === "string_yes_no") {
+  const memoComponent = useMemo(() => {
+    if (presentationType === "string_yes_no") {
+      return /* @__PURE__ */ jsx(Component, {
+        children: final_value ? getLabel("formatters.boolean_yes") : getLabel("formatters.boolean_no")
+      });
+    }
+    if (presentationType === "string_true_false") {
+      return /* @__PURE__ */ jsx(Component, {
+        children: final_value ? getLabel("formatters.boolean_true") : getLabel("formatters.boolean_false")
+      });
+    }
     return /* @__PURE__ */ jsx(Component, {
-      children: final_value ? getLabel("formatters.boolean_yes") : getLabel("formatters.boolean_no")
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: final_value ? srcCheckTrue : srcCheckFalse,
+        bgColor: "action.disabled"
+      })
     });
-  }
-  if (presentationType === "string_true_false") {
-    return /* @__PURE__ */ jsx(Component, {
-      children: final_value ? getLabel("formatters.boolean_true") : getLabel("formatters.boolean_false")
-    });
-  }
-  return /* @__PURE__ */ jsx(Component, {
-    children: /* @__PURE__ */ jsx(Icon, {
-      src: final_value ? srcCheckTrue : srcCheckFalse,
-      bgColor: "action.disabled"
-    })
-  });
+  }, [final_value]);
+  return memoComponent;
 }
 function columnBooleanFormatter(props) {
   const {
     fieldValue,
     presentationType,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(BooleanFormatter, {

package/components/formatters/DateFormatter/{index.ed73f8ae.js → index.8494575f.js}

@@ -1,6 +1,6 @@
-import React from "react";
+import React__default from "react";
 import { getPropertyByString } from "@m4l/core";
-import "../../Icon/index.619c31c4.js";
+import "../../Icon/index.619fa9ad.js";
 import "@mui/material/styles";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
@@ -9,7 +9,7 @@ function DateFormatter(props) {
     presentationType,
     value,
     format,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   const {
     dateFormatter
@@ -51,7 +51,7 @@ function columnDateFormatter(props) {
   const {
     fieldValue,
     presentationType,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(DateFormatter, {

package/components/formatters/PointsFormatter/index.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { PointsFormatterProps } from './types';
+export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string): string;
 export declare function PointsFormatter(props: PointsFormatterProps): JSX.Element;

package/components/formatters/PointsFormatter/types.d.ts

@@ -2,6 +2,7 @@ import { ComponentType } from 'react';
 export declare type CalibrationPoint = number | null;
 export interface PointsFormatterProps {
     Component?: ComponentType;
-    unit?: string;
-    value?: Array<CalibrationPoint>;
+    obProps: any;
+    fieldUnit: string;
+    fieldValue: string;
 }

package/components/formatters/UncertaintyFormatter/index.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { UncertaintyFormatterProps } from './types';
+export declare function getUncertaintyFormat(obProps: any, fieldValue: string, fieldSymbol: string, fieldUnit: string): string;
 export declare function UncertaintyFormatter(props: UncertaintyFormatterProps): JSX.Element;

package/components/formatters/UncertaintyFormatter/types.d.ts

@@ -8,7 +8,8 @@ export interface UncertaintyRange {
 }
 export interface UncertaintyFormatterProps {
     Component?: ComponentType;
-    symbol?: string;
-    unit?: string;
-    value?: Array<UncertaintyRange>;
+    obProps: any;
+    fieldValue: string;
+    fieldSymbol: string;
+    fieldUnit: string;
 }