@m4l/components 0.1.24 → 0.1.26

package/components/hook-form/RHFPeriod/index.6c6733eb.js

@@ -1,45 +0,0 @@
-import { styled as m } from "@mui/material";
-import { useFormContext as a, Controller as l } from "react-hook-form";
-import { E as f } from "../../ErrorLabel/index.c8615f16.js";
-import { P as p } from "../../Period/index.05c1c5e0.js";
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-const d = m("div")(({
-  theme: e
-}) => ({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "flex-start",
-  gap: e.spacing(1)
-})), C = (e) => {
-  const {
-    name: o
-  } = e, {
-    control: s
-  } = a();
-  return /* @__PURE__ */ t(l, {
-    name: o,
-    control: s,
-    render: ({
-      field: {
-        onChange: n,
-        value: i
-      },
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ c(d, {
-      children: [/* @__PURE__ */ t(p, {
-        value: i,
-        onChange: n,
-        error: !!r
-      }), r && /* @__PURE__ */ t(f, {
-        message: r.message || ""
-      })]
-    })
-  });
-};
-export {
-  C as R
-};

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

@@ -1,113 +0,0 @@
-import { useModuleSkeleton as w, useEnvironment as F } from "@m4l/core";
-import { styled as v, Skeleton as S, TextField as y, InputAdornment as C } from "@mui/material";
-import { forwardRef as I, useState as R } from "react";
-import { I as H } from "../../mui_extended/IconButton/index.4b5ce8b5.js";
-import { useFormContext as T, Controller as b } from "react-hook-form";
-import { jsx as t } from "react/jsx-runtime";
-const $ = v("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${e.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: e.spacing(1)
-})), P = (e) => {
-  const {
-    width: o,
-    height: n
-  } = e;
-  return /* @__PURE__ */ t($, {
-    children: /* @__PURE__ */ t(S, {
-      variant: "text",
-      width: o,
-      height: n
-    })
-  });
-}, c = I((e, o) => {
-  const {
-    name: n,
-    autoComplete: l = "off",
-    skeletonWidth: d = "100%",
-    skeletonHeight: s = "18px",
-    type: r,
-    ...i
-  } = e, a = w(), {
-    control: f
-  } = T();
-  return a ? /* @__PURE__ */ t(P, {
-    width: d,
-    height: s
-  }) : /* @__PURE__ */ t(b, {
-    name: n,
-    control: f,
-    render: ({
-      field: {
-        onChange: p,
-        onBlur: h,
-        value: g,
-        name: x,
-        ref: k
-      },
-      fieldState: {
-        error: u
-      }
-    }) => /* @__PURE__ */ t(
-      y,
-      {
-        inputRef: o,
-        autoComplete: l,
-        onChange: (m) => {
-          if (r === "number" && m.target.value) {
-            p(Number(m.target.value));
-            return;
-          }
-          p(m);
-        },
-        onBlur: h,
-        value: g || "",
-        name: x,
-        ref: k,
-        fullWidth: !0,
-        error: !!u,
-        helperText: u?.message,
-        type: r,
-        ...i
-      }
-    )
-  });
-});
-c.displayName = "RHFTextField";
-const M = (e) => {
-  const {
-    name: o,
-    label: n,
-    skeletonWidth: l,
-    skeletonHeight: d
-  } = e, [s, r] = R(!1), {
-    host_static_assets: i,
-    environment_assets: a
-  } = F();
-  return /* @__PURE__ */ t(c, {
-    name: o,
-    label: n,
-    type: s ? "text" : "password",
-    autoComplete: "on",
-    skeletonWidth: l,
-    skeletonHeight: d,
-    InputProps: {
-      endAdornment: /* @__PURE__ */ t(C, {
-        position: "start",
-        children: /* @__PURE__ */ t(H, {
-          onClick: () => r(!s),
-          src: s ? `${i}/${a}/frontend/domain/host/login/assets/icons/eye.svg` : `${i}/${a}/frontend/domain/host/login/assets/icons/eye_off.svg`
-        })
-      })
-    }
-  });
-};
-export {
-  c as R,
-  M as a
-};

package/components/hook-form/RHFUpload/index.56e2e277.js

