@m4l/components 0.1.32 → 0.1.34

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

@@ -1,7 +1,7 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 import { PresentationType } from '../../../../components/formatters/BooleanFormatter/types';
 export interface ColumnBooleanFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     presentationType: PresentationType;
     fieldValue: string;
 }

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

@@ -1,7 +1,7 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 import { PresentationType } from '../../../formatters/DateFormatter/types';
 export interface ColumnDateFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     presentationType: PresentationType;
     format?: string;
     fieldValue: string;

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

@@ -1,5 +1,5 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 export interface ColumnNestedValueFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     fieldValue: string;
 }

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

@@ -1,6 +1,6 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 export interface ColumnPointsFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     fieldValue: string;
     fieldUnit: string;
 }

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

@@ -1,6 +1,6 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 export interface ColumnUncertaintyFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     fieldValue: string;
     fieldUnit: string;
     fieldSymbol: string;

package/components/ObjectLogs/{index.af1c3382.js → index.0da69eed.js}

@@ -2,7 +2,7 @@ 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.8494575f.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.e676b096.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";

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

@@ -1,13 +1,14 @@
 import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/core";
-import React__default, { useMemo } from "react";
+import { useMemo } from "react";
 import { I as Icon } from "../../Icon/index.619fa9ad.js";
+import { F as FragmentJSXComponent } from "../index.29626867.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
 function BooleanFormatter(props) {
   const {
     presentationType,
     value,
-    Component = React__default.Fragment
+    Component = FragmentJSXComponent
   } = props;
   const {
     getLabel
@@ -43,7 +44,7 @@ function columnBooleanFormatter(props) {
   const {
     fieldValue,
     presentationType,
-    Component = React__default.Fragment
+    Component
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(BooleanFormatter, {

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

@@ -1,7 +1,7 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 export declare type PresentationType = 'string_yes_no' | 'string_true_false' | 'check';
 export interface BooleanFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     presentationType: PresentationType;
     value?: boolean;
 }

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

@@ -1,15 +1,16 @@
-import React__default from "react";
 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.29626867.js";
 function DateFormatter(props) {
   const {
     presentationType,
     value,
     format,
-    Component = React__default.Fragment
+    Component = FragmentJSXComponent
   } = props;
   const {
     dateFormatter
@@ -51,7 +52,7 @@ function columnDateFormatter(props) {
   const {
     fieldValue,
     presentationType,
-    Component = React__default.Fragment
+    Component
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(DateFormatter, {

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

@@ -1,8 +1,8 @@
+/// <reference types="react" />
 import { Maybe } from '@m4l/core';
-import { ComponentType } from 'react';
 export declare type PresentationType = 'date' | 'datetime' | 'time';
 export interface DateFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     presentationType: PresentationType;
     format?: string;
     value: Maybe<Date | string | number>;

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

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

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

@@ -1,7 +1,7 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 export declare type CalibrationPoint = number | null;
 export interface PointsFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     obProps: any;
     fieldUnit: string;
     fieldValue: string;

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

@@ -1,5 +1,5 @@
-import { ComponentForrmaterType } from '../types';
+/// <reference types="react" />
 export interface PriceFormatterProps {
-    Component?: ComponentForrmaterType;
+    Component?: React.ElementType;
     value?: number;
 }

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

@@ -1,4 +1,4 @@
-import { ComponentType } from 'react';
+/// <reference types="react" />
 export interface UncertaintyRange {
     cmc_min_closed: boolean;
     cmc_min: number;
@@ -7,7 +7,7 @@ export interface UncertaintyRange {
     cmc_uncertainty: number;
 }
 export interface UncertaintyFormatterProps {
-    Component?: ComponentType;
+    Component?: React.ElementType;
     obProps: any;
     fieldValue: string;
     fieldSymbol: string;

package/components/formatters/{index.a0309e3a.js → index.29626867.js}

@@ -1,15 +1,23 @@
-import React__default from "react";
-import { jsx } from "react/jsx-runtime";
+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)) {
+  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) => {
@@ -25,7 +33,7 @@ function UncertaintyFormatter(props) {
     fieldValue,
     fieldSymbol,
     fieldUnit,
-    Component = React__default.Fragment
+    Component = FragmentJSXComponent
   } = props;
   return /* @__PURE__ */ jsx(Component, {
     children: getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit)
@@ -50,7 +58,7 @@ function PointsFormatter(props) {
     obProps,
     fieldValue,
     fieldUnit,
-    Component = React__default.Fragment
+    Component = FragmentJSXComponent
   } = props;
   return /* @__PURE__ */ jsx(Component, {
     children: getFormatPoints(obProps, fieldValue, fieldUnit)
@@ -59,7 +67,7 @@ function PointsFormatter(props) {
 function PriceFormatter(props) {
   const {
     value,
-    Component = React__default.Fragment
+    Component = FragmentJSXComponent
   } = props;
   return /* @__PURE__ */ jsx(Component, {
     children: `${value}$Cop`
@@ -95,7 +103,7 @@ function columnPointsFormatter(props) {
 function columnNestedValueFormatter(props) {
   const {
     fieldValue,
-    Component = React__default.Fragment
+    Component = FragmentJSXComponent
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(Component, {
@@ -104,6 +112,7 @@ function columnNestedValueFormatter(props) {
   };
 }
 export {
+  FragmentJSXComponent as F,
   PointsFormatter as P,
   UncertaintyFormatter as U,
   getFormatPoints as a,

package/index.js

@@ -47,7 +47,7 @@ import "./react-draggable.a09b624f.js";
 import { M as M3, d as d3, g as g7 } from "./components/ModalDialog/index.81b8e093.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.af1c3382.js";
+import { O, d as d5, g as g9 } from "./components/ObjectLogs/index.0da69eed.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,9 +70,9 @@ 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.81f4ea70.js";
-import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.8494575f.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.a0309e3a.js";
+import { B as B4, c } from "./components/formatters/BooleanFormatter/index.90c29656.js";
+import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.e676b096.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.29626867.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";

package/package.json

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