@m4l/components 0.1.18 → 0.1.20

package/components/hook-form/RHFTextField/index.4c455f75.js

@@ -1,77 +0,0 @@
-import { useFormContext as R, Controller as T } from "react-hook-form";
-import { Skeleton as k, TextField as C } from "@mui/material";
-import { styled as S } from "@mui/material/styles";
-import { forwardRef as b } from "react";
-import { useModuleSkeleton as y } from "@m4l/core";
-import { jsx as t } from "react/jsx-runtime";
-const H = S("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${e.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: e.spacing(1)
-})), v = b((e, l) => {
-  const {
-    name: a,
-    autoComplete: d = "off",
-    skeletonProps: s = {},
-    type: o,
-    ...p
-  } = e, {
-    width: m = "100%",
-    height: f = 14
-  } = s, u = y(), {
-    control: x
-  } = R();
-  return u ? /* @__PURE__ */ t(H, {
-    children: /* @__PURE__ */ t(k, {
-      variant: "text",
-      width: m,
-      height: f
-    })
-  }) : /* @__PURE__ */ t(T, {
-    name: a,
-    control: x,
-    render: ({
-      field: {
-        onChange: n,
-        onBlur: c,
-        value: g,
-        name: h,
-        ref: F
-      },
-      fieldState: {
-        error: i
-      }
-    }) => /* @__PURE__ */ t(
-      C,
-      {
-        inputRef: l,
-        autoComplete: d,
-        onChange: (r) => {
-          if (o === "number" && r.target.value) {
-            n(Number(r.target.value));
-            return;
-          }
-          n(r);
-        },
-        onBlur: c,
-        value: g,
-        name: h,
-        ref: F,
-        fullWidth: !0,
-        error: !!i,
-        helperText: i?.message,
-        type: o,
-        ...p
-      }
-    )
-  });
-});
-v.displayName = "RHFTextField";
-export {
-  v as R
-};

package/components/hook-form/RHFTextField/styles.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SKTRHFWrapperTextField: 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/Avatar/index.0a2a4523.js

@@ -1,32 +0,0 @@
-import { forwardRef as i } from "react";
-import { useTheme as n } from "@mui/material/styles";
-import { Avatar as f } from "@mui/material";
-import { jsx as p } from "react/jsx-runtime";
-const s = i(({
-  color: t = "default",
-  children: r,
-  sx: e,
-  ...o
-}, m) => {
-  const a = n();
-  return t === "default" ? /* @__PURE__ */ p(f, {
-    ref: m,
-    sx: e,
-    ...o,
-    children: r
-  }) : /* @__PURE__ */ p(f, {
-    ref: m,
-    sx: {
-      fontWeight: a.typography.fontWeightMedium,
-      color: a.palette[t].contrastText,
-      backgroundColor: a.palette[t].main,
-      ...e
-    },
-    ...o,
-    children: r
-  });
-});
-s.displayName = "Avatar";
-export {
-  s as A
-};

package/components/mui_extended/Button/index.3debb608.js

