qaema-ui 0.0.61 → 0.0.62

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/classnames/index.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
 export {
-  m as default
+  t as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  t as default
+  s as default
 };

package/dist/_virtual/index3.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/classnames/index.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  t as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  s as default
+  t as default
 };

package/dist/components/Badge.js

@@ -38,7 +38,7 @@ const u = i.div`
   const t = g(d ?? "default");
   return /* @__PURE__ */ e.jsxs(u, { bgColor: r, $variantStyles: t, children: [
     n && /* @__PURE__ */ e.jsx(f, { src: n, alt: "badge-image" }),
-    s && /* @__PURE__ */ e.jsx(m, { variant: "span", color: o ?? t.color, weight: c, children: s }),
+    s && /* @__PURE__ */ e.jsx(m, { variant: "span", color: o ?? t.color, weight: c ?? "semiBold", children: s }),
     l,
     a && /* @__PURE__ */ e.jsx(h, { onClick: a, $variantStyles: t, children: /* @__PURE__ */ e.jsx(p, { color: o ?? t.color, size: "0.75rem" }) })
   ] });

package/dist/components/PageHeader.js

@@ -18,21 +18,21 @@ const p = r.div`
 `, d = r.div`
   display: flex;
   align-items: center;
-`, u = ({ onHeaderBack: e, headerTitle: o, withRightIcon: s }) => {
-  const a = c().dir === "rtl", i = s;
+`, u = ({ onHeaderBack: e, headerTitle: s, withRightIcon: o }) => {
+  const a = c().dir === "rtl", i = o;
   return /* @__PURE__ */ t.jsxs(p, { children: [
     /* @__PURE__ */ t.jsxs(d, { children: [
       e && /* @__PURE__ */ t.jsx(
         n,
         {
-          icon: /* @__PURE__ */ t.jsx(m, { style: a ? { transform: "rotate(180deg)" } : {} }),
+          icon: /* @__PURE__ */ t.jsx(m, { style: a ? { transform: "rotate(180deg)" } : {}, size: 20 }),
           onClick: e,
           onlyIcon: !0,
           size: "md",
           variant: "outline-primary"
         }
       ),
-      /* @__PURE__ */ t.jsx(l, { variant: "h3", children: o })
+      /* @__PURE__ */ t.jsx(l, { variant: "h3", children: s })
     ] }),
     i && /* @__PURE__ */ t.jsx(n, { icon: /* @__PURE__ */ t.jsx(i, {}), onClick: e, onlyIcon: !0, size: "md", variant: "outline-primary" })
   ] });

package/dist/components/SearchBar.js

@@ -1,12 +1,12 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
 import { useState as c } from "react";
-import { FaSearch as f } from "../node_modules/react-icons/fa/index.js";
+import { FaSearch as u } from "../node_modules/react-icons/fa/index.js";
 import a, { useTheme as y } from "styled-components";
 import { useQaemaCoreTranslation as x } from "../i18n/i18n.js";
 import { a as h } from "../node_modules/@react-spring/web/dist/react-spring_web.modern.js";
 import { useSpring as b } from "../node_modules/@react-spring/core/dist/react-spring_core.modern.js";
-import w from "../node_modules/react-bootstrap/esm/Button.js";
-import $ from "../node_modules/react-bootstrap/esm/Form.js";
+import $ from "../node_modules/react-bootstrap/esm/Button.js";
+import w from "../node_modules/react-bootstrap/esm/Form.js";
 const j = a(h.div)`
   display: flex;
   flex-direction: row;
@@ -17,14 +17,14 @@ const j = a(h.div)`
   background-color: ${({ theme: e }) => e.colors.grey.n50};
   overflow: hidden;
   height: 2rem;
-`, v = a(w)`
+`, v = a($)`
   border: none;
   padding: 0 0.5rem;
   background-color: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
-`, E = a($.Control)`
+`, E = a(w.Control)`
   border: none;
   background-color: transparent;
   height: 2rem;
@@ -38,7 +38,8 @@ const j = a(h.div)`
   }
 
   &::placeholder {
-    color: ${({ theme: e }) => e.colors.grey.n300};
+    color: ${({ theme: e }) => e.colors.grey.n350};
+    font-size: ${({ theme: e }) => e.typography.sizes.s3};
   }
 `, I = ({ placeholder: e, onSearch: r }) => {
   const i = y(), { t: p } = x(), [m, l] = c(!1), [o, d] = c(""), t = m || !!o, g = b({
@@ -46,7 +47,7 @@ const j = a(h.div)`
     paddingLeft: t ? i.spacing.s : "0rem",
     paddingRight: t ? i.spacing.s : "0rem",
     config: { tension: 250, friction: 20 }
-  }), u = (s) => {
+  }), f = (s) => {
     s.key === "Enter" && r && r(o);
   };
   return /* @__PURE__ */ n.jsxs(j, { style: g, onMouseEnter: () => l(!0), onMouseLeave: () => l(!1), children: [
@@ -56,7 +57,7 @@ const j = a(h.div)`
         onClick: () => {
           (o == null ? void 0 : o.length) > 0 && r && r(o);
         },
-        children: /* @__PURE__ */ n.jsx(f, { color: i.colors.grey.n400, size: "1rem" })
+        children: /* @__PURE__ */ n.jsx(u, { color: i.colors.grey.n400, size: "1rem" })
       }
     ),
     t && /* @__PURE__ */ n.jsx(
@@ -67,7 +68,7 @@ const j = a(h.div)`
         onChange: (s) => {
           s.target.value == "" && o ? (r == null || r(""), d("")) : d(s.target.value);
         },
-        onKeyDown: u,
+        onKeyDown: f,
         autoFocus: !0
       }
     )

package/dist/components/Sidemenu.js

@@ -1,7 +1,8 @@
-import { j as i } from "../_virtual/jsx-runtime.js";
+import { j as o } from "../_virtual/jsx-runtime.js";
 import { useState as m, useEffect as H } from "react";
-import { FaTimesCircle as O, FaSearch as R } from "../node_modules/react-icons/fa/index.js";
-import o, { useTheme as X } from "styled-components";
+import { FaTimesCircle as O } from "../node_modules/react-icons/fa/index.js";
+import { FiSearch as R } from "../node_modules/react-icons/fi/index.js";
+import n, { useTheme as X } from "styled-components";
 import { device as S } from "../constants/breakPoints.constant.js";
 import K from "../hooks/useZIndex.js";
 import { useQaemaCoreTranslation as M } from "../i18n/i18n.js";
@@ -12,7 +13,7 @@ import b from "./NavItem.js";
 import w from "./Typography.js";
 import Z from "../node_modules/react-bootstrap/esm/Button.js";
 import _ from "../node_modules/react-bootstrap/esm/Form.js";
-const v = o.div`
+const v = n.div`
   direction: ${({ theme: r }) => r == null ? void 0 : r.dir};
   position: fixed;
   top: 0;
@@ -43,16 +44,16 @@ const v = o.div`
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `padding-left: 0 !important;padding-right: ${r.spacing.xs};`;
 }}
-`, A = o.div`
+`, A = n.div`
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: space-between;
-`, J = o.div`
+`, J = n.div`
   padding-right: ${({ theme: r }) => r.spacing.sm};
   padding-left: ${({ theme: r }) => r.spacing.sm};
   cursor: pointer;
-`, Q = o.div`
+`, Q = n.div`
   display: none;
 
   @media ${S.tablet} {
@@ -64,15 +65,15 @@ const v = o.div`
       height: 1.5rem;
     }
   }
-`, q = o.div`
+`, q = n.div`
   padding-right: ${({ theme: r }) => r.spacing.s};
   padding-left: ${({ theme: r }) => r.spacing.s};
-`, G = o.div`
+`, G = n.div`
   justify-content: space-between;
   display: flex;
   flex-direction: column;
   height: 100%;
-`, Y = o.div`
+`, Y = n.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme: r }) => r.spacing.xxs};
@@ -80,7 +81,7 @@ const v = o.div`
   background-color: ${({ theme: r }) => r.colors.grey.n150};
   border: 1px solid transparent;
   border-radius: ${({ theme: r }) => r.borderRadius.lg};
-`, P = o(Z)`
+`, P = n(Z)`
   border: none;
   padding: 0;
   margin-top: ${({ theme: r }) => r.spacing.xxs};
@@ -90,16 +91,22 @@ const v = o.div`
   svg {
     background-color: ${({ theme: r }) => r.colors.grey.n150};
   }
