@yuno-payments/dashboard-design-system 1.0.4 → 1.0.6-beta.2

package/dist/components/atoms/combobox/combobox.js

@@ -98,7 +98,7 @@ const te = ({ message: n = "No results" }) => /* @__PURE__ */ t.jsx("div", { cla
             "aria-haspopup": "listbox",
             "aria-controls": c ? `${i}-listbox` : void 0,
             className: f(
-              "flex h-auto min-h-[38px] w-full items-center justify-between gap-2 rounded-md border border-input bg-input px-3 py-1.5 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              "flex h-auto min-h-[38px] w-full items-center justify-between gap-2 rounded-md border border-input bg-input px-3 py-2 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 h-[38px]",
               u && "border-destructive",
               v && "w-full"
             ),

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

@@ -199,8 +199,31 @@ interface FilterConfig {
     clearable?: boolean;
     /**
      * Custom render function for 'custom' type filters
+     * When applyOnClose is enabled, receives a deferredContext with buffered handlers
      */
-    renderContent?: () => ReactNode;
+    renderContent?: (deferredContext?: FilterDeferredContext) => ReactNode;
+    /**
+     * Callback fired when custom filter changes are applied (used with applyOnClose)
+     * This is called when the dropdown closes with buffered custom filter changes
+     */
+    onCustomChange?: (value: unknown) => void;
+}
+/**
+ * Context passed to custom renderContent when applyOnClose is enabled
+ */
+interface FilterDeferredContext {
+    /**
+     * Current buffered value for this filter (if any changes were made)
+     */
+    bufferedValue: unknown;
+    /**
+     * Handler to update the buffered value (will be applied on close)
+     */
+    onDeferredChange: (value: unknown) => void;
+    /**
+     * Whether applyOnClose mode is enabled
+     */
+    isDeferred: boolean;
 }
 /**
  * Props for the FilterDropdown component
@@ -255,29 +278,12 @@ interface FilterDropdownProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * When true, filter changes are buffered internally and only applied when
+     * the dropdown closes. This prevents triggering API calls on every change.
+     * @default false
+     */
+    applyOnClose?: boolean;
 }
-/**
- * Advanced filter dropdown component with sidebar navigation and multiple filter types.
- * Supports checkbox, radio, date range, and custom filters with applied filter badges.
- *
- * @example
- * ```tsx
- * <FilterDropdown
- *   filters={[
- *     {
- *       id: 'status',
- *       label: 'Status',
- *       type: 'checkbox',
- *       items: [{ value: 'active', label: 'Active' }],
- *       selectedValues: ['active'],
- *       onChange: (values) => console.log(values)
- *     }
- *   ]}
- *   appliedFilters={[{ id: 'status', label: 'Status: Active' }]}
- *   onRemoveFilter={(id) => console.log('Remove', id)}
- *   onClearAllFilters={() => console.log('Clear all')}
- * />
- * ```
- */
 declare const FilterDropdown: import('react').ForwardRefExoticComponent<FilterDropdownProps & import('react').RefAttributes<HTMLDivElement>>;
-export { FilterDropdown, FilterMenu, FilterMenuItem, type FilterDropdownProps, type FilterConfig, type FilterMenuProps, type FilterMenuItemProps, };
+export { FilterDropdown, FilterMenu, FilterMenuItem, type FilterDropdownProps, type FilterConfig, type FilterMenuProps, type FilterMenuItemProps, type FilterDeferredContext, };