@m4l/components 0.1.33 → 0.1.35

package/components/CommonActions/components/ActionCancel/{index.641ea102.js → index.a1fe59a4.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.bd85b59c.js";
+import { B as Button } from "../../../mui_extended/Button/index.44282241.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.3b9e5121.js → index.b97872f2.js}

@@ -2,9 +2,9 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.bd85b59c.js";
+import { B as Button } from "../../../mui_extended/Button/index.44282241.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.2a92d33a.js";
+import { u as useModal } from "../../../../hooks/useModal/index.44ea7900.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormCancel(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.d53e0d31.js → index.808a2cd1.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.bd85b59c.js";
+import { B as Button } from "../../../mui_extended/Button/index.44282241.js";
 import { jsx } from "react/jsx-runtime";
 const ActionIntro = (props) => {
   const {

package/components/CommonActions/components/Actions/{index.545d7067.js → index.4b0d3293.js}

@@ -6,16 +6,16 @@ import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
 import { useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useCallback } from "react";
-import "../../../../contexts/ModalContext/index.9a44cced.js";
+import "../../../../contexts/ModalContext/index.92ae296c.js";
 import "@mui/lab";
 import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.25ff14bd.js";
-import { u as useDataGrid, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.b6a45f67.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.a98c43cc.js";
+import { u as useDataGrid, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.69d0fcea.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.74f16fe0.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
-import { u as useModal } from "../../../../hooks/useModal/index.2a92d33a.js";
-import { A as ActionCancel } from "../ActionCancel/index.641ea102.js";
-import { A as ActionIntro } from "../ActionIntro/index.d53e0d31.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.f38042fc.js";
+import { u as useModal } from "../../../../hooks/useModal/index.44ea7900.js";
+import { A as ActionCancel } from "../ActionCancel/index.a1fe59a4.js";
+import { A as ActionIntro } from "../ActionIntro/index.808a2cd1.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.2a084d8a.js";
 import { I as Icon } from "../../../Icon/index.619fa9ad.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperStandarActions = styled("div")(({

package/components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js

@@ -0,0 +1,17 @@
+import { getPropertyByString } from "@m4l/core";
+import { W as WrapperComponent } from "../../../WrapperComponent/index.5e872594.js";
+import { jsx } from "react/jsx-runtime";
+function columnNestedValueFormatter(props) {
+  const {
+    fieldValue,
+    Component = WrapperComponent
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(Component, {
+      children: getPropertyByString(obProps, fieldValue) + ""
+    });
+  };
+}
+export {
+  columnNestedValueFormatter as c
+};

package/components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js

@@ -0,0 +1,13 @@
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.80a4e414.js";
+import { jsx } from "react/jsx-runtime";
+function columnPointsFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PointsFormatter, {
+      obProps,
+      ...props
+    });
+  };
+}
+export {
+  columnPointsFormatter as c
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnPriceFormatterProps } from './types';
+export declare function columnPriceFormatter(props: ColumnPriceFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js

@@ -0,0 +1,13 @@
+import { P as PriceFormatter } from "../../../formatters/PriceFormatter/index.83cbe7be.js";
+import { jsx } from "react/jsx-runtime";
+function columnPriceFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PriceFormatter, {
+      obProps,
+      ...props
+    });
+  };
+}
+export {
+  columnPriceFormatter as c
+};

package/components/DataGrid/formatters/columnPriceFormatter/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ColumnPriceFormatterProps {
+    Component?: React.ElementType;
+    fieldValue: string;
+}

package/components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js

@@ -0,0 +1,13 @@
+import { U as UncertaintyFormatter } from "../../../formatters/UncertaintyFormatter/index.08e1b79f.js";
+import { jsx } from "react/jsx-runtime";
+function columnUncertaintyFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(UncertaintyFormatter, {
+      obProps,
+      ...props
+    });
+  };
+}
+export {
+  columnUncertaintyFormatter as c
+};

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

@@ -3,4 +3,5 @@ export { columnPointsFormatter } from './columnPointsFormatter';
 export { columnNestedValueFormatter } from './columnNestedValueFormatter';
 export { columnBooleanFormatter } from './columnBooleanFormatter';
 export { columnDateFormatter } from './columnDateFormatter';
+export { columnPriceFormatter } from './columnPriceFormatter';
 export type { ColumnUncertaintyFormatterProps } from './columnUncertaintyFormatter/types';