@@ -1,110 +0,0 @@
-import { useModuleSkeleton as u, useEnvironment as p } from "@m4l/core";
-import m from "@mui/material/Button";
-import { styled as f, Skeleton as a } from "@mui/material";
-import { jsx as i } from "react/jsx-runtime";
-import { LoadingButton as h } from "@mui/lab";
-import { styled as s, alpha as g } from "@mui/material/styles";
-import { I as y } from "../IconButton/index.88f3aadb.js";
-import { u as B } from "../../DynamicFilter/index.7efecd5d.js";
-import { useMemo as v } from "react";
-const S = f(a)(({
-  theme: t
-}) => ({
-  borderRadius: t.spacing(0.5)
-})), E = (t) => u() ? /* @__PURE__ */ i(S, {
-  variant: "rectangular",
-  width: "100px",
-  height: "36px"
-}) : /* @__PURE__ */ i(m, {
-  ...t
-}), k = s("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  borderRadius: t.spacing(1),
-  overflow: "hidden"
-})), x = () => /* @__PURE__ */ i(k, {
-  id: "WrapperSKTLoadingButton",
-  children: /* @__PURE__ */ i(a, {
-    variant: "rectangular",
-    width: "100%",
-    height: "48px"
-  })
-}), I = (t) => {
-  const {
-    isSkeleton: o,
-    children: r,
-    ...n
-  } = t;
-  return o ? /* @__PURE__ */ i(x, {}) : /* @__PURE__ */ i(h, {
-    ...n,
-    children: r
-  });
-}, F = s("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: t.spacing(3.75),
-  height: t.spacing(3.75),
-  background: g(t.palette.primary.main, 0.3)
-})), L = s("div")(() => ({
-  "&.isDirty": {
-    animationName: "dirtyEffect",
-    animationDuration: "1s",
-    animationFillMode: "both",
-    animationIterationCount: "infinite",
-    transition: "all .3s",
-    "@keyframes dirtyEffect": {
-      "20%": {
-        opacity: 1
-      },
-      "50%": {
-        opacity: 0.5
-      },
-      "100%": {
-        opacity: 1
-      }
-    }
-  },
-  "&.isDirtyError": {}
-}));
-function M() {
-  const {
-    isSkeleton: t,
-    fireOnChangeFilters: o,
-    automatic: r,
-    isDirty: n,
-    isValid: e
-  } = B(), {
-    host_static_assets: c,
-    environment_assets: l
-  } = p();
-  if (t)
-    return /* @__PURE__ */ i(F, {
-      children: /* @__PURE__ */ i(a, {
-        variant: "circular",
-        width: 20,
-        height: 20
-      })
-    });
-  const d = v(() => r || !n ? "action.active" : e ? "primary.main" : "error.main", [r, e, n]);
-  return /* @__PURE__ */ i(L, {
-    id: "WrapperFilterButton",
-    className: n && e ? "isDirty" : "",
-    children: /* @__PURE__ */ i(y, {
-      bgColor: d,
-      dictionaryTooltip: "dynamic_filter.filter_tooltip",
-      onClick: () => o(),
-      "aria-label": "settings",
-      src: `${c}/${l}/frontend/components/dynamic_filter/assets/icons/${r ? "refresh" : "search"}.svg`
-    })
-  });
-}
-export {
-  E as B,
-  M as F,
-  I as L
-};

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export declare const SKTButton: import("@emotion/styled").StyledComponent<{
-    animation?: false | "wave" | "pulse" | 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<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "width" | "height" | "animation" | "children" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/IconButton/index.88f3aadb.js

@@ -1,98 +0,0 @@
-import { m as u } from "framer-motion";
-import { forwardRef as p, useMemo as f } from "react";
-import { IconButton as l, Box as v, Skeleton as h, Tooltip as I } from "@mui/material";
-import { jsx as e } from "react/jsx-runtime";
-import { useModuleDictionary as x, useModuleSkeleton as b } from "@m4l/core";
-import { I as m } from "../../Icon/index.cbca79b0.js";
-const g = {
-  hover: {
-    scale: 1.1
-  },
-  tap: {
-    scale: 0.95
-  }
-}, B = {
-  hover: {
-    scale: 1.09
-  },
-  tap: {
-    scale: 0.97
-  }
-}, S = {
-  hover: {
-    scale: 1.08
-  },
-  tap: {
-    scale: 0.99
-  }
-};
-function w({
-  size: o,
-  children: a
-}) {
-  const n = o === "small", t = o === "large";
-  return /* @__PURE__ */ e(v, {
-    component: u.div,
-    whileTap: "tap",
-    whileHover: "hover",
-    variants: n && g || t && S || B,
-    sx: {
-      display: "inline-flex"
-    },
-    children: a
-  });
-}
-const M = p(({
-  children: o,
-  size: a = "medium",
-  ...n
-}, t) => /* @__PURE__ */ e(w, {
-  size: a,
-  children: /* @__PURE__ */ e(l, {
-    size: a,
-    ref: t,
-    ...n,
-    children: o
-  })
-}));
-M.displayName = "IconButtonAnimate";
-function D({
-  src: o,
-  tooltip: a,
-  size: n = "small",
-  dictionaryTooltip: t,
-  bgColor: c = "primary.active",
-  ...r
-}) {
-  const {
-    getLabel: i
-  } = x(), d = b(), s = f(() => t && i ? i(t) : a, [t, i]);
-  return d ? /* @__PURE__ */ e(h, {
-    variant: "circular",
-    width: "30px",
-    height: "30px"
-  }) : s ? /* @__PURE__ */ e(I, {
-    title: s || "",
-    children: /* @__PURE__ */ e("div", {
-      children: /* @__PURE__ */ e(l, {
-        size: n,
-        ...r,
-        children: /* @__PURE__ */ e(m, {
-          src: o,
-          bgColor: r.disabled ? "action.disabled" : c
-        })
-      })
-    })
-  }) : /* @__PURE__ */ e(l, {
-    size: n,
-    ...r,
-    children: /* @__PURE__ */ e(m, {
-      src: o,
-      bgColor: r.disabled ? "action.disabled" : c
-    })
-  });
-}
-export {
-  D as I,
-  M as a
-};

package/components/mui_extended/LinkWithRoute/index.d4b263de.js

@@ -1,28 +0,0 @@
-import { Link as p } from "react-router-dom";
-import { Skeleton as h, Link as a } from "@mui/material";
-import { jsx as t } from "react/jsx-runtime";
-const L = (o) => {
-  const {
-    to: e,
-    children: n,
-    skeletonProps: r = {},
-    ...i
-  } = o, {
-    isSkeleton: s = !1,
-    width: k = "100%",
-    height: m = "14px"
-  } = r;
-  return s ? /* @__PURE__ */ t(h, {
-    variant: "text",
-    width: k,
-    height: m
-  }) : /* @__PURE__ */ t(a, {
-    component: p,
-    to: e,
-    ...i,
-    children: n
-  });
-};
-export {
-  L
-};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SKTLoadingButton: () => JSX.Element;

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperSKTLoadingButton: 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/MenuPopover/index.488fc536.js

@@ -1,131 +0,0 @@
-import { styled as s } from "@mui/material/styles";
-import { Popover as d } from "@mui/material";
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
-const h = s("span")(({
-  arrow: t,
-  theme: e
-}) => {
-  const o = `solid 1px ${e.palette.grey[50012]}`, r = {
-    borderRadius: "0 0 3px 0",
-    top: -6,
-    borderBottom: o,
-    borderRight: o
-  }, i = {
-    borderRadius: "3px 0 0 0",
-    bottom: -6,
-    borderTop: o,
-    borderLeft: o
-  }, n = {
-    borderRadius: "0 3px 0 0",
-    left: -6,
-    borderTop: o,
-    borderRight: o
-  }, p = {
-    borderRadius: "0 0 0 3px",
-    right: -6,
-    borderBottom: o,
-    borderLeft: o
-  };
-  return {
-    display: "none",
-    [e.breakpoints.up("sm")]: {
-      zIndex: 1,
-      width: 12,
-      height: 12,
-      content: "''",
-      position: "absolute",
-      display: "block",
-      transform: "rotate(-135deg)",
-      background: e.palette.background.paper
-    },
-    ...t === "top-left" && {
-      ...r,
-      left: 20
-    },
-    ...t === "top-center" && {
-      ...r,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...t === "top-right" && {
-      ...r,
-      right: 20
-    },
-    ...t === "bottom-left" && {
-      ...i,
-      left: 20
-    },
-    ...t === "bottom-center" && {
-      ...i,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...t === "bottom-right" && {
-      ...i,
-      right: 20
-    },
-    ...t === "left-top" && {
-      ...n,
-      top: 20
-    },
-    ...t === "left-center" && {
-      ...n,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...t === "left-bottom" && {
-      ...n,
-      bottom: 20
-    },
-    ...t === "right-top" && {
-      ...p,
-      top: 20
-    },
-    ...t === "right-center" && {
-      ...p,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...t === "right-bottom" && {
-      ...p,
-      bottom: 20
-    }
-  };
-});
-function u({
-  children: t,
-  arrow: e = "top-right",
-  disabledArrow: l,
-  sx: b,
-  ...o
-}) {
-  return /* @__PURE__ */ g(d, {
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    },
-    PaperProps: {
-      sx: {
-        p: 1,
-        width: 200,
-        overflow: "inherit",
-        ...b
-      }
-    },
-    ...o,
-    children: [!l && /* @__PURE__ */ m(h, {
-      arrow: e
-    }), t]
-  });
-}
-export {
-  u as M
-};

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

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

package/components/mui_extended/MenuPopover/types.d.ts

@@ -1,9 +0,0 @@
-import { PopoverProps } from '@mui/material';
-export declare type Arrow = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
-export declare type ArrowStyleProps = {
-    arrow: Arrow;
-};
-export interface MenuPopoverProps extends PopoverProps {
-    arrow?: Arrow;
-    disabledArrow?: boolean;
-}

package/components/mui_extended/Typography/index.0c4604b3.js

@@ -1,22 +0,0 @@
-import { Skeleton as a, Typography as h } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-function f(t) {
-  const {
-    skeletonProps: r = {},
-    ...e
-  } = t, {
-    isSkeleton: p = "false",
-    width: n = "100%",
-    height: s = "14px"
-  } = r;
-  return p ? /* @__PURE__ */ o(a, {
-    variant: "text",
-    width: n,
-    height: s
-  }) : /* @__PURE__ */ o(h, {
-    ...e
-  });
-}
-export {
-  f as T
-};