@m4l/components 0.0.48 → 0.0.49

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/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.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,
@@ -977,4 +854,4 @@ const defaultActionsDictionary = {
     intro: "Intro"
   }
 };
-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, defaultActionsDictionary as d, getStandardActionsDictionary 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 {
     children: ReactNode;
-    variantColor?: VariantColor;
 }

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, Button } 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,6 +20,7 @@ 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 { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperApplyedFilters = styled("div")(({
@@ -1518,7 +1515,6 @@ const PopupEditFilter = () => {
         onSubmit,
         values,
         validationSchema: popupValidationSchema,
-        urlCancel: -1,
         children: /* @__PURE__ */ jsxs(WrapperPopupEditFilter, {
           children: [/* @__PURE__ */ jsxs(HeaderContainer, {
             children: [field?.urlIcon && /* @__PURE__ */ jsx(Icon, {
@@ -1533,12 +1529,12 @@ const PopupEditFilter = () => {
               variant: "outlined",
               color: "inherit",
               onClick: onClose,
-              children: `Cerrar`
+              children: getLabel(`dyamic_filter.cancel`)
             }), /* @__PURE__ */ jsx(Button, {
               variant: "contained",
               color: "primary",
               type: "submit",
-              children: `Agregar ${filter.id}`
+              children: getLabel(`dyamic_filter.intro`)
             })]
           })]
         })

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

@@ -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.49",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",

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;
-}