@m4l/components 0.0.50 → 0.0.51

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

@@ -36,8 +36,8 @@ 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 {

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/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 } 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, {})]
           })]
         })
       })

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

@@ -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"
         }],
@@ -254,14 +268,11 @@ function getObjectLogsComponentsDictionary() {
 }
 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/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";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.50",
+  "version": "0.0.51",
   "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"