qaema-ui 0.0.13 → 0.0.14

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
 };