@m4l/components 0.2.36 → 1.0.0

package/components/mui_extended/Stack/styles.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
-export declare const MUISTack: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    ref?: import("react").Ref<unknown> | undefined;
-    children?: import("react").ReactNode;
-    direction?: import("@mui/system").ResponsiveStyleValue<"column" | "row" | "column-reverse" | "row-reverse"> | undefined;
-    spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
-    divider?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const MUISTack: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "ref" | "children" | "direction" | keyof import("@mui/material/OverridableComponent").CommonProps | ("px" | "p" | "top" | "minWidth" | "maxWidth" | "width" | "gridTemplateRows" | "right" | "left" | "height" | "bottom" | "gridTemplateColumns" | "color" | "flex" | "margin" | "boxSizing" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textTransform" | "position" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "boxShadow" | "maxHeight" | "minHeight" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "textAlign") | "sx" | "spacing" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Tab/styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const TabRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTTabWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTTabWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Tabs/styles.d.ts

@@ -1,59 +1,4 @@
 /// <reference types="react" />
-export declare const MUITabs: import("@emotion/styled").StyledComponent<{
-    action?: import("react").Ref<import("@mui/material").TabsActions> | undefined;
-    allowScrollButtonsMobile?: boolean | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    centered?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TabsClasses> | undefined;
-    indicatorColor?: "primary" | "secondary" | undefined;
-    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any) => void) | undefined;
-    orientation?: "horizontal" | "vertical" | undefined;
-    ScrollButtonComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    scrollButtons?: boolean | "auto" | undefined;
-    selectionFollowsFocus?: boolean | undefined;
-    TabIndicatorProps?: (import("react").HTMLAttributes<HTMLDivElement> & {
-        sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    }) | undefined;
-    TabScrollButtonProps?: Partial<import("@mui/material").TabScrollButtonProps> | undefined;
-    textColor?: "inherit" | "primary" | "secondary" | undefined;
-    value?: any;
-    variant?: "standard" | "fullWidth" | "scrollable" | undefined;
-    visibleScrollbar?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "children" | "tabIndex" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "value" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "orientation" | "variant" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const MUITabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "value" | "style" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "className" | "action" | "sx" | "classes" | "variant" | "slotProps" | "slots" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Typography/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const WarpperTypography: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WarpperTypography: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/popups/PopupsProvider/{index.8fb6232a.js → index.18669fb4.js}

@@ -6,7 +6,7 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { p as popupsUtilityClasses } from "../PopupsViewer/index.813854e4.js";
+import { p as popupsUtilityClasses } from "../PopupsViewer/index.ba354267.js";
 import { cloneDeep } from "lodash";
 const updateOwnerStateClasses = (state) => {
   state.classes = popupsUtilityClasses(state.ownerState);

package/components/popups/PopupsViewer/{index.813854e4.js → index.ba354267.js}

@@ -4,16 +4,15 @@ import { shallow } from "zustand/shallow";
 import { useState, useRef } from "react";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.8fb6232a.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.18669fb4.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.a9f25040.js";
-import { I as Icon } from "../../Icon/index.ee7b85c9.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.b0ee4965.js";
+import { ay as COMPONENT_CLASS_NAME } from "../../areas/constants.5387d83e.js";
+import { P as POPUPS_ICONS } from "../../areas/icons.504ec098.js";
+import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.46b380e1.js";
+import { I as Icon, a as IconButton } from "../../Icon/index.d5fed418.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
 import { styled } from "@mui/material/styles";
-const COMPONENT_CLASS_NAME = "M4LPopupsViewer";
-const MAP_ZINDEX_OVER_MAP = 1100;
 const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "containerRoot",
   "popupRoot",
@@ -44,9 +43,6 @@ const popupsUtilityClasses = (_ownerState) => {
     ...composedClasses
   };
 };
-const POPUPS_ICONS = {
-  CLOSE: "close.svg"
-};
 const Header = (props) => {
   const { popupId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -165,7 +161,6 @@ const PopupsViewer = (props) => {
   }) }) });
 };
 export {
-  MAP_ZINDEX_OVER_MAP as M,
   PopupsViewer as P,
   popupsUtilityClasses as p
 };

package/contexts/ModalContext/{index.45c275cd.js → index.cf02e6bd.js}

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

package/contexts/RHFormContext/{index.bf3a2812.js → index.dc955a09.js}

