@m4l/components 0.1.75 → 0.1.76

package/components/modal/WindowConfirm.023e293f.js

@@ -1,132 +0,0 @@
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import "react";
-import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.37ffde59.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.574ea031.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d635cbc4.js";
-import "react-hook-form";
-import { Typography } from "@mui/material";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.aebbab34.js";
-import "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.e625b0d1.js";
-import "../ModalDialog/index.f652ea12.js";
-import "../Resizeable/index.41a8048b.js";
-import "@m4l/graphics";
-import { I as Icon } from "../Icon/index.f9119f5e.js";
-import { styled } from "@mui/material/styles";
-import { b as getVariantColor } from "../../utils/index.b61dccbe.js";
-import { W as WindowBase } from "./WindowBase.c223e4da.js";
-import "../mui_extended/IconButton/index.3b05af71.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../areas/components/AreasAdmin/index.158621e0.js";
-import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.621c0de4.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.443590d6.js";
-const WrapperMessageIlustration = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%"
-}));
-const ModalContent = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  gridGap: theme.spacing(5),
-  flexGrow: 1,
-  [theme.breakpoints.up("sm")]: {
-    display: "grid",
-    flexDirection: "row",
-    gridTemplateColumns: "1fr 1fr"
-  }
-}));
-const IllustrationContainer = styled("div")(({
-  theme,
-  variant
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  "& > span": {
-    background: variant === "warning" ? theme.palette.warning.main : variant === "delete" ? theme.palette.error.main : variant === "info" ? theme.palette.info.main : "theme.palette.text.primary"
-  }
-}));
-const MessageContainer = styled("div")(() => ({
-  display: "flex",
-  alignItems: "center"
-}));
-const dictionary = {
-  MESSAGE: "common_actions.confirm_quit_msg"
-};
-const MessageIlustration = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    variant = "info",
-    msg = getLabel(dictionary.MESSAGE)
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`;
-  const illustrationError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`;
-  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
-  return /* @__PURE__ */ jsx(WrapperMessageIlustration, {
-    children: /* @__PURE__ */ jsxs(ModalContent, {
-      children: [/* @__PURE__ */ jsx(IllustrationContainer, {
-        variant,
-        children: /* @__PURE__ */ jsx(Icon, {
-          src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationError : illustrationInfo,
-          size: "small"
-        })
-      }), /* @__PURE__ */ jsx(MessageContainer, {
-        children: /* @__PURE__ */ jsx(Typography, {
-          variant: "body1",
-          children: msg
-        })
-      })]
-    })
-  });
-};
-const WindowConfirm = (props) => {
-  const {
-    variant,
-    title,
-    onClickCancel,
-    onClickIntro
-  } = props;
-  const {
-    closeModal
-  } = useModal();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  return /* @__PURE__ */ jsxs(WindowBase, {
-    title,
-    variant,
-    onClickCancel,
-    children: [/* @__PURE__ */ jsx(MessageIlustration, {}), /* @__PURE__ */ jsxs(Actions, {
-      children: [/* @__PURE__ */ jsx(ActionCancel, {
-        onClick: onCloseCancel
-      }), " ", /* @__PURE__ */ jsx(ActionIntro, {
-        onClick: onClickIntro,
-        color: getVariantColor(variant)
-      })]
-    })]
-  });
-};
-export {
-  WindowConfirm as W
-};

package/components/modal/index.dbce0cab.js

@@ -1,36 +0,0 @@
-import "@mui/material";
-import "../../react-draggable.e625b0d1.js";
-import "react";
-import "../../contexts/ModalContext/index.a0de81f0.js";
-import "../ModalDialog/index.f652ea12.js";
-import "../Resizeable/index.41a8048b.js";
-import "react/jsx-runtime";
-import "@m4l/graphics";
-import "../Icon/index.f9119f5e.js";
-import "clsx";
-import "@m4l/core";
-import "../CommonActions/components/Actions/index.37ffde59.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.aebbab34.js";
-import "react-hook-form";
-import "./WindowBase.c223e4da.js";
-import "../mui_extended/IconButton/index.3b05af71.js";
-import "../mui_extended/Accordion/index.03bd0e2a.js";
-import "../mui_extended/Avatar/index.1e1a91a3.js";
-import "react-router-dom";
-import "../Image/index.8aae9322.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../mui_extended/Pager/index.80ec975a.js";
-import "../mui_extended/Tab/index.e0653a0a.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../areas/components/AreasAdmin/index.158621e0.js";
-import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.621c0de4.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "./WindowConfirm.023e293f.js";

package/components/mui_extended/Accordion/components/AccordionLabel.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AccordionLabelProps } from '../types';
-export declare const AccordionLabel: (props: AccordionLabelProps) => import("react").JSX.Element;

package/components/mui_extended/Accordion/index.03bd0e2a.js

