@m4l/components 0.0.35 → 0.0.38

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

@@ -1,10 +1,12 @@
 import { Maybe } from '@m4l/core';
 export declare type FieldType = 'number' | 'string' | 'boolean' | 'date' | 'datetime' | 'time' | 'select' | 'in';
 export declare type OperandType = number | string | boolean | Date | [] | object;
-export declare type Operator = 'e' | 'ne' | 'b' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc';
+export declare type Operator = 'b' | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'c' | 'nc';
 export declare const OPERATORS: Array<Operator>;
 export declare type StringOperator = 'c' | 'nc';
 export declare const STRING_OPERATORS: Array<StringOperator>;
+export declare type NumberOperator = 'b' | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
+export declare const NUMBER_OPERATORS: Array<NumberOperator>;
 export declare type BooleanOperator = 'e' | 'ne';
 export declare const BOOLEAN_OPERATORS: Array<BooleanOperator>;
 export declare type DateTimeOperator = 'b' | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
@@ -32,7 +34,7 @@ export interface BaseApplyFilter {
 export interface ValuesFilter {
     operator: Operator;
     labelOperator: string;
-    labelOperands: string;
+    labelOperands: string | number;
     operand1?: Maybe<OperandType>;
     operand2?: Maybe<OperandType>;
 }

package/dist/components/Icon/index.js

@@ -1,4 +1,4 @@
-import { styled } from "@mui/material";
+import { styled, useTheme } from "@mui/material";
 import { useState, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 const MaskIcon = styled("div", {
@@ -8,7 +8,7 @@ const MaskIcon = styled("div", {
   mask: `url(${props.src}) no-repeat`,
   width: props.width === void 0 ? "20px" : props.width,
   height: props.height === void 0 ? "20px" : props.height,
-  backgroundColor: props.bgColor === "active" ? props.theme.palette.action.active : props.bgColor === "selected" ? props.theme.palette.primary.main : props.bgColor === "info" ? props.theme.palette.info.main : props.bgColor === "warning" ? props.theme.palette.warning.main : props.bgColor === "error" ? props.theme.palette.warning.main : props.bgColor === "selected" ? props.theme.palette.primary.main : props.bgColor
+  backgroundColor: props.bgColor
 }));
 const WrapperPlaceHolder = styled("div", {
   shouldForwardProp: (props) => props !== "widht" && props !== "height"
@@ -20,13 +20,35 @@ const WrapperPlaceHolder = styled("div", {
   height: props.height
 }));
 function Icon(props) {
-  const [resource, setResource] = useState(void 0);
   const {
     src,
     width = "16px",
     height = "16px",
     bgColor = "active"
   } = props;
+  const [resource, setResource] = useState(void 0);
+  const theme = useTheme();
+  const getBgColor = () => {
+    if (bgColor === "active") {
+      return theme.palette.action.active;
+    }
+    if (bgColor === "selected") {
+      return theme.palette.primary.main;
+    }
+    if (bgColor === "info") {
+      return theme.palette.info.main;
+    }
+    if (bgColor === "warning") {
+      return theme.palette.warning.main;
+    }
+    if (bgColor === "error") {
+      return theme.palette.error.main;
+    }
+    if (bgColor === "disabled") {
+      return theme.palette.action.disabled;
+    }
+    return bgColor;
+  };
   useEffect(() => {
     let mounted = true;
     if (resource)
@@ -34,9 +56,10 @@ function Icon(props) {
     (async function networkOperation() {
       await fetch(src).then((response) => {
         if (mounted) {
+          console.log("Icon***", response.body);
           setResource(response.url);
         }
-      }).catch((err) => {
+      }).catch((_err) => {
       });
     })();
     return function clenUp() {
@@ -50,10 +73,10 @@ function Icon(props) {
     width,
     height,
     children: resource ? /* @__PURE__ */ jsx(MaskIcon, {
-      src,
+      src: resource,
       width,
       height,
-      bgColor
+      bgColor: getBgColor()
     }) : /* @__PURE__ */ jsx("img", {
       src: placeHolder,
       alt: "icon_svg"

package/dist/components/ModalDialog/index.js

@@ -54,7 +54,7 @@ const ModalTitle = styled("div")(({ theme, variant }) => ({
 const Header = (props) => {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     variant,
@@ -63,10 +63,10 @@ const Header = (props) => {
     withClose,
     onCloseModal
   } = props;
-  const iconSrcWarning = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/warning.svg`;
-  const iconSrcError = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/error.svg`;
-  const iconSrcInfo = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/info.svg`;
-  const iconDefault = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/icon_bar_tittle.svg`;
+  const iconSrcWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/warning.svg`;
+  const iconSrcError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/error.svg`;
+  const iconSrcInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/info.svg`;
+  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, {
@@ -84,7 +84,7 @@ const Header = (props) => {
       onClick: onCloseModal,
       "aria-label": "click",
       children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/close.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`
       })
     })]
   });

package/dist/components/NoItemSelected/index.js

@@ -19,7 +19,6 @@ const Image = styled("span", {
   src,
   theme
 }) => ({
-  zIndex: 9,
   top: 0,
   height: "100%",
   width: "100%",
@@ -50,12 +49,12 @@ const Label = styled("span")(({
 function NoItemSelected() {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     getLabel
   } = useModuleDictionary();
-  const src = `${host_static_assets}/${environment}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  const src = `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
   return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
     id: "Wrapper",
     children: [/* @__PURE__ */ jsx(Image, {

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
     })
   });
@@ -96,7 +100,7 @@ function DetailFormatter(props) {
   } = useModuleDictionary();
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const onClickDetail = () => {
     openModal({
@@ -116,7 +120,7 @@ function DetailFormatter(props) {
       onClick: onClickDetail,
       "aria-label": "filter",
       children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment}/frontend/components/object_logs/assets/icons/search.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/search.svg`
       })
     })
   });
@@ -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
@@ -190,13 +193,13 @@ function ObjectLogs(props) {
       object_id,
       f: rawFilters
     });
-    console.log("filter was change*****", JSON.stringify(rawFilters));
+    console.log("filter was change*****", resource_id, object_id, JSON.stringify(rawFilters));
   };
   return /* @__PURE__ */ jsxs(Container$1, {
     children: [/* @__PURE__ */ jsx(Actions, {
       id: "objectLogsActions",
       children: /* @__PURE__ */ jsx(DynamicFilter, {
-        withAllField: false,
+        withAllField: true,
         onChangeFilter,
         automatic: false,
         fields: [{
@@ -206,6 +209,13 @@ function ObjectLogs(props) {
           multiple: false,
           fixed: true,
           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,
+          urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
         }],
         initialFilters: []
       })

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/hook-form/RHFDateTime.js

@@ -2,6 +2,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, TextField } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { DateTimePicker } from "@mui/x-date-pickers";
+import { useEnvironment } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
@@ -27,6 +28,12 @@ function RHFDateTime(props) {
   const {
     control
   } = useFormContext();
+  const {
+    dfnsFormat: {
+      datetime_format,
+      datetime_mask
+    }
+  } = useEnvironment();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTRHFWrapperTextField, {
       children: /* @__PURE__ */ jsx(Skeleton, {
@@ -47,8 +54,8 @@ function RHFDateTime(props) {
     }) => {
       return /* @__PURE__ */ jsx(DateTimePicker, {
         ampm: false,
-        inputFormat: "yyyy-MM-dd HH:mm:ss",
-        mask: "____-__-__ __:__:__",
+        inputFormat: datetime_format,
+        mask: datetime_mask,
         label: "",
         value: field.value,
         onChange: (value) => {

package/dist/components/hook-form/RHFUpload.js

@@ -133,7 +133,7 @@ function UploadImage({
   });
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     getLabel
@@ -183,7 +183,7 @@ function UploadImage({
             className: "ContainerUploadBody",
             children: [/* @__PURE__ */ jsx(WrapperImage, {
               children: /* @__PURE__ */ jsx(Image, {
-                src: `${host_static_assets}/${environment}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
+                src: `${host_static_assets}/${environment_assets}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
                 effect: "opacity",
                 width: "100%",
                 height: "auto",

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/Accordion/index.js

@@ -5,7 +5,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 function Accordion(props) {
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     label,
@@ -29,7 +29,7 @@ function Accordion(props) {
       disableTouchRipple: false,
       expandIcon: /* @__PURE__ */ jsx(IconButton, {
         "aria-label": "settings",
-        src: `${host_static_assets}/${environment}/frontend/components/accordion/assets/icons/expanded.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/accordion/assets/icons/expanded.svg`
       }),
       ...summaryProps,
       children: isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {

package/dist/components/mui_extended/IconButton/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 import { IconButtonProps } from './types';
-export declare function IconButton({ src, tooltip, size, dictionaryTooltip, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;
+export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;
 export default IconButton;

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

@@ -64,6 +64,7 @@ function IconButton({
   tooltip,
   size = "small",
   dictionaryTooltip,
+  bgColor = "active",
   ...other
 }) {
   const {
@@ -72,9 +73,10 @@ function IconButton({
   const iconMemo = useMemo(() => {
     console.log("IconButton", size, other, src);
     return /* @__PURE__ */ jsx(Icon, {
-      src
+      src,
+      bgColor
     });
-  }, [src]);
+  }, [src, bgColor]);
   const finalTooltip = useMemo(() => {
     if (dictionaryTooltip && getLabel) {
       return getLabel(dictionaryTooltip);

package/dist/components/mui_extended/IconButton/types.d.ts

@@ -1,4 +1,5 @@
-export interface IconButtonProps {
+import { OwnProps } from '../../Icon/types';
+export interface IconButtonProps extends Pick<OwnProps, 'bgColor'> {
     src: string;
     tooltip?: string;
     dictionaryTooltip?: string;

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

@@ -30,7 +30,7 @@ function MenuActions(props) {
   } = props;
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const {
     getLabel
@@ -42,8 +42,8 @@ function MenuActions(props) {
   const urlFinalIcon = useMemo(() => {
     if (urlIcon)
       return urlIcon;
-    return `${host_static_assets}/${environment}/frontend/commons/assets/icons/more_vertical.svg`;
-  }, [urlIcon, host_static_assets, environment]);
+    return `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/more_vertical.svg`;
+  }, [urlIcon, host_static_assets, environment_assets]);
   const handleClose = () => {
     setOpen(null);
   };

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

@@ -24,7 +24,7 @@ function PagerActions(props) {
   } = props;
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
   const handleFirstPageButtonClick = (event) => {
     onPageChange(event, 0);
@@ -45,25 +45,25 @@ function PagerActions(props) {
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/first.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltip: "pager.previous",
       onClick: handleBackButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/previous.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltip: "pager.next",
       onClick: handleNextButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "next page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/next.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
       dictionaryTooltip: "pager.last",
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "last page",
-      src: `${host_static_assets}/${environment}/frontend/components/pager/assets/icons/last.svg`
+      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
     })]
   });
 }

package/dist/contexts/ModalContext/index.js

@@ -47,11 +47,11 @@ const ContentConfirm = (props) => {
   } = props;
   const {
     host_static_assets,
-    environment
+    environment_assets
   } = useEnvironment();
-  const illustrationWarning = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`;
-  const illustrationError = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`;
-  const illustrationInfo = `${host_static_assets}/${environment}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
+  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`;
+  const illustrationError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`;
+  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
   return /* @__PURE__ */ jsx(WrapperContentConfirm, {
     children: /* @__PURE__ */ jsxs(ModalContent, {
       children: [/* @__PURE__ */ jsx(IllustrationContainer, {

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,10 +62,10 @@ 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";

package/dist/vendor.js

@@ -25,12 +25,12 @@ 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";
@@ -60,8 +60,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.35",
+  "version": "0.0.38",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,14 +14,13 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
+    "@m4l/graphics": "^0.0.30",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0",
     "react-draggable": "^4.4.5"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.32",
-    "@m4l/graphics": "^0.0.24",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -42,8 +41,6 @@
   "devDependencies": {
     "@emotion/styled": "^11.9.3",
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.32",
-    "@m4l/graphics": "^0.0.24",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",