asma-ui-core 3.34.0 → 3.35.0

package/dist/datetime/components/time-picker/TimePickerInput.js

@@ -1,19 +1,18 @@
-import { StyledInputField as w } from "../../shared-components/StyledInputField.js";
-import { HelperText as y } from "./components/HelperText.js";
-import { ClockOutlineIcon as E } from "../../shared-components/ClockOutlineIcon.js";
+import { StyledInputField as w } from "../../../components/inputs/input-field/StyledInputField.js";
+import { useInputMask as y } from "../../../helpers/inputMask.js";
+import { HelperText as E } from "./components/HelperText.js";
+import { ClockOutlineIcon as I } from "../../shared-components/ClockOutlineIcon.js";
 import { useEffect as R, useRef as v } from "react";
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { useMask as M } from "@react-input/mask";
-import "material-ui-popup-state/hooks";
-var S = (c) => {
-  const { placeholder: f, disabled: r, inputClassName: h, dataTest: n, width: i, error: u, helperText: x, label: T, locale: k = "en", popupState: l, handleChange: C, isValidTime: s, isValidEndTime: p, localValue: b, title: m, readOnly: e } = c, g = M({
+import { jsx as o, jsxs as M } from "react/jsx-runtime";
+var O = (c) => {
+  const { placeholder: f, disabled: r, inputClassName: h, dataTest: n, width: i, error: u, helperText: x, label: k, locale: C = "en", popupState: l, handleChange: T, isValidTime: s, isValidEndTime: p, localValue: b, title: m, readOnly: e } = c, g = y({
     mask: "xx:xx",
-    replacement: { x: /\d/ },
+    maskChar: "x",
     showMask: !1
   }), d = !s || !p || !!u, a = v(null);
   return R(() => {
     a.current && l.setAnchorEl(a.current);
-  }, []), /* @__PURE__ */ I("div", {
+  }, []), /* @__PURE__ */ M("div", {
     style: { height: e ? "40px" : "75px" },
     children: [m && /* @__PURE__ */ o("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
@@ -27,20 +26,20 @@ var S = (c) => {
       placeholder: f,
       size: "small",
       error: d,
-      helperText: /* @__PURE__ */ o(y, {
+      helperText: /* @__PURE__ */ o(E, {
         isValidTime: s,
         isValidEndTime: p,
         error: d,
-        localization: k,
+        localization: C,
         helperText: x
       }),
-      onChange: C,
+      onChange: T,
       slotProps: { input: {
         ref: a,
         onMouseDown: (t) => {
           !r && !e && l.open(t);
         },
-        endAdornment: /* @__PURE__ */ o(E, {
+        endAdornment: /* @__PURE__ */ o(I, {
           width: 24,
           height: 24,
           onClick: (t) => {
@@ -57,10 +56,10 @@ var S = (c) => {
       disabled: r,
       readOnly: e,
       className: h,
-      label: T
+      label: k
     })]
   });
 };
 export {
-  S as TimePickerInput
+  O as TimePickerInput
 };

package/dist/datetime/components/time-picker/TimePickerPopper.js

@@ -1,29 +1,31 @@
 import { StyledButton as r } from "../../shared-components/button/StyledButton.js";
-import s from "./StyledTimePicker.module.js";
-import { TimePickerBody as l } from "./components/TimePickerBody.js";
-import { EraserIcon as c } from "../../shared-components/EraserIcon.js";
-import { CheckIcon as h } from "../../shared-components/CheckIcon.js";
-import f from "clsx";
-import { Fade as u, Paper as x, Popper as k } from "@mui/material";
+import { bindPopper as s } from "../../../hooks/usePopupState.js";
+import { Paper as l } from "../../../components/mui-compat/Paper.js";
+import { Fade as c } from "../../../components/mui-compat/Fade.js";
+import { Popper as h } from "../../../components/mui-compat/Popper.js";
+import f from "./StyledTimePicker.module.js";
+import { TimePickerBody as u } from "./components/TimePickerBody.js";
+import { EraserIcon as x } from "../../shared-components/EraserIcon.js";
+import { CheckIcon as k } from "../../shared-components/CheckIcon.js";
+import y from "clsx";
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { bindPopper as y } from "material-ui-popup-state/hooks";
-var j = (a) => {
-  const { popupState: e, dataTest: m, value: i, onSelect: n, handleClear: p } = a;
-  return /* @__PURE__ */ t(k, {
-    ...y(e),
-    className: f(s["shadow-mui"]),
+var I = (m) => {
+  const { popupState: e, dataTest: a, value: i, onSelect: n, handleClear: p } = m;
+  return /* @__PURE__ */ t(h, {
+    ...s(e),
+    className: y(f["shadow-mui"]),
     transition: !0,
     style: {
       zIndex: "1300",
       position: "absolute"
     },
-    children: ({ TransitionProps: d }) => /* @__PURE__ */ t(u, {
+    children: ({ TransitionProps: d }) => /* @__PURE__ */ t(c, {
       ...d,
       timeout: 350,
-      children: /* @__PURE__ */ o(x, {
+      children: /* @__PURE__ */ o(l, {
         style: { paddingBottom: "1px" },
-        children: [/* @__PURE__ */ t(l, {
-          dataTest: `${m}-time-picker-body`,
+        children: [/* @__PURE__ */ t(u, {
+          dataTest: `${a}-time-picker-body`,
           value: i,
           onSelect: n
         }), /* @__PURE__ */ o("div", {
@@ -44,7 +46,7 @@ var j = (a) => {
               minWidth: "40px",
               marginLeft: "10px"
             },
-            children: /* @__PURE__ */ t(c, {
+            children: /* @__PURE__ */ t(x, {
               width: 24,
               height: 24
             })
@@ -58,7 +60,7 @@ var j = (a) => {
               minWidth: "40px",
               marginRight: "16px"
             },
-            children: /* @__PURE__ */ t(h, {
+            children: /* @__PURE__ */ t(k, {
               width: 20,
               height: 20
             })
@@ -69,5 +71,5 @@ var j = (a) => {
   });
 };
 export {
-  j as TimePickerPopper
+  I as TimePickerPopper
 };

package/dist/datetime/helpers/cn.js

@@ -1,8 +1,7 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+import { clsx as n } from "clsx";
+function t(...r) {
+  return n(r);
 }
 export {
-  n as cn
+  t as cn
 };

package/dist/helpers/arrays.js

@@ -0,0 +1,4 @@
+var a = (o) => o.filter(Boolean);
+export {
+  a as compact
+};

package/dist/helpers/cn.js

@@ -1,8 +1,7 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+import { clsx as n } from "clsx";
+function t(...r) {
+  return n(r);
 }
 export {
-  n as cn
+  t as cn
 };

package/dist/helpers/inputMask.js

@@ -0,0 +1,45 @@
+import { useCallback as p, useRef as h } from "react";
+var d = (a, s, u) => {
+  const { mask: l, maskChar: n, showMask: r } = u, f = [...l].filter((i) => i === n).length, e = a.replace(/\D/g, "").slice(0, f);
+  if (e.length === 0) return {
+    value: "",
+    caret: 0
+  };
+  const c = Math.min(a.slice(0, s).replace(/\D/g, "").length, e.length);
+  let t = "", v = 0, o = 0, g = "";
+  for (const i of l) {
+    if (i !== n) {
+      r ? t += i : g += i;
+      continue;
+    }
+    if (o < e.length)
+      r || (t += g, g = ""), t += e[o], o += 1, o === c && (v = t.length);
+    else if (r) t += n;
+    else break;
+  }
+  return {
+    value: t,
+    caret: v
+  };
+}, m = ({ mask: a, maskChar: s, showMask: u }) => {
+  const l = h(null);
+  return p((n) => {
+    if (l.current?.(), l.current = null, !n) return;
+    const r = (f) => {
+      const e = f.target, { value: c, caret: t } = d(e.value, e.selectionStart ?? e.value.length, {
+        mask: a,
+        maskChar: s,
+        showMask: u
+      });
+      e.value !== c && (e.value = c), e.setSelectionRange(t, t);
+    };
+    n.addEventListener("input", r), l.current = () => n.removeEventListener("input", r);
+  }, [
+    a,
+    s,
+    u
+  ]);
+};
+export {
+  m as useInputMask
+};

package/dist/helpers/sx.js

@@ -0,0 +1,46 @@
+var p = 8, d = {
+  m: ["margin"],
+  mt: ["marginTop"],
+  mr: ["marginRight"],
+  mb: ["marginBottom"],
+  ml: ["marginLeft"],
+  mx: ["marginLeft", "marginRight"],
+  my: ["marginTop", "marginBottom"],
+  p: ["padding"],
+  pt: ["paddingTop"],
+  pr: ["paddingRight"],
+  pb: ["paddingBottom"],
+  pl: ["paddingLeft"],
+  px: ["paddingLeft", "paddingRight"],
+  py: ["paddingTop", "paddingBottom"]
+}, g = { bgcolor: "backgroundColor" }, c = (e) => {
+  if (typeof e == "number") return e * p;
+  if (typeof e == "string") return e;
+}, f = (e, r) => {
+  for (const [o, n] of Object.entries(r)) {
+    if (n == null) continue;
+    if (o.includes("&") || o.startsWith(":") || typeof n == "object") {
+      console.warn(`resolveSx: unsupported nested/responsive sx key "${o}" dropped — use className instead.`);
+      continue;
+    }
+    const t = d[o];
+    if (t) {
+      const i = c(n);
+      if (i !== void 0) for (const s of t) Object.assign(e, { [s]: i });
+      continue;
+    }
+    const a = g[o];
+    Object.assign(e, { [a ?? o]: n });
+  }
+}, m = (e) => {
+  const r = {};
+  if (!e) return r;
+  if (typeof e == "function")
+    return console.warn("resolveSx: theme-callback sx is not supported and was ignored — use className instead."), r;
+  const o = Array.isArray(e) ? e : [e];
+  for (const n of o) n && typeof n == "object" && f(r, n);
+  return r;
+};
+export {
+  m as resolveSx
+};