@m4l/components 0.0.49 → 0.0.52

package/dist/components/CommonActions/components/ActionFormCancel/index.js

@@ -29,13 +29,6 @@ function ActionFormCancel(props) {
   } = useFormState({
     control
   });
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    });
-  }
   const onConfirmCancel = () => {
     navigate(to, navigateOptions);
   };
@@ -43,14 +36,21 @@ function ActionFormCancel(props) {
     if (isDirty) {
       openModalConfirm({
         variant: "warning",
-        title: getLabel("form_provider.confirm_quit_title"),
-        msg: getLabel("form_provider.confirm_quit_msg"),
+        title: getLabel("common_actions.confirm_quit_title"),
+        msg: getLabel("common_actions.confirm_quit_msg"),
         onClickIntro: onConfirmCancel
       });
     } else {
       onConfirmCancel();
     }
   }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
   return /* @__PURE__ */ jsx(Button, {
     variant: "outlined",
     color: "inherit",

package/dist/components/CommonActions/components/Actions/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { StandardActionsProps } from './types';
-export declare const Actions: (props: StandardActionsProps) => JSX.Element;
+import type { CommonActionsProps } from './types';
+export declare const Actions: (props: CommonActionsProps) => JSX.Element;

package/dist/components/CommonActions/components/Actions/index.js

@@ -839,19 +839,22 @@ function Actions(props) {
     children: [withRowsCount && isDesktop && /* @__PURE__ */ jsx(RowsCount, {}), withPager && pagerOptions && /* @__PURE__ */ jsx(Pager, {
       ...pagerOptions,
       totalRecords: pagerOptions.totalRecords,
-      isSkeleton
+      isSkeleton,
+      isDesktop
     }), typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withLocalFilters && /* @__PURE__ */ jsx(Filter, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
       ...settingsProps
     })]
   });
 }
