qaema-ui 0.0.13 → 0.0.15

package/dist/components/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface DatePickerProps {
     value: Date | null;
-    onChange: (date: Date) => void;
+    onChange: (date: Date | null) => void;
     minDate?: Date;
     maxDate?: Date;
     label?: string;

package/dist/components/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/lib/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA4B3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiLD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0OzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/lib/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA4B3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiLD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkPzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/DatePicker.js

@@ -1,5 +1,5 @@
 import { j as r } from "../_virtual/jsx-runtime.js";
-import { useState as p, useRef as Q, useEffect as O } from "react";
+import { useState as p, useRef as Q, useEffect as C } from "react";
 import { dayLabels as X } from "../constants/calendar.constant.js";
 import { useTranslation as Z } from "react-i18next";
 import { FaRegCalendarAlt as ee, FaAngleDown as re, FaAngleLeft as te } from "../node_modules/react-icons/fa/index.js";
@@ -95,11 +95,11 @@ const we = s.div`
   text-align: center;
   font-weight: bold;
   color: #666;
-`, Ce = s.div`
+`, Oe = s.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   margin-top: 0.5rem;
-`, Oe = s.div`
+`, Ce = s.div`
   text-align: center;
   padding: ${({ theme: e }) => e.spacing.xs};
   cursor: ${(e) => e.disabled ? "not-allowed" : "pointer"};
@@ -162,35 +162,39 @@ const we = s.div`
   display: flex;
   justify-content: ${({ theme: e }) => e.dir === "rtl" ? "flex-end" : "flex-start"};
   text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
-`, pr = ({ value: e, onChange: i, minDate: l, maxDate: m, label: D, optional: k, disabled: F, error: w }) => {
-  const [I, f] = p(!1), [d, c] = p(e || /* @__PURE__ */ new Date()), [g, u] = p(e || null), [W, h] = p(e ? $(e, "dd/MM/yyyy") : ""), [y, x] = p("calendar"), [E, S] = p(0), j = Q(null), M = /* @__PURE__ */ new Date(), v = oe(), { t: N, i18n: H } = Z(), b = (H.language || "").toLowerCase().startsWith("ar") || v.dir === "rtl", T = b ? le : de, V = b ? ["ن", "ث", "ر", "خ", "ج", "س", "ح"] : X, J = b ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-  O(() => {
+`, pr = ({ value: e, onChange: i, minDate: l, maxDate: g, label: D, optional: k, disabled: F, error: w }) => {
+  const [I, u] = p(!1), [d, c] = p(e || /* @__PURE__ */ new Date()), [h, m] = p(e || null), [W, f] = p(e ? $(e, "dd/MM/yyyy") : ""), [y, x] = p("calendar"), [E, S] = p(0), j = Q(null), M = /* @__PURE__ */ new Date(), v = oe(), { t: N, i18n: H } = Z(), b = (H.language || "").toLowerCase().startsWith("ar") || v.dir === "rtl", T = b ? le : de, V = b ? ["ن", "ث", "ر", "خ", "ج", "س", "ح"] : X, J = b ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  C(() => {
     const o = (t) => {
-      j.current && !j.current.contains(t.target) && (f(!1), x("calendar"));
+      j.current && !j.current.contains(t.target) && (u(!1), x("calendar"));
     };
     return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, []), O(() => {
-    e ? (u(e), c(e), h($(e, "dd/MM/yyyy"))) : (u(null), h(""));
+  }, []), C(() => {
+    e ? (m(e), c(e), f($(e, "dd/MM/yyyy"))) : (m(null), f(""));
   }, [e]);
   const P = (o) => {
     let t = o.target.value.replace(/\D/g, "");
-    if (t.length >= 3 && (t = t.slice(0, 2) + "/" + t.slice(2)), t.length >= 6 && (t = t.slice(0, 5) + "/" + t.slice(5, 9)), h(t), t.length === 10) {
-      const a = se(t, "dd/MM/yyyy", /* @__PURE__ */ new Date()), n = l && R(a, l) || m && z(a, m);
-      ie(a) && !n && (u(a), c(a), i(a));
+    if (t === "") {
+      f(""), m(null), i(null);
+      return;
+    }
+    if (t.length >= 3 && (t = t.slice(0, 2) + "/" + t.slice(2)), t.length >= 6 && (t = t.slice(0, 5) + "/" + t.slice(5, 9)), f(t), t.length === 10) {
+      const a = se(t, "dd/MM/yyyy", /* @__PURE__ */ new Date()), n = l && R(a, l) || g && z(a, g);
+      ie(a) && !n && (m(a), c(a), i(a));
     }
   }, B = () => {
     const o = pe(me(d), { weekStartsOn: 1 }), t = fe(ge(d), { weekStartsOn: 1 }), a = [];
     for (let n = o; n <= t; n = ue(n, 1)) {
-      const C = l && R(n, l) || m && z(n, m) || !he(n, d);
+      const O = l && R(n, l) || g && z(n, g) || !he(n, d);
       a.push(
         /* @__PURE__ */ r.jsx(
-          Oe,
+          Ce,
           {
             isToday: M.getDate() === n.getDate() && M.getMonth() === n.getMonth() && M.getFullYear() === n.getFullYear(),
-            disabled: C,
-            selected: g ? ye(n, g) : !1,
+            disabled: O,
+            selected: h ? ye(n, h) : !1,
             onClick: () => {
-              C || (u(n), h($(n, "dd/MM/yyyy")), i(n), f(!1));
+              O || (m(n), f($(n, "dd/MM/yyyy")), i(n), u(!1));
             },
             children: n.getDate()
           },
@@ -198,7 +202,7 @@ const we = s.div`
         )
       );
     }
-    return /* @__PURE__ */ r.jsx(Ce, { children: a });
+    return /* @__PURE__ */ r.jsx(Oe, { children: a });
   }, G = () => {
     const t = xe(/* @__PURE__ */ new Date()) + E * 12, a = [];
     for (let n = 0; n < 12; n++)
@@ -239,7 +243,7 @@ const we = s.div`
       ze,
       {
         onClick: () => {
-          g && i(g), f(!1);
+          h && i(h), u(!1);
         },
         children: N("SET_DATE")
       }
@@ -260,7 +264,7 @@ const we = s.div`
           value: W,
           onChange: P,
           placeholder: b ? "يوم/شهر/سنة" : "dd/mm/yyyy",
-          onFocus: () => f(!0)
+          onFocus: () => u(!0)
         }
       )
     ] }),