@@ -5,10 +5,10 @@ import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
+import { az as componentName } from "../../components/areas/constants.5387d83e.js";
 const FormProviderRoot = styled("form")(({ theme }) => ({
   ...theme.components?.M4LRHFormProvider?.styleOverrides
 }));
-const componentName = "M4LRHFormProvider";
 generateUtilityClasses(
   componentName,
   [
@@ -69,10 +69,6 @@ function RHFormProvider(props) {
     }
   ) });
 }
-function getFormComponentsDictionary() {
-  return ["form_provider"];
-}
 export {
-  RHFormProvider as R,
-  getFormComponentsDictionary as g
+  RHFormProvider as R
 };

package/hooks/useFormAddEdit/{index.9b27ca02.js → index.f156a2cd.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { useNetwork, useFlags, useModuleDictionary } from "@m4l/core";
+import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.30674bb7.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.48140481.js";
+import { u as useModal } from "../useModal/index.ef54bcf2.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.e35da619.js";
 function useFormAddEdit(props) {
   const {
     initialValues,
@@ -19,7 +19,7 @@ function useFormAddEdit(props) {
     objectId === void 0 ? "new" : "edit"
   );
   const { networkOperation } = useNetwork();
-  const { addFlag } = useFlags();
+  const addFlag = useFlagsStore((state) => state.flagsActions.addFlag);
   const { getLabel } = useModuleDictionary();
   const setRefresh = () => {
     if (statusLoad === "ready") {
@@ -81,10 +81,6 @@ function useFormAddEdit(props) {
   }, [objectId]);
   return { formValues, statusLoad, setRefresh };
 }
-const getformAddEditDictionary = () => {
-  return "form_add_edit";
-};
 export {
-  getformAddEditDictionary as g,
   useFormAddEdit as u
 };

package/hooks/useModal/index.ef54bcf2.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { useIsMobile } from "@m4l/graphics";
+import { useContext, useRef, useCallback } from "react";
+import { t as useDataGrid, v as DataGridRoot, w as ColumnsConfig, d as Actions, e as ActionCancel, f as ActionIntro } from "../../vendor.a1ce6777.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.cf02e6bd.js";
+import { W as WindowBase } from "../../components/modal/WindowBase.a3ac7adc.js";
+function useModal() {
+  const context = useContext(ModalContext);
+  if (!context)
+    throw new Error("useModal context must be use inside ModalContext");
+  return context;
+}
+const useModalSettings = () => {
+  const { openModal, closeModal } = useModal();
+  const { columnsConfig, onChangeColumnsConfig } = useDataGrid();
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const isMobile = useIsMobile();
+  const { classes } = useDataGrid();
+  const ref = useRef(null);
+  const onCloseSettings = useCallback(() => {
+    closeModal();
+  }, [closeModal]);
+  const onClickIntro = useCallback(() => {
+    if (ref.current?.onClickIntro) {
+      ref.current.onClickIntro();
+    }
+  }, []);
+  const onClickSettings = () => {
+    openModal({
+      initialWidth: 500,
+      initialHeigth: 680,
+      fullScreen: isMobile,
+      window: /* @__PURE__ */ jsxs(
+        WindowBase,
+        {
+          title: getLabel("data_grid.settings_title"),
+          urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
+          children: [
+            /* @__PURE__ */ jsx(DataGridRoot, { className: classes.root, children: /* @__PURE__ */ jsx("div", { className: classes.tableContaniner, style: { inset: "0" }, children: /* @__PURE__ */ jsx("div", { className: classes.wrapperDataGridCss, children: /* @__PURE__ */ jsx(
+              ColumnsConfig,
+              {
+                ref,
+                columnsConfig,
+                onChangeColumnsConfig,
+                onCloseSettings,
+                classes
+              }
+            ) }) }) }),
+            /* @__PURE__ */ jsxs(Actions, { children: [
+              /* @__PURE__ */ jsx(ActionCancel, { onClick: closeModal }),
+              /* @__PURE__ */ jsx(ActionIntro, { onClick: onClickIntro })
+            ] })
+          ]
+        }
+      )
+    });
+  };
+  return onClickSettings;
+};
+const useModalSettings$1 = useModalSettings;
+export {
+  useModalSettings$1 as a,
+  useModal as u
+};

package/hooks/useTab/{index.f7973779.js → index.bce8b99e.js}

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

package/index.d.ts

@@ -3,4 +3,3 @@ export * from './contexts';
 export * from './hooks';
 export * from './@types/export.d';
 export * from './@types/types.d';
-export { Logo } from './assets/Logo';