@m4l/components 0.0.24 → 0.0.27

package/dist/components/DataGrid/index.js

@@ -1255,40 +1255,40 @@ const ColumnsConfig = forwardRef((props, ref) => {
         onClick: handleMoveFirst,
         "aria-label": "move first place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_first_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_first_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_up",
         onClick: () => handleMoveUpDownd(-1),
         "aria-label": "move up place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_up_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_up_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_last",
         onClick: handleMoveLast,
         "aria-label": "move last place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_last_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_last_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_move_down",
         onClick: () => handleMoveUpDownd(1),
         "aria-label": "move down place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/move_down_place.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_down_place.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_visible_all",
         onClick: checkAll,
         "aria-label": "check visible all",
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/check_all.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/check_all.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_no_visible_all",
         onClick: unCheckAll,
         "aria-label": "un check all",
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/uncheck_all.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/uncheck_all.svg`
       }), /* @__PURE__ */ jsx(IconButton, {
         dictionaryTooltip: "grid.settings_restore",
         onClick: restoreAll,
         "aria-label": "Restore columns",
-        src: `${host_static_assets}/${environment}/components/grid/assets/icons/restore_columns.svg`
+        src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/restore_columns.svg`
       })]
     })]
   });
@@ -1543,9 +1543,9 @@ function Actions(props) {
       ...pagerOptions,
       totalRecords: pagerOptions.totalRecords,
       isSkeleton
-    }), typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
+    }), typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withLocalFilters && /* @__PURE__ */ jsx(Filter, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
       ...settingsProps
-    }), withLocalFilters && /* @__PURE__ */ jsx(Filter, {})]
+    })]
   });
 }
 function DataGrid(props) {

package/dist/components/FormActions/index.js

@@ -1,5 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
 import { Button } from "@mui/material";
+import { g as getVariantColor } from "../../vendor.js";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperActions = styled("div")(({
@@ -33,7 +34,7 @@ const FormActions = (props) => {
       variant: "contained",
       onClick: standardActions.onClickIntro,
       type: "submit",
-      color: variant === "warning" ? "warning" : variant === "error" ? "error" : "info",
+      color: getVariantColor(variant),
       children: getLabel("actions.action_accept")
     })]
   });

package/dist/components/FormActions/types.d.ts

@@ -1,7 +1,7 @@
-import { ModalOpenOptions } from "../../contexts/ModalContext/types";
+import { ModalOpenOptions, VariantModal } from '../../contexts/ModalContext/types';
 declare type ImodalOpt = Pick<ModalOpenOptions, 'actionComponents' | 'standardActions'>;
 export interface ActionsProps extends ImodalOpt {
-    variant?: string | undefined;
+    variant?: VariantModal;
     onCloseModal?: () => void | undefined;
 }
 export {};

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

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

package/dist/components/ModalDialog/index.js

@@ -2,6 +2,7 @@ import { Dialog, IconButton, Paper } from "@mui/material";
 import { D as Draggable } from "../../react-draggable.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { styled } from "@mui/material/styles";
+import { a as getThemeVariantColor } from "../../vendor.js";
 import { R as Resizeable } from "../Resizeable/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