package/components/DataGrid/{index.b6a45f67.js → index.69d0fcea.js}

@@ -6,9 +6,13 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "../CommonActions/components/Actions/index.545d7067.js";
-import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.81b8e093.js";
-import { g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.a98c43cc.js";
+import { A as ActionsColumn, a as Actions } from "../CommonActions/components/Actions/index.4b0d3293.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.2df47b04.js";
+import "@m4l/graphics";
+import "../Icon/index.619fa9ad.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.80522f69.js";
+import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.d50c4a9d.js";
+import { g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.74f16fe0.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -980,6 +984,34 @@ function DataGrid(props) {
     })
   });
 }
+function columnBooleanFormatter(props) {
+  const {
+    fieldValue,
+    presentationType,
+    Component
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(BooleanFormatter, {
+      presentationType,
+      value: getPropertyByString(obProps, fieldValue),
+      Component
+    });
+  };
+}
+function columnDateFormatter(props) {
+  const {
+    fieldValue,
+    presentationType,
+    Component
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(DateFormatter, {
+      presentationType,
+      value: getPropertyByString(obProps, fieldValue),
+      Component
+    });
+  };
+}
 function getDataGridComponentsDictionary() {
   return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
 }
@@ -1094,6 +1126,8 @@ export {
   TextEditor as T,
   useFilters as a,
   getDataGridRowsFromSet as b,
+  columnBooleanFormatter as c,
+  columnDateFormatter as d,
   getDataGridComponentsDictionary as g,
   useDataGrid as u
 };

package/components/DynamicFilter/{index.b3b19031.js → index.68bcbc88.js}

@@ -14,13 +14,13 @@ 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.3cb4b35f.js";
 import { I as Icon } from "../Icon/index.619fa9ad.js";
-import "../hook-form/RHFPeriod/index.116158c4.js";
+import "../hook-form/RHFPeriod/index.146a34af.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.9ce96aed.js";
-import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
+import "../Period/index.4b6704d0.js";
+import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.4b0d3293.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.9a44cced.js";
+import "../../contexts/ModalContext/index.92ae296c.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
@@ -28,11 +28,11 @@ import "../Image/index.93d5f37f.js";
 import "../hook-form/RHFUpload/index.d5cc7c13.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.bd85b59c.js";
-import { P as Popover } from "../mui_extended/Popover/index.f38042fc.js";
+import { F as FilterButton } from "../mui_extended/Button/index.44282241.js";
+import { P as Popover } from "../mui_extended/Popover/index.2a084d8a.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";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a1fe59a4.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.808a2cd1.js";
 const WrapperApplyedFilters = styled("div")(({
   theme
 }) => ({

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

@@ -1,6 +1,6 @@
 import { Dialog, IconButton, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.a09b624f.js";
-import { u as useModal } from "../../hooks/useModal/index.2a92d33a.js";
+import { u as useModal } from "../../hooks/useModal/index.44ea7900.js";
 import { styled } from "@mui/material/styles";
 import { a as getThemeVariantColor } from "../../utils/index.f3bfdc22.js";
 import { R as Resizeable } from "../Resizeable/index.d27b0310.js";
@@ -8,7 +8,7 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 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.545d7067.js";
+import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.4b0d3293.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/ObjectLogs/{index.ca9cd589.js → index.4e4ae4f4.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.b6a45f67.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.199172d2.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.69d0fcea.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.80522f69.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 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.2a92d33a.js";
+import { u as useModal } from "../../hooks/useModal/index.44ea7900.js";
 import { I as Icon } from "../Icon/index.619fa9ad.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.b3b19031.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.68bcbc88.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/Period/{index.9ce96aed.js → index.4b6704d0.js}

@@ -3,11 +3,11 @@ import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
 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.545d7067.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.4b0d3293.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.9a44cced.js";
+import "../../contexts/ModalContext/index.92ae296c.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({
   theme,

package/components/WrapperComponent/index.5e872594.js

@@ -0,0 +1,18 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+function WrapperComponent(props) {
+  const {
+    children,
+    type = "fragment"
+  } = props;
+  if (type === "fragment") {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children
+    });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [" ", children]
+  });
+}
+export {
+  WrapperComponent as W
+};

package/components/WrapperComponent/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WrapperComponentProps } from './types';
+export declare function WrapperComponent(props: WrapperComponentProps): JSX.Element;

package/components/WrapperComponent/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface WrapperComponentProps {
+    children: ReactNode;
+    type?: 'fragment';
+}

package/components/formatters/BooleanFormatter/{index.224d5c4e.js → index.2df47b04.js}

@@ -1,14 +1,13 @@
-import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/core";
 import { useMemo } from "react";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { I as Icon } from "../../Icon/index.619fa9ad.js";
-import { F as FragmentJSXComponent } from "../index.e154f663.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
-import "@m4l/graphics";
 function BooleanFormatter(props) {
   const {
     presentationType,
     value,
-    Component = FragmentJSXComponent
+    Component = WrapperComponent
   } = props;
   const {
     getLabel
@@ -40,21 +39,6 @@ function BooleanFormatter(props) {
   }, [final_value]);
   return memoComponent;
 }
-function columnBooleanFormatter(props) {
-  const {
-    fieldValue,
-    presentationType,
-    Component
-  } = props;
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(BooleanFormatter, {
-      presentationType,
-      value: getPropertyByString(obProps, fieldValue),
-      Component
-    });
-  };
-}
 export {
-  BooleanFormatter as B,
-  columnBooleanFormatter as c
+  BooleanFormatter as B
 };

