@m4l/components 0.1.24 → 0.1.26

package/components/mui_extended/Popover/index.4da8587a.js

@@ -0,0 +1,252 @@
+import { useState as d, useEffect as I } from "react";
+import { Popover as x, styled as h, Stack as O, MenuItem as S } from "@mui/material";
+import { I as P } from "../../Image/index.c9da2d5a.js";
+import { useLocales as v } from "@m4l/graphics";
+import { useEnvironment as L, useNetwork as k } from "@m4l/core";
+import "../../Icon/index.f569765b.js";
+import { styled as C } from "@mui/material/styles";
+import { jsxs as m, jsx as i, Fragment as R } from "react/jsx-runtime";
+import "../Accordion/index.49f5df8e.js";
+import "../Avatar/index.dadb0528.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import { C as E } from "../CircularProgress/index.ad569afd.js";
+import "@mui/lab";
+import { I as N } from "../Button/index.52d18aea.js";
+import "../../CommonActions/components/Actions/index.cd7b2671.js";
+import "../Pager/index.951b6975.js";
+import "../Tab/index.e0653a0a.js";
+const y = C("span")(({
+  arrowType: t,
+  theme: n
+}) => {
+  const o = `solid 1px ${n.palette.grey[50012]}`, a = {
+    borderRadius: "0 0 3px 0",
+    top: -6,
+    borderBottom: o,
+    borderRight: o
+  }, l = {
+    borderRadius: "3px 0 0 0",
+    bottom: -6,
+    borderTop: o,
+    borderLeft: o
+  }, s = {
+    borderRadius: "0 3px 0 0",
+    left: -6,
+    borderTop: o,
+    borderRight: o
+  }, r = {
+    borderRadius: "0 0 0 3px",
+    right: -6,
+    borderBottom: o,
+    borderLeft: o
+  };
+  return {
+    display: "none",
+    [n.breakpoints.up("sm")]: {
+      zIndex: 1,
+      width: 12,
+      height: 12,
+      content: "''",
+      position: "absolute",
+      display: "block",
+      transform: "rotate(-135deg)",
+      background: n.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" && {
+      ...l,
+      left: 20
+    },
+    ...t === "bottom-center" && {
+      ...l,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...t === "bottom-right" && {
+      ...l,
+      right: 20
+    },
+    ...t === "left-top" && {
+      ...s,
+      top: 20
+    },
+    ...t === "left-center" && {
+      ...s,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...t === "left-bottom" && {
+      ...s,
+      bottom: 20
+    },
+    ...t === "right-top" && {
+      ...r,
+      top: 20
+    },
+    ...t === "right-center" && {
+      ...r,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...t === "right-bottom" && {
+      ...r,
+      bottom: 20
+    }
+  };
+});
+function _({
+  children: t,
+  arrowType: n = "top-right",
+  sx: p,
+  className: c,
+  ...o
+}) {
+  return /* @__PURE__ */ m(x, {
+    className: `m4l_popover ${c || ""}`,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    PaperProps: {
+      sx: {
+        p: 1,
+        overflow: "inherit",
+        ...p
+      }
+    },
+    ...o,
+    children: [n !== "no-arrow" && /* @__PURE__ */ i(y, {
+      arrowType: n
+    }), t]
+  });
+}
+const z = h("span")(({
+  theme: t
+}) => ({
+  marginLeft: t.spacing(1)
+})), B = h("div")(({
+  theme: t
+}) => ({
+  padding: t.spacing(0.75, 0),
+  margin: t.spacing(0, 1.25)
+})), M = h("div")(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+function T() {
+  const {
+    currentLocale: t,
+    onChangeLocale: n
+  } = v(), {
+    domain_token: p
+  } = L(), {
+    networkOperation: c
+  } = k(), [o, a] = d(null), [l, s] = d(!1), [r, f] = d([]), b = (e) => {
+    console.log("handleOpen", r, l), a(e.currentTarget);
+  }, u = () => {
+    a(null);
+  };
+  return I(() => {
+    let e = !0;
+    if (!(o === null || l || r.length > 0))
+      return s(!0), c({
+        method: "GET",
+        endPoint: "na/locales",
+        parms: {
+          domain_token: p
+        }
+      }).then((g) => {
+        console.log("Response", g.data), e && f(g.data);
+      }).finally(() => {
+        s(!1);
+      }), function() {
+        e = !1;
+      };
+  }, [o]), console.log("Render lang", r, l), /* @__PURE__ */ m(R, {
+    children: [/* @__PURE__ */ i(N, {
+      className: "m4l_language_popover",
+      onClick: b,
+      sx: {
+        width: 40,
+        height: 40,
+        ...o && {
+          bgcolor: "action.selected"
+        }
+      },
+      src: t?.url_icon || "",
+      alt: t?.name,
+      width: "24px",
+      height: "24px",
+      skeletonVariant: "circle",
+      tooltip: "dddd"
+    }), /* @__PURE__ */ i(_, {
+      arrowType: "top-right",
+      open: Boolean(o),
+      anchorEl: o,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      },
+      onClose: u,
+      sx: {
+        mt: 1.5,
+        ml: 0.75,
+        width: 180,
+        rowGap: "100px",
+        "& .MuiMenuItem-root": {
+          px: 1,
+          typography: "body2",
+          borderRadius: 0.75
+        }
+      },
+      children: /* @__PURE__ */ m(M, {
+        children: [r.length === 0 && /* @__PURE__ */ i(B, {
+          children: /* @__PURE__ */ i(E, {
+            size: "20px"
+          })
+        }), r.length > 0 && /* @__PURE__ */ i(O, {
+          spacing: 0.75,
+          children: r.map((e) => /* @__PURE__ */ m(S, {
+            selected: e.lang === t?.lang && e?.script === t?.script && e?.region === t?.region,
+            onClick: () => {
+              n(e), u();
+            },
+            children: [/* @__PURE__ */ i(P, {
+              alt: e.name,
+              src: e.url_icon,
+              width: "24px",
+              height: "24px"
+            }), /* @__PURE__ */ i(z, {
+              children: e.name
+            })]
+          }, e.lang || e.script || e.region))
+        })]
+      })
+    })]
+  });
+}
+export {
+  T as L,
+  _ as P
+};

package/contexts/ModalContext/{index.73ab6934.js → index.5388dfd5.js}

@@ -4,9 +4,9 @@ import { Typography as M } from "@mui/material";
 import { styled as l } from "@mui/material/styles";
 import { B as I } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { M as k } from "../../components/ModalDialog/index.0340fb86.js";
-import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.235ecbe2.js";
-import { A as b } from "../../components/CommonActions/components/ActionCancel/index.465be070.js";
+import { M as k } from "../../components/ModalDialog/index.bee344a5.js";
+import { A as $ } from "../../components/CommonActions/components/ActionIntro/index.4665a611.js";
+import { A as b } from "../../components/CommonActions/components/ActionCancel/index.6736b782.js";
 import { b as A } from "../../utils/index.214d9542.js";
 const j = l("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.f2492b34.js → index.3b1ff084.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../contexts/ModalContext/index.73ab6934.js";
+import { M as e } from "../../contexts/ModalContext/index.5388dfd5.js";
 function s() {
   const o = t(e);
   if (!o)

package/index.js

@@ -11,44 +11,44 @@ import { R as k, g as G } from "./components/hook-form/RHFAutocomplete/index.5ee
 import "react";
 import { I as V } from "./components/Image/index.c9da2d5a.js";
 import "lodash/debounce";
-import { R as W } from "./components/hook-form/RHFCheckbox/index.6a40e25f.js";
-import { R as J } from "./components/hook-form/RHFDateTime/index.5ed774e3.js";
+import { R as W } from "./components/hook-form/RHFCheckbox/index.6dcec9e2.js";
 import "@mui/x-date-pickers";
-import { R as Q, a as X } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
+import { R as J } from "./components/hook-form/RHFDateTime/index.9231a7c7.js";
+import { R as Q, a as X } from "./components/hook-form/RHFTextField/index.ba2a8f67.js";
 import { I as Z } from "./components/Icon/index.f569765b.js";
-import { R as $ } from "./components/hook-form/RHFPeriod/index.6c6733eb.js";
+import { R as $ } from "./components/hook-form/RHFPeriod/index.979d0898.js";
 import { E as ro } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as ao, g as eo } from "./components/Period/index.05c1c5e0.js";
-import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.798c6aee.js";
+import { P as ao, g as eo } from "./components/Period/index.a112ce37.js";
+import { b as so, M as io, d as po, g as no } from "./components/CommonActions/components/Actions/index.cd7b2671.js";
 import "@mui/material/Button";
-import { M as xo, a as fo } from "./contexts/ModalContext/index.73ab6934.js";
+import { M as xo, a as fo } from "./contexts/ModalContext/index.5388dfd5.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
-import { R as go } from "./components/hook-form/RHFUpload/index.56e2e277.js";
+import { R as go } from "./components/hook-form/RHFUpload/index.6347159a.js";
 import { A as uo } from "./components/mui_extended/Accordion/index.49f5df8e.js";
 import { A as yo } from "./components/mui_extended/Avatar/index.dadb0528.js";
-import { B as Ao, L as Po } from "./components/mui_extended/Button/index.ae47764f.js";
-import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.b6e4392a.js";
-import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.298730a1.js";
+import { B as Ao, L as Po } from "./components/mui_extended/Button/index.52d18aea.js";
+import { L as Lo, P as Ho } from "./components/mui_extended/Popover/index.4da8587a.js";
+import { P as Mo, g as bo } from "./components/mui_extended/Pager/index.951b6975.js";
 import { T as Io } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.cb62609c.js";
+import { D as So, N as Eo, T as No, g as ho } from "./components/DataGrid/index.2caf6231.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "@m4l/graphics";
 import { S as Uo } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.549adc46.js";
+import { D as ko, d as Go, g as zo } from "./components/DynamicFilter/index.f2377369.js";
 import "simplebar/dist/simplebar.min.css";
 import { R as wo } from "./components/contexts/RHFormContext/index.33dba822.js";
 import "yup";
 import "./react-draggable.20e95c61.js";
-import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.0340fb86.js";
+import { M as qo, d as Jo, g as Ko } from "./components/ModalDialog/index.bee344a5.js";
 import { R as Xo } from "./components/Resizeable/index.45995d2b.js";
 import { N as Zo, d as _o, g as $o } from "./components/NoItemSelected/index.9609a7f7.js";
-import { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.b1dcc4db.js";
+import { O as rr, d as tr, g as ar } from "./components/ObjectLogs/index.6b6f95e6.js";
 import "./react-json-view.f56a7f8e.js";
 import { P as mr } from "./components/PaperForm/index.3f8c7ef2.js";
-import { H as ir } from "./components/Page/index.fc660ee5.js";
+import { H as ir } from "./components/Page/index.4237c241.js";
 import { P as nr } from "./components/PropertyValue/index.ab3dd7e9.js";
 import "./react-splitter-layout.7810ac1b.js";
 import { S as xr } from "./components/SplitLayout/index.4032673d.js";
@@ -70,14 +70,14 @@ import { T as Wr } from "./components/mui_extended/Typography/index.e5494696.js"
 import { B as Jr, c as Kr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
 import { D as Xr, c as Yr } from "./components/formatters/DateFormatter/index.08d8823b.js";
 import { P as _r, a as $r, U as ot, e as rt, b as tt, c as at, d as et, g as mt } from "./components/formatters/index.6959c2de.js";
-import { A as it } from "./components/CommonActions/components/ActionCancel/index.465be070.js";
-import { A as nt } from "./components/CommonActions/components/ActionIntro/index.235ecbe2.js";
-import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.0deaba48.js";
+import { A as it } from "./components/CommonActions/components/ActionCancel/index.6736b782.js";
+import { A as nt } from "./components/CommonActions/components/ActionIntro/index.4665a611.js";
+import { A as xt } from "./components/CommonActions/components/ActionFormCancel/index.281ee166.js";
 import { A as lt } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
 import { L as gt } from "./components/Loadable/index.f5518558.js";
 import { S as ut } from "./components/ScrollToTop/index.e06f98f6.js";
 import { u as yt } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as At } from "./hooks/useModal/index.f2492b34.js";
+import { u as At } from "./hooks/useModal/index.3b1ff084.js";
 import { L as Ct } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",

package/components/Page/index.fc660ee5.js

@@ -1,27 +0,0 @@
-import { Helmet as a } from "react-helmet-async";
-import { useLocales as c } from "@m4l/graphics";
-import { useModuleSkeleton as u } from "@m4l/core";
-import { jsxs as t, Fragment as d, jsx as r } from "react/jsx-runtime";
-const p = (l) => {
-  const {
-    children: o,
-    title: n,
-    meta: m,
-    subtitle: e
-  } = l, {
-    currentLang: s
-  } = c(), i = u();
-  return /* @__PURE__ */ t(d, {
-    children: [!i && /* @__PURE__ */ t(a, {
-      children: [/* @__PURE__ */ r("title", {
-        children: `${n}${e ? ` | ${e}` : ""} `
-      }), /* @__PURE__ */ r("html", {
-        lang: s.value
-      }), m]
-    }), o]
-  });
-};
-p.displayName = "Page";
-export {
-  p as H
-};

package/components/Period/index.05c1c5e0.js

@@ -1,159 +0,0 @@
-import { useModuleDictionary as Y, useModuleSkeleton as R, useEnvironment as T } from "@m4l/core";
-import { styled as a, Skeleton as d, Autocomplete as $, TextField as x } from "@mui/material";
-import { useMemo as D } from "react";
-import { I as v } from "../Icon/index.f569765b.js";
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { g as O } from "../CommonActions/components/Actions/index.798c6aee.js";
-import "@mui/material/Button";
-import "react-hook-form";
-import "react-router-dom";
-import "../../contexts/ModalContext/index.73ab6934.js";
-import "@mui/lab";
-const S = a("div")(({
-  theme: t,
-  error: s
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "auto",
-  alignItems: "center",
-  gap: t.spacing(1),
-  border: s ? `1px solid ${t.palette.error.main}` : `1px solid ${t.palette.divider}`,
-  padding: t.spacing(0.5, 1),
-  borderRadius: "4px",
-  "& .MuiAutocomplete-root, & .MuiTextField-root": {
-    width: "100%"
-  },
-  "& .MuiAutocomplete-root .MuiTextField-root": {
-    width: "100%"
-  },
-  "& .MuiTextField-root .MuiInput-input": {
-    padding: "5px!important"
-  }
-})), p = a("div")(({
-  theme: t
-}) => ({
-  width: "1px",
-  height: "20px",
-  backgroundColor: t.palette.divider
-})), P = a("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "auto",
-  height: "37.5px",
-  alignItems: "center",
-  gap: t.spacing(1),
-  border: `1px solid ${t.palette.divider}`,
-  padding: t.spacing(0.5, 1),
-  borderRadius: "4px"
-})), k = a("div")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  width: "100%",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-})), w = a("div")(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  width: "70px",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-}));
-var i = /* @__PURE__ */ ((t) => (t[t.YEARS = 0] = "YEARS", t[t.MONTHS = 1] = "MONTHS", t[t.DAYS = 2] = "DAYS", t))(i || {});
-const F = (t) => t ? t.selPeriodTime ? t.selPeriodTime : t.years && t.years > 0 ? i.YEARS : t.months && t.months > 0 ? i.MONTHS : t.days && t.days > 0 ? i.DAYS : i.YEARS : i.YEARS, _ = (t) => t ? t.singleValue !== void 0 ? t.singleValue : t.years && t.years > 0 ? t.years : t.months && t.months > 0 ? t.months : t.days && t.days > 0 ? t.days : "" : "", z = (t) => {
-  const {
-    value: s,
-    onChange: b,
-    error: A = !1,
-    readOnly: M = !1
-  } = t, {
-    getLabel: l
-  } = Y(), C = R(), c = F(s), g = _(s), f = (e, r) => {
-    const o = {
-      selPeriodTime: e,
-      singleValue: r
-    };
-    r !== "" && r > 0 && (o.years = 0, o.months = 0, o.days = 0, e === i.YEARS && (o.years = r), e === i.MONTHS && (o.months = r), e === i.DAYS && (o.days = r)), b(o);
-  }, I = (e) => {
-    e && f(e.id, g);
-  }, {
-    host_static_assets: h,
-    environment_assets: m
-  } = T(), y = D(() => [{
-    id: 0,
-    label: l("period.years")
-  }, {
-    id: 1,
-    label: l("period.months")
-  }, {
-    id: 2,
-    label: l("period.days")
-  }], [l]);
-  return C ? /* @__PURE__ */ u(P, {
-    children: [/* @__PURE__ */ n(d, {
-      variant: "rounded",
-      width: "100%"
-    }), /* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(d, {
-      variant: "rounded",
-      width: "100%"
-    }), /* @__PURE__ */ n(d, {
-      variant: "circular",
-      width: 20,
-      sx: {
-        minWidth: "20px",
-        minHeight: "20px"
-      }
-    })]
-  }) : (M && (s.selPeriodTime, s.singleValue, v, `${h}${m}`), /* @__PURE__ */ u(S, {
-    error: A,
-    children: [/* @__PURE__ */ n($, {
-      options: y,
-      value: y[c],
-      disableClearable: !0,
-      onChange: (e, r) => {
-        I(r);
-      },
-      renderInput: (e) => /* @__PURE__ */ n(x, {
-        ...e,
-        fullWidth: !0,
-        variant: "standard",
-        SelectProps: {
-          native: !0
-        },
-        InputProps: {
-          disableUnderline: !0,
-          ...e.InputProps
-        },
-        autoComplete: "off"
-      }, `tx_async_${e.id}`)
-    }), /* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(x, {
-      type: "number",
-      variant: "standard",
-      value: g,
-      InputProps: {
-        disableUnderline: !0
-      },
-      onChange: (e) => {
-        f(c, e.target.value === "" ? "" : parseInt(e.target.value));
-      }
-    }), /* @__PURE__ */ n(v, {
-      src: `${h}/${m}/frontend/components/period/assets/icons/clock.svg`
-    })]
-  }));
-};
-function B() {
-  return ["period"].concat(O());
-}
-export {
-  z as P,
-  B as g
-};

