npm - @m4l/components - Versions diffs - 1.1.2 → 2.0.0 - Mend

@m4l/components 1.1.2 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (145) hide show

package/components/modal/{WindowBase.58f9e2b0.js → WindowBase.0dc3b3ea.js} RENAMED Viewed

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.13aaae3c.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.9425bdc5.js";
-import { u as useModal } from "../../hooks/useModal/index.3ad1e014.js";
+import { I as Icon } from "../Icon/index.2b591dd6.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f5dcf537.js";
+import { u as useModal } from "../../hooks/useModal/index.d3c18b29.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.60955735.js → WindowConfirm.b8a431dd.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.2342a37e.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.434f4824.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.3ad1e014.js";
-import { I as Image } from "../Image/index.4b51d4ba.js";
+import { u as useModal } from "../../hooks/useModal/index.d3c18b29.js";
+import { I as Image } from "../Image/index.fb9e71ba.js";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.58f9e2b0.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.33cf608e.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0893587b.js";
+import { W as WindowBase } from "./WindowBase.0dc3b3ea.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.ce196f96.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.1c40d33b.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.e6971e30.js → index.bb0cd2ab.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.9425bdc5.js";
+import { I as IconButton } from "../IconButton/index.f5dcf537.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index.239f949e.js";
+import { ax as AccordionRoot } from "../../../styles/index.d972f170.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { I as Icon } from "../../Icon/index.13aaae3c.js";
-import { T as Typography } from "../Typography/index.45e97bdd.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
+import { T as Typography } from "../Typography/index.dbc44e77.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Avatar/{index.8cc99f13.js → index.bcf4d669.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avata
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index.239f949e.js";
+import { ay as AvatarRoot } from "../../../styles/index.d972f170.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index.07fb40c0.js → index.89ca5b23.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
-import { az as BadgeRoot } from "../../../styles/index.239f949e.js";
+import { az as BadgeRoot } from "../../../styles/index.d972f170.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index.111f830e.js → index.24b9496b.js} RENAMED Viewed

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
-import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.239f949e.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.d972f170.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.4b51d4ba.js";
+import { I as Image } from "../../Image/index.fb9e71ba.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.45e97bdd.js";
+import { T as Typography } from "../Typography/index.dbc44e77.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   "root",

package/components/mui_extended/{CheckBox.a8958eb8.js → CheckBox.4d930bed.js} RENAMED Viewed

@@ -5,8 +5,8 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { aD as CheckBoxRoot } from "../../styles/index.239f949e.js";
-import { F as FieldLabel } from "../FieldLabel/index.59b9b63a.js";
+import { aD as CheckBoxRoot } from "../../styles/index.d972f170.js";
+import { F as FieldLabel } from "../FieldLabel/index.44f3e099.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.9425bdc5.js → index.f5dcf537.js} RENAMED Viewed

@@ -2,8 +2,8 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.13aaae3c.js";
-import { aE as IconButtonRoot } from "../../../styles/index.239f949e.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
+import { aE as IconButtonRoot } from "../../../styles/index.d972f170.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.8b0d69b7.js → index.540d82fd.js} RENAMED Viewed

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.5e78a637.js";
-import { aF as LabelMemuItem } from "../../../styles/index.239f949e.js";
-import { I as Icon } from "../../Icon/index.13aaae3c.js";
+import { P as Popover } from "../Popover/index.6d8fe229.js";
+import { aF as LabelMemuItem } from "../../../styles/index.d972f170.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Badge } from "../Badge/index.07fb40c0.js";
-import { I as IconButton } from "../IconButton/index.9425bdc5.js";
+import { B as Badge } from "../Badge/index.89ca5b23.js";
+import { I as IconButton } from "../IconButton/index.f5dcf537.js";
 const ICONS = {
   MENU: "menu.svg"
 };

package/components/mui_extended/Pager/classes/index.d.ts CHANGED Viewed

