@m4l/components 0.0.48 → 0.0.51

package/dist/commonjs.js

@@ -1,6 +1,6 @@
 import "react";
-import "prop-types";
 import "react-dom";
+import "prop-types";
 import "clsx";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {

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

@@ -7,6 +7,7 @@ const ActionCancel = (props) => {
   } = useModuleDictionary();
   return /* @__PURE__ */ jsx(Button, {
     variant: "outlined",
+    color: "inherit",
     ...props,
     children: getLabel("common_actions.cancel")
   });

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

@@ -26,6 +26,7 @@ function ActionFormIntro(props) {
   return /* @__PURE__ */ jsx(LoadingButton, {
     variant: "contained",
     type: "submit",
+    color: "primary",
     loading: isSubmitting,
     ...props,
     children: getLabel("common_actions.intro")

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

@@ -1,16 +1,13 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useNavigate } from "react-router-dom";
-import { createContext, useCallback, useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect } from "react";
-import { useFormContext, useFormState } from "react-hook-form";
-import { useModuleDictionary, useFlagsPresent, useEnvironment } from "@m4l/core";
-import { LoadingButton } from "@mui/lab";
-import { Skeleton, Button, IconButton, Tooltip, MenuItem, Checkbox } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { u as useModal } from "../../../../hooks/useModal/index.js";
 import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.js";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { u as useBase, a as useFilters, O as OriginalGridWrapperStyled } from "../../../DataGrid/index.js";
 import { P as Pager } from "../../../mui_extended/Pager/index.js";
+import { IconButton, Tooltip, MenuItem, Skeleton, Checkbox } from "@mui/material";
+import { useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.js";
+import { u as useModal } from "../../../../hooks/useModal/index.js";
 import { A as ActionCancel } from "../ActionCancel/index.js";
 import { A as ActionIntro } from "../ActionIntro/index.js";
 import { M as MenuPopover } from "../../../mui_extended/MenuPopover/index.js";
@@ -18,150 +15,10 @@ import { I as Icon } from "../../../Icon/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "@mui/material/Button";
 import "../../../../vendor.js";
+import "react-hook-form";
+import "react-router-dom";
 import "../../../../contexts/ModalContext/index.js";
-const WrapperFormActions = styled("div")(({
-  theme
-}) => ({
-  paddingTop: theme.spacing(3),
-  marginRight: theme.spacing(1.5),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  },
-  "& .MuiLoadingButton-root ": {
-    minWidth: "80px"
-  }
-}));
-const WrapperSKTFormActions = styled("div")(({
-  theme
-}) => ({
-  display: "grid",
-  gridTemplateColumns: "auto auto",
-  margin: "0px",
-  gridGap: `${theme.spacing(3)}`,
-  justifyContent: "flex-end",
-  paddingTop: `${theme.spacing(3)}`,
-  borderTop: `1px solid ${theme.palette.divider}`,
-  [theme.breakpoints.up("sm")]: {
-    margin: `0 ${theme.spacing(4.5)}`
-  }
-}));
-const initialState = {
-  variantColor: "primary"
-};
-const CommonActionsContext = createContext(initialState);
-function CommonActionsProvider(props) {
-  const {
-    children,
-    variantColor
-  } = props;
-  return /* @__PURE__ */ jsx(CommonActionsContext.Provider, {
-    value: {
-      variantColor
-    },
-    children
-  });
-}
-const WrapperStandarActions = styled("div")(({
-  theme
-}) => ({
-  paddingTop: theme.spacing(3),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  }
-}));
-const Actions$1 = (props) => {
-  const {
-    children,
-    variantColor = "primary"
-  } = props;
-  return /* @__PURE__ */ jsx(WrapperStandarActions, {
-    id: "WrapperStandarActions",
-    children: /* @__PURE__ */ jsx(CommonActionsProvider, {
-      variantColor,
-      children
-    })
-  });
-};
-function SKTFormActions() {
-  return /* @__PURE__ */ jsxs(WrapperSKTFormActions, {
-    children: [/* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    }), /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    })]
-  });
-}
-function FormActions(props) {
-  const {
-    withIntro,
-    urlCancel
-  } = props;
-  const navigate = useNavigate();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = !useFlagsPresent(["dictionary_loaded", "form_loaded"]);
-  const {
-    openModalConfirm
-  } = useModal();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isDirty,
-    isSubmitting
-  } = useFormState({
-    control
-  });
-  const onConfirmCancel = useCallback(() => {
-    if (typeof urlCancel === "number") {
-      navigate(urlCancel);
-    }
-    if (urlCancel && typeof urlCancel === "undefined") {
-      navigate(urlCancel, {
-        replace: false
-      });
-    }
-  }, [navigate, urlCancel]);
-  const onClickCancel = useCallback(() => {
-    if (isDirty) {
-      openModalConfirm({
-        variant: "warning",
-        title: getLabel("form_provider.confirm_quit_title"),
-        msg: getLabel("form_provider.confirm_quit_msg"),
-        onClickIntro: onConfirmCancel
-      });
-    } else {
-      onConfirmCancel();
-    }
-  }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTFormActions, {});
-  }
-  return /* @__PURE__ */ jsxs(WrapperFormActions, {
-    children: [urlCancel && /* @__PURE__ */ jsx(Button, {
-      variant: "outlined",
-      color: "inherit",
-      onClick: onClickCancel,
-      children: getLabel("actions.action_cancel")
-    }), withIntro && /* @__PURE__ */ jsx(LoadingButton, {
-      variant: "contained",
-      type: "submit",
-      loading: isSubmitting,
-      children: getLabel("actions.action_accept")
-    })]
-  });
-}
+import "@mui/lab";
 const WrapperMenuActions = styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme
@@ -719,6 +576,26 @@ const SKTWrapperColumnsSettings = styled("div")(({ theme }) => ({
   minWidth: theme.spacing(3.75),
   height: theme.spacing(3.75)
 }));
+const WrapperStandarActions = styled("div")(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(3),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  }
+}));
+const Actions$1 = (props) => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(WrapperStandarActions, {
+    id: "WrapperStandarActions",
+    children
+  });
+};
 function Settings() {
   const {
     openModal,
@@ -962,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, FormActions as F, 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,6 +1,4 @@
 import { ReactNode } from 'react';
-import { VariantColor } from '../../../../utils/types';
-export interface StandardActionsProps {
+export interface CommonActionsProps {
     children: ReactNode;
-    variantColor?: VariantColor;
 }

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

@@ -5,13 +5,9 @@ import { useModuleDictionary, useHostTools, useEnvironment, voidFunction, useFla
 import * as Yup from "yup";
 import { useFormContext, useWatch } from "react-hook-form";
 import { F as FormProvider } from "../hook-form/FormProvider/index.js";
-import "react-router-dom";
-import "@mui/lab";
-import { styled as styled$1, Skeleton, MenuItem, useTheme, Popper, Button } from "@mui/material";
-import { L as LabelMemuItem } from "../CommonActions/components/Actions/index.js";
-import "../../contexts/ModalContext/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 } from "@mui/material";
 import "../hook-form/RHFAutocompleteAsync/index.js";
 import "../hook-form/RHFCheckbox/index.js";
 import { R as RHFDateTime } from "../hook-form/RHFDateTime.js";
@@ -24,7 +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, 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
@@ -840,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]);
@@ -1136,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
     })]
