@m4l/components 0.2.13 → 0.2.15

package/components/ToastContainer/index.5e729fbb.js

@@ -1,89 +0,0 @@
-import { A } from "../../node_modules.79f5ed2f.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
-import { useEnvironment } from "@m4l/core";
-import { useMemo } from "react";
-import { styled, generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
-import "clsx";
-import "@m4l/graphics";
-const ToastContainerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LToastContainer?.styleOverrides
-}));
-const componentName = "M4LToastContainer";
-const toastClasses = generateUtilityClasses(
-  componentName,
-  [
-    "root",
-    "toastMessageContainer",
-    "toastMessageIcon",
-    "toastMessageInfo"
-  ]
-);
-const getToastClassesByState = () => {
-  const slots = {
-    root: ["root"],
-    toastMessageContainer: ["toastMessageContainer"],
-    toastMessageIcon: ["toastMessageIcon"],
-    toastMessageInfo: ["toastMessageInfo"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-  return {
-    ...composedClasses
-  };
-};
-const ToastContainer = (props) => {
-  const {
-    children
-  } = props;
-  const classes = getToastClassesByState();
-  return /* @__PURE__ */ jsxs(ToastContainerRoot, {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx(A, {}), children]
-  });
-};
-const ToastMessage = (props) => {
-  const {
-    messageType,
-    children
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const iconSuccess = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/success.svg`;
-  const iconInfo = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/info.svg`;
-  const iconWarning = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/warning.svg`;
-  const iconError = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/error.svg`;
-  const finalIcon = useMemo(() => {
-    switch (messageType) {
-      case "info":
-        return iconInfo;
-      case "success":
-        return iconSuccess;
-      case "warning":
-        return iconWarning;
-      case "error":
-        return iconError;
-      default:
-        return "";
-    }
-  }, [messageType]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: toastClasses.toastMessageContainer,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: toastClasses.toastMessageIcon,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: finalIcon
-      })
-    }), /* @__PURE__ */ jsx("div", {
-      className: toastClasses.toastMessageInfo,
-      children
-    })]
-  });
-};
-export {
-  ToastContainer as T,
-  ToastMessage as a
-};

package/components/ToastContainer/index.d.ts

@@ -1,2 +0,0 @@
-export { ToastContainer } from './ToastContainer';
-export { ToastMessage } from './subcomponents/ToastMessage';

package/components/ToastContainer/subcomponents/ToastMessage/index.d.ts

@@ -1,2 +0,0 @@
-import { ToastMessageProps } from "./types";
-export declare const ToastMessage: (props: ToastMessageProps) => import("react/jsx-runtime").JSX.Element;

package/components/ToastContainer/subcomponents/ToastMessage/types.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export interface ToastMessageProps {
-    messageType: 'info' | 'success' | 'warning' | 'error' | 'default';
-    children: ReactNode;
-}

package/components/ToastContainer/types.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from "react";
-export interface ToastContainerProps {
-    children: ReactNode;
-}

package/components/areas/components/index.4381fcfa.js

@@ -1,32 +0,0 @@
-import "react";
-import "@m4l/core";
-import "@mui/material";
-import "../../Icon/index.e215d0f0.js";
-import "clsx";
-import "@m4l/graphics";
-import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.5afe56b7.js";
-import "zustand";
-import "../contexts/AreasContext/index.cffa1526.js";
-import "./AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../../ScrollBar/index.010f1b9d.js";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import "../../mui_extended/Typography/index.443590d6.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../../mui_extended/Button/index.0f2552ed.js";
-import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.e084d8e9.js";
-import "../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../../LoadingError/index.b3e4e8e5.js";

package/components/areas/contexts/index.003a53c1.js

@@ -1,4 +0,0 @@
-import "./AreasContext/index.cffa1526.js";
-import "./WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand";
-import "zustand/middleware/immer";

package/components/areas/hooks/index.0184c6f7.js

@@ -1,4 +0,0 @@
-import "react";
-import "zustand";
-import "../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../contexts/WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/index.1b5b2267.js

