@m4l/components 0.0.47 → 0.0.48

package/dist/components/mui_extended/IconButton/index.d.ts

@@ -2,4 +2,3 @@
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 import { IconButtonProps } from './types';
 export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;
-export default IconButton;

package/dist/components/mui_extended/IconButton/index.js

@@ -1,8 +1,8 @@
 import { m } from "framer-motion";
 import { forwardRef, useMemo } from "react";
-import { IconButton as IconButton$1, Box, Tooltip } from "@mui/material";
+import { IconButton as IconButton$1, Box, Skeleton, Tooltip } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { I as Icon } from "../../Icon/index.js";
 const varSmall = {
   hover: {
@@ -70,32 +70,39 @@ function IconButton({
   const {
     getLabel
   } = useModuleDictionary();
-  const iconMemo = useMemo(() => {
-    return /* @__PURE__ */ jsx(Icon, {
-      src,
-      bgColor: other.disabled ? "disabled" : bgColor
-    });
-  }, [src, bgColor, other.disabled]);
+  const isSkeleton = useModuleSkeleton();
   const finalTooltip = useMemo(() => {
     if (dictionaryTooltip && getLabel) {
       return getLabel(dictionaryTooltip);
     }
     return tooltip;
   }, [dictionaryTooltip, tooltip, getLabel]);
-  if (finalTooltip && !other.disabled) {
-    return /* @__PURE__ */ jsx(Tooltip, {
-      title: finalTooltip,
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "circular",
+      width: "30px",
+      height: "30px"
+    });
+  }
+  return finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
+    title: finalTooltip || "",
+    children: /* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(IconButton$1, {
         size,
         ...other,
-        children: iconMemo
+        children: /* @__PURE__ */ jsx(Icon, {
+          src,
+          bgColor: other.disabled ? "disabled" : bgColor
+        })
       })
-    });
-  }
-  return /* @__PURE__ */ jsx(IconButton$1, {
+    })
+  }) : /* @__PURE__ */ jsx(IconButton$1, {
     size,
     ...other,
-    children: iconMemo
+    children: /* @__PURE__ */ jsx(Icon, {
+      src,
+      bgColor: other.disabled ? "disabled" : bgColor
+    })
   });
 }
 export { IconButton as I, IconButtonAnimate as a };

package/dist/components/mui_extended/Pager/index.js

@@ -1,73 +1,8 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
+import { P as PagerActions } from "../../CommonActions/components/Actions/index.js";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.js";
-import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
-const WrapperPagerActions = styled("div")(({ theme }) => ({
-  width: "100%",
-  justifyContent: "center",
-  display: "flex",
-  marginLeft: 0,
-  [theme.breakpoints.up("sm")]: {
-    display: "flex",
-    alignItems: "center",
-    marginLeft: theme.spacing(3)
-  }
-}));
-function PagerActions(props) {
-  const {
-    count,
-    page,
-    rowsPerPage,
-    onPageChange
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const handleFirstPageButtonClick = (event) => {
-    onPageChange(event, 0);
-  };
-  const handleBackButtonClick = (event) => {
-    onPageChange(event, page - 1);
-  };
-  const handleNextButtonClick = (event) => {
-    onPageChange(event, page + 1);
-  };
-  const handleLastPageButtonClick = (event) => {
-    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
-  };
-  return /* @__PURE__ */ jsxs(WrapperPagerActions, {
-    id: "WrapperPagerActions",
-    children: [/* @__PURE__ */ jsx(IconButton, {
-      id: "test_bruce",
-      dictionaryTooltip: "pager.first",
-      onClick: handleFirstPageButtonClick,
-      disabled: page === 0,
-      "aria-label": "first page",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
-    }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.previous",
-      onClick: handleBackButtonClick,
-      disabled: page === 0,
-      "aria-label": "first page",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
-    }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.next",
-      onClick: handleNextButtonClick,
-      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
-      "aria-label": "next page",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
-    }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.last",
-      onClick: handleLastPageButtonClick,
-      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
-      "aria-label": "last page",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
-    })]
-  });
-}
 styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/dist/contexts/ModalContext/components/ContentConfirm/types.d.ts

