@m4l/components 0.0.37 → 0.0.40

package/dist/components/Icon/index.js

@@ -6,6 +6,7 @@ const MaskIcon = styled("div", {
 })((props) => ({
   WebkitMask: `url(${props.src}) no-repeat`,
   mask: `url(${props.src}) no-repeat`,
+  maskPosition: "center",
   width: props.width === void 0 ? "20px" : props.width,
   height: props.height === void 0 ? "20px" : props.height,
   backgroundColor: props.bgColor

package/dist/components/Image/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { Props } from './types';
-export declare function Image({ ratio, sx, isSekeleton, width, height, src, ...other }: Props): JSX.Element;
+export declare function Image({ ratio, sx, isSkeleton, width, height, src, ...other }: Props): JSX.Element;
 export default Image;

package/dist/components/Image/index.js

@@ -48,15 +48,15 @@ const WrapperLazyLoadImage = styled("div")(({
 function Image({
   ratio,
   sx,
-  isSekeleton = false,
-  width,
-  height,
+  isSkeleton = false,
+  width = "100%",
+  height = "100%",
   src,
   ...other
 }) {
   const theme = useTheme();
   const themeMode = theme.palette.mode;
-  if (isSekeleton) {
+  if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTWrapperImage, {
       width,
       children: /* @__PURE__ */ jsx(Skeleton, {

package/dist/components/Image/types.d.ts

@@ -6,7 +6,7 @@ export declare type IProps = BoxProps & LazyLoadImageProps;
 export interface Props extends IProps {
     sx?: SxProps<Theme>;
     ratio?: ImageRato;
-    isSekeleton?: boolean;
+    isSkeleton?: boolean;
     width?: string;
     height?: string;
 }

package/dist/components/ModalDialog/index.js

@@ -19,13 +19,13 @@ const Container = styled("div")(({ theme }) => ({
 }));
 const Header$1 = styled("div")(({ theme }) => ({
   display: "flex",
-  flexDirection: "row",
   alignItems: "center",
-  height: theme.spacing(5),
+  justifyContent: "space-between",
+  minHeight: theme.spacing(5),
   borderBottom: `1px solid ${theme.palette.divider}`,
   overflow: "hidden"
 }));
-const IconTitleContainer = styled("div")(({ theme }) => ({
+styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   flexGrow: 1,
@@ -45,11 +45,16 @@ const IconHeader = styled("div")(({ theme, variant }) => ({
 }));
 const Content = styled("div")(() => ({
   flexGrow: 1,
-  position: "relative"
+  position: "relative",
+  overflow: "auto"
 }));
 const ModalTitle = styled("div")(({ theme, variant }) => ({
   ...theme.typography.subtitle1,
-  color: getThemeVariantColor(theme, variant)
+  color: getThemeVariantColor(theme, variant),
+  width: "100%",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  overflow: "hidden"
 }));
 const Header = (props) => {
   const {
@@ -69,17 +74,15 @@ const Header = (props) => {
   const iconDefault = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/icon_bar_tittle.svg`;
   return /* @__PURE__ */ jsxs(Header$1, {
     id: "Header",
-    children: [/* @__PURE__ */ jsxs(IconTitleContainer, {
-      className: "draggable-dialog-title",
-      children: [/* @__PURE__ */ jsx(IconHeader, {
-        variant,
-        children: !iconComponent ? /* @__PURE__ */ jsx(Icon, {
-          src: variant === "warning" ? iconSrcWarning : variant === "delete" ? iconSrcError : variant === "info" ? iconSrcInfo : iconDefault
-        }) : iconComponent
-      }), /* @__PURE__ */ jsx(ModalTitle, {
-        variant,
-        children: title
-      })]
+    className: "draggable-dialog-title",
+    children: [/* @__PURE__ */ jsx(IconHeader, {
+      variant,
+      children: !iconComponent ? /* @__PURE__ */ jsx(Icon, {
+        src: variant === "warning" ? iconSrcWarning : variant === "delete" ? iconSrcError : variant === "info" ? iconSrcInfo : iconDefault
+      }) : iconComponent
+    }), /* @__PURE__ */ jsx(ModalTitle, {
+      variant,
+      children: title
     }), withClose && /* @__PURE__ */ jsx(IconButton, {
       onClick: onCloseModal,
       "aria-label": "click",

package/dist/components/NoItemSelected/index.d.ts

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

package/dist/components/NoItemSelected/index.js

@@ -1,43 +1,23 @@
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { I as Image } from "../Image/index.js";
+import { Skeleton } from "@mui/material";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 const WrapperNoItemSelected = styled("div")(({
   theme
 }) => ({
   width: "100%",
-  height: "100%",
+  maxWidth: "400px",
+  minWidth: "300px",
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
-  overflow: "auto",
   padding: theme.spacing(3)
 }));
-const Image = styled("span", {
-  shouldForwardProp: (prop) => prop !== "src"
-})(({
-  src,
-  theme
-}) => ({
-  top: 0,
-  height: "100%",
-  width: "100%",
-  maxWidth: "500px",
-  maxHeight: "200px",
-  ".split_horizontal &": {
-    bruces: "sss",
-    minWidth: "150px"
-  },
-  ".split_vertical &": {
-    bruces: "sss",
-    minHeight: "150px"
-  },
-  padding: `0px ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
-  display: "inline-block",
-  backgroundColor: theme.palette.divider,
-  justifyContent: "center",
-  mask: `url(${src}) no-repeat center / contain`,
-  WebkitMask: `url(${src}) no-repeat center / contain`
+const Img = styled(Image)(() => ({
+  display: "flex"
 }));
 const Label = styled("span")(({
   theme
@@ -46,7 +26,18 @@ const Label = styled("span")(({
   padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
   color: theme.palette.text.primary
 }));
-function NoItemSelected() {
+const WrapperSKTNoItemSelected = styled("div")(() => ({
+  display: "flex",
+  width: "100%",
+  minWidth: "100%",
+  minHeight: "230px",
+  mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
+  WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`
+}));
+function NoItemSelected(props) {
+  const {
+    isSkeleton
+  } = props;
   const {
     host_static_assets,
     environment_assets
@@ -54,11 +45,28 @@ function NoItemSelected() {
   const {
     getLabel
   } = useModuleDictionary();
-  const src = `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  const src = useMemo(() => {
+    return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  }, []);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(WrapperNoItemSelected, {
+      id: "WrapperNoItemSelected",
+      children: /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, {
+        id: "WrapperSKTNoItemSelected",
+        children: /* @__PURE__ */ jsx(Skeleton, {
+          variant: "rectangular",
+          width: "100%",
+          height: "100%"
+        })
+      })
+    });
+  }
   return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
-    id: "Wrapper",
-    children: [/* @__PURE__ */ jsx(Image, {
-      src
+    id: "WrapperNoItemSelected",
+    children: [/* @__PURE__ */ jsx(Img, {
+      src,
+      width: "100%",
+      height: "100%"
     }), /* @__PURE__ */ jsx(Label, {
       children: getLabel("no_item_selected.message")
     })]

package/dist/components/NoItemSelected/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ImageProps } from './types';
 export declare const WrapperNoItemSelected: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ImageProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Img: import("@emotion/styled").StyledComponent<import("../Image/types").Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const WrapperSKTNoItemSelected: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/NoItemSelected/types.d.ts

@@ -1,5 +1,10 @@
+import { Props } from '../Image/types';
 export interface NoItemSelectedProps {
+    isSkeleton: boolean;
 }
-export interface ImageProps extends NoItemSelectedProps {
+export interface WrapperSKTNoItemSelectedProps {
+    src: string;
+}
+export interface ImageProps extends Props {
     src: string;
 }

package/dist/components/ObjectLogs/index.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 } from "../DataGrid/index.js";
-import { D as DateFormatter } from "../DataGrid/formatters/DateFormatter/index.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { R as ReactJson } from "../../react-json-view.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -79,6 +79,10 @@ function DetailDialog(props) {
   return /* @__PURE__ */ jsx(Container, {
     id: "objectLogsDetail",
     children: /* @__PURE__ */ jsx(ReactJson, {
+      name: null,
+      sortKeys: true,
+      displayDataTypes: false,
+      quotesOnKeys: false,
       src: detail
     })
   });
@@ -102,8 +106,8 @@ function DetailFormatter(props) {
     openModal({
       onQueryClose: () => closeModal(),
       title: getLabel("object_logs.modal_detail_title"),
-      iconComponent: /* @__PURE__ */ jsx("div", {
-        children: "Sin icono"
+      iconComponent: /* @__PURE__ */ jsx(Icon, {
+        src: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/search.svg`
       }),
       contentComponent: /* @__PURE__ */ jsx(DetailDialog, {
         log_id
@@ -125,7 +129,6 @@ function ObjectLogs(props) {
   const {
     getLabel
   } = useModuleDictionary();
-  useEnvironment();
   const {
     resource_id,
     object_id
@@ -136,7 +139,7 @@ function ObjectLogs(props) {
   });
   const dateFormatterCreatedAt = useCallback((rowProps) => /* @__PURE__ */ jsx(DateFormatter, {
     presentationType: "datetime",
-    dateTime: rowProps.row.created_at
+    value: rowProps.row.created_at
   }), []);
   const DetailRowFormatter = useCallback((rowProps) => /* @__PURE__ */ jsx(DetailFormatter, {
     log_id: rowProps.row.id
@@ -184,13 +187,12 @@ function ObjectLogs(props) {
   useEffect(() => {
     clearRows();
   }, [object_id]);
-  const onChangeFilter = (filters, rawFilters) => {
+  const onChangeFilter = (_initFilters, rawFilters) => {
     setQueryParams({
       resource_id,
       object_id,
       f: rawFilters
     });
-    console.log("filter was change*****", JSON.stringify(rawFilters));
   };
   return /* @__PURE__ */ jsxs(Container$1, {
     children: [/* @__PURE__ */ jsx(Actions, {
@@ -204,14 +206,14 @@ function ObjectLogs(props) {
           label: getLabel("object_logs.date"),
           type: "datetime",
           multiple: false,
-          fixed: true,
+          presence: "optional",
           urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
         }, {
           name: "user_logs.log_detail",
           label: getLabel("object_logs.log_detail"),
           type: "string",
           multiple: false,
-          fixed: false,
+          presence: "optional",
           urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
         }],
         initialFilters: []

package/dist/components/SplitLayout/index.js

@@ -95,6 +95,8 @@ const SplitMaster = styled("div")(() => ({
 const SplitDetail = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
   overflow: "hidden",
   position: "absolute",
   left: "0px",
@@ -121,7 +123,7 @@ function SplitLayout(props) {
         id: "splitMaster",
         children: typeof firstPart === "function" ? firstPart() : firstPart
       }), splitPosition !== "none" && /* @__PURE__ */ jsx(SplitDetail, {
-        id: "detail",
+        id: "detail2",
         children: typeof secondPart === "function" ? secondPart() : secondPart
       })]
     })

package/dist/components/formatters/BooleanFormatter/index.js

@@ -0,0 +1,32 @@
+import require$$0 from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { Checkbox } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+function BooleanFormatter(props) {
+  const {
+    presentationType,
+    value,
+    Component = require$$0.Fragment
+  } = props;
+  const {
+    getLabel
+  } = useModuleDictionary();
+  if (presentationType === "string_yes_no") {
+    return /* @__PURE__ */ jsx(Component, {
+      children: value ? getLabel("formatters.boolean_yes") : getLabel("formatters.boolean_no")
+    });
+  }
+  if (presentationType === "string_true_false") {
+    return /* @__PURE__ */ jsx(Component, {
+      children: value ? getLabel("formatters.boolean_true") : getLabel("formatters.boolean_false")
+    });
+  }
+  return /* @__PURE__ */ jsx(Checkbox, {
+    checked: value !== void 0 ? value : false,
+    size: "small",
+    readOnly: true,
+    disableFocusRipple: true,
+    disableRipple: true
+  });
+}
+export { BooleanFormatter as B };

package/dist/components/{DataGrid/formatters → formatters}/BooleanFormatter/types.d.ts

@@ -1,5 +1,7 @@
+import { ComponentForrmaterType } from '../types';
 export declare type PresentationType = 'string_yes_no' | 'string_true_false' | 'check';
 export interface BooleanFormatterProps {
+    Component?: ComponentForrmaterType;
     presentationType: PresentationType;
     value: boolean;
 }

package/dist/components/formatters/DateFormatter/index.js

@@ -0,0 +1,55 @@
+import { useEnvironment } from "@m4l/core";
+import { format } from "date-fns";
+import require$$0 from "react";
+import { jsx } from "react/jsx-runtime";
+function DateFormatter(props) {
+  const {
+    presentationType,
+    value,
+    format: format$1,
+    Component = require$$0.Fragment
+  } = props;
+  const {
+    dfnsFormat
+  } = useEnvironment();
+  let finalFormat = format$1 || dfnsFormat.datetime_format;
+  let result;
+  let resultDate;
+  switch (presentationType) {
+    case "datetime":
+      finalFormat = format$1 || dfnsFormat.datetime_format;
+      break;
+    case "date":
+      finalFormat = format$1 || dfnsFormat.date_format;
+      break;
+    case "time":
+      finalFormat = format$1 || dfnsFormat.time_format;
+      break;
+  }
+  try {
+    if (typeof value === "number" || typeof value === "string") {
+      resultDate = new Date(value);
+    } else {
+      resultDate = value;
+    }
+    result = format(resultDate, finalFormat);
+  } catch (e) {
+    result = "err_typing";
+  }
+  switch (Component) {
+    case "div":
+      return /* @__PURE__ */ jsx("div", {
+        className: "DateFormatter",
+        children: result
+      });
+    case "span":
+      return /* @__PURE__ */ jsx("span", {
+        className: "DateFormatter",
+        children: result
+      });
+  }
+  return /* @__PURE__ */ jsx(Component, {
+    children: result
+  });
+}
+export { DateFormatter as D };

package/dist/components/{DataGrid/formatters → formatters}/DateFormatter/types.d.ts

@@ -1,6 +1,8 @@
+import { ComponentForrmaterType } from '../types';
 export declare type PresentationType = 'date' | 'datetime' | 'time';
 export interface DateFormatterProps {
+    Component?: ComponentForrmaterType;
     presentationType: PresentationType;
-    formatDate?: string;
-    dateTime: Date | string | number;
+    format?: string;
+    value: Date | string | number;
 }

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare type ComponentForrmaterType = 'div' | 'span' | ((props: PropsWithChildren<any>) => JSX.Element);

package/dist/components/index.d.ts

@@ -2,8 +2,8 @@ export * from '../components/animate';
 export * from '../components/hook-form';
 export * from '../components/mui_extended';
 export * from '../components/CompanyLogo';
+export * from './formatters';
 export { DataGrid } from '../components/DataGrid';
-export { DateFormatter, BooleanFormatter } from '../components/DataGrid/formatters';
 export type { Column } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
 export { getGridComponentsDictionary } from '../components/DataGrid/dictionary';

package/dist/components/mui_extended/IconButton/index.js

@@ -74,15 +74,16 @@ function IconButton({
     console.log("IconButton", size, other, src);
     return /* @__PURE__ */ jsx(Icon, {
       src,
-      bgColor
+      bgColor: other.disabled ? "disabled" : bgColor
     });
-  }, [src, bgColor]);
+  }, [src, bgColor, other.disabled]);
   const finalTooltip = useMemo(() => {
     if (dictionaryTooltip && getLabel) {
       return getLabel(dictionaryTooltip);
     }
     return tooltip;
   }, [dictionaryTooltip, tooltip, getLabel]);
+  console.log("icon button test validation disabled", other.disabled ? "disabled" : bgColor);
   if (finalTooltip && !other.disabled) {
     return /* @__PURE__ */ jsx(Tooltip, {
       title: finalTooltip,

package/dist/components/mui_extended/Pager/index.js

@@ -38,9 +38,12 @@ function PagerActions(props) {
   const handleLastPageButtonClick = (event) => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
+  console.log("validaci\xF3n pager action 1", page === 0);
+  console.log("validaci\xF3n pager action 2", page >= Math.ceil(count / rowsPerPage) - 1);
   return /* @__PURE__ */ jsxs(WrapperPagerActions, {
     id: "WrapperPagerActions",
     children: [/* @__PURE__ */ jsx(IconButton, {
+      id: "test_bruce",
       dictionaryTooltip: "pager.first",
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,

package/dist/index.js

@@ -26,9 +26,9 @@ export { P as Pager, g as getPagerComponentsDictionary } from "./components/mui_
 export { T as Tab } from "./components/mui_extended/Tab/index.js";
 export { T as Typography } from "./components/mui_extended/Typography/index.js";
 export { C as CompanyLogo } from "./components/CompanyLogo/index.js";
+export { B as BooleanFormatter } from "./components/formatters/BooleanFormatter/index.js";
+export { D as DateFormatter } from "./components/formatters/DateFormatter/index.js";
 export { D as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
-export { B as BooleanFormatter } from "./components/DataGrid/formatters/BooleanFormatter/index.js";
-export { D as DateFormatter } from "./components/DataGrid/formatters/DateFormatter/index.js";
 export { D as DynamicFilter } from "./components/DynamicFilter/index.js";
 export { F as FormActions, d as defaultActionsDictionary, g as getActionnsComponentsDictionary } from "./components/FormActions/index.js";
 export { I as Icon } from "./components/Icon/index.js";
@@ -62,17 +62,17 @@ import "./commonjs.js";
 import "react-dom";
 import "clsx";
 import "./react-lazy-load-image-component.js";
+import "date-fns";
 import "@m4l/graphics";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "date-fns";
 import "./simplebar.js";
 import "./core-js.js";
 import "./juggle.js";
 import "./can-use-dom.js";
-import "yup";
 import "./react-draggable.js";
 import "./react-json-view.js";
 import "./react-splitter-layout.js";
 import "./react-data-grid.js";
+import "yup";
 import "./react-resizable.js";

package/dist/vendor.js

@@ -25,16 +25,15 @@ import "./components/mui_extended/MenuPopover/index.js";
 import "./components/mui_extended/MenuActions/index.js";
 import "./components/mui_extended/Pager/index.js";
 import "./components/mui_extended/Tab/index.js";
+import "date-fns";
 import "@m4l/graphics";
 import "./components/CompanyLogo/index.js";
 import "./components/DataGrid/index.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "date-fns";
 import "./components/ScrollBar/index.js";
 import "./components/DynamicFilter/index.js";
 import "./simplebar.js";
-import "yup";
 import "./components/FormActions/index.js";
 import "./react-draggable.js";
 import "./components/ModalDialog/index.js";
@@ -60,8 +59,8 @@ import "./components/mui_extended/BoxIcon/index.js";
 import "./components/mui_extended/Breadcrumbs/index.js";
 import "./components/mui_extended/LinkWithRoute/index.js";
 import "./components/mui_extended/Typography/index.js";
-import "./components/DataGrid/formatters/BooleanFormatter/index.js";
-import "./components/DataGrid/formatters/DateFormatter/index.js";
+import "./components/formatters/BooleanFormatter/index.js";
+import "./components/formatters/DateFormatter/index.js";
 import "./components/LanguagePopover/index.js";
 import "./components/Loadable/index.js";
 import "./hooks/useModal/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.37",
+  "version": "0.0.40",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,7 +14,7 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "@m4l/graphics": "^0.0.28",
+    "@m4l/graphics": "^0.0.30",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0",
     "react-draggable": "^4.4.5"

package/dist/components/DataGrid/formatters/BooleanFormatter/index.js

@@ -1,26 +0,0 @@
-import { Checkbox } from "@mui/material";
-import { jsx, Fragment } from "react/jsx-runtime";
-function BooleanFormatter(props) {
-  const {
-    presentationType,
-    value
-  } = props;
-  if (presentationType === "string_yes_no") {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: value ? "Yes" : "No"
-    });
-  }
-  if (presentationType === "string_true_false") {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: value ? "True" : "False"
-    });
-  }
-  return /* @__PURE__ */ jsx(Checkbox, {
-    checked: value !== void 0 ? value : false,
-    size: "small",
-    readOnly: true,
-    disableFocusRipple: true,
-    disableRipple: true
-  });
-}
-export { BooleanFormatter as B };

package/dist/components/DataGrid/formatters/DateFormatter/index.js

@@ -1,33 +0,0 @@
-import { format } from "date-fns";
-import { jsx, Fragment } from "react/jsx-runtime";
-function DateFormatter(props) {
-  const {
-    presentationType,
-    dateTime,
-    formatDate
-  } = props;
-  let finalFormat = formatDate || "yyyy-MM-dd HH:mm:ss";
-  let result;
-  let resultDate;
-  if (presentationType === "date") {
-    finalFormat = formatDate || "yyyy-MM-dd";
-  } else if (presentationType === "time") {
-    finalFormat = formatDate || "HH:mm:ss";
-  }
-  try {
-    if (typeof dateTime === "number") {
-      resultDate = new Date(dateTime);
-    } else if (typeof dateTime === "string") {
-      resultDate = new Date(Date.parse(dateTime));
-    } else {
-      resultDate = dateTime;
-    }
-    result = format(resultDate, finalFormat);
-  } catch (e) {
-    result = "err_typing";
-  }
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: result
-  });
-}
-export { DateFormatter as D };