@yuno-payments/dashboard-design-system 0.0.199 → 0.0.201

package/dist/components/atoms/filter/filter-date-range.js

@@ -126,10 +126,11 @@ const I = y(
           {
             value: _,
             onValueChange: O,
+            className: "gap-2",
             ...L,
             children: [
               /* @__PURE__ */ e.jsx(c, { label: "Custom", value: o.CUSTOM }),
-              s && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 pl-7", children: [
+              s && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 pl-7 mb-2", children: [
                 S === "single" ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
                   f,
                   {

package/dist/components/atoms/filter-dropdown/filter-dropdown.d.ts

@@ -188,6 +188,10 @@ interface FilterConfig {
      * Whether to enable "None" action
      */
     enableNone?: boolean;
+    /**
+     * Optional description text to display below the search input and above the title
+     */
+    description?: ReactNode;
     /**
      * Whether this filter can be cleared from applied filters
      * @default true

package/dist/components/atoms/filter-dropdown/filter-dropdown.js

@@ -88,7 +88,7 @@ const Y = v(
     className: j,
     disabled: V = !1
   }, f) => {
-    const [x, p] = E(!1), [w, N] = E(
+    const [p, x] = E(!1), [w, N] = E(
       r.length > 0 && r[0]?.id || ""
     ), y = H(null), z = _(
       (t) => {
@@ -97,23 +97,23 @@ const Y = v(
       [f]
     );
     K(() => {
-      if (!x) return;
+      if (!p) return;
       const t = (s) => {
         const c = s.target;
         y.current?.contains(c) || c.closest?.(
           "[data-radix-popper-content-wrapper], [data-radix-portal]"
         ) || c.closest?.(
           ".rdp, .rdp-root, [data-calendar]"
-        ) || p(!1);
+        ) || x(!1);
       }, a = (s) => {
-        s.key === "Escape" && p(!1);
+        s.key === "Escape" && x(!1);
       }, i = setTimeout(() => {
         document.addEventListener("mousedown", t), document.addEventListener("keydown", a);
       }, 0);
       return () => {
         clearTimeout(i), document.removeEventListener("mousedown", t), document.removeEventListener("keydown", a);
       };
-    }, [x]);
+    }, [p]);
     const O = l.length > 0, R = l.slice(0, o), T = l.length - o, D = (t) => {
       if (r.find((s) => s.id === t)) return t;
       const i = t.split("-");
@@ -127,7 +127,7 @@ const Y = v(
       return r.find((s) => s.id === a)?.clearable !== !1;
     }, L = (t) => {
       const a = D(t);
-      N(a), p(!0);
+      N(a), x(!0);
     }, P = l.some(
       (t) => F(t.id)
     ), U = r.map((t) => ({
@@ -151,7 +151,8 @@ const Y = v(
               showActions: e.showActions,
               enableSelectAll: e.enableSelectAll,
               enableInverse: e.enableInverse,
-              enableNone: e.enableNone
+              enableNone: e.enableNone,
+              description: e.description
             }
           );
         case "radio":
@@ -169,7 +170,8 @@ const Y = v(
               showActions: e.showActions,
               enableSelectAll: e.enableSelectAll,
               enableInverse: e.enableInverse,
-              enableNone: e.enableNone
+              enableNone: e.enableNone,
+              description: e.description
             }
           );
         case "date": {
@@ -223,7 +225,7 @@ const Y = v(
                 variant: "outline",
                 size: "sm",
                 className: "gap-2",
-                onClick: () => p(!x),
+                onClick: () => x(!p),
                 disabled: V,
                 children: [
                   /* @__PURE__ */ n.jsx(C, { name: "FunnelSimple", className: "size-4" }),
@@ -282,7 +284,7 @@ const Y = v(
               /* @__PURE__ */ n.jsx("span", { className: "text-sm font-normal text-muted-foreground", children: "No filters applied" })
             ] })
           ] }),
-          x && /* @__PURE__ */ n.jsxs(
+          p && /* @__PURE__ */ n.jsxs(
             "div",
             {
               className: d(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "0.0.199",
+  "version": "0.0.201",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",