-`, I = o(_.Control)`
+`, I = n(_.Control)`
   padding: ${({ theme: r }) => r.spacing.xxs};
   border: none;
   background-color: ${({ theme: r }) => r.colors.grey.n150};
   color: ${({ theme: r }) => r.colors.grey.n350};
+  font-size: ${({ theme: r }) => r.typography.sizes.s4};
 
   &:focus-visible {
     outline: none;
   }
-`, rr = o.div`
+
+  &::placeholder {
+    font-size: ${({ theme: r }) => r.typography.sizes.s4} !important;
+    color: ${({ theme: r }) => r.colors.grey.n350} !important;
+  }
+`, rr = n.div`
   padding-right: ${({ theme: r }) => r.spacing.s};
   button {
     width: 100%;
@@ -108,89 +115,89 @@ const v = o.div`
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `padding-right: 0 !important;padding-left: ${r.spacing.s};`;
 }}
-`, nr = o(w)`
+`, ir = n(w)`
   padding-right: ${({ theme: r }) => r.spacing.s};
   padding-left: ${({ theme: r }) => r.spacing.s};
   margin-top: 0;
   margin-bottom: ${({ theme: r }) => r.spacing.xs};
-`, ir = o.div`
+`, or = n.div`
   padding: ${({ theme: r }) => r.spacing.m};
   text-align: center;
-`, or = o.div`
+`, nr = n.div`
   button {
     width: 100%;
     border-radius: ${({ theme: r }) => r.spacing.xxs};
   }
-`, sr = o(U)`
+`, sr = n(U)`
   margin-left: -${({ theme: r }) => r.spacing.xs};
   width: calc(100% + ${({ theme: r }) => r.spacing.xs});
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `margin-left: 0; margin-right: -${r.spacing.xs}; width: calc(100% + ${r.spacing.xs});`;
 }}
   margin-bottom: ${({ theme: r }) => r.spacing.sm};
-`, mr = (r) => {
-  const { logoSrc: C, searchPlaceHolder: k, categories: a, linkComponent: f, open: T, setOpen: E, currentPath: u, extraSideMenuItems: l, onLogoClick: D } = r, p = X(), { t: L } = M(), B = K("sidemenu"), [c, F] = m(""), [d, N] = m(a), g = (n) => {
+`, jr = (r) => {
+  const { logoSrc: C, searchPlaceHolder: k, categories: p, linkComponent: f, open: z, setOpen: T, currentPath: u, extraSideMenuItems: l, onLogoClick: E } = r, a = X(), { t: D } = M(), L = K("sidemenu"), [c, B] = m(""), [t, F] = m(p), g = (i) => {
     const e = [];
-    a == null || a.forEach((t) => {
+    p == null || p.forEach((d) => {
       var h;
-      const s = (h = t == null ? void 0 : t.navItems) == null ? void 0 : h.filter((x) => {
+      const s = (h = d == null ? void 0 : d.navItems) == null ? void 0 : h.filter((x) => {
         var $, y;
-        return (y = ($ = x == null ? void 0 : x.title) == null ? void 0 : $.toLowerCase()) == null ? void 0 : y.includes(n == null ? void 0 : n.toLowerCase());
+        return (y = ($ = x == null ? void 0 : x.title) == null ? void 0 : $.toLowerCase()) == null ? void 0 : y.includes(i == null ? void 0 : i.toLowerCase());
       });
-      (s == null ? void 0 : s.length) > 0 && e.push({ ...t, navItems: s });
-    }), N(e);
-  }, W = (n) => {
-    n.key === "Enter" && g(c);
+      (s == null ? void 0 : s.length) > 0 && e.push({ ...d, navItems: s });
+    }), F(e);
+  }, N = (i) => {
+    i.key === "Enter" && g(c);
   };
   H(() => {
     c === "" && g(c);
   }, [c]);
-  const z = (n, e) => n ? e === n || (e == null ? void 0 : e.startsWith(n + "/")) : !1;
-  return /* @__PURE__ */ i.jsxs(v, { className: T ? "active" : "", $zIndex: B, children: [
-    /* @__PURE__ */ i.jsxs(A, { children: [
-      /* @__PURE__ */ i.jsx(J, { onClick: D, children: /* @__PURE__ */ i.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
-      /* @__PURE__ */ i.jsx(Q, { onClick: () => E(!1), children: /* @__PURE__ */ i.jsx(O, { color: p.colors.primary.purple.n450 }) })
+  const W = (i, e) => i ? e === i || (e == null ? void 0 : e.startsWith(i + "/")) : !1;
+  return /* @__PURE__ */ o.jsxs(v, { className: z ? "active" : "", $zIndex: L, children: [
+    /* @__PURE__ */ o.jsxs(A, { children: [
+      /* @__PURE__ */ o.jsx(J, { onClick: E, children: /* @__PURE__ */ o.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
+      /* @__PURE__ */ o.jsx(Q, { onClick: () => T(!1), children: /* @__PURE__ */ o.jsx(O, { color: a.colors.primary.purple.n450 }) })
     ] }),
-    /* @__PURE__ */ i.jsx(q, { children: /* @__PURE__ */ i.jsxs(Y, { children: [
-      /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ o.jsx(q, { children: /* @__PURE__ */ o.jsxs(Y, { children: [
+      /* @__PURE__ */ o.jsx(
         P,
         {
           onClick: () => {
             g(c);
           },
-          children: /* @__PURE__ */ i.jsx(R, { color: p.colors.grey.n350 })
+          children: /* @__PURE__ */ o.jsx(R, { color: a.colors.grey.n350, size: 20 })
         }
       ),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ o.jsx(
         I,
         {
           placeholder: k ?? "Search",
           value: c,
-          onChange: (n) => {
-            F(n.target.value);
+          onChange: (i) => {
+            B(i.target.value);
           },
-          onKeyDown: W
+          onKeyDown: N
         }
       )
     ] }) }),
-    /* @__PURE__ */ i.jsxs(G, { children: [
-      /* @__PURE__ */ i.jsxs("div", { children: [
-        (d == null ? void 0 : d.length) === 0 && /* @__PURE__ */ i.jsx(ir, { children: /* @__PURE__ */ i.jsx(w, { variant: "smText", children: L("NO_RESULTS_FOUND") }) }),
-        (d == null ? void 0 : d.length) > 0 && (d == null ? void 0 : d.map((n) => {
-          var e, t;
-          return ((e = n == null ? void 0 : n.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ i.jsxs(rr, { className: n == null ? void 0 : n.code, children: [
-            /* @__PURE__ */ i.jsx(nr, { variant: "xsText", color: p.colors.grey.n300, children: n == null ? void 0 : n.title }),
-            (t = n == null ? void 0 : n.navItems) == null ? void 0 : t.map((s) => /* @__PURE__ */ i.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: z(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
-          ] }, n == null ? void 0 : n.title);
+    /* @__PURE__ */ o.jsxs(G, { children: [
+      /* @__PURE__ */ o.jsxs("div", { children: [
+        (t == null ? void 0 : t.length) === 0 && /* @__PURE__ */ o.jsx(or, { children: /* @__PURE__ */ o.jsx(w, { variant: "smText", children: D("NO_RESULTS_FOUND") }) }),
+        (t == null ? void 0 : t.length) > 0 && (t == null ? void 0 : t.map((i) => {
+          var e, d;
+          return ((e = i == null ? void 0 : i.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ o.jsxs(rr, { className: i == null ? void 0 : i.code, children: [
+            /* @__PURE__ */ o.jsx(ir, { variant: "xsText", color: a.colors.grey.n300, children: i == null ? void 0 : i.title }),
+            (d = i == null ? void 0 : i.navItems) == null ? void 0 : d.map((s) => /* @__PURE__ */ o.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ o.jsx(b, { item: { variant: "normal", active: W(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
+          ] }, i == null ? void 0 : i.title);
         }))
       ] }),
-      /* @__PURE__ */ i.jsxs(or, { children: [
-        (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ i.jsx(sr, { color: p.colors.grey.n150 }),
-        l == null ? void 0 : l.map((n) => /* @__PURE__ */ i.jsx(j, { to: (n == null ? void 0 : n.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: u === n.path, ...n } }) }, n == null ? void 0 : n.path))
+      /* @__PURE__ */ o.jsxs(nr, { children: [
+        (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ o.jsx(sr, { color: a.colors.grey.n150 }),
+        l == null ? void 0 : l.map((i) => /* @__PURE__ */ o.jsx(j, { to: (i == null ? void 0 : i.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ o.jsx(b, { item: { variant: "normal", active: u === i.path, ...i } }) }, i == null ? void 0 : i.path))
       ] })
     ] })
   ] });
 };
 export {
-  mr as default
+  jr as default
 };

package/dist/components/StatCard.js

@@ -49,7 +49,7 @@ const w = s.div`
   justify-content: start;
   font-family: 'Noto Sans Display', sans-serif;
   font-weight: 600;
-  font-size: ${({ theme: r }) => r.typography.sizes.s1};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
   line-height: 0.8125rem;
   color: ${({ theme: r, state: e }) => e === "negative" ? r.colors.state.error.n450 : r.colors.grey.n650};
   svg {