-function getStandardActionsDictionary() {
+function getCommonActionsDictionary() {
   return ["common_actions"];
 }
-const defaultActionsDictionary = {
+const defaultCommonActionsDictionary = {
   common_actions: {
     cancel: "Cancel",
-    intro: "Intro"
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
   }
 };
-export { ActionsColumn as A, LabelMemuItem as L, MenuActions as M, PagerActions as P, Actions as a, Actions$1 as b, defaultActionsDictionary as d, getStandardActionsDictionary as g };
+export { ActionsColumn as A, LabelMemuItem as L, MenuActions as M, PagerActions as P, Actions as a, Actions$1 as b, defaultCommonActionsDictionary as d, getCommonActionsDictionary as g };

package/dist/components/CommonActions/components/Actions/types.d.ts

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
-export interface StandardActionsProps {
+export interface CommonActionsProps {
     children: ReactNode;
 }

package/dist/components/CommonActions/dictionary.d.ts

@@ -1,3 +1,3 @@
 import type { Dictionary } from '@m4l/core';
-export declare function getStandardActionsDictionary(): string[];
-export declare const defaultActionsDictionary: Dictionary;
+export declare function getCommonActionsDictionary(): string[];
+export declare const defaultCommonActionsDictionary: Dictionary;

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

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getDynamicFilterComponentsDictionary(): string[];
+export declare const defaultDynamicFilterDictionary: Dictionary;

package/dist/components/DynamicFilter/index.js

@@ -7,7 +7,7 @@ import { useFormContext, useWatch } from "react-hook-form";
 import { F as FormProvider } from "../hook-form/FormProvider/index.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { R as RHFAutocomplete } from "../../vendor.js";
-import { styled as styled$1, Skeleton, MenuItem, useTheme, Popper, Button } from "@mui/material";
+import { styled as styled$1, Skeleton, MenuItem, useTheme, Popper } from "@mui/material";
 import "../hook-form/RHFAutocompleteAsync/index.js";
 import "../hook-form/RHFCheckbox/index.js";
 import { R as RHFDateTime } from "../hook-form/RHFDateTime.js";
@@ -20,8 +20,14 @@ import "../hook-form/RHFUpload.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { I as Icon } from "../Icon/index.js";
 import "../../simplebar.js";
-import { L as LabelMemuItem } from "../CommonActions/components/Actions/index.js";
+import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.js";
 import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../contexts/ModalContext/index.js";
+import "@mui/lab";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperApplyedFilters = styled("div")(({
   theme
@@ -837,7 +843,7 @@ function BaseProvider(props) {
   const all_fields = useMemo(() => {
     return {
       ...ALL_FIELDS,
-      label: getLabel("filter.all_fields"),
+      label: getLabel("dynamic_filter.all_fields"),
       urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/all_fields.svg`
     };
   }, [getLabel, host_static_assets, environment_assets]);
@@ -1133,6 +1139,7 @@ function ApplyedFilter(props) {
         children: labelOperands
       })]
     }), !fixed && /* @__PURE__ */ jsx(IconButton, {
+      size: "small",
       src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close_filter.svg`,
       onClick: onDelete
     })]
@@ -1428,7 +1435,7 @@ const WrapperPopupEditFilter = styled("div")(({
   backgroundColor: theme.palette.background.default,
   borderRadius: theme.spacing(1)
 }));
-const PopperActionsContainer = styled("div")(({
+styled("div")(({
   theme
 }) => ({
   display: "flex",
@@ -1524,18 +1531,10 @@ const PopupEditFilter = () => {
             })]
           }), /* @__PURE__ */ jsx(PopupEditFilterComponent, {
             filter
-          }), /* @__PURE__ */ jsxs(PopperActionsContainer, {
-            children: [/* @__PURE__ */ jsx(Button, {
-              variant: "outlined",
-              color: "inherit",
-              onClick: onClose,
-              children: getLabel(`dyamic_filter.cancel`)
-            }), /* @__PURE__ */ jsx(Button, {
-              variant: "contained",
-              color: "primary",
-              type: "submit",
-              children: getLabel(`dyamic_filter.intro`)
-            })]
+          }), /* @__PURE__ */ jsxs(Actions, {
+            children: [/* @__PURE__ */ jsx(ActionCancel, {
+              onClick: onClose
+            }), /* @__PURE__ */ jsx(ActionIntro, {})]
           })]
         })
       })
@@ -1606,4 +1605,29 @@ const DynamicFilter = (props) => {
     })
   });
 };
-export { DynamicFilter as D };
+function getDynamicFilterComponentsDictionary() {
+  return ["dynamic_filter"].concat(getCommonActionsDictionary());
+}
+const defaultDynamicFilterDictionary = {
+  dynamic_filter: {
+    filter_tooltip: "Search",
+    operator_b: "between",
+    operator_e: "=",
+    operator_ne: "!=",
+    operator_gt: ">",
+    operator_gte: ">=",
+    operator_lt: "<",
+    operator_lte: "<=",
+    operator_c: "contains",
+    operator_nc: "not contains",
+    all_fields: "all_fields",
+    operand_true: "true",
+    operand_false: "false",
+    error_operator_required: "Operator required",
+    error_operand_required: "Operand required",
+    error_invalid_date: "Invalid date",
+    error_operand_mustbe_number: "Invalid number",
+    error_filters_no_setted: "Filters not yet set"
+  }
+};
+export { DynamicFilter as D, defaultDynamicFilterDictionary as d, getDynamicFilterComponentsDictionary as g };

package/dist/components/ModalDialog/index.js

@@ -8,7 +8,7 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { I as Icon } from "../Icon/index.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { b as Actions, g as getStandardActionsDictionary } from "../CommonActions/components/Actions/index.js";
+import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",
@@ -172,7 +172,7 @@ const ModalDialog = () => {
   });
 };
 function getModalDialogComponentsDictionary() {
-  return ["modal_dialog"].concat(getStandardActionsDictionary());
+  return ["modal_dialog"].concat(getCommonActionsDictionary());
 }
 const defaultModalDialogDictionary = {
   modal_dialog: {}

package/dist/components/ObjectLogs/index.js

@@ -1,14 +1,14 @@
 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 DataGrid, g as getGridComponentsDictionary } from "../DataGrid/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";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { I as Icon } from "../Icon/index.js";
