qaema-ui 0.0.45 → 0.0.46

package/dist/components/DatePicker.js

@@ -1,35 +1,35 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { useState as f, useRef as re, useEffect as A } from "react";
-import { useTranslation as te } from "react-i18next";
-import { FaRegCalendarAlt as oe, FaAngleDown as ne, FaAngleLeft as se } from "../node_modules/react-icons/fa/index.js";
-import i, { useTheme as ie } from "styled-components";
-import ae from "./Hint.js";
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { useState as f, useRef as te, useEffect as A } from "react";
+import { useTranslation as oe } from "react-i18next";
+import { FaRegCalendarAlt as ne, FaAngleDown as se, FaAngleLeft as ie } from "../node_modules/react-icons/fa/index.js";
+import i, { useTheme as ae } from "styled-components";
+import le from "./Hint.js";
 import { formatDate as b } from "../node_modules/date-fns/format.js";
-import { parse as le } from "../node_modules/date-fns/parse.js";
+import { parse as ce } from "../node_modules/date-fns/parse.js";
 import { isBefore as L } from "../node_modules/date-fns/isBefore.js";
 import { isAfter as z } from "../node_modules/date-fns/isAfter.js";
-import { isValid as ce } from "../node_modules/date-fns/isValid.js";
-import { arSA as de } from "../node_modules/date-fns/locale/ar-SA.js";
-import { enUS as pe } from "../node_modules/date-fns/locale/en-US.js";
+import { isValid as de } from "../node_modules/date-fns/isValid.js";
+import { arSA as pe } from "../node_modules/date-fns/locale/ar-SA.js";
+import { enUS as me } from "../node_modules/date-fns/locale/en-US.js";
 import { addMonths as ge } from "../node_modules/date-fns/addMonths.js";
-import { subMonths as me } from "../node_modules/date-fns/subMonths.js";
-import { startOfWeek as fe } from "../node_modules/date-fns/startOfWeek.js";
-import { startOfMonth as ue } from "../node_modules/date-fns/startOfMonth.js";
-import { endOfWeek as he } from "../node_modules/date-fns/endOfWeek.js";
-import { endOfMonth as ye } from "../node_modules/date-fns/endOfMonth.js";
-import { addDays as be } from "../node_modules/date-fns/addDays.js";
-import { isSameMonth as xe } from "../node_modules/date-fns/isSameMonth.js";
-import { isSameDay as $e } from "../node_modules/date-fns/isSameDay.js";
-import { getYear as we } from "../node_modules/date-fns/getYear.js";
-import { setYear as Me } from "../node_modules/date-fns/setYear.js";
-import { setMonth as je } from "../node_modules/date-fns/setMonth.js";
-const De = i.div`
+import { subMonths as fe } from "../node_modules/date-fns/subMonths.js";
+import { startOfWeek as ue } from "../node_modules/date-fns/startOfWeek.js";
+import { startOfMonth as he } from "../node_modules/date-fns/startOfMonth.js";
+import { endOfWeek as ye } from "../node_modules/date-fns/endOfWeek.js";
+import { endOfMonth as be } from "../node_modules/date-fns/endOfMonth.js";
+import { addDays as xe } from "../node_modules/date-fns/addDays.js";
+import { isSameMonth as $e } from "../node_modules/date-fns/isSameMonth.js";
+import { isSameDay as we } from "../node_modules/date-fns/isSameDay.js";
+import { getYear as Me } from "../node_modules/date-fns/getYear.js";
+import { setYear as je } from "../node_modules/date-fns/setYear.js";
+import { setMonth as De } from "../node_modules/date-fns/setMonth.js";
+const Se = i.div`
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 0.5rem;
-`, Se = i.div`
+`, ke = i.div`
   position: relative;
   width: 100%;
   height: 3.5rem;