package/components/hook-form/RHFCheckbox/index.6a40e25f.js

@@ -1,55 +0,0 @@
-import { useFormContext as i, Controller as c } from "react-hook-form";
-import { styled as m } from "@mui/material/styles";
-import { styled as p, Skeleton as d, FormControlLabel as u, Checkbox as f } from "@mui/material";
-import { useModuleSkeleton as g } from "@m4l/core";
-import { jsx as e, jsxs as k, Fragment as x } from "react/jsx-runtime";
-const h = p("div")(() => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: "8px"
-})), C = () => /* @__PURE__ */ e(h, {
-  children: /* @__PURE__ */ e(d, {
-    variant: "rectangular"
-  })
-}), y = m("p")(({
-  theme: r
-}) => ({
-  ...r.typography.caption,
-  color: r.palette.error.main,
-  marginRight: 14,
-  marginLeft: 14
-}));
-function L({
-  name: r,
-  sizeCheck: n = "small",
-  ...l
-}) {
-  const {
-    control: s
-  } = i(), a = g();
-  return /* @__PURE__ */ e(u, {
-    control: /* @__PURE__ */ e(c, {
-      name: r,
-      control: s,
-      render: ({
-        field: t,
-        fieldState: {
-          error: o
-        }
-      }) => a ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ k(x, {
-        children: [/* @__PURE__ */ e(f, {
-          size: n,
-          ...t,
-          checked: t.value
-        }), o?.message && /* @__PURE__ */ e(y, {
-          children: o?.message + ""
-        })]
-      })
-    }),
-    ...l
-  });
-}
-export {
-  L as R
-};