@@ -1,56 +0,0 @@
-import { useEffect } from "react";
-import "@m4l/core";
-import "@mui/material";
-import "../Icon/index.e215d0f0.js";
-import "clsx";
-import "@m4l/graphics";
-import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "zustand";
-import "./contexts/AreasContext/index.cffa1526.js";
-import "./components/AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../ScrollBar/index.010f1b9d.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.e084d8e9.js";
-import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../LoadingError/index.b3e4e8e5.js";
-import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand/middleware/immer";
-import "./contexts/DynamicMFParmsContext/index.1607c78e.js";
-function useOnClickOutside(ref, handler, noRef) {
-  useEffect(() => {
-    const listener = (event) => {
-      const el = ref?.current;
-      const noEl = noRef?.current;
-      if (!el || el.contains(event.target) || noEl && noEl.contains(event.target)) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [ref, handler]);
-}
-export {
-  useOnClickOutside as u
-};

package/components/hook-form/RHFColorPicker/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LRHFColorPicker";

package/components/hook-form/RHFColorPicker/classes/index.d.ts

@@ -1,11 +0,0 @@
-import { RHFColorPickerClassesType } from './types';
-export declare const colorPickerClasses: RHFColorPickerClassesType;
-export declare function getRHFColorPickerUtilityClass(slot: string): string;
-export declare const useUtilityClasses: () => {
-    root: string;
-    skeleton: string;
-    popoverRoot: string;
-    containerFieldColor: string;
-    containerPicker: string;
-    fieldColor: string;
-};

package/components/hook-form/RHFColorPicker/classes/types.d.ts

@@ -1,11 +0,0 @@
-import { useUtilityClasses } from ".";
-export interface RHFColorPickerClassesType {
-    root: string;
-    popoverRoot: string;
-    containerFieldColor: string;
-    fieldColor: string;
-    containerPicker: string;
-    skeleton: string;
-}
-export declare type RHFColorPickerClassesKey = keyof RHFColorPickerClassesType;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/hook-form/RHFColorPicker/index.c7695748.js

@@ -1,166 +0,0 @@
-import { useState } from "react";
-import { useFormContext, Controller } from "react-hook-form";
-import { B as Button } from "../../mui_extended/Button/index.0f2552ed.js";
-import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
-import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skeleton$1 } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { useTheme } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
-import "../../mui_extended/IconButton/index.5afe56b7.js";
-import "clsx";
-import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import "../../mui_extended/Typography/index.443590d6.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import { P as Popover } from "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
-const componentName = "M4LRHFColorPicker";
-const colorPickerClasses = generateUtilityClasses(componentName, [
-  "root",
-  "popoverRoot",
-  "containerFieldColor",
-  "fieldColor",
-  "containerPicker",
-  "skeleton"
-]);
-function getRHFColorPickerUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    popoverRoot: ["popoverRoot"],
-    containerFieldColor: ["containerFieldColor"],
-    fieldColor: ["boxColor"],
-    containerPicker: ["containerPicker"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFColorPickerUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const RHFColorPickerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LRHFColorPicker?.styleOverrides
-}));
-const Skeleton = () => {
-  return /* @__PURE__ */ jsx(Skeleton$1, {
-    className: colorPickerClasses.skeleton,
-    variant: "rectangular",
-    width: 20,
-    height: 20
-  });
-};
-const RHFColorPicker = (props) => {
-  const {
-    name
-  } = props;
-  const {
-    control,
-    setValue,
-    getValues
-  } = useFormContext();
-  const isSkeleton = useModuleSkeleton();
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const theme = useTheme();
-  const currentColor = getValues(name);
-  const [tempColor, setTempColor] = useState(() => currentColor || "#ffffff");
-  const [anchorEl, setAnchorEl] = useState(null);
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const handleColorChange = (color) => {
-    setTempColor(color.hex);
-  };
-  const handleApprove = () => {
-    setAnchorEl(null);
-    if (tempColor !== currentColor) {
-      setValue(name, tempColor);
-    }
-  };
-  const classes = useUtilityClasses();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {});
-  }
-  return /* @__PURE__ */ jsx(Controller, {
-    name,
-    control,
-    defaultValue: "",
-    render: ({
-      field,
-      fieldState: {
-        error
-      }
-    }) => /* @__PURE__ */ jsxs(RHFColorPickerRoot, {
-      className: classes.root,
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: classes.containerFieldColor,
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        children: [/* @__PURE__ */ jsx("div", {
-          className: classes.fieldColor,
-          style: {
-            backgroundColor: field.value,
-            width: "20px",
-            height: "20px",
-            cursor: "pointer"
-          }
-        }), /* @__PURE__ */ jsx(Icon, {
-          src: `${host_static_assets}/${environment_assets}/frontend/components/rhfcolorpicker/assets/icons/chevron_right.svg`
-        })]
-      }), error?.message && /* @__PURE__ */ jsx(HelperText, {
-        variant: "error",
-        message: error?.message + ""
-      }), /* @__PURE__ */ jsx(Popover, {
-        open: Boolean(anchorEl),
-        arrowType: "top-center",
-        className: classes.popoverRoot,
-        anchorEl,
-        onClose: () => setAnchorEl(null),
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "center"
-        },
-        transformOrigin: {
-          vertical: "top",
-          horizontal: "center"
-        },
-        sx: {
-          mt: "12px",
-          ...theme.components?.M4LRHFColorPickerPopoverRoot?.styleOverrides
-        },
-        children: /* @__PURE__ */ jsxs("div", {
-          className: classes.containerPicker,
-          children: [/* @__PURE__ */ jsx(SketchPicker, {
-            color: tempColor,
-            onChange: handleColorChange,
-            disableAlpha: true
-          }), /* @__PURE__ */ jsx(Button, {
-            variant: "contained",
-            onClick: handleApprove,
-            children: getLabel("rhfcolorpicker.accept")
-          })]
-        })
-      })]
-    })
-  });
-};
-export {
-  RHFColorPicker as R
-};

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/indext.d.ts