@@ -40,7 +40,7 @@ const De = i.div`
   align-items: center;
   padding: ${({ theme: e }) => `${e.spacing.s} ${e.spacing.sm}`};
   box-shadow: ${({ theme: e }) => e.boxShadow.s3};
-`, ke = i.input`
+`, ve = i.input`
   all: unset;
   flex: 1;
   height: 100%;
@@ -54,7 +54,7 @@ const De = i.div`
   }
 
   cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
-`, ve = i.div`
+`, Oe = i.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -62,7 +62,7 @@ const De = i.div`
   color: ${({ theme: e }) => e.colors.grey.n400};
   font-size: 1rem;
   flex-shrink: 0;
-`, Oe = i.div`
+`, Fe = i.div`
   position: absolute;
   top: 110%;
   left: 0;
@@ -78,7 +78,7 @@ const De = i.div`
   font-weight: bold;
   cursor: pointer;
   margin-bottom: 0.5rem;
-`, Y = i(se)`
+`, Y = i(ie)`
   cursor: pointer;
   font-size: 1.25rem;
   color: ${({ theme: e }) => e.colors.primary.purple.n450};
@@ -107,9 +107,9 @@ const De = i.div`
   opacity: ${(e) => e.disabled ? 0.2 : 1};
   background-color: ${(e) => e.selected ? e.theme.colors.primary.purple.n450 : "transparent"};
   color: ${(e) => e.selected ? "white" : "inherit"};
-  border-radius: ${({ theme: e, isToday: a }) => (d) => a && !d.selected ? e.borderRadius.circle : e.borderRadius.md};
+  border-radius: ${({ theme: e, isToday: a }) => (c) => a && !c.selected ? e.borderRadius.circle : e.borderRadius.md};
 
-  background-color: ${({ theme: e, isToday: a }) => (d) => a && !d.selected && e.colors.primary.purple.n100};
+  background-color: ${({ theme: e, isToday: a }) => (c) => a && !c.selected && e.colors.primary.purple.n100};
   &:hover {
     background-color: ${(e) => !e.disabled && !e.selected ? e.theme.colors.grey.n50 : ""};
   }
@@ -123,23 +123,23 @@ const De = i.div`
   border: none;
   border-radius: ${({ theme: e }) => e.borderRadius.md};
   cursor: pointer;
-`, F = i.div`
+`, N = i.div`
   width: 100%;
   background-color: white;
   border-radius: ${({ theme: e }) => e.borderRadius.md};
-`, Fe = i.div`
+`, Ne = i.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 0.313rem;
   max-height: 12.5rem;
   overflow-y: auto;
   padding: ${({ theme: e }) => e.spacing.sm};
-`, Ne = i.div`
+`, We = i.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.313rem;
   padding: ${({ theme: e }) => e.spacing.sm};
-`, N = i.div`
+`, W = i.div`
   text-align: center;
   padding: ${({ theme: e }) => e.spacing.sm};
   cursor: pointer;
@@ -148,7 +148,7 @@ const De = i.div`
   &:hover {
     background-color: #eee;
   }
-`, We = i.label`
+`, Ee = i.label`
   display: flex;
   align-items: flex-end;
   column-gap: ${({ theme: e }) => e.spacing.xs};
