@m4l/components 0.1.42 → 0.1.44

package/components/hook-form/RHFTextField/index.b17d68f4.js

@@ -1,146 +0,0 @@
-import { useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { styled, Skeleton, TextField, InputAdornment } from "@mui/material";
-import { forwardRef, useState } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.82f16572.js";
-import { useFormContext, Controller } from "react-hook-form";
-import { jsx, jsxs } from "react/jsx-runtime";
-const WrapperSkeletonRHFTextField = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "42.25px",
-  alignItems: "center",
-  justifyContent: "space-between",
-  border: `1px solid ${theme.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: theme.spacing(1)
-}));
-const SkeletonTextField = (props) => {
-  const {
-    skeletonWidth,
-    skeletonHeight,
-    skeletonVariant
-  } = props;
-  if (skeletonVariant === "text") {
-    return /* @__PURE__ */ jsx(WrapperSkeletonRHFTextField, {
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: skeletonWidth,
-        height: skeletonHeight
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxs(WrapperSkeletonRHFTextField, {
-    children: [/* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: skeletonWidth,
-      height: skeletonHeight
-    }), /* @__PURE__ */ jsx(Skeleton, {
-      variant: "circular",
-      width: "20px",
-      height: "20px"
-    })]
-  });
-};
-const RHFTextField = forwardRef((props, inputRef) => {
-  const {
-    name: nameRHF,
-    autoComplete = "off",
-    skeletonWidth = "100%",
-    skeletonHeight = "18px",
-    type,
-    skeletonVariant = "text",
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  const {
-    control
-  } = useFormContext();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonTextField, {
-      skeletonWidth,
-      skeletonHeight,
-      skeletonVariant
-    });
-  }
-  return /* @__PURE__ */ jsx(Controller, {
-    name: nameRHF,
-    control,
-    render: ({
-      field: {
-        onChange,
-        onBlur,
-        value,
-        name,
-        ref
-      },
-      fieldState: {
-        error
-      }
-    }) => {
-      const onInternalChange = (event) => {
-        if (type === "number") {
-          if (event.target.value) {
-            onChange(Number(event.target.value));
-            return;
-          }
-        }
-        onChange(event);
-      };
-      return /* @__PURE__ */ jsx(
-        TextField,
-        {
-          inputRef,
-          autoComplete,
-          onChange: onInternalChange,
-          onBlur,
-          value: value || "",
-          name,
-          ref,
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message,
-          type,
-          ...other
-        }
-      );
-    }
-  });
-});
-RHFTextField.displayName = "RHFTextField";
-const RHFTextFieldPassword = (props) => {
-  const {
-    name,
-    label,
-    skeletonWidth,
-    skeletonHeight
-  } = props;
-  const [showPassword, setShowPassword] = useState(false);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  return /* @__PURE__ */ jsx(RHFTextField, {
-    name,
-    label,
-    type: showPassword ? "text" : "password",
-    skeletonVariant: "password",
-    autoComplete: "on",
-    skeletonWidth,
-    skeletonHeight,
-    InputProps: {
-      endAdornment: /* @__PURE__ */ jsx(InputAdornment, {
-        position: "end",
-        children: /* @__PURE__ */ jsx(IconButton, {
-          onClick: () => setShowPassword(!showPassword),
-          src: showPassword ? `${host_static_assets}/${environment_assets}/frontend/domain/host/login/assets/icons/eye.svg` : `${host_static_assets}/${environment_assets}/frontend/domain/host/login/assets/icons/eye_off.svg`
-        })
-      })
-    }
-  });
-};
-export {
-  RHFTextField as R,
-  RHFTextFieldPassword as a
-};

package/components/modal/index.8387e90e.js

@@ -1,18 +0,0 @@
-import "@mui/material";
-import "../../react-draggable.84d6b038.js";
-import "react";
-import "../../contexts/ModalContext/index.b90eec94.js";
-import "../ModalDialog/index.a684827f.js";
-import "../Resizeable/index.c96c0f09.js";
-import "react/jsx-runtime";
-import "@m4l/graphics";
-import "@m4l/core";
-import "../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
-import "../CommonActions/components/Actions/index.d3e1f36e.js";
-import "@mui/material/Button";
-import "react-hook-form";
-import "./WindowBase.04439b8e.js";
-import "../Icon/index.8d754623.js";
-import "@mui/material/styles";
-import "@mui/lab";
-import "./WindowConfirm.0b8a6818.js";

package/components/mui_extended/Button/index.86a155a2.js

@@ -1,101 +0,0 @@
-import { useModuleSkeleton, useModuleDictionary } from "@m4l/core";
-import { Skeleton, styled, IconButton, Tooltip } from "@mui/material";
-import MuiButton from "@mui/material/Button";
-import { jsx } from "react/jsx-runtime";
-import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { useMemo } from "react";
-import { I as Image } from "../../Image/index.93d5f37f.js";
-const Button = (props) => {
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {
-      sx: {
-        borderRadius: 2
-      },
-      variant: "rectangular",
-      width: "100px",
-      height: "36px"
-    });
-  }
-  return /* @__PURE__ */ jsx(MuiButton, {
-    ...props
-  });
-};
-const WrapperSkeleton = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  borderRadius: theme.spacing(1),
-  overflow: "hidden"
-}));
-const SkeletonLoadingButton = () => /* @__PURE__ */ jsx(WrapperSkeleton, {
-  id: "WrapperSKTLoadingButton",
-  children: /* @__PURE__ */ jsx(Skeleton, {
-    variant: "rectangular",
-    width: "100%",
-    height: "48px"
-  })
-});
-const LoadingButton = (props) => {
-  const {
-    children,
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonLoadingButton, {});
-  }
-  return /* @__PURE__ */ jsx(LoadingButton$1, {
-    ...other,
-    children
-  });
-};
-function ImageButton({
-  src,
-  width,
-  height,
-  className,
-  useIntersectionObserver,
-  skeletonVariant = "circle",
-  tooltip,
-  dictionaryTooltip,
-  sx = {
-    width: 40,
-    height: 40
-  },
-  ...other
-}) {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const finalTooltip = useMemo(() => {
-    if (dictionaryTooltip && getLabel) {
-      return getLabel(dictionaryTooltip);
-    }
-    return tooltip;
-  }, [tooltip, dictionaryTooltip, getLabel]);
-  const imageButton = useMemo(() => {
-    return /* @__PURE__ */ jsx(IconButton, {
-      sx,
-      className: `m4l_image_button ${className ? className : ""}`,
-      ...other,
-      children: /* @__PURE__ */ jsx(Image, {
-        src,
-        width,
-        height,
-        useIntersectionObserver,
-        skeletonVariant
-      })
-    });
-  }, [src, width, height, useIntersectionObserver, skeletonVariant, sx]);
-  return finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-    title: finalTooltip || "",
-    children: imageButton
-  }) : imageButton;
-}
-export {
-  Button as B,
-  ImageButton as I,
-  LoadingButton as L
-};

package/components/mui_extended/IconButton/index.82f16572.js

@@ -1,63 +0,0 @@
-import { useMemo } from "react";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { Skeleton, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.8d754623.js";
-import { jsx } from "react/jsx-runtime";
-const SkeletonIconButton = () => {
-  return /* @__PURE__ */ jsx(Skeleton, {
-    variant: "circular",
-    width: "30px",
-    height: "30px"
-  });
-};
-function IconButton({
-  src,
-  tooltip,
-  size = "small",
-  dictionaryTooltip,
-  bgColor = "primary.active",
-  rotationAngle,
-  angleTransition,
-  ...other
-}) {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const finalTooltip = useMemo(() => {
-    if (other.disabled) {
-      return void 0;
-    }
-    if (dictionaryTooltip && getLabel) {
-      return getLabel(dictionaryTooltip);
-    }
-    return tooltip;
-  }, [dictionaryTooltip, getLabel, other.disabled]);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonIconButton, {});
-  }
-  return finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-    title: finalTooltip || "",
-    children: /* @__PURE__ */ jsx(IconButton$1, {
-      size,
-      ...other,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src,
-        bgColor: other.disabled ? "action.disabled" : bgColor,
-        rotationAngle
-      })
-    })
-  }) : /* @__PURE__ */ jsx(IconButton$1, {
-    size,
-    ...other,
-    children: /* @__PURE__ */ jsx(Icon, {
-      src,
-      bgColor: other.disabled ? "action.disabled" : bgColor,
-      rotationAngle,
-      angleTransition
-    })
-  });
-}
-export {
-  IconButton as I
-};

package/components/mui_extended/ImageButton/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ImageButtonProps } from './types';
-export declare function ImageButton({ src, width, height, className, useIntersectionObserver, skeletonVariant, tooltip, dictionaryTooltip, sx, ...other }: ImageButtonProps): JSX.Element;

package/components/mui_extended/Popover/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { PopoverProps } from './types';
-export declare function Popover({ children, arrowType, sx, className, ...other }: PopoverProps): JSX.Element;
-export default Popover;

package/components/mui_extended/Typography/index.e5494696.js

@@ -1,35 +0,0 @@
-import { useModuleSkeleton } from "@m4l/core";
-import { Skeleton, Typography as Typography$1 } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-const SkeletonTypography = (props) => {
-  const {
-    skeletonWidth,
-    skeletongHeight
-  } = props;
-  return /* @__PURE__ */ jsx(Skeleton, {
-    variant: "text",
-    width: skeletonWidth,
-    height: skeletongHeight
-  });
-};
-function Typography(props) {
-  const {
-    skeletonWidth = "100%",
-    skeletongHeight = "18px",
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonTypography, {
-      skeletonWidth,
-      skeletongHeight
-    });
-  }
-  return /* @__PURE__ */ jsx(Typography$1, {
-    className: "m4l_typography",
-    ...other
-  });
-}
-export {
-  Typography as T
-};

package/components/mui_extended/index.85dfadf1.js

@@ -1,16 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.8d754623.js";
-import "@mui/material/styles";
-import "react/jsx-runtime";
-import "./Accordion/index.a541c71c.js";
-import "./Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "@mui/lab";
-import "./Button/index.86a155a2.js";
-import "./Popover/index.53c77d23.js";
-import "./MenuActions/index.ee17bddd.js";
-import "./Pager/index.74d3f5fc.js";
-import "./Tab/index.e0653a0a.js";