@@ -4,13 +4,13 @@ export declare function getPagerUtilityClass(slot: string): string;
 export declare const pagerUtilityClasses: () => {
     select: string;
     root: string;
-    skeletonRoot: string;
     labelRowsPerPageContainer: string;
     selectMenuPopover: string;
     selectMenuItem: string;
     labelDisplayRows: string;
     pagerActions: string;
     customTablePaginationRoot: string;
+    skeletonRoot: string;
     skeletonRowsPerPage: string;
     skeletonButtonContainer: string;
     skeletonIconButton: string;

package/components/mui_extended/Pager/{index.cb749e65.js → index.f3a6c94b.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index.239f949e.js";
+import { aG as PagerRoot } from "../../../styles/index.d972f170.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.9425bdc5.js";
+import { I as IconButton } from "../IconButton/index.f5dcf537.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.45e97bdd.js";
-import { I as Icon } from "../../Icon/index.13aaae3c.js";
+import { T as Typography } from "../Typography/index.dbc44e77.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Popover/{index.5e78a637.js → index.6d8fe229.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aH as PopoverRoot } from "../../../styles/index.239f949e.js";
+import { aH as PopoverRoot } from "../../../styles/index.d972f170.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";

package/components/mui_extended/Stack/{index.3674daf7.js → index.9d6ed8c2.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aI as MUISTack } from "../../../styles/index.239f949e.js";
+import { aI as MUISTack } from "../../../styles/index.d972f170.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Tab/{index.a94a92c1.js → index.0941bb3a.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.239f949e.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.d972f170.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";

package/components/mui_extended/ToggleButton/{index.a55def3b.js → index.d45c7a60.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.111f830e.js";
+import { B as Button, b as buttonClasses } from "../Button/index.24b9496b.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
   return /* @__PURE__ */ jsx(

package/components/mui_extended/ToggleIconButton/{index.cd20de81.js → index.c51670d1.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.9425bdc5.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.f5dcf537.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index.45e97bdd.js → index.dbc44e77.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { aN as WarpperTypography } from "../../../styles/index.239f949e.js";
+import { aN as WarpperTypography } from "../../../styles/index.d972f170.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";

package/components/popups/PopupsViewer/{index.8fe4aa5d.js → index.6a175b73.js} RENAMED Viewed

@@ -5,10 +5,10 @@ import { forwardRef } from "react";
 import { useEnvironment } from "@m4l/core";
 import { u as usePopupsStore } from "../PopupsProvider/index.776c62e7.js";
 import { P as POPUPS_ICONS } from "./icons.066abd43.js";
-import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots.aaf546e2.js";
-import { d as draggableWindowClasses } from "../../DragResizeWindow/index.46048367.js";
-import { I as Icon } from "../../Icon/index.13aaae3c.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.9425bdc5.js";
+import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots.be9219c7.js";
+import { d as draggableWindowClasses } from "../../DragResizeWindow/index.17e7059d.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.f5dcf537.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
 const Header = (props) => {
   const { popupId } = props;

package/components/popups/PopupsViewer/slots/{popupsViewerSlots.aaf546e2.js → popupsViewerSlots.be9219c7.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { styled } from "@mui/material/styles";
 import { P as POPUPS_VIEWER_KEY_COMPONENT } from "../constants.29247547.js";
-import { aO as popupsViewerStyles } from "../../../../styles/index.239f949e.js";
+import { aO as popupsViewerStyles } from "../../../../styles/index.d972f170.js";
 import { P as PopupViewerSlots } from "./index.154e4e5f.js";
-import { D as DragResizeWindow } from "../../../DragResizeWindow/index.46048367.js";
+import { D as DragResizeWindow } from "../../../DragResizeWindow/index.17e7059d.js";
 const RootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
   popupsViewerStyles?.root
 );

package/contexts/ModalContext/{index.a5c622d6.js → index.26017754.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.ff275011.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.3571068b.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.40a9547e.js → index.54d30cb2.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { useEffect } from "react";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { aP as FormProviderRoot } from "../../styles/index.239f949e.js";
+import { aP as FormProviderRoot } from "../../styles/index.d972f170.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LRHFormProvider";

package/hooks/useFormAddEdit/{index.b6a3cf63.js → index.bd4ae2a5.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.3ad1e014.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.60955735.js";
+import { u as useModal } from "../useModal/index.d3c18b29.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.b8a431dd.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.3ad1e014.js → index.d3c18b29.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as ModalContext } from "../../contexts/ModalContext/index.a5c622d6.js";
+import { a as ModalContext } from "../../contexts/ModalContext/index.26017754.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/hooks/useTab/{index.4081b113.js → index.da9b5a24.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { d as TabContext } from "../../components/mui_extended/Tab/index.a94a92c1.js";
+import { d as TabContext } from "../../components/mui_extended/Tab/index.0941bb3a.js";
 const useTab = () => {
   const context = useContext(TabContext);
   if (context === null) {