@m4l/components 0.1.26 → 0.1.28

package/components/mui_extended/Accordion/index.49f5df8e.js

@@ -1,103 +0,0 @@
-import { Skeleton as d, Accordion as f, AccordionSummary as x, AccordionDetails as b } from "@mui/material";
-import { I as v } from "../IconButton/index.4b5ce8b5.js";
-import { useEnvironment as y, useModuleSkeleton as I } from "@m4l/core";
-import { I as S } from "../../Icon/index.f569765b.js";
-import { styled as c } from "@mui/material/styles";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-c("div")(({
-  theme: n
-}) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  borderRadius: n.spacing(0.5),
-  height: n.spacing(4.5),
-  minHeight: n.spacing(4.5),
-  backgroundColor: n.palette.background.header,
-  paddingLeft: n.spacing(2),
-  paddingRight: n.spacing(2),
-  marginBottom: "0px"
-}));
-const l = c("div")(({
-  theme: n
-}) => ({
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  gap: n.spacing(2)
-})), A = c("span")(({
-  theme: n
-}) => ({
-  ...n.typography.subtitle2
-})), k = (n) => {
-  const {
-    isSkeleton: e,
-    label: i,
-    SKTWidht: r,
-    SKTHeight: a,
-    labelIcon: o
-  } = n;
-  return /* @__PURE__ */ t("div", {
-    children: e ? /* @__PURE__ */ s(l, {
-      children: [o && /* @__PURE__ */ t(d, {
-        variant: "circular",
-        width: "16px",
-        height: "16px"
-      }), /* @__PURE__ */ t(d, {
-        variant: "text",
-        width: r,
-        height: a
-      })]
-    }) : /* @__PURE__ */ s(l, {
-      children: [o && /* @__PURE__ */ t(S, {
-        src: o
-      }), /* @__PURE__ */ t(A, {
-        children: i
-      })]
-    })
-  });
-};
-function E(n) {
-  const {
-    label: e,
-    SKTWidht: i,
-    SKTHeight: r,
-    children: a,
-    accordionProps: o,
-    summaryProps: p,
-    labelIcon: u
-  } = n, {
-    host_static_assets: g,
-    environment_assets: h
-  } = y(), m = I();
-  return /* @__PURE__ */ s(f, {
-    variant: "outlined",
-    square: !0,
-    TransitionProps: {
-      unmountOnExit: !0
-    },
-    defaultExpanded: !0,
-    ...o,
-    children: [/* @__PURE__ */ t(x, {
-      "aria-controls": "expanded-content",
-      disableTouchRipple: !1,
-      expandIcon: /* @__PURE__ */ t(v, {
-        "aria-label": "settings",
-        src: `${g}/${h}/frontend/components/accordion/assets/icons/expanded.svg`
-      }),
-      ...p,
-      children: /* @__PURE__ */ t(k, {
-        isSkeleton: m,
-        label: e,
-        SKTWidht: i,
-        SKTHeight: r,
-        labelIcon: u
-      })
-    }), /* @__PURE__ */ t(b, {
-      children: a
-    })]
-  });
-}
-export {
-  E as A
-};

package/components/mui_extended/Avatar/index.dadb0528.js

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

package/components/mui_extended/Button/index.52d18aea.js

@@ -1,144 +0,0 @@
-import { useModuleSkeleton as g, useEnvironment as B, useModuleDictionary as k } from "@m4l/core";
-import { Skeleton as m, styled as S, IconButton as v, Tooltip as I } from "@mui/material";
-import _ from "@mui/material/Button";
-import { jsx as i } from "react/jsx-runtime";
-import { LoadingButton as b } from "@mui/lab";
-import { I as x } from "../IconButton/index.4b5ce8b5.js";
-import { styled as h, alpha as F } from "@mui/material/styles";
-import { u as L } from "../../DynamicFilter/index.f2377369.js";
-import { useMemo as u } from "react";
-import { I as $ } from "../../Image/index.c9da2d5a.js";
-const G = (t) => g() ? /* @__PURE__ */ i(m, {
-  sx: {
-    borderRadius: 2
-  },
-  variant: "rectangular",
-  width: "100px",
-  height: "36px"
-}) : /* @__PURE__ */ i(_, {
-  ...t
-}), D = S("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  borderRadius: t.spacing(1),
-  overflow: "hidden"
-})), W = () => /* @__PURE__ */ i(D, {
-  id: "WrapperSKTLoadingButton",
-  children: /* @__PURE__ */ i(m, {
-    variant: "rectangular",
-    width: "100%",
-    height: "48px"
-  })
-}), H = (t) => {
-  const {
-    children: r,
-    ...n
-  } = t;
-  return g() ? /* @__PURE__ */ i(W, {}) : /* @__PURE__ */ i(b, {
-    ...n,
-    children: r
-  });
-}, w = h("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: t.spacing(3.75),
-  height: t.spacing(3.75),
-  background: F(t.palette.primary.main, 0.3)
-})), C = h("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 J() {
-  const {
-    isSkeleton: t,
-    fireOnChangeFilters: r,
-    automatic: n,
-    isDirty: o,
-    isValid: e
-  } = L(), {
-    host_static_assets: s,
-    environment_assets: l
-  } = B();
-  if (t)
-    return /* @__PURE__ */ i(w, {
-      children: /* @__PURE__ */ i(m, {
-        variant: "circular",
-        width: 20,
-        height: 20
-      })
-    });
-  const a = u(() => n || !o ? "action.active" : e ? "primary.main" : "error.main", [n, e, o]);
-  return /* @__PURE__ */ i(C, {
-    id: "WrapperFilterButton",
-    className: o && e ? "isDirty" : "",
-    children: /* @__PURE__ */ i(x, {
-      bgColor: a,
-      dictionaryTooltip: "dynamic_filter.filter_tooltip",
-      onClick: () => r(),
-      "aria-label": "settings",
-      src: `${s}/${l}/frontend/components/dynamic_filter/assets/icons/${n ? "refresh" : "search"}.svg`
-    })
-  });
-}
-function O({
-  src: t,
-  width: r,
-  height: n,
-  className: o,
-  useIntersectionObserver: e,
-  skeletonVariant: s = "circle",
-  tooltip: l,
-  dictionaryTooltip: a,
-  sx: d = {
-    width: 40,
-    height: 40
-  },
-  ...y
-}) {
-  const {
-    getLabel: c
-  } = k(), p = u(() => a && c ? c(a) : l, [l, a, c]), f = u(() => /* @__PURE__ */ i(v, {
-    sx: d,
-    className: `m4l_image_button ${o || ""}`,
-    ...y,
-    children: /* @__PURE__ */ i($, {
-      src: t,
-      width: r,
-      height: n,
-      useIntersectionObserver: e,
-      skeletonVariant: s
-    })
-  }), [t, r, n, e, s, d]);
-  return p ? /* @__PURE__ */ i(I, {
-    title: p || "",
-    children: f
-  }) : f;
-}
-export {
-  G as B,
-  J as F,
-  O as I,
-  H as L
-};