@@ -1,8 +1,8 @@
-import { VariantModal } from '../../types';
+import { VariantColor } from '../../../../utils/types';
 export interface ModalConfirmProps {
-    variant?: VariantModal;
+    variant?: VariantColor;
     msg?: string;
 }
 export interface VariantProps {
-    variant?: VariantModal;
+    variant?: VariantColor;
 }

package/dist/contexts/ModalContext/index.js

@@ -3,8 +3,11 @@ import { useEnvironment, voidFunction } from "@m4l/core";
 import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { B as BoxIcon } from "../../components/mui_extended/BoxIcon/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { M as ModalDialog } from "../../components/ModalDialog/index.js";
+import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.js";
+import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.js";
+import { a as getVariantColor } from "../../vendor.js";
 const WrapperContentConfirm = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -80,7 +83,6 @@ const initialState = {
   onQueryClose: voidFunction,
   iconComponent: void 0,
   contentComponent: void 0,
-  actionComponents: void 0,
   openModal: voidFunction,
   openModalConfirm: voidFunction,
   closeModal: voidFunction,
@@ -99,8 +101,6 @@ function ModalProvider({
     title: "",
     iconComponent: void 0,
     contentComponent: void 0,
-    actionComponents: void 0,
-    standardActions: void 0,
     variant: void 0
   });
   const [hasChanges, setHasChanges] = useState(false);
@@ -130,11 +130,14 @@ function ModalProvider({
         variant,
         msg
       }),
-      standardActions: {
-        withCancel: true,
-        onClickIntro: onClickIntroClose,
-        onClickCancel
-      }
+      actions: /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx(ActionCancel, {
+          onClick: onClickCancel
+        }), " ", /* @__PURE__ */ jsx(ActionIntro, {
+          onClick: onClickIntroClose,
+          color: getVariantColor(variant)
+        })]
+      })
     });
   };
   const closeModal = () => {

package/dist/contexts/ModalContext/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { VariantColor } from '../../utils/types';
 export declare type TProps = {
     children: ReactNode;
 };
@@ -7,24 +8,22 @@ export interface StandarActions {
     onClickIntro?: () => void;
     onClickCancel?: () => void;
 }
-export declare type VariantModal = 'warning' | 'delete' | 'info' | 'primary';
 export interface ModalOpenOptions {
     initialWidth?: number;
     initialHeigth?: number;
     maxWidth?: number;
     maxHeigth?: number;
     withClose?: boolean;
-    variant?: VariantModal;
+    variant?: VariantColor;
     onQueryClose?: () => void;
     title: string;
     iconComponent?: ReactNode;
     contentComponent?: ((props?: any) => JSX.Element) | ReactNode;
-    actionComponents?: ReactNode[];
-    standardActions?: StandarActions;
+    actions?: ReactNode;
 }
 export interface OpenModalConfirmProps {
     title: string;
-    variant?: VariantModal;
+    variant?: VariantColor;
     titleAccept?: string;
     msg: string;
     onClickIntro?: () => void;
@@ -32,7 +31,7 @@ export interface OpenModalConfirmProps {
 }
 export interface ModalState extends ModalOpenOptions {
     open: boolean;
-    variant?: VariantModal;
+    variant?: VariantColor;
 }
 export interface ModalContextProps extends ModalState {
     openModal: (modalProps: ModalOpenOptions) => void;

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 { M as MenuActions } from "./components/mui_extended/MenuActions/index.js";
+export { b as Actions, M as MenuActions, d as defaultActionsDictionary, g as getStandardActionsDictionary } 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";
@@ -30,7 +30,10 @@ export { B as BooleanFormatter } from "./components/formatters/BooleanFormatter/
 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 { F as FormActions, d as defaultActionsDictionary, g as getActionnsComponentsDictionary } from "./components/FormActions/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";
+export { A as ActionFormIntro } from "./components/CommonActions/components/ActionFormIntro/index.js";
 export { I as Icon } from "./components/Icon/index.js";
 export { I as Image } from "./components/Image/index.js";
 export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
@@ -54,6 +57,7 @@ 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";
@@ -62,7 +66,6 @@ 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";