@m4l/components 0.1.74 → 0.1.76

package/components/mui_extended/Accordion/index.09a89d3d.js

@@ -1,107 +0,0 @@
-import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.822cdaac.js";
-import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d214a74d.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/index.fe06afd7.js

@@ -1,51 +0,0 @@
-import { forwardRef } from "react";
-import { useTheme } from "@mui/material/styles";
-import { Skeleton, Avatar as Avatar$1 } from "@mui/material";
-import { useModuleSkeleton } from "@m4l/core";
-import { jsx } from "react/jsx-runtime";
-const SkeletonAvatar = () => {
-  return /* @__PURE__ */ jsx(Skeleton, {
-    variant: "circular",
-    width: "32px",
-    height: "32px"
-  });
-};
-const Avatar = forwardRef(({
-  color = "default",
-  children,
-  sx,
-  ...other
-}, ref) => {
-  const theme = useTheme();
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonAvatar, {});
-  }
-  if (color === "default") {
-    return /* @__PURE__ */ jsx(Avatar$1, {
-      ref,
-      sx: {
-        cursor: "pointer",
-        ...sx
-      },
-      ...other,
-      children
-    });
-  }
-  return /* @__PURE__ */ jsx(Avatar$1, {
-    ref,
-    sx: {
-      fontWeight: theme.typography.fontWeightMedium,
-      color: theme.palette[color].contrastText,
-      backgroundColor: theme.palette[color].main,
-      cursor: "pointer",
-      ...sx
-    },
-    ...other,
-    children
-  });
-});
-Avatar.displayName = "Avatar";
-export {
-  Avatar as A
-};

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.b4ced9e3.js

@@ -1,20 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.d214a74d.js";
-import "clsx";
-import "react/jsx-runtime";
-import "./IconButton/index.822cdaac.js";
-import "@m4l/graphics";
-import "./Accordion/index.09a89d3d.js";
-import "./Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "./Button/index.f9d54780.js";
-import "../Image/index.1af119da.js";
-import "@mui/lab";
-import "./Typography/index.e2d9e3f2.js";
-import "./Popover/index.9f35d0eb.js";
-import "./MenuActions/index.03403529.js";
-import "./Pager/index.6428b07c.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>, {}>;