package/components/hook-form/RHFDateTime/index.5ed774e3.js

@@ -1,66 +0,0 @@
-import { useFormContext as u, Controller as c } from "react-hook-form";
-import { Skeleton as h, TextField as x } from "@mui/material";
-import { styled as g } from "@mui/material/styles";
-import { DateTimePicker as k } from "@mui/x-date-pickers";
-import { useModuleSkeleton as F, useEnvironment as v } from "@m4l/core";
-import { jsx as e } from "react/jsx-runtime";
-const C = g("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${t.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: t.spacing(1)
-}));
-function w(t) {
-  const {
-    name: i,
-    autoComplete: a = "off",
-    skeletonWidth: m = "100%",
-    skeletonHeight: s = 14
-  } = t, l = F(), {
-    control: d
-  } = u(), {
-    dfnsFormat: {
-      datetime_format: p,
-      datetime_mask: f
-    }
-  } = v();
-  return l ? /* @__PURE__ */ e(C, {
-    children: /* @__PURE__ */ e(h, {
-      variant: "text",
-      width: m,
-      height: s
-    })
-  }) : /* @__PURE__ */ e(c, {
-    name: i,
-    control: d,
-    render: ({
-      field: r,
-      fieldState: {
-        error: n
-      }
-    }) => /* @__PURE__ */ e(k, {
-      ampm: !1,
-      inputFormat: p,
-      mask: f,
-      label: "",
-      value: r.value,
-      onChange: (o) => {
-        isNaN(o) ? r.onChange(void 0) : r.onChange(o);
-      },
-      renderInput: (o) => /* @__PURE__ */ e(x, {
-        autoComplete: a,
-        fullWidth: !0,
-        error: !!n,
-        helperText: n?.message,
-        ...o
-      })
-    })
-  });
-}
-export {
-  w as R
-};