@@ -39,7 +40,7 @@ const IconHeader = styled("div")(({ theme, variant }) => ({
   justifyContent: "center",
   marginRight: theme.spacing(1.5),
   "& > span": {
-    background: variant === "warning" ? theme.palette.warning.main : variant === "error" ? theme.palette.error.main : variant === "info" ? theme.palette.info.main : theme.palette.text.primary
+    background: getThemeVariantColor(theme, variant)
   }
 }));
 const Content = styled("div")(() => ({
@@ -48,7 +49,7 @@ const Content = styled("div")(() => ({
 }));
 const ModalTitle = styled("div")(({ theme, variant }) => ({
   ...theme.typography.subtitle1,
-  color: variant === "warning" ? theme.palette.warning.main : variant === "error" ? theme.palette.error.main : variant === "info" ? theme.palette.info.main : theme.palette.text.primary
+  color: getThemeVariantColor(theme, variant)
 }));
 const Header = (props) => {
   const {

package/dist/components/ModalDialog/types.d.ts

@@ -1,5 +1,6 @@
+import { VariantModal } from '../../contexts/ModalContext/types';
 export interface ModalDialogProps {
 }
 export interface VariantProps {
-    variant?: string | undefined;
+    variant?: VariantModal;
 }

package/dist/components/ObjectLogs/index.js

@@ -1,8 +1,7 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, usePaginate } from "@m4l/core";
 import { Tooltip, IconButton, TextField } from "@mui/material";
-import { LocalizationProvider, DateTimePicker } from "@mui/x-date-pickers";
-import AdapterDateFns from "@mui/lab/AdapterDateFns";
+import { DateTimePicker } from "@mui/x-date-pickers";
 import { styled, useTheme } from "@mui/material/styles";
 import { startOfMonth, endOfDay } from "date-fns";
 import { D as DataGrid } from "../DataGrid/index.js";
@@ -225,25 +224,22 @@ function ObjectLogs(props) {
   return /* @__PURE__ */ jsxs(Container$1, {
     children: [/* @__PURE__ */ jsxs(Actions, {
       id: "objectLogsActions",
-      children: [/* @__PURE__ */ jsxs(LocalizationProvider, {
-        dateAdapter: AdapterDateFns,
-        children: [/* @__PURE__ */ jsx(DateTimePicker, {
-          value: startValue,
-          onChange: (newValue) => {
-            onChangeDate(newValue, "start");
-          },
-          renderInput: (params) => /* @__PURE__ */ jsx(TextField, {
-            ...params
-          })
-        }), /* @__PURE__ */ jsx(DateTimePicker, {
-          value: endValue,
-          onChange: (newValue) => {
-            onChangeDate(newValue, "end");
-          },
-          renderInput: (params) => /* @__PURE__ */ jsx(TextField, {
-            ...params
-          })
-        })]
+      children: [/* @__PURE__ */ jsx(DateTimePicker, {
+        value: startValue,
+        onChange: (newValue) => {
+          onChangeDate(newValue, "start");
+        },
+        renderInput: (params) => /* @__PURE__ */ jsx(TextField, {
+          ...params
+        })
+      }), /* @__PURE__ */ jsx(DateTimePicker, {
+        value: endValue,
+        onChange: (newValue) => {
+          onChangeDate(newValue, "end");
+        },
+        renderInput: (params) => /* @__PURE__ */ jsx(TextField, {
+          ...params
+        })
       }), /* @__PURE__ */ jsx(IconButton$1, {
         dictionaryTooltip: "object_logs.search",
         onClick: onClickFilter,

package/dist/components/animate/variants/bounce.d.ts

@@ -0,0 +1,136 @@
+import { VariantsType } from '../type';
+export declare const varBounce: (props?: VariantsType | undefined) => {
+    in: {
+        initial: {};
+        animate: {
+            scale: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+        exit: {
+            scale: number[];
+            opacity: number[];
+        };
+    };
+    inUp: {
+        initial: {};
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+        exit: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+    };
+    inDown: {
+        initial: {};
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+        exit: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+    };
+    inLeft: {
+        initial: {};
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+        exit: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+    };
+    inRight: {
+        initial: {};
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+        exit: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | number[];
+            };
+        };
+    };
+    out: {
+        animate: {
+            scale: number[];
+            opacity: number[];
+        };
+    };
+    outUp: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+        };
+    };
+    outDown: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+        };
+    };
+    outLeft: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+        };
+    };
+    outRight: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+        };
+    };
+};

package/dist/components/animate/variants/bounce.js

@@ -0,0 +1,97 @@
+import { v as varTranEnter, a as varTranExit } from "./transition.js";
+const varBounce = (props) => {
+  const durationIn = props?.durationIn;
+  const durationOut = props?.durationOut;
+  const easeIn = props?.easeIn;
+  const easeOut = props?.easeOut;
+  return {
+    in: {
+      initial: {},
+      animate: {
+        scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
+        opacity: [0, 1, 1, 1, 1, 1],
+        transition: varTranEnter({ durationIn, easeIn })
+      },
+      exit: {
+        scale: [0.9, 1.1, 0.3],
+        opacity: [1, 1, 0]
+      }
+    },
+    inUp: {
+      initial: {},
+      animate: {
+        y: [720, -24, 12, -4, 0],
+        scaleY: [4, 0.9, 0.95, 0.985, 1],
+        opacity: [0, 1, 1, 1, 1],
+        transition: { ...varTranEnter({ durationIn, easeIn }) }
+      },
+      exit: {
+        y: [12, -24, 720],
+        scaleY: [0.985, 0.9, 3],
+        opacity: [1, 1, 0],
+        transition: varTranExit({ durationOut, easeOut })
+      }
+    },
+    inDown: {
+      initial: {},
+      animate: {
+        y: [-720, 24, -12, 4, 0],
+        scaleY: [4, 0.9, 0.95, 0.985, 1],
+        opacity: [0, 1, 1, 1, 1],
+        transition: varTranEnter({ durationIn, easeIn })
+      },
+      exit: {
+        y: [-12, 24, -720],
+        scaleY: [0.985, 0.9, 3],
+        opacity: [1, 1, 0],
+        transition: varTranExit({ durationOut, easeOut })
+      }
+    },
+    inLeft: {
+      initial: {},
+      animate: {
+        x: [-720, 24, -12, 4, 0],
+        scaleX: [3, 1, 0.98, 0.995, 1],
+        opacity: [0, 1, 1, 1, 1],
+        transition: varTranEnter({ durationIn, easeIn })
+      },
+      exit: {
+        x: [0, 24, -720],
+        scaleX: [1, 0.9, 2],
+        opacity: [1, 1, 0],
+        transition: varTranExit({ durationOut, easeOut })
+      }
+    },
+    inRight: {
+      initial: {},
+      animate: {
+        x: [720, -24, 12, -4, 0],
+        scaleX: [3, 1, 0.98, 0.995, 1],
+        opacity: [0, 1, 1, 1, 1],
+        transition: varTranEnter({ durationIn, easeIn })
+      },
+      exit: {
+        x: [0, -24, 720],
+        scaleX: [1, 0.9, 2],
+        opacity: [1, 1, 0],
+        transition: varTranExit({ durationOut, easeOut })
+      }
+    },
+    out: {
+      animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] }
+    },
+    outUp: {
+      animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] }
+    },
+    outDown: {
+      animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] }
+    },
+    outLeft: {
+      animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] }
+    },
+    outRight: {
+      animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] }
+    }
+  };
+};
+export { varBounce as v };