@@ -1431,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",
@@ -1518,7 +1522,6 @@ const PopupEditFilter = () => {
         onSubmit,
         values,
         validationSchema: popupValidationSchema,
-        urlCancel: -1,
         children: /* @__PURE__ */ jsxs(WrapperPopupEditFilter, {
           children: [/* @__PURE__ */ jsxs(HeaderContainer, {
             children: [field?.urlIcon && /* @__PURE__ */ jsx(Icon, {
@@ -1528,18 +1531,10 @@ const PopupEditFilter = () => {
             })]
           }), /* @__PURE__ */ jsx(PopupEditFilterComponent, {
             filter
-          }), /* @__PURE__ */ jsxs(PopperActionsContainer, {
-            children: [/* @__PURE__ */ jsx(Button, {
-              variant: "outlined",
-              color: "inherit",
-              onClick: onClose,
-              children: `Cerrar`
-            }), /* @__PURE__ */ jsx(Button, {
-              variant: "contained",
-              color: "primary",
-              type: "submit",
-              children: `Agregar ${filter.id}`
-            })]
+          }), /* @__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/components/hook-form/FormProvider/index.js

@@ -2,8 +2,7 @@ import { useEffect } from "react";
 import { useForm, FormProvider as FormProvider$1 } from "react-hook-form";
 import { o } from "../../../node_modules.js";
 import { styled } from "@mui/material/styles";
-import { F as FormActions } from "../../CommonActions/components/Actions/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 const WrapperFormProvider = styled("form")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -15,9 +14,7 @@ function FormProvider(props) {
     children,
     onSubmit,
     values,
-    validationSchema,
-    withIntro,
-    urlCancel = -1
+    validationSchema
   } = props;
   const methods = useForm({
     resolver: o(validationSchema),
@@ -38,13 +35,10 @@ function FormProvider(props) {
   }, [methods, values]);
   return /* @__PURE__ */ jsx(FormProvider$1, {
     ...methods,
-    children: /* @__PURE__ */ jsxs(WrapperFormProvider, {
+    children: /* @__PURE__ */ jsx(WrapperFormProvider, {
       id: "formProvider",
       onSubmit: methods.handleSubmit(onSubmit),
-      children: [children, withIntro && /* @__PURE__ */ jsx(FormActions, {
-        withIntro,
-        urlCancel
-      })]
+      children
     })
   });
 }

package/dist/components/hook-form/FormProvider/types.d.ts

@@ -5,6 +5,4 @@ export interface FormProviderProps {
     onSubmit: (data: FieldValues) => void;
     values: FieldValues;
     validationSchema: any;
-    withIntro?: boolean;
-    urlCancel?: string | number;
 }

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";
@@ -57,15 +57,15 @@ import "react-hook-form";
 import "./node_modules.js";
 import "prop-types";
 import "@mui/material/styles";
-import "@mui/material/Button";
-import "react-router-dom";
-import "@mui/lab";
 import "@mui/x-date-pickers";
 import "./lodash.js";
 import "./commonjs.js";
 import "react-dom";
 import "clsx";
 import "./react-lazy-load-image-component.js";
+import "react-router-dom";
+import "@mui/lab";
+import "@mui/material/Button";
 import "@m4l/graphics";
 import "react-dnd";
 import "react-dnd-html5-backend";

package/dist/vendor.js

@@ -1,36 +1,36 @@
 import "./components/mui_extended/IconButton/index.js";
 import "framer-motion";
-import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
+import { Skeleton, Autocomplete, TextField, styled as styled$1 } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useModuleSkeleton, useModuleDictionary } from "@m4l/core";
-import MuiButton from "@mui/material/Button";
 import "react";
 import { useFormContext, Controller } from "react-hook-form";
 import "./components/hook-form/FormProvider/index.js";
-import "react-router-dom";
-import "@mui/lab";
-import "./components/CommonActions/components/Actions/index.js";
-import "./contexts/ModalContext/index.js";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import "./components/hook-form/RHFAutocompleteAsync/index.js";
 import "./components/hook-form/RHFCheckbox/index.js";
 import "./components/hook-form/RHFDateTime.js";
 import "@mui/x-date-pickers";
 import "./components/hook-form/RHFTextField/index.js";
 import "./lodash.js";
-import { styled as styled$1 } from "@mui/material/styles";
+import { styled } from "@mui/material/styles";
 import "./react-lazy-load-image-component.js";
 import "./components/Image/index.js";
 import "./components/hook-form/RHFUpload.js";
 import "./components/Icon/index.js";
+import "react-router-dom";
+import "@mui/lab";
 import "./components/mui_extended/LoadingButton/index.js";
 import "./components/mui_extended/MenuPopover/index.js";
+import "./components/CommonActions/components/Actions/index.js";
 import "./components/mui_extended/Pager/index.js";
 import "./components/mui_extended/Tab/index.js";
+import MuiButton from "@mui/material/Button";
 import "@m4l/graphics";
 import "./components/CompanyLogo/index.js";
 import "./components/DataGrid/index.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
+import "./contexts/ModalContext/index.js";
 import "./components/ScrollBar/index.js";
 import "./components/DynamicFilter/index.js";
 import "./simplebar.js";
@@ -67,55 +67,12 @@ import "./components/CommonActions/components/ActionFormIntro/index.js";
 import "./components/LanguagePopover/index.js";
 import "./components/Loadable/index.js";
 import "./hooks/useModal/index.js";
-const getVariantColor = (variant) => {
-  switch (variant) {
-    case "warning":
-      return "warning";
-    case "delete":
-      return "error";
-    case "info":
-      return "info";
-  }
-  return "primary";
-};
-const getThemeVariantColor = (theme, variant) => {
-  switch (variant) {
-    case "warning":
-      theme.palette.warning.main;
-      break;
-    case "delete":
-      theme.palette.error.main;
-      break;
-    case "info":
-      theme.palette.info.main;
-      break;
-  }
-  return theme.palette.text.primary;
-};
-const SKTButton = styled(Skeleton)(({
-  theme
-}) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-const Button = (props) => {
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTButton, {
-      variant: "rectangular",
-      width: "100px",
-      height: "36px"
-    });
-  }
-  return /* @__PURE__ */ jsx(MuiButton, {
-    ...props
-  });
-};
-const SKTRHFAutocompleteWrapper = styled$1("div")(() => ({
+const SKTRHFAutocompleteWrapper = styled("div")(() => ({
   display: "flex",
   width: "100%",
   flexDirection: "column"
 }));
-styled$1("div")(({
+styled("div")(({
   theme
 }) => ({
   display: "flex",
@@ -125,7 +82,7 @@ styled$1("div")(({
     justifyContent: "flex-start"
   }
 }));
-const SKTInputText = styled$1("div")(({
+const SKTInputText = styled("div")(({
   theme
 }) => ({
   width: "100%",
@@ -141,7 +98,7 @@ const SKTInputText = styled$1("div")(({
     width: "100%"
   }
 }));
-styled$1("div")(() => ({
+styled("div")(() => ({
   display: "flex",
   width: "100%",
   "& .MuiAutocomplete-root": {
@@ -243,4 +200,47 @@ function RHFAutocomplete(props) {
     }
   });
 }
+const getVariantColor = (variant) => {
+  switch (variant) {
+    case "warning":
+      return "warning";
+    case "delete":
+      return "error";
+    case "info":
+      return "info";
+  }
+  return "primary";
+};
+const getThemeVariantColor = (theme, variant) => {
+  switch (variant) {
+    case "warning":
+      theme.palette.warning.main;
+      break;
+    case "delete":
+      theme.palette.error.main;
+      break;
+    case "info":
+      theme.palette.info.main;
+      break;
+  }
+  return theme.palette.text.primary;
+};
+const SKTButton = styled$1(Skeleton)(({
+  theme
+}) => ({
+  borderRadius: theme.spacing(0.5)
+}));
+const Button = (props) => {
+  const isSkeleton = useModuleSkeleton();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTButton, {
+      variant: "rectangular",
+      width: "100px",
+      height: "36px"
+    });
+  }
+  return /* @__PURE__ */ jsx(MuiButton, {
+    ...props
+  });
+};
 export { Button as B, RHFAutocomplete as R, getVariantColor as a, getThemeVariantColor as g };

package/package.json

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

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CommonActionsContextProps, CommonActionsProviderProps } from './types';
-declare const CommonActionsContext: import("react").Context<CommonActionsContextProps>;
-declare function CommonActionsProvider(props: CommonActionsProviderProps): JSX.Element;
-export { CommonActionsProvider, CommonActionsContext };

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

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { VariantColor } from '../../../utils/types';
-export interface CommonActionsProviderProps {
-    variantColor: VariantColor;
-    children: ReactNode;
-}
-export interface CommonActionsContextProps {
-    variantColor: VariantColor;
-}

package/dist/components/hook-form/FormProvider/components/FormActions/index.d.ts

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

package/dist/components/hook-form/FormProvider/components/FormActions/skeleton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function SKTFormActions(): JSX.Element;

package/dist/components/hook-form/FormProvider/components/FormActions/styles.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperFormActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperSKTFormActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/hook-form/FormProvider/components/FormActions/types.d.ts

@@ -1,4 +0,0 @@
-export interface FormActionsProps {
-    withIntro?: boolean;
-    urlCancel?: string | number;
-}