@@ -1,107 +0,0 @@
-import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.3b05af71.js";
-import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.f9119f5e.js";
-import { styled } from "@mui/material/styles";
-import { jsx, jsxs } from "react/jsx-runtime";
-styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  borderRadius: theme.spacing(0.5),
-  height: theme.spacing(4.5),
-  minHeight: theme.spacing(4.5),
-  backgroundColor: theme.palette.background.header,
-  paddingLeft: theme.spacing(2),
-  paddingRight: theme.spacing(2),
-  marginBottom: "0px"
-}));
-const WrapperAccordionLabel = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  gap: theme.spacing(2)
-}));
-const Label = styled("span")(({
-  theme
-}) => ({
-  ...theme.typography.subtitle2
-}));
-const AccordionLabel = (props) => {
-  const {
-    isSkeleton,
-    label,
-    SKTWidht,
-    SKTHeight,
-    labelIcon
-  } = props;
-  return /* @__PURE__ */ jsx("div", {
-    children: isSkeleton ? /* @__PURE__ */ jsxs(WrapperAccordionLabel, {
-      children: [labelIcon && /* @__PURE__ */ jsx(Skeleton, {
-        variant: "circular",
-        width: "16px",
-        height: "16px"
-      }), /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: SKTWidht,
-        height: SKTHeight
-      })]
-    }) : /* @__PURE__ */ jsxs(WrapperAccordionLabel, {
-      children: [labelIcon && /* @__PURE__ */ jsx(Icon, {
-        src: labelIcon
-      }), /* @__PURE__ */ jsx(Label, {
-        children: label
-      })]
-    })
-  });
-};
-function Accordion(props) {
-  const {
-    label,
-    SKTWidht,
-    SKTHeight,
-    children,
-    accordionProps,
-    summaryProps,
-    labelIcon
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsxs(Accordion$1, {
-    variant: "outlined",
-    square: true,
-    TransitionProps: {
-      unmountOnExit: true
-    },
-    defaultExpanded: true,
-    ...accordionProps,
-    children: [/* @__PURE__ */ jsx(AccordionSummary, {
-      "aria-controls": "expanded-content",
-      disableTouchRipple: false,
-      expandIcon: /* @__PURE__ */ jsx(IconButton, {
-        "aria-label": "settings",
-        src: `${host_static_assets}/${environment_assets}/frontend/components/accordion/assets/icons/expanded.svg`
-      }),
-      ...summaryProps,
-      children: /* @__PURE__ */ jsx(AccordionLabel, {
-        isSkeleton,
-        label,
-        SKTWidht,
-        SKTHeight,
-        labelIcon
-      })
-    }), /* @__PURE__ */ jsx(AccordionDetails, {
-      children
-    })]
-  });
-}
-export {
-  Accordion as A
-};

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

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

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

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

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTButton: import("@emotion/styled").StyledComponent<{
-    animation?: false | "pulse" | "wave" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
-    height?: string | number | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
-    width?: string | number | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "width" | "height" | keyof import("@mui/material/OverridableComponent").CommonProps | "animation" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

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

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

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

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

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

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

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "error" | "default" | "inherit" | "warning" | "info" | "primary" | "secondary" | "success" | undefined;
-    disabled?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    edge?: false | "end" | "start" | undefined;
-    size?: "small" | "large" | "medium" | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | 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> | 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" | "color" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/components/PagerActions/styles.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperPagerActions: 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/Pager/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const Pager: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTWrapperPagerActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTSvgIconButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTSvgIconButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTWrapperRowsPerPage: 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/Popover/styles.d.ts

@@ -1 +0,0 @@
-export declare const PopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ArrowStyleProps } from '../../types';
-export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Tab/index.e0653a0a.js

@@ -1,32 +0,0 @@
-import { useModuleSkeleton } from "@m4l/core";
-import { Skeleton, Tab as Tab$1 } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
-const SKTTabWrapper = styled("div")(({
-  theme
-}) => ({
-  padding: theme.spacing(1.5, 2)
-}));
-function Tab(props) {
-  const {
-    SKTWidth,
-    SKTHeight,
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTTabWrapper, {
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: SKTWidth,
-        height: SKTHeight
-      })
-    });
-  }
-  return /* @__PURE__ */ jsx(Tab$1, {
-    ...other
-  });
-}
-export {
-  Tab as T
-};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-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/Typography/styles.d.ts

@@ -1,2 +0,0 @@
-/// <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>, {}>;

package/components/mui_extended/index.6dcdbb1f.js

@@ -1,20 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.f9119f5e.js";
-import "clsx";
-import "react/jsx-runtime";
-import "./IconButton/index.3b05af71.js";
-import "@m4l/graphics";
-import "./Accordion/index.03bd0e2a.js";
-import "./Avatar/index.1e1a91a3.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "./Button/index.aebbab34.js";
-import "../Image/index.8aae9322.js";
-import "@mui/lab";
-import "./Typography/index.443590d6.js";
-import "./Popover/index.9f35d0eb.js";
-import "./MenuActions/index.ca5ce35a.js";
-import "./Pager/index.80ec975a.js";
-import "./Tab/index.e0653a0a.js";

package/contexts/RHFormContext/styles.d.ts

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