package/dist/components/animate/variants/index.d.ts

@@ -1,3 +1,4 @@
 export * from './fade';
+export * from './bounce';
 export * from './container';
 export * from './transition';

package/dist/components/mui_extended/MenuActions/styles.d.ts

@@ -2,7 +2,7 @@
 export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    color?: "warning" | "info" | "primary" | "error" | "inherit" | "default" | "secondary" | "success" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

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

@@ -7,13 +7,14 @@ export interface StandarActions {
     onClickIntro?: () => void;
     onClickCancel?: () => void;
 }
-export declare type VariantModal = 'warning' | 'delete' | 'info';
+export declare type VariantModal = 'warning' | 'delete' | 'info' | 'primary';
 export interface ModalOpenOptions {
     initialWidth?: number;
     initialHeigth?: number;
     maxWidth?: number;
     maxHeigth?: number;
     withClose?: boolean;
+    variant?: VariantModal;
     onQueryClose?: () => void;
     title: string;
     iconComponent?: ReactNode;

package/dist/index.js

@@ -1,71 +1,72 @@
+export { v as varFade } from "./components/animate/variants/fade.js";
+export { v as varBounce } from "./components/animate/variants/bounce.js";
+export { v as varContainer } from "./components/animate/variants/container.js";
+export { v as varTranEnter, a as varTranExit, b as varTranHover } from "./components/animate/variants/transition.js";
 export { I as IconButton, a as IconButtonAnimate } from "./components/mui_extended/IconButton/index.js";
-import "framer-motion";
-import "@mui/material";
-import "react/jsx-runtime";
-import "react";
-import "react-hook-form";
+export { M as MotionContainer } from "./components/animate/MotionContainer/index.js";
+export { M as MotionLazyContainer } from "./components/animate/MotionLazyContainer/index.js";
 export { F as FormProvider } from "./components/hook-form/FormProvider/index.js";
-import "react-router-dom";
-import "@m4l/core";
-import "@mui/lab";
-export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/index.js";
 export { R as RHFAutocompleteAsync } from "./components/hook-form/RHFAutocompleteAsync/index.js";
 export { R as RHFCheckbox } from "./components/hook-form/RHFCheckbox/index.js";
+export { R as RHFMultiCheckbox } from "./components/hook-form/RHFMultiCheckbox/index.js";
+export { R as RHFSelect } from "./components/hook-form/RHFSelect.js";
 export { R as RHFTextField } from "./components/hook-form/RHFTextField/index.js";
+export { R as RHFRadioGroup } from "./components/hook-form/RHFRadioGroup.js";
+export { A as Accordion } from "./components/mui_extended/Accordion/index.js";
+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 MenuPopover } from "./components/mui_extended/MenuPopover/index.js";
 export { M as MenuActions } from "./components/mui_extended/MenuActions/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";
