@m4l/components 0.0.37 → 0.0.38

package/dist/components/DataGrid/index.js

@@ -11,7 +11,6 @@ import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDiction
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "date-fns";
 import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.js";
 const WrapperGrid$1 = styled("div")(() => ({
   display: "flex",

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
     })
   });
@@ -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,7 +193,7 @@ 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, {

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/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.37",
+  "version": "0.0.38",
   "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 };