package/dist/components/FilterActiveBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterActiveBar.d.ts","sourceRoot":"","sources":["../../src/lib/components/FilterActiveBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiBxD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAIF,QAAA,MAAM,eAAe,GAAI,qCAAqC,oBAAoB,4CA8CjF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FilterActiveBar.d.ts","sourceRoot":"","sources":["../../src/lib/components/FilterActiveBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiBxD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAIF,QAAA,MAAM,eAAe,GAAI,qCAAqC,oBAAoB,4CA2DjF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/FilterActiveBar.js

@@ -1,41 +1,48 @@
-import { j as n } from "../_virtual/jsx-runtime.js";
-import { useTranslation as f } from "react-i18next";
-import s from "styled-components";
-import x from "../hooks/useBadgeVariant.js";
-import v from "./Badge.js";
-import g from "./Typography.js";
-const j = s.div`
-  margin-bottom: ${({ theme: o }) => o.spacing.l};
-`, B = s.div`
+import { j as o } from "../_virtual/jsx-runtime.js";
+import { useTranslation as g } from "react-i18next";
+import u from "styled-components";
+import y from "../hooks/useBadgeVariant.js";
+import N from "./Badge.js";
+import j from "./Typography.js";
+const B = u.div`
+  margin-bottom: ${({ theme: s }) => s.spacing.l};
+`, b = u.div`
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
-`, S = ({ fields: o, activeFilters: i, onRemove: l }) => {
-  const { t: d } = f(), c = x("default"), m = (e) => {
-    l(e);
-  }, p = (e) => {
-    const r = o.find((t) => t.accessor === e.fieldName);
+`, F = ({ fields: s, activeFilters: d, onRemove: p }) => {
+  const { t: m } = g(), f = y("default"), h = (e) => {
+    p(e);
+  }, v = (e) => {
+    var i, c;
+    const r = s.find((t) => t.accessor === e.fieldName);
     if (!r) return e.value;
-    const a = (t, u, h) => /* @__PURE__ */ n.jsxs(g, { variant: "span", color: c.color, children: [
+    let a = e.value;
+    if (r.type === "select") {
+      const t = (c = (i = r == null ? void 0 : r.options) == null ? void 0 : i.filter((n) => typeof n.value == "number" ? n.value === Number(a) : n.value === a)) == null ? void 0 : c[0];
+      if (!t) return e.value;
+      a = t == null ? void 0 : t.label;
+    }
+    const l = (t, n, x) => /* @__PURE__ */ o.jsxs(j, { variant: "span", color: f.color, children: [
       t,
       " ",
-      /* @__PURE__ */ n.jsx("strong", { children: d(h) }),
+      /* @__PURE__ */ o.jsx("strong", { children: m(x) }),
       " ",
-      u
+      n
     ] });
     switch (e.operator) {
       case "=":
-        return a(r.header, e.value, "LBL_IS");
+        return l(r.header, a, "LBL_IS");
       case "like":
-        return a(r.header, e.value, "CONTAINS");
+        return l(r.header, a, "CONTAINS");
       case "between":
-        return a(r.header, e.value, "BETWEEN");
+        return l(r.header, a, "BETWEEN");
       default:
-        return a(r.header, e.value, "LBL_IS");
+        return l(r.header, a, "LBL_IS");
     }
   };
-  return /* @__PURE__ */ n.jsx(j, { children: /* @__PURE__ */ n.jsx(B, { children: i.map((e) => o.find((a) => a.accessor === e.fieldName) ? /* @__PURE__ */ n.jsx(v, { onClose: () => m(e.fieldName), children: p(e) }, e.fieldName) : null) }) });
+  return /* @__PURE__ */ o.jsx(B, { children: /* @__PURE__ */ o.jsx(b, { children: d.map((e) => s.find((a) => a.accessor === e.fieldName) ? /* @__PURE__ */ o.jsx(N, { onClose: () => h(e.fieldName), children: v(e) }, e.fieldName) : null) }) });
 };
 export {
-  S as default
+  F as default
 };