@m4l/components 0.1.62 → 0.1.63

package/components/hook-form/RHFCheckbox/index.6e80f572.js

@@ -1,110 +0,0 @@
-import { useFormContext, Controller } from "react-hook-form";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
-import { useModuleSkeleton } from "@m4l/core";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { styled as styled$1 } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
-import { E as ErrorLabel } from "../../ErrorLabel/index.e140421c.js";
-import { T as Typography } from "../../mui_extended/Typography/index.be3a279a.js";
-const WrapperSkeletonCheckBox = styled("div")(() => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  width: "36px",
-  height: "36px"
-}));
-const SkeletonRHFCheckBox = (props) => {
-  const {
-    classes
-  } = props;
-  return /* @__PURE__ */ jsx(WrapperSkeletonCheckBox, {
-    className: classes.skeleton,
-    "data-testid": "SkeletonRHFCheckBox",
-    children: /* @__PURE__ */ jsx(Skeleton, {
-      variant: "rounded",
-      width: "18px",
-      height: "18px"
-    })
-  });
-};
-const RHFCheckboxRoot = styled$1("div")(({
-  theme
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(0.5),
-  ...theme.components?.M4LRHFCheckbox?.styleOverrides
-}));
-styled$1("div")(() => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: "8px"
-}));
-styled$1(Skeleton)(() => ({
-  width: "20px",
-  height: "20px",
-  borderRadius: "4px"
-}));
-generateUtilityClasses("M4LRHFCheckbox", [
-  "root",
-  "skeleton"
-]);
-function getRHFCheckboxUtilityClass(slot) {
-  return generateUtilityClass("M4LRHFCheckbox", slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function RHFCheckbox(props) {
-  const {
-    name,
-    sizeCheck = "small",
-    label
-  } = props;
-  const {
-    control
-  } = useFormContext();
-  const isSkeleton = useModuleSkeleton();
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsxs(RHFCheckboxRoot, {
-    className: classes.root,
-    "data-testid": "RHFCheckboxRoot",
-    children: [/* @__PURE__ */ jsx(Controller, {
-      name,
-      control,
-      render: ({
-        field,
-        fieldState: {
-          error
-        }
-      }) => {
-        return !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Checkbox, {
-            size: sizeCheck,
-            ...field,
-            checked: field.value
-          }), error?.message && /* @__PURE__ */ jsx(ErrorLabel, {
-            message: error?.message + ""
-          })]
-        }) : /* @__PURE__ */ jsx(SkeletonRHFCheckBox, {
-          classes
-        });
-      }
-    }), /* @__PURE__ */ jsx(Typography, {
-      variant: "body1",
-      skeletonWidth: "80px",
-      children: label
-    })]
-  });
-}
-export {
-  RHFCheckbox as R
-};

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