@@ -1,239 +0,0 @@
-import { styled as y, FormHelperText as f } from "@mui/material";
-import { useCallback as x } from "react";
-import { useFormContext as v, Controller as C } from "react-hook-form";
-import w from "lodash/isString";
-import { useDropzone as b } from "react-dropzone";
-import { styled as o, alpha as I } from "@mui/material/styles";
-import { I as h } from "../../Image/index.c9da2d5a.js";
-import { useEnvironment as _, useModuleDictionary as R } from "@m4l/core";
-import { jsxs as a, Fragment as j, jsx as e } from "react/jsx-runtime";
-const D = o("div")(({
-  theme: t
-}) => ({
-  width: "inherit",
-  height: "100%",
-  minWidth: t.spacing(20),
-  margin: "auto",
-  borderRadius: t.spacing(1),
-  padding: t.spacing(1),
-  border: `1px dashed ${t.palette.grey[50032]}`
-})), S = o("div")(({
-  theme: t
-}) => ({
-  zIndex: 0,
-  width: "100%",
-  height: "100%",
-  outline: "none",
-  display: "flex",
-  overflow: "hidden",
-  borderRadius: t.spacing(1),
-  position: "relative",
-  alignItems: "center",
-  justifyContent: "center",
-  "& > *": {
-    width: "100%",
-    height: "100%"
-  },
-  "&:hover": {
-    cursor: "pointer",
-    "& .placeholder": {
-      zIndex: 9
-    }
-  }
-})), U = o("div")(({
-  theme: t
-}) => ({
-  "&:hover": {
-    opacity: 1
-  },
-  display: "flex",
-  justifyContent: "center",
-  position: "absolute",
-  zIndex: "2",
-  inset: "0",
-  transition: t.transitions.create("opacity", {
-    easing: t.transitions.easing.easeInOut,
-    duration: t.transitions.duration.shorter
-  }),
-  overflow: "auto"
-})), W = o("div")(({
-  theme: t
-}) => ({
-  padding: t.spacing(3, 5),
-  display: "flex",
-  flexWrap: "wrap",
-  justifyContent: "center",
-  width: "100%",
-  height: "100%",
-  gap: t.spacing(3)
-})), F = o("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  flexDirection: "column",
-  gap: t.spacing(3)
-})), z = o("span")(({
-  theme: t
-}) => ({
-  ...t.typography.subtitle2,
-  width: "fit-content"
-})), P = o("span")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  minWidth: t.spacing(20)
-})), $ = o("span")(({
-  theme: t
-}) => ({
-  ...t.typography.caption,
-  width: "fit-content"
-})), H = o("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  maxWidth: t.spacing(20)
-}));
-o("div")(() => ({
-  width: "100%",
-  height: "100%",
-  position: "absolute",
-  inset: "0",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-}));
-function L({
-  error: t,
-  file: i,
-  helperText: s,
-  sx: l,
-  ...c
-}) {
-  const {
-    getRootProps: r,
-    getInputProps: n,
-    isDragActive: d,
-    isDragReject: g
-  } = b({
-    multiple: !1,
-    ...c
-  }), {
-    host_static_assets: u,
-    environment_assets: m
-  } = _(), {
-    getLabel: p
-  } = R();
-  return /* @__PURE__ */ a(j, {
-    children: [/* @__PURE__ */ e(D, {
-      id: "RootStyle",
-      sx: {
-        ...(g || t) && {
-          borderColor: "error.light"
-        },
-        ...l
-      },
-      children: /* @__PURE__ */ a(S, {
-        id: "DropZoneStyle",
-        ...r(),
-        sx: {
-          ...d && {
-            opacity: 0.72
-          }
-        },
-        children: [/* @__PURE__ */ e("input", {
-          ...n()
-        }), i && /* @__PURE__ */ e(h, {
-          alt: "avatar",
-          src: w(i) ? i : i.preview || "",
-          width: "100%"
-        }), /* @__PURE__ */ e(U, {
-          id: "PlaceholderStyle",
-          className: "placeholder",
-          sx: {
-            ...i ? {
-              bgcolor: I("#161C24", 0.72),
-              color: "common.white",
-              opacity: 0
-            } : {
-              opacity: 1
-            },
-            ...(g || t) && {
-              bgcolor: "error.lighter",
-              borderColor: "error.light",
-              color: "error.main"
-            }
-          },
-          children: /* @__PURE__ */ a(W, {
-            className: "ContainerUploadBody",
-            children: [/* @__PURE__ */ e(H, {
-              children: /* @__PURE__ */ e(h, {
-                src: `${u}/${m}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
-                width: "100%",
-                height: "auto"
-              })
-            }), /* @__PURE__ */ a(F, {
-              children: [/* @__PURE__ */ e(z, {
-                children: p(i ? "upload_image.title_update" : "upload_image.title_upload")
-              }), /* @__PURE__ */ e(P, {
-                children: p("upload_image.description")
-              }), /* @__PURE__ */ e($, {
-                children: p("upload_image.conditions")
-              })]
-            })]
-          })
-        })]
-      })
-    }), s && s]
-  });
-}
-const O = y("div")(() => ({
-  width: "inherit",
-  height: "inherit",
-  padding: "1px"
-}));
-function q({
-  name: t,
-  ...i
-}) {
-  const {
-    control: s,
-    setValue: l
-  } = v(), c = x((r) => {
-    const n = r[0];
-    n && l(t, Object.assign(n, {
-      preview: URL.createObjectURL(n)
-    }));
-  }, [l]);
-  return /* @__PURE__ */ e(C, {
-    name: t,
-    control: s,
-    render: ({
-      field: r,
-      fieldState: {
-        error: n
-      }
-    }) => {
-      const d = !!n && !r.value;
-      return /* @__PURE__ */ a(O, {
-        children: [/* @__PURE__ */ e(L, {
-          onDrop: c,
-          error: d,
-          ...i,
-          file: r.value
-        }), d && /* @__PURE__ */ e(f, {
-          error: !0,
-          sx: {
-            px: 2,
-            textAlign: "center"
-          },
-          children: n.message
-        })]
-      });
-    }
-  });
-}
-export {
-  q as R
-};

package/components/mui_extended/Popover/index.b6e4392a.js

@@ -1,218 +0,0 @@
-import { useState as c } from "react";
-import { Popover as g, styled as d, Stack as h, MenuItem as b } from "@mui/material";
-import { I as u } from "../../Image/index.c9da2d5a.js";
-import { useLocales as f } from "@m4l/graphics";
-import "@m4l/core";
-import "../../Icon/index.f569765b.js";
-import { styled as I } from "@mui/material/styles";
-import { jsxs as m, jsx as l, Fragment as x } from "react/jsx-runtime";
-import "../Accordion/index.49f5df8e.js";
-import "../Avatar/index.dadb0528.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "@mui/lab";
-import { I as S } from "../Button/index.ae47764f.js";
-import "../../CommonActions/components/Actions/index.798c6aee.js";
-import "../Pager/index.298730a1.js";
-import "../Tab/index.e0653a0a.js";
-const O = I("span")(({
-  arrowType: t,
-  theme: e
-}) => {
-  const o = `solid 1px ${e.palette.grey[50012]}`, a = {
-    borderRadius: "0 0 3px 0",
-    top: -6,
-    borderBottom: o,
-    borderRight: o
-  }, n = {
-    borderRadius: "3px 0 0 0",
-    bottom: -6,
-    borderTop: o,
-    borderLeft: o
-  }, r = {
-    borderRadius: "0 3px 0 0",
-    left: -6,
-    borderTop: o,
-    borderRight: o
-  }, s = {
-    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" && {
-      ...a,
-      left: 20
-    },
-    ...t === "top-center" && {
-      ...a,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...t === "top-right" && {
-      ...a,
-      right: 20
-    },
-    ...t === "bottom-left" && {
-      ...n,
-      left: 20
-    },
-    ...t === "bottom-center" && {
-      ...n,
-      left: 0,
-      right: 0,
-      margin: "auto"
-    },
-    ...t === "bottom-right" && {
-      ...n,
-      right: 20
-    },
-    ...t === "left-top" && {
-      ...r,
-      top: 20
-    },
-    ...t === "left-center" && {
-      ...r,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...t === "left-bottom" && {
-      ...r,
-      bottom: 20
-    },
-    ...t === "right-top" && {
-      ...s,
-      top: 20
-    },
-    ...t === "right-center" && {
-      ...s,
-      top: 0,
-      bottom: 0,
-      margin: "auto"
-    },
-    ...t === "right-bottom" && {
-      ...s,
-      bottom: 20
-    }
-  };
-});
-function v({
-  children: t,
-  arrowType: e = "top-right",
-  sx: p,
-  className: i,
-  ...o
-}) {
-  return /* @__PURE__ */ m(g, {
-    className: `m4l_popover ${i || ""}`,
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    },
-    PaperProps: {
-      sx: {
-        p: 1,
-        overflow: "inherit",
-        ...p
-      }
-    },
-    ...o,
-    children: [e !== "no-arrow" && /* @__PURE__ */ l(O, {
-      arrowType: e
-    }), t]
-  });
-}
-const P = d("span")(({
-  theme: t
-}) => ({
-  marginLeft: t.spacing(1)
-}));
-function V() {
-  const {
-    allLang: t,
-    currentLang: e,
-    onChangeLang: p
-  } = f(), [i, o] = c(null), a = (r) => {
-    o(r.currentTarget);
-  }, n = () => {
-    o(null);
-  };
-  return /* @__PURE__ */ m(x, {
-    children: [/* @__PURE__ */ l(S, {
-      className: "m4l_language_popover",
-      onClick: a,
-      sx: {
-        width: 40,
-        height: 40,
-        ...i && {
-          bgcolor: "action.selected"
-        }
-      },
-      src: e.icon,
-      alt: e.label,
-      width: "24px",
-      height: "24px",
-      skeletonVariant: "circle",
-      tooltip: "dddd"
-    }), /* @__PURE__ */ l(v, {
-      arrowType: "top-right",
-      open: Boolean(i),
-      anchorEl: i,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "right"
-      },
-      onClose: n,
-      sx: {
-        mt: 1.5,
-        ml: 0.75,
-        width: 180,
-        rowGap: "100px",
-        "& .MuiMenuItem-root": {
-          px: 1,
-          typography: "body2",
-          borderRadius: 0.75
-        }
-      },
-      children: /* @__PURE__ */ l(h, {
-        spacing: 0.75,
-        children: t.map((r) => /* @__PURE__ */ m(b, {
-          selected: r.value === e.value,
-          onClick: () => {
-            p(r.value), n();
-          },
-          children: [/* @__PURE__ */ l(u, {
-            alt: r.label,
-            src: r.icon,
-            width: "24px",
-            height: "24px"
-          }), /* @__PURE__ */ l(P, {
-            children: r.label
-          })]
-        }, r.value))
-      })
-    })]
-  });
-}
-export {
-  V as L,
-  v as P
-};