package/components/formatters/DateFormatter/{index.199172d2.js → index.80522f69.js}

@@ -1,16 +1,12 @@
-import { getPropertyByString } from "@m4l/core";
-import "react";
-import "../../Icon/index.619fa9ad.js";
-import "@mui/material/styles";
-import { jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
-import { F as FragmentJSXComponent } from "../index.e154f663.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
+import { jsx, Fragment } from "react/jsx-runtime";
 function DateFormatter(props) {
   const {
     presentationType,
     value,
     format,
-    Component = FragmentJSXComponent
+    Component = WrapperComponent
   } = props;
   const {
     dateFormatter
@@ -48,21 +44,6 @@ function DateFormatter(props) {
     children: result
   });
 }
-function columnDateFormatter(props) {
-  const {
-    fieldValue,
-    presentationType,
-    Component
-  } = props;
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(DateFormatter, {
-      presentationType,
-      value: getPropertyByString(obProps, fieldValue),
-      Component
-    });
-  };
-}
 export {
-  DateFormatter as D,
-  columnDateFormatter as c
+  DateFormatter as D
 };

package/components/formatters/PointsFormatter/index.80a4e414.js

@@ -0,0 +1,32 @@
+import { getPropertyByString } from "@m4l/core";
+import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
+import { jsx } from "react/jsx-runtime";
+function getFormatPoints(obProps, fieldValue, fieldUnit) {
+  let result = "";
+  const points = getPropertyByString(obProps, fieldValue);
+  const unit = getPropertyByString(obProps, fieldUnit) || "";
+  if (points === void 0 || points === null || !Array.isArray(points)) {
+    return "[]";
+  }
+  points.map((point) => {
+    if (point) {
+      result = result.concat(`[${point}${unit}]`);
+    }
+  });
+  return result;
+}
+function PointsFormatter(props) {
+  const {
+    obProps,
+    fieldValue,
+    fieldUnit,
+    Component = WrapperComponent
+  } = props;
+  return /* @__PURE__ */ jsx(Component, {
+    children: getFormatPoints(obProps, fieldValue, fieldUnit)
+  });
+}
+export {
+  PointsFormatter as P,
+  getFormatPoints as g
+};

package/components/formatters/PriceFormatter/index.83cbe7be.js

@@ -0,0 +1,43 @@
+import { getPropertyByString } from "@m4l/core";
+import { useFormatter } from "@m4l/graphics";
+import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
+import { jsx } from "react/jsx-runtime";
+function getFormatPrice(obProps, fieldValue, currency, decimalDigits) {
+  let result = "";
+  const value = getPropertyByString(obProps, fieldValue);
+  try {
+    result = Number(value).toLocaleString(navigator.language, {
+      currency,
+      style: "currency",
+      currencyDisplay: "symbol",
+      useGrouping: true,
+      maximumFractionDigits: decimalDigits
+    }) || "";
+  } catch (error) {
+    result = Number(value).toLocaleString("en-US", {
+      style: "currency",
+      currency: "USD",
+      currencyDisplay: "symbol",
+      useGrouping: true,
+      maximumFractionDigits: decimalDigits
+    }) || "";
+  }
+  return result;
+}
+function PriceFormatter(props) {
+  const {
+    obProps,
+    fieldValue,
+    Component = WrapperComponent
+  } = props;
+  const {
+    currencyFormatter
+  } = useFormatter();
+  return /* @__PURE__ */ jsx(Component, {
+    children: getFormatPrice(obProps, fieldValue, currencyFormatter.code, currencyFormatter.decimalDigits)
+  });
+}
+export {
+  PriceFormatter as P,
+  getFormatPrice as g
+};

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { PriceFormatterProps } from './types';
+export declare function getFormatPrice(obProps: any, fieldValue: string, currency: string, decimalDigits: number): string;
 export declare function PriceFormatter(props: PriceFormatterProps): JSX.Element;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface PriceFormatterProps {
     Component?: React.ElementType;
-    value?: number;
+    obProps: any;
+    fieldValue: string;
 }