package/components/mui_extended/IconButton/index.4b5ce8b5.js

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

package/components/mui_extended/Pager/index.951b6975.js

@@ -1,126 +0,0 @@
-import { useMemo as y } from "react";
-import { Skeleton as i, TablePagination as R } from "@mui/material";
-import { P as S } from "../../CommonActions/components/Actions/index.cd7b2671.js";
-import { styled as a } from "@mui/material/styles";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-a("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden"
-}));
-const b = a("div")(({ theme: t }) => ({
-  width: "100%",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  marginLeft: t.spacing(3)
-})), T = a("div")(({ theme: t }) => ({
-  display: "flex",
-  marginLeft: t.spacing(3)
-})), s = a("div")(({ theme: t }) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  width: t.spacing(3.75),
-  height: t.spacing(3.75)
-})), D = a("div")(({ theme: t }) => ({
-  display: "grid",
-  gridTemplateColumns: "auto auto",
-  gridGap: t.spacing(1),
-  marginRight: t.spacing(3)
-}));
-function A(t) {
-  const {
-    totalRecords: n,
-    rowsPerPageOptions: d = [5, 10, 2],
-    rowsPerPage: r = 25,
-    page: g,
-    onPageChange: h,
-    onRowsPerPageChange: f,
-    labelRows: P = "Rows per page",
-    labelOf: u = "Of",
-    isSkeleton: m = "false",
-    isDesktop: p
-  } = t, v = y(() => r * g > n ? Math.floor(n / r) : g, [g, r, n]), w = (o) => {
-    f(parseInt(o.target.value, 10)), h(0);
-  }, x = (o, c) => {
-    h(c);
-  };
-  return m ? /* @__PURE__ */ l(b, {
-    children: [/* @__PURE__ */ l(D, {
-      children: [/* @__PURE__ */ e(i, {
-        variant: "text",
-        width: "40px",
-        height: "16px"
-      }), /* @__PURE__ */ e(i, {
-        variant: "text",
-        width: "20px",
-        height: "16px"
-      })]
-    }), /* @__PURE__ */ e(i, {
-      variant: "text",
-      width: "50px",
-      height: "16px"
-    }), /* @__PURE__ */ l(T, {
-      children: [/* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      }), /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      }), /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      }), /* @__PURE__ */ e(s, {
-        children: /* @__PURE__ */ e(i, {
-          variant: "circular",
-          width: 20,
-          height: 20
-        })
-      })]
-    })]
-  }) : /* @__PURE__ */ e(R, {
-    id: "TablePagination",
-    rowsPerPageOptions: d,
-    component: "div",
-    count: n,
-    rowsPerPage: r,
-    page: v,
-    onPageChange: x,
-    onRowsPerPageChange: w,
-    labelDisplayedRows: p ? ({
-      from: o,
-      to: c,
-      count: C
-    }) => `${o}-${c} ${u} ${C}` : () => "",
-    labelRowsPerPage: p ? P : "",
-    ActionsComponent: S
-  });
-}
-function B() {
-  return ["pager"];
-}
-const L = {
-  pager: {
-    first: "First",
-    previous: "Previous",
-    before: "Before",
-    last: "Last",
-    of: "of"
-  }
-};
-export {
-  A as P,
-  L as d,
-  B as g
-};