@m4l/components 0.0.25 → 0.0.28

package/dist/components/DataGrid/index.js

@@ -886,6 +886,11 @@ function Table(props) {
   };
   const onRowClick = (row) => {
     if (!isMultipleSelect) {
+      if (selectedRows.entries().next().value) {
+        if (selectedRows.entries().next().value[1] === props.rowKeyGetter(row)) {
+          return;
+        }
+      }
       const mySet = /* @__PURE__ */ new Set([props.rowKeyGetter(row)]);
       setSelectedRows(mySet);
       updateExternal(mySet);
@@ -1255,40 +1260,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 +1548,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/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,72 +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 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 { 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.25",
+  "version": "0.0.28",
   "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",