package/components/formatters/UncertaintyFormatter/index.08e1b79f.js

@@ -0,0 +1,34 @@
+import { getPropertyByString } from "@m4l/core";
+import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
+import { jsx } from "react/jsx-runtime";
+function getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit) {
+  let result = "";
+  const ranges = getPropertyByString(obProps, fieldValue);
+  const symbol = getPropertyByString(obProps, fieldSymbol);
+  const unit = getPropertyByString(obProps, fieldUnit);
+  if (ranges === void 0 || ranges === null || !Array.isArray(ranges) || typeof symbol !== "string" || typeof unit !== "string") {
+    return "[]";
+  }
+  ranges.map((obj, idx) => {
+    const cmc_min_closed = obj.cmc_min_closed != true ? "<" : "\u2264";
+    const cmc_max_closed = obj.cmc_max_closed != true ? "<" : "\u2264";
+    result = result.concat(`${idx > 0 ? " " : ""}`, obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} \xB1 ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} \xB1 ${obj.cmc_uncertainty}]`);
+  });
+  return result;
+}
+function UncertaintyFormatter(props) {
+  const {
+    obProps,
+    fieldValue,
+    fieldSymbol,
+    fieldUnit,
+    Component = WrapperComponent
+  } = props;
+  return /* @__PURE__ */ jsx(Component, {
+    children: getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit)
+  });
+}
+export {
+  UncertaintyFormatter as U,
+  getUncertaintyFormat as g
+};

package/components/formatters/index.57ec5cbc.js

@@ -0,0 +1,21 @@
+import "react";
+import "@m4l/core";
+import "../Icon/index.619fa9ad.js";
+import "@mui/material/styles";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+function getFormattersComponentsDictionary() {
+  return ["formatters"];
+}
+const defaultFormattersDictionary = {
+  pager: {
+    boolean_yes: "Yes",
+    boolean_no: "No",
+    boolean_true: "True",
+    boolean_false: "False"
+  }
+};
+export {
+  defaultFormattersDictionary as d,
+  getFormattersComponentsDictionary as g
+};

package/components/formatters/index.d.ts

@@ -2,5 +2,5 @@ export { BooleanFormatter } from './BooleanFormatter';
 export { DateFormatter } from './DateFormatter';
 export { UncertaintyFormatter, getUncertaintyFormat } from './UncertaintyFormatter';
 export { PointsFormatter, getFormatPoints } from './PointsFormatter';
-export { PriceFormatter } from './PriceFormatter';
+export { PriceFormatter, getFormatPrice } from './PriceFormatter';
 export type { UncertaintyRange } from './UncertaintyFormatter/types';

package/components/hook-form/RHFPeriod/{index.116158c4.js → index.146a34af.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
 import { E as ErrorLabel } from "../../ErrorLabel/index.c8615f16.js";
-import { P as Period } from "../../Period/index.9ce96aed.js";
+import { P as Period } from "../../Period/index.4b6704d0.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/mui_extended/Button/{index.bd85b59c.js → index.44282241.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { I as IconButton } from "../IconButton/index.25ff14bd.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
-import { u as useBase } from "../../DynamicFilter/index.b3b19031.js";
+import { u as useBase } from "../../DynamicFilter/index.68bcbc88.js";
 import { useMemo } from "react";
 import { I as Image } from "../../Image/index.93d5f37f.js";
 const Button = (props) => {

package/components/mui_extended/Pager/{index.a98c43cc.js → index.74f16fe0.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
-import { P as PagerActions } from "../../CommonActions/components/Actions/index.545d7067.js";
+import { P as PagerActions } from "../../CommonActions/components/Actions/index.4b0d3293.js";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
 styled("div")(() => ({

package/components/mui_extended/Popover/{index.f38042fc.js → index.2a084d8a.js}

@@ -12,9 +12,9 @@ import "react-router-dom";
 import "@mui/material/Button";
 import { C as CircularProgress } from "../CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import { I as ImageButton } from "../Button/index.bd85b59c.js";
-import "../../CommonActions/components/Actions/index.545d7067.js";
-import "../Pager/index.a98c43cc.js";
+import { I as ImageButton } from "../Button/index.44282241.js";
+import "../../CommonActions/components/Actions/index.4b0d3293.js";
+import "../Pager/index.74f16fe0.js";
 import "../Tab/index.e0653a0a.js";
 const ArrowStyle = styled("span")(({
   arrowType,

package/contexts/ModalContext/{index.9a44cced.js → index.92ae296c.js}

@@ -4,9 +4,9 @@ import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { B as BoxIcon } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as ModalDialog } from "../../components/ModalDialog/index.81b8e093.js";
-import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.d53e0d31.js";
-import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.641ea102.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.d50c4a9d.js";
+import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.808a2cd1.js";
+import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.a1fe59a4.js";
 import { b as getVariantColor } from "../../utils/index.f3bfdc22.js";
 const WrapperContentConfirm = styled("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.2a92d33a.js → index.44ea7900.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.9a44cced.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.92ae296c.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/index.js

@@ -18,36 +18,36 @@ import { R as R3 } from "./components/hook-form/RHFDateTime/index.7f1cbd85.js";
 import "@m4l/graphics";
 import { R as R4, a as a2 } from "./components/hook-form/RHFTextField/index.3cb4b35f.js";
 import { I as I3 } from "./components/Icon/index.619fa9ad.js";
-import { R as R5 } from "./components/hook-form/RHFPeriod/index.116158c4.js";
+import { R as R5 } from "./components/hook-form/RHFPeriod/index.146a34af.js";
 import { E } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as P2, g as g2 } from "./components/Period/index.9ce96aed.js";
-import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.545d7067.js";
+import { P as P2, g as g2 } from "./components/Period/index.4b6704d0.js";
+import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.4b0d3293.js";
 import "@mui/material/Button";
-import { M as M2, a as a3 } from "./contexts/ModalContext/index.9a44cced.js";
+import { M as M2, a as a3 } from "./contexts/ModalContext/index.92ae296c.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
 import { R as R6 } from "./components/hook-form/RHFUpload/index.d5cc7c13.js";
 import { A } from "./components/mui_extended/Accordion/index.86b97783.js";
 import { A as A2 } from "./components/mui_extended/Avatar/index.fe06afd7.js";
-import { B, L as L2 } from "./components/mui_extended/Button/index.bd85b59c.js";
-import { L as L3, P as P3 } from "./components/mui_extended/Popover/index.f38042fc.js";
-import { P as P4, g as g4 } from "./components/mui_extended/Pager/index.a98c43cc.js";
+import { B, L as L2 } from "./components/mui_extended/Button/index.44282241.js";
+import { L as L3, P as P3 } from "./components/mui_extended/Popover/index.2a084d8a.js";
+import { P as P4, g as g4 } from "./components/mui_extended/Pager/index.74f16fe0.js";
 import { T } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D, N, T as T2, b as b2, g as g5 } from "./components/DataGrid/index.b6a45f67.js";
+import { D, N, T as T2, c, d as d2, b as b2, g as g5 } from "./components/DataGrid/index.69d0fcea.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { S } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as D2, d as d2, g as g6 } from "./components/DynamicFilter/index.b3b19031.js";
+import { D as D2, d as d3, g as g6 } from "./components/DynamicFilter/index.68bcbc88.js";
 import "simplebar/dist/simplebar.min.css";
 import "@hookform/resolvers/yup";
 import { R as R7 } from "./contexts/RHFormContext/index.d88e6e27.js";
 import "yup";
 import "./react-draggable.a09b624f.js";
-import { M as M3, d as d3, g as g7 } from "./components/ModalDialog/index.81b8e093.js";
+import { M as M3, d as d4, g as g7 } from "./components/ModalDialog/index.d50c4a9d.js";
 import { R as R8 } from "./components/Resizeable/index.d27b0310.js";
-import { N as N2, d as d4, g as g8 } from "./components/NoItemSelected/index.46d2f632.js";
-import { O, d as d5, g as g9 } from "./components/ObjectLogs/index.ca9cd589.js";
+import { N as N2, d as d5, g as g8 } from "./components/NoItemSelected/index.46d2f632.js";
+import { O, d as d6, g as g9 } from "./components/ObjectLogs/index.4e4ae4f4.js";
 import "./react-json-view.57125fcf.js";
 import { P as P5 } from "./components/PaperForm/index.9582ff5e.js";
 import { H } from "./components/Page/index.4237c241.js";
@@ -70,17 +70,24 @@ import { C } from "./components/mui_extended/CircularProgress/index.ad569afd.js"
 import { L as L4 } from "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
 import { L as L5 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import { T as T3 } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as B4, c } from "./components/formatters/BooleanFormatter/index.224d5c4e.js";
-import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.199172d2.js";
-import { P as P7, b as b4, U, h, f, e, d as d6, a as a5, c as c3, g as g11 } from "./components/formatters/index.e154f663.js";
-import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.641ea102.js";
-import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.d53e0d31.js";
-import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.3b9e5121.js";
+import { B as B4 } from "./components/formatters/BooleanFormatter/index.2df47b04.js";
+import { D as D3 } from "./components/formatters/DateFormatter/index.80522f69.js";
+import { U, g as g11 } from "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
+import { P as P7, g as g12 } from "./components/formatters/PointsFormatter/index.80a4e414.js";
+import { P as P8, g as g13 } from "./components/formatters/PriceFormatter/index.83cbe7be.js";
+import { d as d7, g as g14 } from "./components/formatters/index.57ec5cbc.js";
+import { c as c2 } from "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
+import { c as c3 } from "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js";
+import { c as c4 } from "./components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js";
+import { c as c5 } from "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
+import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.a1fe59a4.js";
+import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.808a2cd1.js";
+import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.b97872f2.js";
 import { A as A6 } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
 import { L as L6 } from "./components/Loadable/index.55b8adb7.js";
 import { S as S3 } from "./components/ScrollToTop/index.e06f98f6.js";
 import { u } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as u2 } from "./hooks/useModal/index.2a92d33a.js";
+import { u as u2 } from "./hooks/useModal/index.44ea7900.js";
 import { L as L7 } from "./assets/Logo/index.228dcb5a.js";
 import "./node_modules.51fc30d1.js";
 import "./utils/index.f3bfdc22.js";
@@ -92,6 +99,7 @@ import "react-dom";
 import "./react-resizable.be53ee35.js";
 import "./commonjs.565e6834.js";
 import "react-helmet-async";
+import "./components/WrapperComponent/index.5e872594.js";
 export {
   A as Accordion,
   A3 as ActionCancel,
@@ -135,7 +143,7 @@ export {
   P2 as Period,
   P7 as PointsFormatter,
   P3 as Popover,
-  b4 as PriceFormatter,
+  P8 as PriceFormatter,
   P as PropagateLoader,
   P6 as PropertyValue,
   R as RHFAutocomplete,
@@ -159,21 +167,23 @@ export {
   T3 as Typography,
   U as UncertaintyFormatter,
   c as columnBooleanFormatter,
-  c2 as columnDateFormatter,
-  h as columnNestedValueFormatter,
-  f as columnPointsFormatter,
-  e as columnUncertaintyFormatter,
+  d2 as columnDateFormatter,
+  c4 as columnNestedValueFormatter,
+  c3 as columnPointsFormatter,
+  c5 as columnPriceFormatter,
+  c2 as columnUncertaintyFormatter,
   d as defaultCommonActionsDictionary,
-  d2 as defaultDynamicFilterDictionary,
-  d6 as defaultFormattersDictionary,
-  d3 as defaultModalDialogDictionary,
-  d4 as defaultNoItemSelectedDictionary,
-  d5 as defaultObjectLogDictionary,
+  d3 as defaultDynamicFilterDictionary,
+  d7 as defaultFormattersDictionary,
+  d4 as defaultModalDialogDictionary,
+  d5 as defaultNoItemSelectedDictionary,
+  d6 as defaultObjectLogDictionary,
   g3 as getCommonActionsDictionary,
   b2 as getDataGridRowsFromSet,
   g6 as getDynamicFilterComponentsDictionary,
-  a5 as getFormatPoints,
-  c3 as getFormattersComponentsDictionary,
+  g12 as getFormatPoints,
+  g13 as getFormatPrice,
+  g14 as getFormattersComponentsDictionary,
   g5 as getGridComponentsDictionary,
   g7 as getModalDialogComponentsDictionary,
   g8 as getNoItemSelectedComponentsDictionary,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "license": "UNLICENSED",
   "dependencies": {
     "@hookform/resolvers": "^2.9.10",

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

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export interface BaseComponentProps {
-    children: ReactNode;
-}
-export declare function FragmentJSXComponent(props: BaseComponentProps): JSX.Element;

package/components/formatters/index.e154f663.js

@@ -1,126 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import "react";
-import { getPropertyByString } from "@m4l/core";
-import "../Icon/index.619fa9ad.js";
-import "@mui/material/styles";
-import "@m4l/graphics";
-function FragmentJSXComponent(props) {
-  const {
-    children
-  } = props;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [" ", children]
-  });
-}
-function getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit) {
-  let result = "";
-  const ranges = getPropertyByString(obProps, fieldValue);
-  const symbol = getPropertyByString(obProps, fieldSymbol) || "";
-  const unit = getPropertyByString(obProps, fieldUnit) || "";
-  if (ranges === void 0 || ranges === null || !Array.isArray(ranges)) {
-    return "[]";
-  }
-  ranges.map((obj, idx) => {
-    const cmc_min_closed = obj.cmc_min_closed != true ? "<" : "\u2264";
-    const cmc_max_closed = obj.cmc_max_closed != true ? "<" : "\u2264";
-    result = result.concat(`${idx > 0 ? " " : ""}`, obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} \xB1 ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} \xB1 ${obj.cmc_uncertainty}]`);
-  });
-  return result;
-}
-function UncertaintyFormatter(props) {
-  const {
-    obProps,
-    fieldValue,
-    fieldSymbol,
-    fieldUnit,
-    Component = FragmentJSXComponent
-  } = props;
-  return /* @__PURE__ */ jsx(Component, {
-    children: getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit)
-  });
-}
-function getFormatPoints(obProps, fieldValue, fieldUnit) {
-  let result = "";
-  const points = getPropertyByString(obProps, fieldValue);
-  const unit = getPropertyByString(obProps, fieldUnit) || "";
-  if (points === void 0 || points === null || !Array.isArray(points)) {
-    return "[]";
-  }
-  points.map((point) => {
-    if (point) {
-      result = result.concat(`[${point}${unit}]`);
-    }
-  });
-  return result;
-}
-function PointsFormatter(props) {
-  const {
-    obProps,
-    fieldValue,
-    fieldUnit,
-    Component = FragmentJSXComponent
-  } = props;
-  return /* @__PURE__ */ jsx(Component, {
-    children: getFormatPoints(obProps, fieldValue, fieldUnit)
-  });
-}
-function PriceFormatter(props) {
-  const {
-    value,
-    Component = FragmentJSXComponent
-  } = props;
-  return /* @__PURE__ */ jsx(Component, {
-    children: `${value}$Cop`
-  });
-}
-function getFormattersComponentsDictionary() {
-  return ["formatters"];
-}
-const defaultFormattersDictionary = {
-  pager: {
-    boolean_yes: "Yes",
-    boolean_no: "No",
-    boolean_true: "True",
-    boolean_false: "False"
-  }
-};
-function columnUncertaintyFormatter(props) {
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(UncertaintyFormatter, {
-      obProps,
-      ...props
-    });
-  };
-}
-function columnPointsFormatter(props) {
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(PointsFormatter, {
-      obProps,
-      ...props
-    });
-  };
-}
-function columnNestedValueFormatter(props) {
-  const {
-    fieldValue,
-    Component = FragmentJSXComponent
-  } = props;
-  return (obProps) => {
-    return /* @__PURE__ */ jsx(Component, {
-      children: getPropertyByString(obProps, fieldValue) + ""
-    });
-  };
-}
-export {
-  FragmentJSXComponent as F,
-  PointsFormatter as P,
-  UncertaintyFormatter as U,
-  getFormatPoints as a,
-  PriceFormatter as b,
-  getFormattersComponentsDictionary as c,
-  defaultFormattersDictionary as d,
-  columnUncertaintyFormatter as e,
-  columnPointsFormatter as f,
-  getUncertaintyFormat as g,
-  columnNestedValueFormatter as h
-};