-import { D as DynamicFilter } from "../DynamicFilter/index.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -160,8 +160,8 @@ function ObjectLogs(props) {
     name: getLabel("object_logs.resource_name"),
     type: "text"
   }, {
-    key: "preview",
-    name: getLabel("object_logs.preview"),
+    key: "log_preview",
+    name: getLabel("object_logs.log_preview"),
     type: "text"
   }, {
     key: "Detail",
@@ -208,16 +208,30 @@ function ObjectLogs(props) {
         automatic: false,
         fields: [{
           name: "user_logs.created_at",
-          label: getLabel("object_logs.date"),
+          label: getLabel("object_logs.created_at"),
           type: "datetime",
           multiple: false,
+          presence: "fixed",
+          urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
+        }, {
+          name: "users.email",
+          label: getLabel("object_logs.email"),
+          type: "string",
+          multiple: true,
+          presence: "optional",
+          urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
+        }, {
+          name: "user_logs.log_preview",
+          label: getLabel("object_logs.log_preview"),
+          type: "string",
+          multiple: 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,
+          multiple: true,
           presence: "optional",
           urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/icon/assets/icons/default.svg"
         }],
@@ -250,18 +264,15 @@ function ObjectLogs(props) {
   });
 }
 function getObjectLogsComponentsDictionary() {
-  return ["object_logs"];
+  return ["object_logs"].concat(getGridComponentsDictionary()).concat(getDynamicFilterComponentsDictionary());
 }
 const defaultObjectLogDictionary = {
   object_logs: {
-    start_date: "Start date",
-    end_date: "End date",
-    search: "Search",
-    date_time: "Date time",
-    user: "User",
-    module: "Module",
+    created_at: "Start date",
+    user: "User/email",
+    resource_name: "Resource",
     privilege_name: "Privilege",
-    log_resume: "Log",
+    log_preview: "Log",
     log_detail: "Detail",
     ip: "Ip"
   }

package/dist/components/index.d.ts

@@ -8,6 +8,7 @@ export type { Column } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
 export { getGridComponentsDictionary } from '../components/DataGrid/dictionary';
 export * from '../components/DynamicFilter';
+export * from '../components/DynamicFilter/dictionary';
 export type { FilterFieldApply, RawFilterFieldApply } from '../components/DynamicFilter/types';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';

package/dist/index.js

@@ -20,7 +20,7 @@ export { B as BoxIcon } from "./components/mui_extended/BoxIcon/index.js";
 export { B as Breadcrumbs } from "./components/mui_extended/Breadcrumbs/index.js";
 export { L as LinkWithRoute } from "./components/mui_extended/LinkWithRoute/index.js";
 export { L as LoadingButton } from "./components/mui_extended/LoadingButton/index.js";
-export { b as Actions, M as MenuActions, d as defaultActionsDictionary, g as getStandardActionsDictionary } from "./components/CommonActions/components/Actions/index.js";
+export { b as Actions, M as MenuActions, d as defaultCommonActionsDictionary, g as getCommonActionsDictionary } from "./components/CommonActions/components/Actions/index.js";
 export { M as MenuPopover } from "./components/mui_extended/MenuPopover/index.js";
 export { P as Pager, g as getPagerComponentsDictionary } from "./components/mui_extended/Pager/index.js";
 export { T as Tab } from "./components/mui_extended/Tab/index.js";
@@ -29,7 +29,7 @@ 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 { D as DynamicFilter } from "./components/DynamicFilter/index.js";
+export { D as DynamicFilter, d as defaultDynamicFilterDictionary, g as getDynamicFilterComponentsDictionary } from "./components/DynamicFilter/index.js";
 export { A as ActionCancel } from "./components/CommonActions/components/ActionCancel/index.js";
 export { A as ActionIntro } from "./components/CommonActions/components/ActionIntro/index.js";
 export { A as ActionFormCancel } from "./components/CommonActions/components/ActionFormCancel/index.js";

package/package.json

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