@@ -1,228 +0,0 @@
-import { useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { styled, Skeleton, generateUtilityClasses, TextField, generateUtilityClass, InputAdornment } from "@mui/material";
-import { forwardRef, useState } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.afa201a7.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.b29ff2d9.js";
-import { styled as styled$1 } from "@mui/material/styles";
-import { useFormContext, Controller } from "react-hook-form";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.b6ae791a.js";
-import { T as TEST_PROP_ID } from "../../../vendor.29969396.js";
-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,
-    ownerState,
-    classes
-  } = props;
-  const {
-    variant
-  } = ownerState;
-  return /* @__PURE__ */ jsx(WrapperSkeletonRHFTextField, {
-    className: classes.skeleton,
-    "data-testid": "WrapperSkeletonRHFTextField",
-    children: variant === "text" ? /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: skeletonWidth,
-      height: skeletonHeight
-    }) : /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: skeletonWidth,
-        height: skeletonHeight
-      }), /* @__PURE__ */ jsx(Skeleton, {
-        variant: "circular",
-        width: "20px",
-        height: "20px"
-      })]
-    })
-  });
-};
-const RHFTextFieldRoot = styled$1("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LRHFTextField?.styleOverrides
-}));
-styled$1("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${theme.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: theme.spacing(1)
-}));
-const componentName = "M4LRHFTextField";
-generateUtilityClasses(
-  componentName,
-  [
-    "root",
-    "skeleton",
-    "variantText",
-    "variantPassword"
-  ]
-);
-const getRHFTextFieldClassesByState = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.variant === "password" ? "variantPassword" : "variantText"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-  return {
-    ...composedClasses
-  };
-};
-const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
-const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
-const RHFTextField = forwardRef((props, ref) => {
-  const {
-    name: nameRHF,
-    autoComplete = "off",
-    skeletonWidth = "100%",
-    skeletonHeight = "18px",
-    type,
-    inputProps,
-    ...other
-  } = props;
-  const ownerState = {
-    variant: type === "password" ? "password" : "text"
-  };
-  const classes = getRHFTextFieldClassesByState(ownerState);
-  const isSkeleton = useModuleSkeleton();
-  const {
-    control
-  } = useFormContext();
-  return /* @__PURE__ */ jsx(RHFTextFieldRoot, {
-    className: classes.root,
-    role: "textbox",
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}`
-    } : {},
-    children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
-      name: nameRHF,
-      control,
-      render: ({
-        field: {
-          onChange,
-          onBlur,
-          value,
-          name,
-          ref: inputRef
-        },
-        fieldState: {
-          error
-        }
-      }) => {
-        const onInternalChange = (event) => {
-          if (type === "number") {
-            if (event.target.value) {
-              onChange(Number(event.target.value));
-              return;
-            }
-          }
-          onChange(event);
-        };
-        return /* @__PURE__ */ jsx(TextField, {
-          ref,
-          inputRef,
-          autoComplete,
-          onChange: onInternalChange,
-          onBlur,
-          value: value || "",
-          name,
-          inputProps: {
-            ...inputProps,
-            ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
-            } : {}
-          },
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message,
-          type,
-          ...other
-        });
-      }
-    }) : /* @__PURE__ */ jsx(SkeletonTextField, {
-      "data-testid": "SkeletonTextField",
-      classes,
-      skeletonWidth,
-      skeletonHeight,
-      ownerState
-    })
-  });
-});
-RHFTextField.displayName = "RHFTextField";
-const RHFTextFieldPasswordRoot = styled$1("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LRHFTextFieldPassword?.styleOverrides
-}));
-generateUtilityClasses("M4LRHFTextFieldPassword", [
-  "root"
-]);
-function getRHFTextFieldPasswordUtilityClass(slot) {
-  return generateUtilityClass("M4LRHFTextFieldPassword", slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFTextFieldPasswordUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const RHFTextFieldPassword = (props) => {
-  const {
-    name,
-    label,
-    skeletonWidth,
-    skeletonHeight
-  } = props;
-  const [showPassword, setShowPassword] = useState(false);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(RHFTextFieldPasswordRoot, {
-    className: classes.root,
-    "data-testid": "RHFTextFieldPasswordRoot",
-    children: /* @__PURE__ */ jsx(RHFTextField, {
-      name,
-      label,
-      type: showPassword ? "text" : "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.3cc54b93.js

@@ -1,29 +0,0 @@
-import "@mui/material";
-import "../../react-draggable.6471b07e.js";
-import "react";
-import "../../contexts/ModalContext/index.b4114066.js";
-import "../ModalDialog/index.dc7ebe06.js";
-import "../Resizeable/index.04fa8de5.js";
-import "react/jsx-runtime";
-import "@m4l/graphics";
-import "@m4l/core";
-import "../CommonActions/components/Actions/index.6eb24c0b.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.8406ed5b.js";
-import "react-hook-form";
-import "./WindowBase.7828e042.js";
-import "../Icon/index.b29ff2d9.js";
-import "@mui/material/styles";
-import "../areas/components/index.9f62ca8e.js";
-import "../areas/components/AreasAdmin/index.645bd2c7.js";
-import "../mui_extended/IconButton/index.afa201a7.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.f3d6e728.js";
-import "zustand/shallow";
-import "../areas/components/AreasContainer/index.3e74c849.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.b620abed.js";
-import "../areas/contexts/index.3623b460.js";
-import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import "@mui/lab";
-import "./WindowConfirm.42ec4dcd.js";

package/components/mui_extended/Button/index.8406ed5b.js

@@ -1,150 +0,0 @@
-import { useModuleSkeleton } from "@m4l/core";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, IconButton, Tooltip } from "@mui/material";
-import MuiButton from "@mui/material/Button";
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { I as Image } from "../../Image/index.aa24e982.js";
-import { unstable_composeClasses } from "@mui/base";
-import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-const ButtonRoot = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LButton?.styleOverrides
-}));
-styled(Skeleton)(({
-  theme
-}) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-const componentName$1 = "M4LButton";
-generateUtilityClasses(componentName$1, [
-  "root",
-  "skeleton"
-]);
-function getButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName$1, slot);
-}
-const useUtilityClasses$1 = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const Button = (props) => {
-  const isSkeleton = useModuleSkeleton();
-  const classes = useUtilityClasses$1();
-  return /* @__PURE__ */ jsx(ButtonRoot, {
-    className: classes.root,
-    "data-testid": "ButtonRoot",
-    children: !isSkeleton ? /* @__PURE__ */ jsx(MuiButton, {
-      ...props
-    }) : /* @__PURE__ */ jsx(Skeleton, {
-      className: classes.skeleton,
-      "data-testid": "MuiSkeleton",
-      sx: {
-        borderRadius: 2
-      },
-      variant: "rectangular",
-      width: "100px",
-      height: "36px"
-    })
-  });
-};
-const WrapperImageButton = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LImageButton?.styleOverrides
-}));
-const componentName = "M4LImageButton";
-const imageButtonClasses = generateUtilityClasses(componentName, [
-  "root"
-]);
-function getImageButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function ImageButton({
-  src,
-  width,
-  height,
-  useIntersectionObserver,
-  skeletonVariant = "circle",
-  tooltip,
-  sx = {
-    width: 40,
-    height: 40
-  },
-  ...other
-}) {
-  const finalTooltip = tooltip;
-  const classes = useUtilityClasses();
-  const imageButton = useMemo(() => {
-    return /* @__PURE__ */ jsx(IconButton, {
-      sx,
-      ...other,
-      children: /* @__PURE__ */ jsx(Image, {
-        src,
-        width,
-        height,
-        useIntersectionObserver,
-        skeletonVariant
-      })
-    });
-  }, [src, width, height, useIntersectionObserver, skeletonVariant, sx]);
-  return /* @__PURE__ */ jsx(WrapperImageButton, {
-    className: classes.root,
-    "data-testid": "WrapperImageButton",
-    children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-      title: finalTooltip || "",
-      children: imageButton
-    }) : imageButton
-  });
-}
-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
-  });
-};
-export {
-  Button as B,
-  ImageButton as I,
-  LoadingButton as L,
-  imageButtonClasses as i
-};

package/components/mui_extended/LoadingButton/subcomponents/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export declare const SkeletonLoadingButton: () => JSX.Element;

package/components/mui_extended/index.9ce0bca3.js

@@ -1,19 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.b29ff2d9.js";
-import "@mui/material/styles";
-import "react/jsx-runtime";
-import "./IconButton/index.afa201a7.js";
-import "./Accordion/index.725a10af.js";
-import "./Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "./Button/index.8406ed5b.js";
-import "../Image/index.aa24e982.js";
-import "@mui/lab";
-import "./Popover/index.8ed52492.js";
-import "./MenuActions/index.1affe51a.js";
-import "./Pager/index.d4d1a1a0.js";
-import "./Tab/index.e0653a0a.js";
-import "./Typography/index.be3a279a.js";

package/vendor.29969396.js

@@ -1,145 +0,0 @@
-import "./components/Icon/index.b29ff2d9.js";
-import "framer-motion";
-import "@mui/material";
-import { jsx } from "react/jsx-runtime";
-import "@mui/material/styles";
-import "react-router-dom";
-import "./components/animate/LoadingScreen/index.1d0c4307.js";
-import "./components/animate/PropagateLoader/index.be5b02c3.js";
-import "./components/areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import "./contexts/ModalContext/index.b4114066.js";
-import { useState } from "react";
-import "react-hook-form";
-import "@hookform/resolvers/yup";
-import "./contexts/RHFormContext/index.3dc6e2f5.js";
-import "@m4l/core";
-import "./components/hook-form/RHFAutocomplete/index.bb6cb5df.js";
-import "./components/Image/index.aa24e982.js";
-import "lodash/debounce";
-import "./components/hook-form/RHFCheckbox/index.6e80f572.js";
-import "./components/mui_extended/IconButton/index.afa201a7.js";
-import "./components/mui_extended/Accordion/index.725a10af.js";
-import "./components/mui_extended/Avatar/index.fe06afd7.js";
-import "@mui/material/Button";
-import "./components/mui_extended/Button/index.8406ed5b.js";
-import "@mui/lab";
-import "./components/mui_extended/Popover/index.8ed52492.js";
-import "./components/mui_extended/MenuActions/index.1affe51a.js";
-import "./components/mui_extended/Pager/index.d4d1a1a0.js";
-import "./components/mui_extended/Tab/index.e0653a0a.js";
-import "./components/mui_extended/Typography/index.be3a279a.js";
-import "./components/ErrorLabel/index.e140421c.js";
-import "@mui/x-date-pickers";
-import "./components/hook-form/RHFDateTime/index.6c129ce4.js";
-import "@m4l/graphics";
-import "./components/hook-form/RHFTextField/index.d3544fa3.js";
-import "./components/hook-form/RHFPeriod/index.c4944f9c.js";
-import "./components/Period/index.796b3af4.js";
-import "./components/CommonActions/components/Actions/index.6eb24c0b.js";
-import { c as cjs } from "./react-draggable.6471b07e.js";
-import "./components/ModalDialog/index.dc7ebe06.js";
-import "./components/Resizeable/index.04fa8de5.js";
-import "./components/modal/WindowConfirm.42ec4dcd.js";
-import "./components/modal/WindowBase.7828e042.js";
-import "./components/areas/components/index.9f62ca8e.js";
-import "./components/areas/components/AreasAdmin/index.645bd2c7.js";
-import "zustand";
-import "./components/areas/contexts/AreasContext/index.f3d6e728.js";
-import "zustand/shallow";
-import "./components/areas/components/AreasContainer/index.3e74c849.js";
-import "react-grid-layout/css/styles.css";
-import "./react-resizable.b620abed.js";
-import "./components/areas/contexts/index.3623b460.js";
-import "lodash/isString";
-import "react-dropzone";
-import "./components/hook-form/RHFUpload/index.7fdff30f.js";
-import "./components/DataGrid/index.58f35158.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "./components/DynamicFilter/index.10f901c6.js";
-import "./components/ScrollBar/index.b77feabd.js";
-import "clsx";
-import "yup";
-import "./components/LanguagePopover/index.df9b47a6.js";
-import "./components/NoItemSelected/index.9636ec8a.js";
-import "./components/ObjectLogs/index.38c2ad18.js";
-import "./react-json-view.57125fcf.js";
-import "./components/PaperForm/index.3cdac885.js";
-import "./components/Page/index.4237c241.js";
-import "./components/PropertyValue/index.dfcfe1ba.js";
-import "./react-splitter-layout.8b1655c8.js";
-import "./components/SplitLayout/index.5a8355d8.js";
-import "./components/animate/variants/fade.b561c0fc.js";
-import "./components/animate/variants/bounce.784aaaaa.js";
-import "./components/animate/variants/container.11f82b76.js";
-import "./components/animate/variants/transition.bd46b9ce.js";
-import "./components/animate/MotionContainer/index.8d9f9d80.js";
-import "./components/animate/MotionLazyContainer/index.572dd012.js";
-import "./components/areas/hooks/useDynamicMFParameters/index.041a666b.js";
-import "./components/areas/hooks/index.18982960.js";
-import "./components/hook-form/RHFAutocompleteAsync/index.815949a9.js";
-import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
-import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
-import "./components/mui_extended/BoxIcon/index.e638ecc8.js";
-import "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import "./components/mui_extended/CircularProgress/index.ad569afd.js";
-import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
-import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import "./components/formatters/BooleanFormatter/index.bf947220.js";
-import "./components/formatters/DateFormatter/index.578a9f53.js";
-import "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
-import "./components/formatters/PointsFormatter/index.80a4e414.js";
-import "./components/formatters/index.acd3dcea.js";
-import "./components/formatters/PriceFormatter/index.83cbe7be.js";
-import "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
-import "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js";
-import "./components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js";
-import "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
-import "./components/CommonActions/components/ActionCancel/index.a81752ef.js";
-import "./components/CommonActions/components/ActionIntro/index.3f75a205.js";
-import "./components/CommonActions/components/ActionFormCancel/index.2124a98a.js";
-import "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import "./components/Loadable/index.117eaced.js";
-import "./components/ScrollToTop/index.e06f98f6.js";
-import "./hooks/useFormAddEdit/index.15de3ba8.js";
-import "./hooks/useModal/index.77b3415c.js";
-import "./assets/Logo/index.228dcb5a.js";
-const TEST_PROP_ID = "data-testid";
-const DraggableWindow = (props) => {
-  const {
-    children,
-    handle = "m4l_draggable_handle",
-    cancel = '[class*="MuiDialogContent-root"]',
-    defaultPosition,
-    ...others
-  } = props;
-  const [position, setPosition] = useState(defaultPosition || {
-    x: 0,
-    y: 0
-  });
-  const onDrag = (_e, data) => {
-    const {
-      x,
-      y
-    } = data;
-    const xPos = x < 0 ? 0 : Math.round(x);
-    const yPos = y < 0 ? 0 : Math.round(y);
-    setPosition({
-      x: xPos,
-      y: yPos
-    });
-  };
-  return /* @__PURE__ */ jsx(cjs.exports, {
-    handle,
-    cancel,
-    position,
-    onDrag,
-    ...others,
-    children
-  });
-};
-export {
-  DraggableWindow as D,
-  TEST_PROP_ID as T
-};