@@ -1 +0,0 @@
-export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;

package/components/maps/leaflet.d.ts

@@ -1,29 +0,0 @@
-import L from 'leaflet';
-declare module 'leaflet' {
-    export function polylineDecorator(
-        layer: Layer,
-        options?: PolylineDecoratorOptions,
-    ): PolylineDecorator;
-
-    export namespace Symbol {
-        function arrowHead(options?: any): any;
-    }
-
-    namespace Polyline {
-        function decorator(layer: Layer, options?: PolylineDecoratorOptions): PolylineDecorator;
-    }
-
-    interface PolylineDecoratorOptions {
-        patterns: Pattern[];
-    }
-
-    interface Pattern {
-        offset?: number | string;
-        repeat?: number | string;
-        symbol: L.Symbol;
-    }
-
-    interface PolylineDecorator extends Layer {
-        setPatterns(patterns: Pattern[]): this;
-    }
-}

package/components/modal/WindowBase.8e3e5337.js

@@ -1,158 +0,0 @@
-import { useEnvironment } from "@m4l/core";
-import "react";
-import { u as useModal } from "../../hooks/useModal/index.8acace45.js";
-import "@mui/material";
-import "../../react-draggable.ee21cb7e.js";
-import "../Resizeable/index.6478d7d8.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "@m4l/graphics";
-import { m as modalUtilityClasses } from "./index.ac0c9093.js";
-import "../CommonActions/components/Actions/index.93e9112b.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import clsx from "clsx";
-import "react-hook-form";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.5afe56b7.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.cffa1526.js";
-import "../areas/components/AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../ScrollBar/index.010f1b9d.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.e084d8e9.js";
-import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../LoadingError/index.b3e4e8e5.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand/middleware/immer";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../animate/index.4e9774a6.js";
-import "framer-motion";
-import "@mui/material/styles";
-import "../animate/LoadingScreen/index.1d0c4307.js";
-import "../animate/PropagateLoader/index.7fab43c8.js";
-import "../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../HelperText/index.918bba47.js";
-import "../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../hook-form/RHFDateTime/index.984b803f.js";
-import "../hook-form/RHFTextField/index.1167879e.js";
-import "../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../Period/index.3bd05e05.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../hook-form/RHFUpload/index.49edcb02.js";
-import "../formatters/index.4426a315.js";
-import "../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../DynamicFilter/index.9e9885b0.js";
-import "yup";
-import "../../contexts/RHFormContext/index.7769076a.js";
-import "../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../PrintingSystem/index.70234425.js";
-import "../LanguagePopover/index.424bad09.js";
-import "../MFLoader/index.3d17dfc3.js";
-import "../NavLink/index.ed4c0609.js";
-import "../NoItemSelected/index.5ed80b8e.js";
-import "../ObjectLogs/index.3a939c6b.js";
-import "../../react-json-view.5636414a.js";
-import "../PaperForm/index.013ed28b.js";
-import "../PDFViewer/index.4d16e5bc.js";
-import "../Page/index.890fbaac.js";
-import "../PropertyValue/index.45482ca3.js";
-import "../SplitLayout/index.30fd5861.js";
-import "../../react-splitter-layout.c5d98bf7.js";
-import "../ToastContainer/index.5e729fbb.js";
-import "../SideBar/index.614f85fb.js";
-import "../AppBar/index.c8e7b25c.js";
-import "../AccountPopover/index.7060320a.js";
-const Header = (props) => {
-  const {
-    title,
-    onClickCancel,
-    urlIcon,
-    classes
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const handlerClick = (e) => {
-    e.stopPropagation();
-    onClickCancel && onClickCancel();
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    id: "Header",
-    className: clsx(classes.headerContainer, "m4l_draggable_handle"),
-    children: [urlIcon && /* @__PURE__ */ jsx("div", {
-      className: classes.iconHeader,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: urlIcon,
-        size: "medium"
-      })
-    }), /* @__PURE__ */ jsx("div", {
-      className: classes.titleHeader,
-      children: title
-    }), /* @__PURE__ */ jsx(IconButton, {
-      className: classes.iconCloseHeader,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
-      onClick: (e) => handlerClick(e),
-      "aria-label": "click"
-    })]
-  });
-};
-const WindowBase = (props) => {
-  const {
-    children,
-    onClickCancel,
-    ...other
-  } = props;
-  const {
-    closeModal,
-    variant
-  } = useModal();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  const classes = modalUtilityClasses({
-    variant
-  });
-  return /* @__PURE__ */ jsxs("div", {
-    className: classes.windowBaseRoot,
-    children: [/* @__PURE__ */ jsx(Header, {
-      ...other,
-      onClickCancel: onCloseCancel,
-      classes
-    }), /* @__PURE__ */ jsx("div", {
-      className: classes.windowContent,
-      children
-    })]
-  });
-};
-export {
-  WindowBase as W
-};