@@ -157,59 +157,59 @@ const De = i.div`
   font-weight: 400;
   text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
   line-height: ${({ theme: e }) => e.typography.lineHeights.s};
-`, Ee = i.span`
+`, Ie = i.span`
   color: ${({ theme: e }) => e.colors.grey.n300};
   font-size: ${({ theme: e }) => e.typography.sizes.s2};
 
   display: flex;
   justify-content: ${({ theme: e }) => e.dir === "rtl" ? "flex-end" : "flex-start"};
   text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
-`, fr = ({ value: e, onChange: a, minDate: d, maxDate: x, label: v, optional: O, disabled: W, error: D }) => {
-  const [E, $] = f(!1), [p, g] = f(e || /* @__PURE__ */ new Date()), [w, u] = f(e || null), [I, h] = f(e ? b(e, "dd/MM/yyyy") : ""), [M, j] = f("calendar"), [T, R] = f(0), S = re(null), k = /* @__PURE__ */ new Date(), C = ie(), { t: V, i18n: H } = te(), l = (H.language || "").toLowerCase().startsWith("ar") || C.dir === "rtl", y = l ? "rtl" : "ltr", P = l ? de : pe, J = l ? ["أح", "اث", "ثل", "أر", "خم", "جم", "سب"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], B = l ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], m = (r) => {
+`, ur = ({ value: e, onChange: a, minDate: c, maxDate: x, label: O, optional: F, disabled: E, error: D }) => {
+  const [I, $] = f(!1), [d, p] = f(e || /* @__PURE__ */ new Date()), [w, u] = f(e || null), [T, h] = f(e ? b(e, "dd/MM/yyyy") : ""), [M, j] = f("calendar"), [V, R] = f(0), S = te(null), k = /* @__PURE__ */ new Date(), C = ae(), { t: H, i18n: P } = oe(), l = (P.language || "").toLowerCase().startsWith("ar") || C.dir === "rtl", y = l ? "rtl" : "ltr", J = l ? pe : me, B = l ? ["أح", "اث", "ثل", "أر", "خم", "جم", "سب"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], _ = l ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], m = (o) => {
     const s = ["٠", "١", "٢", "٣", "٤", "٥", "٦", "٧", "٨", "٩"];
-    return r.toString().replace(/\d/g, (n) => s[Number(n)]);
-  }, _ = (r) => {
+    return o.toString().replace(/\d/g, (r) => s[Number(r)]);
+  }, G = (o) => {
     const s = "٠١٢٣٤٥٦٧٨٩";
-    return r.replace(/[٠-٩]/g, (n) => s.indexOf(n).toString());
+    return o.replace(/[٠-٩]/g, (r) => s.indexOf(r).toString());
   };
   A(() => {
-    const r = (s) => {
+    const o = (s) => {
       S.current && !S.current.contains(s.target) && ($(!1), j("calendar"));
     };
-    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
   }, []), A(() => {
     if (e) {
-      const r = b(e, "dd/MM/yyyy");
-      u(e), g(e), h(l ? m(r) : r);
+      const s = b(e, l ? "yyyy/MM/dd" : "dd/MM/yyyy");
+      u(e), p(e), h(l ? m(s) : s);
     } else
       u(null), h("");
   }, [e, l]);
-  const G = (r) => {
-    const s = r.target.value;
-    let n = _(s).replace(/\D/g, "");
-    if (n === "") {
+  const U = (o) => {
+    const s = o.target.value;
+    let r = G(s).replace(/\D/g, "");
+    if (r === "") {
       h(""), u(null), a(null);
       return;
     }
-    n.length >= 3 && (n = n.slice(0, 2) + "/" + n.slice(2)), n.length >= 6 && (n = n.slice(0, 5) + "/" + n.slice(5, 9));
-    const t = l ? m(n) : n;
-    if (h(t), n.length === 10) {
-      const c = le(n, "dd/MM/yyyy", /* @__PURE__ */ new Date()), ee = d && L(c, d) || x && z(c, x);
-      ce(c) && !ee && (u(c), g(c), a(c));
+    l ? (r.length >= 5 && (r = r.slice(0, 4) + "/" + r.slice(4)), r.length >= 8 && (r = r.slice(0, 7) + "/" + r.slice(7, 9))) : (r.length >= 3 && (r = r.slice(0, 2) + "/" + r.slice(2)), r.length >= 6 && (r = r.slice(0, 5) + "/" + r.slice(5, 9)));
+    const t = l ? m(r) : r;
+    if (h(t), r.length === 10) {
+      const g = ce(r, l ? "yyyy/MM/dd" : "dd/MM/yyyy", /* @__PURE__ */ new Date()), re = c && L(g, c) || x && z(g, x);
+      de(g) && !re && (u(g), p(g), a(g));
     }
-  }, U = () => {
-    const r = fe(ue(p), { weekStartsOn: 0 }), s = he(ye(p), { weekStartsOn: 0 }), n = [];
-    for (let t = r; t <= s; t = be(t, 1)) {
-      const c = d && L(t, d) || x && z(t, x) || !xe(t, p);
-      n.push(
-        /* @__PURE__ */ o.jsx(
+  }, q = () => {
+    const o = ue(he(d), { weekStartsOn: 0 }), s = ye(be(d), { weekStartsOn: 0 }), r = [];
+    for (let t = o; t <= s; t = xe(t, 1)) {
+      const v = c && L(t, c) || x && z(t, x) || !$e(t, d);
+      r.push(
+        /* @__PURE__ */ n.jsx(
           Le,
           {
             isToday: k.getDate() === t.getDate() && k.getMonth() === t.getMonth() && k.getFullYear() === t.getFullYear(),
-            disabled: c,
-            selected: w ? $e(t, w) : !1,
+            disabled: v,
+            selected: w ? we(t, w) : !1,
             onClick: () => {
-              c || (u(t), h(l ? m(b(t, "dd/MM/yyyy")) : b(t, "dd/MM/yyyy")), a(t), $(!1));
+              v || (u(t), h(l ? m(b(t, "dd/MM/yyyy")) : b(t, "dd/MM/yyyy")), a(t), $(!1));
             },
             children: l ? m(t.getDate()) : t.getDate()
           },
@@ -217,89 +217,89 @@ const De = i.div`
         )
       );
     }