-import "@m4l/graphics";
+export { T as Typography } from "./components/mui_extended/Typography/index.js";
 export { C as CompanyLogo } from "./components/CompanyLogo/index.js";
-import "./react-lazy-load-image-component.js";
-import "@mui/material/styles";
-export { I as Image } from "./components/Image/index.js";
 export { D as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "date-fns";
+export { B as BooleanFormatter } from "./components/DataGrid/formatters/BooleanFormatter/index.js";
+export { D as DateFormatter } from "./components/DataGrid/formatters/DateFormatter/index.js";
 export { F as FormActions, d as defaultActionsDictionary, g as getActionnsComponentsDictionary } from "./components/FormActions/index.js";
 export { I as Icon } from "./components/Icon/index.js";
-import "./react-draggable.js";
+export { I as Image } from "./components/Image/index.js";
+export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
+export { L as Loadable } from "./components/Loadable/index.js";
 export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
-export { R as Resizeable } from "./components/Resizeable/index.js";
 export { N as NoItemSelected, d as defaultNoItemSelectedDictionary, g as getNoItemSelectedComponentsDictionary } from "./components/NoItemSelected/index.js";
-import "@mui/x-date-pickers";
-import "@mui/lab/AdapterDateFns";
 export { O as ObjectLogs, d as defaultObjectLogDictionary, g as getObjectLogsComponentsDictionary } from "./components/ObjectLogs/index.js";
-import "./react-json-view.js";
 export { P as PaperForm } from "./components/PaperForm/index.js";
 export { P as PropertyValue } from "./components/PropertyValue/index.js";
+export { R as Resizeable } from "./components/Resizeable/index.js";
 export { S as ScrollBar } from "./components/ScrollBar/index.js";
-import "./react-splitter-layout.js";
 export { S as SplitLayout } from "./components/SplitLayout/index.js";
-export { v as varFade } from "./components/animate/variants/fade.js";
-export { v as varContainer } from "./components/animate/variants/container.js";
-export { v as varTranEnter, a as varTranExit, b as varTranHover } from "./components/animate/variants/transition.js";
-export { M as MotionContainer } from "./components/animate/MotionContainer/index.js";
-export { M as MotionLazyContainer } from "./components/animate/MotionLazyContainer/index.js";
-export { R as RHFMultiCheckbox } from "./components/hook-form/RHFMultiCheckbox/index.js";
-export { R as RHFSelect } from "./components/hook-form/RHFSelect.js";
-export { R as RHFRadioGroup } from "./components/hook-form/RHFRadioGroup.js";
-export { A as Accordion } from "./components/mui_extended/Accordion/index.js";
-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 { T as Typography } from "./components/mui_extended/Typography/index.js";
-export { B as BooleanFormatter } from "./components/DataGrid/formatters/BooleanFormatter/index.js";
-export { D as DateFormatter } from "./components/DataGrid/formatters/DateFormatter/index.js";
-export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
-export { L as Loadable } from "./components/Loadable/index.js";
+export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/index.js";
 export { u as useModal } from "./hooks/useModal/index.js";
+import "framer-motion";
+import "react";
+import "@mui/material";
+import "react/jsx-runtime";
+import "@m4l/core";
+import "react-hook-form";
 import "./node_modules.js";
-import "react-dom";
+import "@mui/material/styles";
+import "react-router-dom";
+import "@mui/lab";
+import "@m4l/graphics";
 import "./react-data-grid.js";
 import "clsx";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "date-fns";
+import "./vendor.js";
+import "./react-lazy-load-image-component.js";
+import "react-dom";
+import "./react-draggable.js";
 import "prop-types";
-import "./react-resizable.js";
+import "@mui/x-date-pickers";
+import "./react-json-view.js";
 import "./commonjs.js";
+import "./react-splitter-layout.js";
+import "./react-resizable.js";
 import "./simplebar.js";
 import "./core-js.js";
 import "./lodash.js";

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@mui/material/styles';
+import { VariantModal } from '../contexts/ModalContext/types';
+export declare const getVariantColor: (variant: VariantModal | undefined) => "warning" | "info" | "primary" | "error";
+export declare const getThemeVariantColor: (theme: Theme, variant: VariantModal | undefined) => string;

package/dist/vendor.js

@@ -0,0 +1,87 @@
+import "./components/mui_extended/IconButton/index.js";
+import "framer-motion";
+import "@mui/material";
+import "react/jsx-runtime";
+import "react";
+import "react-hook-form";
+import "./components/hook-form/FormProvider/index.js";
+import "react-router-dom";
+import "@m4l/core";
+import "@mui/lab";
+import "./contexts/ModalContext/index.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.js";
+import "./components/hook-form/RHFCheckbox/index.js";
+import "./components/hook-form/RHFTextField/index.js";
+import "./components/mui_extended/LoadingButton/index.js";
+import "./components/mui_extended/MenuPopover/index.js";
+import "./components/mui_extended/MenuActions/index.js";
+import "./components/mui_extended/Pager/index.js";
+import "./components/mui_extended/Tab/index.js";
+import "@m4l/graphics";
+import "./components/CompanyLogo/index.js";
+import "./react-lazy-load-image-component.js";
+import "@mui/material/styles";
+import "./components/Image/index.js";
+import "./components/DataGrid/index.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "date-fns";
+import "./components/FormActions/index.js";
+import "./components/Icon/index.js";
+import "./react-draggable.js";
+import "./components/ModalDialog/index.js";
+import "./components/Resizeable/index.js";
+import "./components/NoItemSelected/index.js";
+import "@mui/x-date-pickers";
+import "./components/ObjectLogs/index.js";
+import "./react-json-view.js";
+import "./components/PaperForm/index.js";
+import "./components/PropertyValue/index.js";
+import "./components/ScrollBar/index.js";
+import "./react-splitter-layout.js";
+import "./components/SplitLayout/index.js";
+import "./components/animate/variants/fade.js";
+import "./components/animate/variants/bounce.js";
+import "./components/animate/variants/container.js";
+import "./components/animate/variants/transition.js";
+import "./components/animate/MotionContainer/index.js";
+import "./components/animate/MotionLazyContainer/index.js";
+import "./components/hook-form/RHFMultiCheckbox/index.js";
+import "./components/hook-form/RHFSelect.js";
+import "./components/hook-form/RHFRadioGroup.js";
+import "./components/mui_extended/Accordion/index.js";
+import "./components/mui_extended/BoxIcon/index.js";
+import "./components/mui_extended/Breadcrumbs/index.js";
+import "./components/mui_extended/LinkWithRoute/index.js";
+import "./components/mui_extended/Typography/index.js";
+import "./components/DataGrid/formatters/BooleanFormatter/index.js";
+import "./components/DataGrid/formatters/DateFormatter/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;
+};
+export { getThemeVariantColor as a, getVariantColor as g };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.24",
+  "version": "0.0.27",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -21,7 +21,7 @@
   "peerDependencies": {
     "@hookform/resolvers": "^2.9.5",
     "@m4l/core": "^0.0.27",
-    "@m4l/graphics": "^0.0.20",
+    "@m4l/graphics": "^0.0.21",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -42,7 +42,7 @@
     "@emotion/styled": "^11.9.3",
     "@hookform/resolvers": "^2.9.5",
     "@m4l/core": "^0.0.27",
-    "@m4l/graphics": "^0.0.20",
+    "@m4l/graphics": "^0.0.21",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -81,6 +81,7 @@
     "react-lazy-load-image-component": "^1.5.4",
     "react-resizable": "^3.0.4",
     "react-splitter-layout": "^4.0.0",
+    "react-toastify": "^9.0.5",
     "rollup-plugin-terser": "^7.0.2",
     "simplebar-react": "^2.4.1",
     "typescript": "^4.6.3",