-    return /* @__PURE__ */ o.jsx(Ae, { $dir: y, children: n });
-  }, q = () => {
-    const s = we(/* @__PURE__ */ new Date()) + T * 12;
-    return Array.from({ length: 12 }, (n, t) => s + t);
-  }, K = (r) => {
-    g(Me(p, r)), j("month");
-  }, Q = (r) => {
-    const s = je(p, r);
-    g(s), j("calendar");
-  }, X = () => {
-    const r = y === "rtl", s = () => {
-      M === "calendar" ? g(me(p)) : R((t) => t - 1);
-    }, n = () => {
-      M === "calendar" ? g(ge(p, 1)) : R((t) => t + 1);
+    return /* @__PURE__ */ n.jsx(Ae, { $dir: y, children: r });
+  }, K = () => {
+    const s = Me(/* @__PURE__ */ new Date()) + V * 12;
+    return Array.from({ length: 12 }, (r, t) => s + t);
+  }, Q = (o) => {
+    p(je(d, o)), j("month");
+  }, X = (o) => {
+    const s = De(d, o);
+    p(s), j("calendar");
+  }, Z = () => {
+    const o = y === "rtl", s = () => {
+      M === "calendar" ? p(fe(d)) : R((t) => t - 1);
+    }, r = () => {
+      M === "calendar" ? p(ge(d, 1)) : R((t) => t + 1);
     };
-    return /* @__PURE__ */ o.jsxs(Re, { children: [
-      /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsxs(Re, { children: [
+      /* @__PURE__ */ n.jsx(
         Y,
         {
           $dir: y,
           $position: "left",
           onClick: (t) => {
-            t.stopPropagation(), r ? n() : s();
+            t.stopPropagation(), o ? r() : s();
           }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { onClick: () => j("year"), children: [
+      /* @__PURE__ */ n.jsxs("div", { onClick: () => j("year"), children: [
         (() => {
-          const t = b(p, "MMMM yyyy", { locale: P });
+          const t = b(d, "MMMM yyyy", { locale: J });
           return l ? m(t) : t;
         })(),
-        /* @__PURE__ */ o.jsx(ne, { color: C.colors.grey.n300, size: 12 })
+        /* @__PURE__ */ n.jsx(se, { color: C.colors.grey.n300, size: 12 })
       ] }),
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         Y,
         {
           $dir: y,
           $position: "right",
           onClick: (t) => {
-            t.stopPropagation(), r ? s() : n();
+            t.stopPropagation(), o ? s() : r();
           }
         }
       )
     ] });
-  }, Z = () => M === "calendar" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(Ce, { $dir: y, children: J.map((r) => /* @__PURE__ */ o.jsx("div", { children: r }, r)) }),
-    U(),
-    /* @__PURE__ */ o.jsx(ze, { children: /* @__PURE__ */ o.jsx(
+  }, ee = () => M === "calendar" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(Ce, { $dir: y, children: B.map((o) => /* @__PURE__ */ n.jsx("div", { children: o }, o)) }),
+    q(),
+    /* @__PURE__ */ n.jsx(ze, { children: /* @__PURE__ */ n.jsx(
       Ye,
       {
         onClick: () => {
           w && a(w), $(!1);
         },
-        children: V("SET_DATE")
+        children: H("SET_DATE")
       }
     ) })
-  ] }) : M === "year" ? /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(Fe, { children: q().map((r) => /* @__PURE__ */ o.jsx(N, { onClick: () => K(r), children: l ? m(r) : r }, r)) }) }) : /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(Ne, { children: B.map((r, s) => /* @__PURE__ */ o.jsx(N, { onClick: () => Q(s), children: r }, `${r}-${s}`)) }) });
-  return /* @__PURE__ */ o.jsxs(De, { ref: S, children: [
-    v && /* @__PURE__ */ o.jsxs(We, { children: [
-      v,
+  ] }) : M === "year" ? /* @__PURE__ */ n.jsx(N, { children: /* @__PURE__ */ n.jsx(Ne, { children: K().map((o) => /* @__PURE__ */ n.jsx(W, { onClick: () => Q(o), children: l ? m(o) : o }, o)) }) }) : /* @__PURE__ */ n.jsx(N, { children: /* @__PURE__ */ n.jsx(We, { children: _.map((o, s) => /* @__PURE__ */ n.jsx(W, { onClick: () => X(s), children: o }, `${o}-${s}`)) }) });
+  return /* @__PURE__ */ n.jsxs(Se, { ref: S, children: [
+    O && /* @__PURE__ */ n.jsxs(Ee, { children: [
+      O,
       " ",
-      O && /* @__PURE__ */ o.jsx(Ee, { children: O })
+      F && /* @__PURE__ */ n.jsx(Ie, { children: F })
     ] }),
-    /* @__PURE__ */ o.jsxs(Se, { $error: D, children: [
-      /* @__PURE__ */ o.jsx(ve, { children: /* @__PURE__ */ o.jsx(oe, {}) }),
-      /* @__PURE__ */ o.jsx(
-        ke,
+    /* @__PURE__ */ n.jsxs(ke, { $error: D, children: [
+      /* @__PURE__ */ n.jsx(Oe, { children: /* @__PURE__ */ n.jsx(ne, {}) }),
+      /* @__PURE__ */ n.jsx(
+        ve,
         {
-          disabled: W,
-          value: I,
-          onChange: G,
+          disabled: E,
+          value: T,
+          onChange: U,
           placeholder: l ? "يوم/شهر/سنة" : "dd/mm/yyyy",
           onFocus: () => $(!0)
         }
       )
     ] }),
-    E && /* @__PURE__ */ o.jsxs(Oe, { children: [
-      X(),
-      Z()
+    I && /* @__PURE__ */ n.jsxs(Fe, { children: [
+      Z(),
+      ee()
     ] }),
-    D && /* @__PURE__ */ o.jsx(ae, { variant: "error", showLeadIcon: !1, title: D, showLink: !1 })
+    D && /* @__PURE__ */ n.jsx(le, { variant: "error", showLeadIcon: !1, title: D, showLink: !1 })
   ] });
 };
 export {
-  fr as default
+  ur as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qaema-ui",
   "private": false,
-  "version": "0.0.45",
+  "version": "0.0.46",
   "type": "module",
   "publishConfig": {
     "access": "public"