@shefing/quickfilter 1.0.12 → 1.0.15

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -4,9 +4,6 @@
 
 Transform your PayloadCMS admin experience with instant, intuitive filters that appear right where you need them. Say goodbye to clunky filter forms and hello to seamless data exploration!
 
-![QuickFilter Demo](./screenshots/quickfilter-demo.gif)
-_See QuickFilter in action - filtering happens instantly as you click!_
-
 ## ✨ Features
 
 | Feature                      | Description                                        | Icon                                                                 |
@@ -17,49 +14,50 @@ _See QuickFilter in action - filtering happens instantly as you click!_
 | **🌍 Internationalization**  | Full i18n support with RTL language compatibility  | ![i18n](https://img.shields.io/badge/Languages-6-purple)             |
 | **💾 Persistent State**      | Filters persist in localStorage and URL parameters | ![Persistent](https://img.shields.io/badge/State-Persistent-yellow)  |
 | **📅 Smart Date Filtering**  | Predefined ranges + custom date picker             | ![Dates](https://img.shields.io/badge/Dates-Smart-red)               |
-| **♿ Accessibility**         | Full keyboard navigation and screen reader support | ![A11y](https://img.shields.io/badge/A11y-Compliant-green)           |
 
 ### 🎥 See It In Action
 
-<details>
-<summary>📸 Click to view screenshots</summary>
-
-#### Collapsed State
-
-![Collapsed Filter](./screenshots/collapsed-state.png)
-_Clean, minimal button that shows active filter count_
-
-#### Expanded State
-
-![Expanded Filters](./screenshots/expanded-state.png)
-_All your filters laid out beautifully in customizable rows_
-
-#### Date Filter Options
+[Video placeholder]
 
-![Date Filter](./screenshots/date-filter.png)
-_Smart date presets + custom range picker_
+---
 
-#### Multi-Select in Action
+### 📋 Requirements
 
-![Multi Select](./screenshots/multi-select.png)
-_Powerful multi-select with search for large datasets_
+- ✅ PayloadCMS 3.0+
+- ✅ React 18+
+- ✅ TypeScript (recommended)
+- ✅ Tailwind CSS (for styling)
 
-</details>
+> 🚨 **Important**: Make sure your project has Tailwind CSS configured, as the plugin uses Tailwind classes for styling.
+> Add the following path to your tailwind.config.js under the content array:
 
-### 🎬 Video Demos
+```ts
+// tailwind.config.js
 
-> 💡 **Pro Tip**: Record a quick screen capture showing the filters in action and save as `quickfilter-demo.mp4` in the screenshots folder!
+module.exports = {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}', // your app paths
+    './node_modules/@shefing/quickfilter/**/*.{js,ts,jsx,tsx}', // ✅ required for QuickFilter
+  ],
+  // ...rest of your config
+  // Here we scope the Tailwind not to intefere with the Admin UI  
+    plugins: [
+        scopedPreflightStyles({
+            isolationStrategy: isolateInsideOfContainer(['.useTw']),
+        }),
+    ],
+};
+```
 
-## 🛠️ Installation
+---
 
-### Quick Start (2 minutes!)
+### ⚡ Quick Start (2 minutes!)
 
 <details>
-<summary>📦 Step 1: Copy Plugin Files</summary>
+<summary>📦 Step 1: Install the Package</summary>
 
 ```bash
-# Copy the entire quickfilter directory to your plugins folder
-cp -r quickfilter/ your-project/src/plugins/
+pnpm add @shefing/quickfilter
 ```
 
 </details>
@@ -67,47 +65,45 @@ cp -r quickfilter/ your-project/src/plugins/
 <details>
 <summary>⚙️ Step 2: Configure PayloadCMS</summary>
 
-```typescript
-import { CollectionQuickFilterPlugin } from './src/plugins/quickfilter/CollectionQuickFilterPlugin';
+```ts
+// payload.config.ts
+
+import { CollectionQuickFilterPlugin } from '@shefing/quickfilter';
 
 export default buildConfig({
-  plugins: [
-    CollectionQuickFilterPlugin({
-      disabled: false, // 🎛️ Optional: disable the plugin
-    }),
-  ],
-  // ... rest of your config
+  plugins: [CollectionQuickFilterPlugin({})],
 });
 ```
 
 </details>
 
 <details>
-<summary>🎯 Step 3: Add Filters to Collections</summary>
+<summary>⚙️ Step 3: Configure Collections</summary>
 
 ```typescript
-// Add this to any collection where you want quick filters
-custom: {
-  filterList: [
-    ['status', 'role'], // 🔥 That's it! Filters are ready
-  ];
-}
+export const Users: CollectionConfig = {
+  slug: 'users',
+  custom: {
+    filterList: [
+      ['status', 'role'], // First row with two filters
+      ['createdAt'], // Second row with one filter
+      [
+        { name: 'department', width: '300px' }, // Custom width
+        'isActive',
+      ],
+    ],
+  },
+  // ... rest of your collection config
+};
 ```
 
 </details>
 
-### 📋 Requirements
-
-- ✅ PayloadCMS 2.0+
-- ✅ React 18+
-- ✅ TypeScript (recommended)
-- ✅ Tailwind CSS (for styling)
+---
 
-> 🚨 **Important**: Make sure your project has Tailwind CSS configured, as the plugin uses Tailwind classes for styling.
 
-## ⚙️ Configuration
 
-### 🎯 Basic Setup
+## ⚙️ Collections Configuration
 
 Transform any collection into a filtering powerhouse! Just add a `filterList` to your collection's `custom` property:
 
@@ -294,34 +290,6 @@ The magic happens right above your collection table! Here's what your users will
 
 ### 🎯 Filter Types in Detail
 
-<details>
-<summary>📅 <strong>Date Filter</strong> - Time travel made easy!</summary>
-
-**🚀 Predefined Magic:**
-
-```typescript
-🕐 Past Options:
-├── Yesterday
-├── Last Week
-├── Last Month
-└── All Past
-
-🔮 Future Options:
-├── Today
-├── Next Week
-├── Next Month
-└── All Future
-```
-
-**🎯 Custom Range Power:**
-
-- 📅 **From/To picker**: Select any date range
-- 🌍 **Localized**: Dates display in user's format
-- ⚡ **Smart defaults**: Common ranges are just one click away
-
-![Date Filter Demo](./screenshots/date-filter-demo.gif)
-
-</details>
 
 <details>
 <summary>📋 <strong>Select Filter</strong> - Intelligence that adapts</summary>
@@ -343,14 +311,6 @@ The magic happens right above your collection table! Here's what your users will
 └─────────────────────────┘
 ```
 
-**💪 Multi-select Support:**
-
-```typescript
-{
-  selectedValues: ['published', 'draft'],
-  type: 'some' // Shows items matching ANY selected value
-}
-```
 
 ![Select Filter Types](./screenshots/select-intelligence.png)
 
@@ -378,20 +338,6 @@ Perfect for boolean fields like:
 
 ## 🆚 Why Choose QuickFilter Over Regular PayloadCMS Filters?
 
-<details>
-<summary>🎯 <strong>Side-by-Side Comparison</strong></summary>
-
-| Feature             | 🔥 QuickFilter                    | 😐 Regular Filters             |
-| ------------------- | --------------------------------- | ------------------------------ |
-| **Speed**           | ⚡ Instant filtering              | 🐌 Page reload required        |
-| **UX**              | 🎨 Beautiful, intuitive UI        | 📝 Complex form interface      |
-| **Persistence**     | 💾 Remembers your filters         | 🔄 Resets on refresh           |
-| **Visual Feedback** | 👀 Clear active filter indicators | ❓ Hard to see what's filtered |
-| **Mobile**          | 📱 Fully responsive               | 📱 Limited mobile support      |
-| **Accessibility**   | ♿ Full keyboard + screen reader  | ⚠️ Basic accessibility         |
-
-</details>
-
 ### 🚀 **1. User Experience Revolution**
 
 <details>
@@ -404,42 +350,11 @@ Perfect for boolean fields like:
 | **💾 Memory**     | Filters persist across sessions             | Start over every time                      |
 | **🎯 Simplicity** | Click and filter                            | Navigate to filter page, fill form, submit |
 
-![UX Comparison](./screenshots/ux-comparison.png)
 
 </details>
 
 ### ⚡ **2. Performance That Scales**
 
-<details>
-<summary>Technical performance benefits</summary>
-
-```typescript
-// 🔥 QuickFilter generates optimized queries
-{
-  and: [
-    { status: { in: ['published', 'draft'] } },
-    { createdAt: { greater_than_equal: '2024-01-01' } },
-  ];
-}
-
-// 😐 vs manual filter complexity
-// Users struggle with query syntax
-// Multiple server round-trips
-// No client-side optimization
-```
-
-**📊 Performance Metrics:**
-
-- 🚀 **90% faster** filter application
-- 💾 **50% fewer** server requests
-- 🧠 **Zero learning curve** for end users
-
-</details>
-
-### ♿ **3. Accessibility First**
-
-<details>
-<summary>Built for everyone</summary>
 
 **🎯 What we support:**
 
@@ -449,77 +364,9 @@ Perfect for boolean fields like:
 - 🎨 **High contrast**: Works with accessibility themes
 - 📱 **Touch friendly**: Perfect for mobile and tablet users
 
-**🏆 Compliance:**
-
-- ✅ WCAG 2.1 AA compliant
-- ✅ Section 508 compliant
-- ✅ Keyboard-only navigation
-- ✅ Screen reader tested
-
-</details>
-
-### 👨‍💻 **4. Developer Experience**
-
-<details>
-<summary>Built by developers, for developers</summary>
-
-**🔥 What you'll love:**
-
-```typescript
-// ✨ Simple configuration
-custom: {
-  filterList: [
-    ['status', 'role'], // That's it!
-  ];
-}
-
-// 🚀 vs complex filter setup
-// No custom components needed
-// No backend modifications
-// Full TypeScript support
-// Zero learning curve
-```
-
-**🛠️ Developer Benefits:**
-
-- 📝 **5-minute setup**: Copy, paste, configure
-- 🔧 **Zero maintenance**: Works with existing fields
-- 🎯 **Type safe**: Full TypeScript integration
-- 🔌 **Extensible**: Easy to add custom filter types
-
 </details>
 
-### 🌟 **5. Advanced Features**
-
-<details>
-<summary>Features that make the difference</summary>
-
-**🌍 Multi-language Support:**
-
-```typescript
-// Built-in translations for 6 languages
-'en' | 'ar' | 'fr' | 'es' | 'zh' | 'he';
-// RTL support for Arabic and Hebrew
-```
-
-**🎨 Custom Layouts:**
-
-```typescript
-// Flexible row-based arrangement
-filterList: [
-  ['status', 'role', 'department'], // 3 in a row
-  [{ name: 'tags', width: '400px' }], // Custom width
-  ['isActive', 'isVerified'], // Side by side
-];
-```
-
-**🔗 URL Integration:**
 
-- 📋 **Bookmarkable**: Share filtered views via URL
-- 🔄 **Browser history**: Back/forward button support
-- 🔗 **Deep linking**: Direct links to filtered data
-
-</details>
 
 ## 🌍 Internationalization
 
@@ -540,6 +387,7 @@ The plugin speaks your users' language! Full translations included for:
 
 <details>
 <summary>🌐 <strong>Extend language support</strong></summary>
+PRs are welcomed
 
 ```typescript
 // In labels.ts, add your language
@@ -564,30 +412,8 @@ export const PLUGIN_LABELS = {
 };
 ```
 
-**🎯 Pro Tips:**
-
-- 🔄 **Auto-detection**: Plugin automatically uses user's browser language
-- 🛡️ **Fallback**: Falls back to English if translation missing
-- 🎨 **RTL Support**: Add `rtlLanguages` array for right-to-left languages
-
 </details>
 
-### 🎨 RTL Language Demo
-
-<details>
-<summary>📸 See RTL support in action</summary>
-
-![RTL Support](./screenshots/rtl-demo.png)
-_Arabic and Hebrew interfaces with proper right-to-left layout_
-
-**✨ RTL Features:**
-
-- 🔄 **Auto-detection**: Automatically switches to RTL layout
-- 🎯 **Proper alignment**: Text, buttons, and dropdowns align correctly
-- 📱 **Mobile optimized**: RTL works perfectly on mobile devices
-- 🎨 **Icon positioning**: Icons flip to match reading direction
-
-</details>
 
 ## 🔧 Advanced Configuration
 
@@ -649,215 +475,7 @@ CollectionQuickFilterPlugin({
 
 </details>
 
-### 🎨 Custom Styling
-
-<details>
-<summary>🎨 <strong>Make it match your brand</strong></summary>
-
-```css
-/* Override default styles in your CSS */
-.filter-container {
-  --filter-bg: #f8f9fa;
-  --filter-border: #e9ecef;
-  --filter-text: #495057;
-  --filter-active: #007bff;
-}
-
-/* Custom button styles */
-.filter-container .useTw button {
-  border-radius: 8px;
-  font-weight: 500;
-}
-
-/* Active filter highlighting */
-.filter-container .fill-current {
-  color: var(--filter-active);
-}
-```
-
-**🎨 Customization Options:**
-
-- 🎨 **Colors**: Match your admin theme
-- 📐 **Spacing**: Adjust padding and margins
-- 🔤 **Typography**: Custom fonts and sizes
-- 🎯 **Animations**: Add hover effects
-
-</details>
-
-## 🔧 Troubleshooting
-
-### 🚨 Common Issues & Quick Fixes
-
-<details>
-<summary>🔍 <strong>Filters not appearing</strong></summary>
-
-**❌ Problem:** QuickFilter button doesn't show up
-
-**✅ Solutions:**
-
-```typescript
-// ✅ Make sure filterList is in custom property
-export const MyCollection = {
-  slug: 'my-collection',
-  custom: {
-    filterList: [['status']], // ← Must be here!
-  },
-};
-
-// ❌ Wrong - this won't work
-export const MyCollection = {
-  slug: 'my-collection',
-  filterList: [['status']], // ← Wrong location
-};
-```
-
-**🔍 Debug checklist:**
-
-- ✅ Plugin is imported and added to config
-- ✅ `filterList` is in `custom` property
-- ✅ Field names match your collection fields
-- ✅ Collection has the fields you're trying to filter
-
-</details>
-
-<details>
-<summary>📅 <strong>Date filters not working</strong></summary>
-
-**❌ Problem:** Date filter shows but doesn't filter results
-
-**✅ Solutions:**
-
-```typescript
-// ✅ Correct date field configuration
-{
-  name: 'createdAt',
-  type: 'date' // ← Must be exactly 'date'
-}
-
-// ❌ These won't work with date filters
-{
-  name: 'createdAt',
-  type: 'text' // ← Wrong type
-}
-```
-
-**🎯 Pro tip:** Use browser dev tools to check the generated query in Network tab
-
-</details>
-
-<details>
-<summary>📋 <strong>Select options missing</strong></summary>
 
-**❌ Problem:** Select filter is empty or shows no options
-
-**✅ Solutions:**
-
-```typescript
-// ✅ Correct select field with options
-{
-  name: 'status',
-  type: 'select',
-  options: [ // ← Must have options array
-    { label: 'Active', value: 'active' },
-    { label: 'Inactive', value: 'inactive' }
-  ]
-}
-
-// ❌ Missing options won't work
-{
-  name: 'status',
-  type: 'select'
-  // ← No options array
-}
-```
-
-</details>
-
-<details>
-<summary>🎨 <strong>Styling issues</strong></summary>
-
-**❌ Problem:** Filters look broken or unstyled
-
-**✅ Solutions:**
-
-1. **Ensure Tailwind CSS is configured:**
-
-```javascript
-// tailwind.config.js
-module.exports = {
-  content: [
-    './src/**/*.{js,ts,jsx,tsx}',
-    './src/plugins/**/*.{js,ts,jsx,tsx}', // ← Include plugins
-  ],
-};
-```
-
-2. **Check CSS imports:**
-
-```typescript
-// Make sure Tailwind is imported in your app
-import 'tailwindcss/tailwind.css';
-```
-
-3. **Custom styling conflicts:**
-
-```css
-/* If you have custom styles, make sure they don't override */
-.filter-container .useTw {
-  /* Plugin styles have priority here */
-}
-```
-
-</details>
-
-### 🐛 Debug Mode
-
-<details>
-<summary>🔍 <strong>Enable detailed logging</strong></summary>
-
-```typescript
-// In your browser console
-localStorage.setItem('quickfilter-debug', 'true');
-
-// Then refresh the page and check console for:
-// ✅ Filter configuration loading
-// ✅ Query generation details
-// ✅ State management logs
-// ✅ Error details
-
-// To disable debug mode:
-localStorage.removeItem('quickfilter-debug');
-```
-
-**🎯 What to look for in console:**
-
-- `[QuickFilter] Loading filters for collection: users`
-- `[QuickFilter] Generated query:` + query object
-- `[QuickFilter] Filter state updated:` + state object
-
-</details>
-
-### 🆘 Still Having Issues?
-
-<details>
-<summary>📞 <strong>Get help</strong></summary>
-
-**Before asking for help, please:**
-
-1. ✅ **Check the console** for error messages
-2. ✅ **Enable debug mode** and share the logs
-3. ✅ **Verify your configuration** matches the examples
-4. ✅ **Test with a simple setup** first
-
-**When reporting issues, include:**
-
-- 🔧 Your PayloadCMS version
-- 📋 Your collection configuration
-- 🎯 Your filterList configuration
-- 🐛 Console error messages
-- 📸 Screenshots of the issue
-
-</details>
 
 ## Contributing
 
@@ -870,4 +488,4 @@ The plugin is designed to be extensible. To add new filter types:
 
 ## License
 
-This plugin is part of your PayloadCMS project and follows the same licensing terms.
+This plugin is licensed under the Apache License, Version 2.0.

package/dist/QuickFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFilter.d.ts","sourceRoot":"","sources":["../src/QuickFilter.tsx"],"names":[],"mappings":"AAmQA,QAAA,MAAM,WAAW,0BAGd;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,CAAC,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,EAAE,CAAC;CAC5D,gCA0SA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"QuickFilter.d.ts","sourceRoot":"","sources":["../src/QuickFilter.tsx"],"names":[],"mappings":"AA2QA,QAAA,MAAM,WAAW,0BAGd;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,CAAC,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,EAAE,CAAC;CAC5D,gCA0SA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/QuickFilter.js

@@ -11,6 +11,13 @@ import { getDateRangeForOption } from './filters/utils/date-helpers';
 import { isEqual } from 'lodash';
 import { futureOptionKeys, getDateFilterOptions, pastOptionKeys } from './filters/constants/date-filter-options';
 import { Button } from './ui/button';
+// Helper function to get localized label
+const getLocalizedLabel = (label, locale)=>{
+    if (typeof label === 'object' && label !== null) {
+        return label[locale] || label['en'] || Object.values(label)[0] || '';
+    }
+    return label || '';
+};
 // Recursive function to find fields by name
 function findFieldsByName(fields, fieldNames) {
     const results = [];
@@ -425,7 +432,7 @@ const QuickFilter = ({ slug, filterList })=>{
                             } else if (selectValue.selectedValues.length === 1) {
                                 // Show the actual option name when only one is selected
                                 const selectedOption = field.options?.find((opt)=>opt.value === selectValue.selectedValues[0]);
-                                const optionLabel = selectedOption ? selectedOption.label : selectValue.selectedValues[0];
+                                const optionLabel = selectedOption ? getLocalizedLabel(selectedOption.label, locale) : selectValue.selectedValues[0];
                                 activeFilters.push(`${field.label} (${optionLabel})`);
                             } else {
                                 // Show count for multiple selections

package/dist/QuickFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/QuickFilter.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useConfig, useListQuery, useTranslation } from '@payloadcms/ui';\nimport type { ClientField, FieldAffectingData, OptionObject, SelectField } from 'payload';\nimport { getTranslation } from '@payloadcms/translations';\nimport FilterField from './FilterField';\nimport { getLabel, SupportedLocale } from './labels';\nimport type {\n  CheckboxFilterState,\n  DateFilterValue,\n  FilterDetaild,\n  FilterRow,\n  SelectFilterValue,\n} from './filters/types/filters-type';\nimport { groupFiltersByRow, parseColumns } from './filters/utils/layout-helpers';\nimport { ChevronDown, ChevronUp, Filter, X } from 'lucide-react';\n\nimport { getDateRangeForOption } from './filters/utils/date-helpers';\nimport { isEqual } from 'lodash';\nimport {\n  futureOptionKeys,\n  getDateFilterOptions,\n  pastOptionKeys,\n} from './filters/constants/date-filter-options';\nimport { Button } from './ui/button';\n\n// Recursive function to find fields by name\nfunction findFieldsByName(fields: ClientField[], fieldNames: string[]): ClientField[] {\n  const results: ClientField[] = [];\n  function recursiveSearch(currentFields: ClientField[]) {\n    const filteredFields = currentFields.filter(\n      (field) => 'name' in field && fieldNames.includes(field.name as string),\n    );\n    results.push(...filteredFields);\n    currentFields.forEach((item) => {\n      if (\n        (item.type === 'array' || item.type === 'row' || item.type === 'collapsible') &&\n        'fields' in item &&\n        Array.isArray(item.fields)\n      ) {\n        recursiveSearch(item.fields);\n      } else if (item.type === 'tabs' && Array.isArray(item.tabs)) {\n        item.tabs.forEach((tab) => {\n          if ('fields' in tab && Array.isArray(tab.fields)) {\n            recursiveSearch(tab.fields);\n          }\n        });\n      } else if (item.type === 'blocks' && Array.isArray(item.blocks)) {\n        item.blocks.forEach((block) => {\n          if ('fields' in block && Array.isArray(block.fields)) {\n            recursiveSearch(block.fields);\n          }\n        });\n      }\n    });\n  }\n  recursiveSearch(fields);\n  return results;\n}\n\n// Builds an array of condition objects from the quick filter values\nconst buildQuickFilterConditions = (\n  values: Record<string, any>,\n  fieldDefs: FilterDetaild[],\n  locale: SupportedLocale,\n): Record<string, any>[] => {\n  const conditions: Record<string, any>[] = [];\n\n  Object.entries(values).forEach(([fieldName, value]) => {\n    if (!value) return;\n    const fieldDef = fieldDefs.find((f) => f.name === fieldName);\n    if (!fieldDef) return;\n\n    let condition: Record<string, any> | null = null;\n\n    switch (fieldDef.type) {\n      case 'date': {\n        const dateValue = value as DateFilterValue;\n        let from: Date | undefined;\n        let to: Date | undefined;\n\n        if (dateValue.predefinedValue) {\n          const range = getDateRangeForOption(dateValue.predefinedValue, locale);\n          from = range.from;\n          to = range.to;\n        } else if (dateValue.customRange) {\n          if (dateValue.customRange.from) from = new Date(dateValue.customRange.from);\n          if (dateValue.customRange.to) to = new Date(dateValue.customRange.to);\n        }\n\n        if (from || to) {\n          const dateQuery: any = {};\n          if (from) dateQuery.greater_than_equal = from;\n          if (to) dateQuery.less_than_equal = to;\n          if (Object.keys(dateQuery).length > 0) {\n            condition = { [fieldName]: dateQuery };\n          }\n        }\n        break;\n      }\n      case 'select': {\n        const selectValue = value as SelectFilterValue;\n        if (selectValue.selectedValues && selectValue.selectedValues.length > 0) {\n          if (selectValue.selectedValues.length === 1) {\n            condition = { [fieldName]: { equals: selectValue.selectedValues[0] } };\n          } else {\n            condition = { [fieldName]: { in: selectValue.selectedValues } };\n          }\n        }\n        break;\n      }\n      case 'checkbox': {\n        const checkboxState = value as CheckboxFilterState;\n        if (checkboxState === 'checked') {\n          condition = { [fieldName]: { equals: 'true' } };\n        } else if (checkboxState === 'unchecked') {\n          condition = { [fieldName]: { equals: 'false' } };\n        }\n        break;\n      }\n    }\n    if (condition) {\n      conditions.push(condition);\n    }\n  });\n  return conditions;\n};\n\n// Helper function to remove quick filter conditions from a 'where' clause\nconst cleanWhereClause = (clause: any, fieldsToClean: Set<string>): any => {\n  if (!clause || typeof clause !== 'object' || Array.isArray(clause)) {\n    return clause;\n  }\n\n  const newClause: Record<string, any> = {};\n\n  for (const key in clause) {\n    if (key === 'and' || key === 'or') {\n      const cleanedSubClauses = clause[key]\n        .map((subClause: any) => cleanWhereClause(subClause, fieldsToClean))\n        .filter(Boolean);\n\n      if (cleanedSubClauses.length > 0) {\n        newClause[key] = cleanedSubClauses;\n      }\n    } else if (!fieldsToClean.has(key)) {\n      newClause[key] = clause[key];\n    }\n  }\n\n  if (Object.keys(newClause).length === 0) {\n    return null;\n  }\n\n  if (newClause.and?.length === 1 && Object.keys(newClause).length === 1) {\n    return newClause.and[0];\n  }\n  if (newClause.or?.length === 1 && Object.keys(newClause).length === 1) {\n    return newClause.or[0];\n  }\n\n  return newClause;\n};\n\n// Translates URL query conditions to the quick filter's internal state\nconst parseWhereClauseToFilterValues = (\n  where: any,\n  fields: FilterDetaild[],\n  locale: SupportedLocale,\n): Record<string, any> => {\n  const values: Record<string, any> = {};\n  const fieldNames = new Set(fields.map((f) => f.name));\n\n  const recursiveParse = (clause: any) => {\n    if (!clause || typeof clause !== 'object') return;\n\n    if (clause.and) {\n      clause.and.forEach(recursiveParse);\n      return;\n    }\n    if (clause.or) {\n      clause.or.forEach(recursiveParse);\n      return;\n    }\n\n    for (const fieldName in clause) {\n      if (fieldNames.has(fieldName)) {\n        const fieldDef = fields.find((f) => f.name === fieldName);\n        const condition = clause[fieldName];\n\n        if (fieldDef && condition && typeof condition === 'object') {\n          if ('equals' in condition) {\n            if (fieldDef.type === 'checkbox') {\n              values[fieldName] = condition.equals == 'true' ? 'checked' : 'unchecked';\n            } else if (fieldDef.type === 'select') {\n              values[fieldName] = { selectedValues: [condition.equals] };\n            }\n          } else if ('in' in condition && Array.isArray(condition.in)) {\n            if (fieldDef.type === 'select') {\n              values[fieldName] = { selectedValues: condition.in };\n            }\n          } else if ('greater_than_equal' in condition || 'less_than_equal' in condition) {\n            if (fieldDef.type === 'date') {\n              const fromDate = condition.greater_than_equal\n                ? new Date(condition.greater_than_equal)\n                : null;\n              const toDate = condition.less_than_equal ? new Date(condition.less_than_equal) : null;\n              const allDateOptions = [...pastOptionKeys, ...futureOptionKeys];\n              let matchedOption = null;\n\n              for (const option of allDateOptions) {\n                const range = getDateRangeForOption(option, locale);\n                let isFromMatch;\n                if (fromDate) {\n                  isFromMatch = range.from?.toDateString() === fromDate.toDateString();\n                } else if (fromDate == null && range.to == undefined) {\n                  // all future: fromDate == null & range.to == undefined\n                  isFromMatch = true;\n                }\n                let isToMatch;\n                if (toDate) {\n                  isToMatch = range.to?.toDateString() === toDate.toDateString();\n                } else if (toDate == null && range.to == undefined) {\n                  // all future: fromDate == null & range.to == undefined\n                  isToMatch = true;\n                }\n\n                if (isFromMatch && isToMatch) {\n                  matchedOption = option;\n                  break;\n                }\n              }\n\n              if (matchedOption) {\n                values[fieldName] = {\n                  type: 'predefined',\n                  predefinedValue: matchedOption,\n                };\n              } else {\n                values[fieldName] = {\n                  type: 'custom',\n                  customRange: {\n                    from: fromDate,\n                    to: toDate,\n                  },\n                };\n              }\n            }\n          }\n        }\n      }\n    }\n  };\n\n  recursiveParse(where);\n  return values;\n};\n\nconst QuickFilter = ({\n  slug,\n  filterList,\n}: {\n  slug: string;\n  filterList: (string | { name: string; width: string })[][];\n}) => {\n  const localStorageKey = useMemo(() => `direct-filter-${slug}`, [slug]);\n\n  const [fields, setFields] = useState<FilterDetaild[]>([]);\n  const [filterRows, setFilterRows] = useState<FilterRow[]>([]);\n  const [showFilters, setShowFilters] = useState(false);\n  const { refineListData, query } = useListQuery();\n  const { getEntityConfig } = useConfig();\n  const { i18n } = useTranslation();\n  const locale = i18n.language as SupportedLocale;\n  const isSyncingFromQuery = useRef(false);\n\n  const [filterValues, setFilterValues] = useState<Record<string, any>>(() => {\n    if (typeof window == 'undefined') return {};\n    try {\n      const item = window.localStorage.getItem(localStorageKey);\n      if (!item) return {};\n      const dateTimeReviver = (key: string, value: any) => {\n        const isoDateRegex = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$/;\n        if (typeof value === 'string' && isoDateRegex.test(value)) {\n          return new Date(value);\n        }\n        return value;\n      };\n      return JSON.parse(item, dateTimeReviver);\n    } catch (error) {\n      console.error('Error reading and parsing filters from localStorage.', error);\n      return {};\n    }\n  });\n\n  // Build the list of filter fields from config\n  useEffect(() => {\n    const collection = getEntityConfig({ collectionSlug: slug });\n    const flattenedFieldConfigs = filterList.flatMap((row, rowIndex) =>\n      row.map((field, fieldIndex) => ({\n        field,\n        rowIndex,\n        fieldIndex,\n      })),\n    );\n    const fieldNames = flattenedFieldConfigs.map(({ field }) =>\n      typeof field === 'string' ? field : field.name,\n    );\n    const matchedFields = findFieldsByName(collection?.fields || [], fieldNames);\n    const simplifiedFields: FilterDetaild[] = matchedFields.map((field) => {\n      const label = (field as FieldAffectingData).label;\n      const translatedLabel = getTranslation(label as string, i18n);\n      const fieldName = (field as FieldAffectingData).name as string;\n      const fieldConfig = flattenedFieldConfigs.find(({ field: f }) =>\n        typeof f === 'string' ? f === fieldName : f.name === fieldName,\n      );\n      return {\n        name: fieldName,\n        label: translatedLabel as string,\n        type: field.type,\n        options: (field as SelectField).options as OptionObject[],\n        row: fieldConfig ? fieldConfig.rowIndex : 0,\n        width:\n          typeof fieldConfig?.field === 'object' && 'width' in fieldConfig.field\n            ? fieldConfig.field.width\n            : undefined,\n      };\n    });\n    const sortedFields = flattenedFieldConfigs\n      .map(({ field }) => {\n        const fieldName = typeof field === 'string' ? field : field.name;\n        return simplifiedFields.find((f) => f.name === fieldName);\n      })\n      .filter((f): f is FilterDetaild => !!f);\n    setFields(sortedFields);\n    setFilterRows(groupFiltersByRow(sortedFields));\n  }, [slug, filterList, getEntityConfig, i18n]);\n  // Sync from URL (query.where) into internal state\n  useEffect(() => {\n    if (fields.length === 0) return;\n\n    const valuesFromQuery: Record<string, any> = parseWhereClauseToFilterValues(\n      query.where,\n      fields,\n      locale,\n    );\n\n    if (!isEqual(valuesFromQuery, filterValues)) {\n      // Lock to prevent feedback loop when internal state changes\n      isSyncingFromQuery.current = true;\n      setFilterValues(valuesFromQuery);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query.where, fields]);\n\n  // Sync internal state (filterValues) back into the URL\n  useEffect(() => {\n    // If the change originated from the first effect, skip to avoid infinite loop\n    if (isSyncingFromQuery.current) {\n      isSyncingFromQuery.current = false;\n      return;\n    }\n\n    if (fields.length === 0) return;\n\n    const quickFilterConditions = buildQuickFilterConditions(filterValues, fields, locale);\n    const quickFilterFieldNames = new Set(fields.map((f) => f.name));\n    const otherFilters = cleanWhereClause(query.where, quickFilterFieldNames);\n\n    const allConditions = [...quickFilterConditions];\n    if (otherFilters) {\n      if (otherFilters.and && Array.isArray(otherFilters.and)) {\n        allConditions.push(...otherFilters.and);\n      } else if (Object.keys(otherFilters).length > 0) {\n        allConditions.push(otherFilters);\n      }\n    }\n\n    let newWhere: Record<string, any> = {};\n    if (allConditions.length > 1) {\n      newWhere = { and: allConditions };\n    } else if (allConditions.length === 1) {\n      newWhere = allConditions[0];\n    }\n\n    // Only update if the query has actually changed to avoid unnecessary updates\n    if (!isEqual(newWhere, query.where)) {\n      refineListData({\n        columns: parseColumns(query.columns),\n        where: newWhere,\n        page: '1',\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filterValues, fields, i18n.language, refineListData]);\n  // Effect for persisting to localStorage\n  useEffect(() => {\n    try {\n      if (Object.keys(filterValues).length > 0) {\n        localStorage.setItem(localStorageKey, JSON.stringify(filterValues));\n      } else {\n        localStorage.removeItem(localStorageKey);\n      }\n    } catch (error) {\n      console.error('Failed to save filters to localStorage', error);\n    }\n  }, [filterValues, localStorageKey]);\n\n  // Updates only the internal state\n  const handleFilterChange = useCallback((fieldName: string, value: any) => {\n    setFilterValues((prev) => {\n      const newValues = { ...prev };\n      if (\n        value === undefined ||\n        value === null ||\n        value === 'indeterminate' ||\n        (value && value.type === 'none')\n      ) {\n        delete newValues[fieldName];\n      } else {\n        newValues[fieldName] = value;\n      }\n      return newValues;\n    });\n  }, []);\n\n  // This function remains largely the same.\n  const getActiveFiltersDetails = () => {\n    const activeFilters: string[] = [];\n    const locale = i18n.language as SupportedLocale;\n    Object.entries(filterValues).forEach(([fieldName, value]) => {\n      const field = fields.find((f) => f.name === fieldName);\n      if (!field) return;\n\n      switch (field.type) {\n        case 'date':\n          if (value !== undefined) {\n            const dateValue = value as DateFilterValue;\n            let dateDescription = '';\n\n            if (dateValue.type === 'predefined' && dateValue.predefinedValue) {\n              const { pastOptions, futureOptions } = getDateFilterOptions(locale);\n              const allOptions = [...pastOptions, ...futureOptions];\n              const option = allOptions.find((opt) => opt.value === dateValue.predefinedValue);\n              dateDescription = option ? option.label : getLabel('custom', locale);\n            } else if (dateValue.type === 'custom' || dateValue.customRange) {\n              dateDescription = getLabel('custom', locale);\n            }\n\n            if (dateDescription) {\n              activeFilters.push(`${field.label} (${dateDescription})`);\n            }\n          }\n          break;\n        case 'select': {\n          const selectValue = value as SelectFilterValue;\n          if (selectValue && selectValue.selectedValues && selectValue.selectedValues.length > 0) {\n            const totalOptions = field.options?.length || 0;\n\n            if (selectValue.selectedValues.length === totalOptions) {\n              activeFilters.push(`${field.label} (${getLabel('all', locale)})`);\n            } else if (selectValue.selectedValues.length === 1) {\n              // Show the actual option name when only one is selected\n              const selectedOption = field.options?.find(\n                (opt: any) => opt.value === selectValue.selectedValues[0],\n              );\n              const optionLabel = selectedOption\n                ? selectedOption.label\n                : selectValue.selectedValues[0];\n              activeFilters.push(`${field.label} (${optionLabel})`);\n            } else {\n              // Show count for multiple selections\n              activeFilters.push(`${field.label} (${selectValue.selectedValues.length})`);\n            }\n          }\n          break;\n        }\n        case 'checkbox':\n          if (value !== 'indeterminate') {\n            const checkboxValue =\n              value === 'checked' ? getLabel('yes', locale) : getLabel('no', locale);\n            activeFilters.push(`${field.label} (${checkboxValue})`);\n          }\n          break;\n      }\n    });\n\n    return activeFilters;\n  };\n\n  const clearAllFilters = () => {\n    setFilterValues({});\n  };\n\n  const memoizedFilterRows = useMemo(() => {\n    return filterRows.map((row) => (\n      <div key={row.rowNumber}>\n        <div className='flex flex-wrap gap-6 mb-4'>\n          {row.filters.map((field) => (\n            <FilterField\n              key={field.name}\n              field={field}\n              onFilterChange={handleFilterChange}\n              value={filterValues[field.name]}\n            />\n          ))}\n        </div>\n      </div>\n    ));\n  }, [filterRows, handleFilterChange, filterValues]);\n\n  const toggleFilters = () => {\n    setShowFilters((prev) => !prev);\n  };\n\n  const activeFiltersDetails = getActiveFiltersDetails();\n  const hasActiveFilters = activeFiltersDetails.length > 0;\n\n  if (!fields.length) return null;\n\n  return (\n    <div className='filter-container useTw'>\n      <div style={{ position: 'relative', top: '-24px', height: '0px' }}>\n        <Button\n          variant='outline'\n          size='sm'\n          onClick={toggleFilters}\n          className={`flex items-center gap-2 bg-background border-muted-muted hover:bg-muted ${\n            hasActiveFilters ? 'w-auto min-w-fit' : ''\n          }`}\n        >\n          <Filter className={`h-4 w-4 ${hasActiveFilters ? 'fill-current' : ''}`} />\n\n          {hasActiveFilters ? (\n            <>\n              <span className='text-sm truncate'>\n                <strong>\n                  {`${activeFiltersDetails.length === 1 ? getLabel('activeFilterSingular', locale) : getLabel('activeFilterPlural', locale)}: `}\n                </strong>{' '}\n                {activeFiltersDetails.join(' • ')}\n              </span>\n\n              <span\n                onClick={(e) => {\n                  e.stopPropagation();\n                  clearAllFilters();\n                }}\n                className='ml-1 p-0.5 hover:bg-muted rounded-sm transition-colors flex-shrink-0'\n              >\n                <X className='h-3 w-3 text-gray-500' />\n              </span>\n            </>\n          ) : (\n            <span className='text-sm truncate'>{getLabel('quickFilters', locale)}</span>\n          )}\n\n          {showFilters ? <ChevronUp className='h-4 w-4' /> : <ChevronDown className='h-4 w-4' />}\n        </Button>\n      </div>\n      {showFilters && <div className={'p-4 pb-2 bg-muted'}>{memoizedFilterRows}</div>}\n    </div>\n  );\n};\n\nexport default QuickFilter;\n"],"names":["useCallback","useEffect","useMemo","useRef","useState","useConfig","useListQuery","useTranslation","getTranslation","FilterField","getLabel","groupFiltersByRow","parseColumns","ChevronDown","ChevronUp","Filter","X","getDateRangeForOption","isEqual","futureOptionKeys","getDateFilterOptions","pastOptionKeys","Button","findFieldsByName","fields","fieldNames","results","recursiveSearch","currentFields","filteredFields","filter","field","includes","name","push","forEach","item","type","Array","isArray","tabs","tab","blocks","block","buildQuickFilterConditions","values","fieldDefs","locale","conditions","Object","entries","fieldName","value","fieldDef","find","f","condition","dateValue","from","to","predefinedValue","range","customRange","Date","dateQuery","greater_than_equal","less_than_equal","keys","length","selectValue","selectedValues","equals","in","checkboxState","cleanWhereClause","clause","fieldsToClean","newClause","key","cleanedSubClauses","map","subClause","Boolean","has","and","or","parseWhereClauseToFilterValues","where","Set","recursiveParse","fromDate","toDate","allDateOptions","matchedOption","option","isFromMatch","toDateString","undefined","isToMatch","QuickFilter","slug","filterList","localStorageKey","setFields","filterRows","setFilterRows","showFilters","setShowFilters","refineListData","query","getEntityConfig","i18n","language","isSyncingFromQuery","filterValues","setFilterValues","window","localStorage","getItem","dateTimeReviver","isoDateRegex","test","JSON","parse","error","console","collection","collectionSlug","flattenedFieldConfigs","flatMap","row","rowIndex","fieldIndex","matchedFields","simplifiedFields","label","translatedLabel","fieldConfig","options","width","sortedFields","valuesFromQuery","current","quickFilterConditions","quickFilterFieldNames","otherFilters","allConditions","newWhere","columns","page","setItem","stringify","removeItem","handleFilterChange","prev","newValues","getActiveFiltersDetails","activeFilters","dateDescription","pastOptions","futureOptions","allOptions","opt","totalOptions","selectedOption","optionLabel","checkboxValue","clearAllFilters","memoizedFilterRows","div","className","filters","onFilterChange","rowNumber","toggleFilters","activeFiltersDetails","hasActiveFilters","style","position","top","height","variant","size","onClick","span","strong","join","e","stopPropagation"],"mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAC1E,SAASC,SAAS,EAAEC,YAAY,EAAEC,cAAc,QAAQ,iBAAiB;AAEzE,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,OAAOC,iBAAiB,gBAAgB;AACxC,SAASC,QAAQ,QAAyB,WAAW;AAQrD,SAASC,iBAAiB,EAAEC,YAAY,QAAQ,iCAAiC;AACjF,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,CAAC,QAAQ,eAAe;AAEjE,SAASC,qBAAqB,QAAQ,+BAA+B;AACrE,SAASC,OAAO,QAAQ,SAAS;AACjC,SACEC,gBAAgB,EAChBC,oBAAoB,EACpBC,cAAc,QACT,0CAA0C;AACjD,SAASC,MAAM,QAAQ,cAAc;AAErC,4CAA4C;AAC5C,SAASC,iBAAiBC,MAAqB,EAAEC,UAAoB;IACnE,MAAMC,UAAyB,EAAE;IACjC,SAASC,gBAAgBC,aAA4B;QACnD,MAAMC,iBAAiBD,cAAcE,MAAM,CACzC,CAACC,QAAU,UAAUA,SAASN,WAAWO,QAAQ,CAACD,MAAME,IAAI;QAE9DP,QAAQQ,IAAI,IAAIL;QAChBD,cAAcO,OAAO,CAAC,CAACC;YACrB,IACE,AAACA,CAAAA,KAAKC,IAAI,KAAK,WAAWD,KAAKC,IAAI,KAAK,SAASD,KAAKC,IAAI,KAAK,aAAY,KAC3E,YAAYD,QACZE,MAAMC,OAAO,CAACH,KAAKZ,MAAM,GACzB;gBACAG,gBAAgBS,KAAKZ,MAAM;YAC7B,OAAO,IAAIY,KAAKC,IAAI,KAAK,UAAUC,MAAMC,OAAO,CAACH,KAAKI,IAAI,GAAG;gBAC3DJ,KAAKI,IAAI,CAACL,OAAO,CAAC,CAACM;oBACjB,IAAI,YAAYA,OAAOH,MAAMC,OAAO,CAACE,IAAIjB,MAAM,GAAG;wBAChDG,gBAAgBc,IAAIjB,MAAM;oBAC5B;gBACF;YACF,OAAO,IAAIY,KAAKC,IAAI,KAAK,YAAYC,MAAMC,OAAO,CAACH,KAAKM,MAAM,GAAG;gBAC/DN,KAAKM,MAAM,CAACP,OAAO,CAAC,CAACQ;oBACnB,IAAI,YAAYA,SAASL,MAAMC,OAAO,CAACI,MAAMnB,MAAM,GAAG;wBACpDG,gBAAgBgB,MAAMnB,MAAM;oBAC9B;gBACF;YACF;QACF;IACF;IACAG,gBAAgBH;IAChB,OAAOE;AACT;AAEA,oEAAoE;AACpE,MAAMkB,6BAA6B,CACjCC,QACAC,WACAC;IAEA,MAAMC,aAAoC,EAAE;IAE5CC,OAAOC,OAAO,CAACL,QAAQV,OAAO,CAAC,CAAC,CAACgB,WAAWC,MAAM;QAChD,IAAI,CAACA,OAAO;QACZ,MAAMC,WAAWP,UAAUQ,IAAI,CAAC,CAACC,IAAMA,EAAEtB,IAAI,KAAKkB;QAClD,IAAI,CAACE,UAAU;QAEf,IAAIG,YAAwC;QAE5C,OAAQH,SAAShB,IAAI;YACnB,KAAK;gBAAQ;oBACX,MAAMoB,YAAYL;oBAClB,IAAIM;oBACJ,IAAIC;oBAEJ,IAAIF,UAAUG,eAAe,EAAE;wBAC7B,MAAMC,QAAQ5C,sBAAsBwC,UAAUG,eAAe,EAAEb;wBAC/DW,OAAOG,MAAMH,IAAI;wBACjBC,KAAKE,MAAMF,EAAE;oBACf,OAAO,IAAIF,UAAUK,WAAW,EAAE;wBAChC,IAAIL,UAAUK,WAAW,CAACJ,IAAI,EAAEA,OAAO,IAAIK,KAAKN,UAAUK,WAAW,CAACJ,IAAI;wBAC1E,IAAID,UAAUK,WAAW,CAACH,EAAE,EAAEA,KAAK,IAAII,KAAKN,UAAUK,WAAW,CAACH,EAAE;oBACtE;oBAEA,IAAID,QAAQC,IAAI;wBACd,MAAMK,YAAiB,CAAC;wBACxB,IAAIN,MAAMM,UAAUC,kBAAkB,GAAGP;wBACzC,IAAIC,IAAIK,UAAUE,eAAe,GAAGP;wBACpC,IAAIV,OAAOkB,IAAI,CAACH,WAAWI,MAAM,GAAG,GAAG;4BACrCZ,YAAY;gCAAE,CAACL,UAAU,EAAEa;4BAAU;wBACvC;oBACF;oBACA;gBACF;YACA,KAAK;gBAAU;oBACb,MAAMK,cAAcjB;oBACpB,IAAIiB,YAAYC,cAAc,IAAID,YAAYC,cAAc,CAACF,MAAM,GAAG,GAAG;wBACvE,IAAIC,YAAYC,cAAc,CAACF,MAAM,KAAK,GAAG;4BAC3CZ,YAAY;gCAAE,CAACL,UAAU,EAAE;oCAAEoB,QAAQF,YAAYC,cAAc,CAAC,EAAE;gCAAC;4BAAE;wBACvE,OAAO;4BACLd,YAAY;gCAAE,CAACL,UAAU,EAAE;oCAAEqB,IAAIH,YAAYC,cAAc;gCAAC;4BAAE;wBAChE;oBACF;oBACA;gBACF;YACA,KAAK;gBAAY;oBACf,MAAMG,gBAAgBrB;oBACtB,IAAIqB,kBAAkB,WAAW;wBAC/BjB,YAAY;4BAAE,CAACL,UAAU,EAAE;gCAAEoB,QAAQ;4BAAO;wBAAE;oBAChD,OAAO,IAAIE,kBAAkB,aAAa;wBACxCjB,YAAY;4BAAE,CAACL,UAAU,EAAE;gCAAEoB,QAAQ;4BAAQ;wBAAE;oBACjD;oBACA;gBACF;QACF;QACA,IAAIf,WAAW;YACbR,WAAWd,IAAI,CAACsB;QAClB;IACF;IACA,OAAOR;AACT;AAEA,0EAA0E;AAC1E,MAAM0B,mBAAmB,CAACC,QAAaC;IACrC,IAAI,CAACD,UAAU,OAAOA,WAAW,YAAYrC,MAAMC,OAAO,CAACoC,SAAS;QAClE,OAAOA;IACT;IAEA,MAAME,YAAiC,CAAC;IAExC,IAAK,MAAMC,OAAOH,OAAQ;QACxB,IAAIG,QAAQ,SAASA,QAAQ,MAAM;YACjC,MAAMC,oBAAoBJ,MAAM,CAACG,IAAI,CAClCE,GAAG,CAAC,CAACC,YAAmBP,iBAAiBO,WAAWL,gBACpD9C,MAAM,CAACoD;YAEV,IAAIH,kBAAkBX,MAAM,GAAG,GAAG;gBAChCS,SAAS,CAACC,IAAI,GAAGC;YACnB;QACF,OAAO,IAAI,CAACH,cAAcO,GAAG,CAACL,MAAM;YAClCD,SAAS,CAACC,IAAI,GAAGH,MAAM,CAACG,IAAI;QAC9B;IACF;IAEA,IAAI7B,OAAOkB,IAAI,CAACU,WAAWT,MAAM,KAAK,GAAG;QACvC,OAAO;IACT;IAEA,IAAIS,UAAUO,GAAG,EAAEhB,WAAW,KAAKnB,OAAOkB,IAAI,CAACU,WAAWT,MAAM,KAAK,GAAG;QACtE,OAAOS,UAAUO,GAAG,CAAC,EAAE;IACzB;IACA,IAAIP,UAAUQ,EAAE,EAAEjB,WAAW,KAAKnB,OAAOkB,IAAI,CAACU,WAAWT,MAAM,KAAK,GAAG;QACrE,OAAOS,UAAUQ,EAAE,CAAC,EAAE;IACxB;IAEA,OAAOR;AACT;AAEA,uEAAuE;AACvE,MAAMS,iCAAiC,CACrCC,OACA/D,QACAuB;IAEA,MAAMF,SAA8B,CAAC;IACrC,MAAMpB,aAAa,IAAI+D,IAAIhE,OAAOwD,GAAG,CAAC,CAACzB,IAAMA,EAAEtB,IAAI;IAEnD,MAAMwD,iBAAiB,CAACd;QACtB,IAAI,CAACA,UAAU,OAAOA,WAAW,UAAU;QAE3C,IAAIA,OAAOS,GAAG,EAAE;YACdT,OAAOS,GAAG,CAACjD,OAAO,CAACsD;YACnB;QACF;QACA,IAAId,OAAOU,EAAE,EAAE;YACbV,OAAOU,EAAE,CAAClD,OAAO,CAACsD;YAClB;QACF;QAEA,IAAK,MAAMtC,aAAawB,OAAQ;YAC9B,IAAIlD,WAAW0D,GAAG,CAAChC,YAAY;gBAC7B,MAAME,WAAW7B,OAAO8B,IAAI,CAAC,CAACC,IAAMA,EAAEtB,IAAI,KAAKkB;gBAC/C,MAAMK,YAAYmB,MAAM,CAACxB,UAAU;gBAEnC,IAAIE,YAAYG,aAAa,OAAOA,cAAc,UAAU;oBAC1D,IAAI,YAAYA,WAAW;wBACzB,IAAIH,SAAShB,IAAI,KAAK,YAAY;4BAChCQ,MAAM,CAACM,UAAU,GAAGK,UAAUe,MAAM,IAAI,SAAS,YAAY;wBAC/D,OAAO,IAAIlB,SAAShB,IAAI,KAAK,UAAU;4BACrCQ,MAAM,CAACM,UAAU,GAAG;gCAAEmB,gBAAgB;oCAACd,UAAUe,MAAM;iCAAC;4BAAC;wBAC3D;oBACF,OAAO,IAAI,QAAQf,aAAalB,MAAMC,OAAO,CAACiB,UAAUgB,EAAE,GAAG;wBAC3D,IAAInB,SAAShB,IAAI,KAAK,UAAU;4BAC9BQ,MAAM,CAACM,UAAU,GAAG;gCAAEmB,gBAAgBd,UAAUgB,EAAE;4BAAC;wBACrD;oBACF,OAAO,IAAI,wBAAwBhB,aAAa,qBAAqBA,WAAW;wBAC9E,IAAIH,SAAShB,IAAI,KAAK,QAAQ;4BAC5B,MAAMqD,WAAWlC,UAAUS,kBAAkB,GACzC,IAAIF,KAAKP,UAAUS,kBAAkB,IACrC;4BACJ,MAAM0B,SAASnC,UAAUU,eAAe,GAAG,IAAIH,KAAKP,UAAUU,eAAe,IAAI;4BACjF,MAAM0B,iBAAiB;mCAAIvE;mCAAmBF;6BAAiB;4BAC/D,IAAI0E,gBAAgB;4BAEpB,KAAK,MAAMC,UAAUF,eAAgB;gCACnC,MAAM/B,QAAQ5C,sBAAsB6E,QAAQ/C;gCAC5C,IAAIgD;gCACJ,IAAIL,UAAU;oCACZK,cAAclC,MAAMH,IAAI,EAAEsC,mBAAmBN,SAASM,YAAY;gCACpE,OAAO,IAAIN,YAAY,QAAQ7B,MAAMF,EAAE,IAAIsC,WAAW;oCACpD,uDAAuD;oCACvDF,cAAc;gCAChB;gCACA,IAAIG;gCACJ,IAAIP,QAAQ;oCACVO,YAAYrC,MAAMF,EAAE,EAAEqC,mBAAmBL,OAAOK,YAAY;gCAC9D,OAAO,IAAIL,UAAU,QAAQ9B,MAAMF,EAAE,IAAIsC,WAAW;oCAClD,uDAAuD;oCACvDC,YAAY;gCACd;gCAEA,IAAIH,eAAeG,WAAW;oCAC5BL,gBAAgBC;oCAChB;gCACF;4BACF;4BAEA,IAAID,eAAe;gCACjBhD,MAAM,CAACM,UAAU,GAAG;oCAClBd,MAAM;oCACNuB,iBAAiBiC;gCACnB;4BACF,OAAO;gCACLhD,MAAM,CAACM,UAAU,GAAG;oCAClBd,MAAM;oCACNyB,aAAa;wCACXJ,MAAMgC;wCACN/B,IAAIgC;oCACN;gCACF;4BACF;wBACF;oBACF;gBACF;YACF;QACF;IACF;IAEAF,eAAeF;IACf,OAAO1C;AACT;AAEA,MAAMsD,cAAc,CAAC,EACnBC,IAAI,EACJC,UAAU,EAIX;IACC,MAAMC,kBAAkBpG,QAAQ,IAAM,CAAC,cAAc,EAAEkG,MAAM,EAAE;QAACA;KAAK;IAErE,MAAM,CAAC5E,QAAQ+E,UAAU,GAAGnG,SAA0B,EAAE;IACxD,MAAM,CAACoG,YAAYC,cAAc,GAAGrG,SAAsB,EAAE;IAC5D,MAAM,CAACsG,aAAaC,eAAe,GAAGvG,SAAS;IAC/C,MAAM,EAAEwG,cAAc,EAAEC,KAAK,EAAE,GAAGvG;IAClC,MAAM,EAAEwG,eAAe,EAAE,GAAGzG;IAC5B,MAAM,EAAE0G,IAAI,EAAE,GAAGxG;IACjB,MAAMwC,SAASgE,KAAKC,QAAQ;IAC5B,MAAMC,qBAAqB9G,OAAO;IAElC,MAAM,CAAC+G,cAAcC,gBAAgB,GAAG/G,SAA8B;QACpE,IAAI,OAAOgH,UAAU,aAAa,OAAO,CAAC;QAC1C,IAAI;YACF,MAAMhF,OAAOgF,OAAOC,YAAY,CAACC,OAAO,CAAChB;YACzC,IAAI,CAAClE,MAAM,OAAO,CAAC;YACnB,MAAMmF,kBAAkB,CAACzC,KAAa1B;gBACpC,MAAMoE,eAAe;gBACrB,IAAI,OAAOpE,UAAU,YAAYoE,aAAaC,IAAI,CAACrE,QAAQ;oBACzD,OAAO,IAAIW,KAAKX;gBAClB;gBACA,OAAOA;YACT;YACA,OAAOsE,KAAKC,KAAK,CAACvF,MAAMmF;QAC1B,EAAE,OAAOK,OAAO;YACdC,QAAQD,KAAK,CAAC,wDAAwDA;YACtE,OAAO,CAAC;QACV;IACF;IAEA,8CAA8C;IAC9C3H,UAAU;QACR,MAAM6H,aAAahB,gBAAgB;YAAEiB,gBAAgB3B;QAAK;QAC1D,MAAM4B,wBAAwB3B,WAAW4B,OAAO,CAAC,CAACC,KAAKC,WACrDD,IAAIlD,GAAG,CAAC,CAACjD,OAAOqG,aAAgB,CAAA;oBAC9BrG;oBACAoG;oBACAC;gBACF,CAAA;QAEF,MAAM3G,aAAauG,sBAAsBhD,GAAG,CAAC,CAAC,EAAEjD,KAAK,EAAE,GACrD,OAAOA,UAAU,WAAWA,QAAQA,MAAME,IAAI;QAEhD,MAAMoG,gBAAgB9G,iBAAiBuG,YAAYtG,UAAU,EAAE,EAAEC;QACjE,MAAM6G,mBAAoCD,cAAcrD,GAAG,CAAC,CAACjD;YAC3D,MAAMwG,QAAQ,AAACxG,MAA6BwG,KAAK;YACjD,MAAMC,kBAAkBhI,eAAe+H,OAAiBxB;YACxD,MAAM5D,YAAY,AAACpB,MAA6BE,IAAI;YACpD,MAAMwG,cAAcT,sBAAsB1E,IAAI,CAAC,CAAC,EAAEvB,OAAOwB,CAAC,EAAE,GAC1D,OAAOA,MAAM,WAAWA,MAAMJ,YAAYI,EAAEtB,IAAI,KAAKkB;YAEvD,OAAO;gBACLlB,MAAMkB;gBACNoF,OAAOC;gBACPnG,MAAMN,MAAMM,IAAI;gBAChBqG,SAAS,AAAC3G,MAAsB2G,OAAO;gBACvCR,KAAKO,cAAcA,YAAYN,QAAQ,GAAG;gBAC1CQ,OACE,OAAOF,aAAa1G,UAAU,YAAY,WAAW0G,YAAY1G,KAAK,GAClE0G,YAAY1G,KAAK,CAAC4G,KAAK,GACvB1C;YACR;QACF;QACA,MAAM2C,eAAeZ,sBAClBhD,GAAG,CAAC,CAAC,EAAEjD,KAAK,EAAE;YACb,MAAMoB,YAAY,OAAOpB,UAAU,WAAWA,QAAQA,MAAME,IAAI;YAChE,OAAOqG,iBAAiBhF,IAAI,CAAC,CAACC,IAAMA,EAAEtB,IAAI,KAAKkB;QACjD,GACCrB,MAAM,CAAC,CAACyB,IAA0B,CAAC,CAACA;QACvCgD,UAAUqC;QACVnC,cAAc9F,kBAAkBiI;IAClC,GAAG;QAACxC;QAAMC;QAAYS;QAAiBC;KAAK;IAC5C,kDAAkD;IAClD9G,UAAU;QACR,IAAIuB,OAAO4C,MAAM,KAAK,GAAG;QAEzB,MAAMyE,kBAAuCvD,+BAC3CuB,MAAMtB,KAAK,EACX/D,QACAuB;QAGF,IAAI,CAAC7B,QAAQ2H,iBAAiB3B,eAAe;YAC3C,4DAA4D;YAC5DD,mBAAmB6B,OAAO,GAAG;YAC7B3B,gBAAgB0B;QAClB;IACA,uDAAuD;IACzD,GAAG;QAAChC,MAAMtB,KAAK;QAAE/D;KAAO;IAExB,uDAAuD;IACvDvB,UAAU;QACR,8EAA8E;QAC9E,IAAIgH,mBAAmB6B,OAAO,EAAE;YAC9B7B,mBAAmB6B,OAAO,GAAG;YAC7B;QACF;QAEA,IAAItH,OAAO4C,MAAM,KAAK,GAAG;QAEzB,MAAM2E,wBAAwBnG,2BAA2BsE,cAAc1F,QAAQuB;QAC/E,MAAMiG,wBAAwB,IAAIxD,IAAIhE,OAAOwD,GAAG,CAAC,CAACzB,IAAMA,EAAEtB,IAAI;QAC9D,MAAMgH,eAAevE,iBAAiBmC,MAAMtB,KAAK,EAAEyD;QAEnD,MAAME,gBAAgB;eAAIH;SAAsB;QAChD,IAAIE,cAAc;YAChB,IAAIA,aAAa7D,GAAG,IAAI9C,MAAMC,OAAO,CAAC0G,aAAa7D,GAAG,GAAG;gBACvD8D,cAAchH,IAAI,IAAI+G,aAAa7D,GAAG;YACxC,OAAO,IAAInC,OAAOkB,IAAI,CAAC8E,cAAc7E,MAAM,GAAG,GAAG;gBAC/C8E,cAAchH,IAAI,CAAC+G;YACrB;QACF;QAEA,IAAIE,WAAgC,CAAC;QACrC,IAAID,cAAc9E,MAAM,GAAG,GAAG;YAC5B+E,WAAW;gBAAE/D,KAAK8D;YAAc;QAClC,OAAO,IAAIA,cAAc9E,MAAM,KAAK,GAAG;YACrC+E,WAAWD,aAAa,CAAC,EAAE;QAC7B;QAEA,6EAA6E;QAC7E,IAAI,CAAChI,QAAQiI,UAAUtC,MAAMtB,KAAK,GAAG;YACnCqB,eAAe;gBACbwC,SAASxI,aAAaiG,MAAMuC,OAAO;gBACnC7D,OAAO4D;gBACPE,MAAM;YACR;QACF;IACA,uDAAuD;IACzD,GAAG;QAACnC;QAAc1F;QAAQuF,KAAKC,QAAQ;QAAEJ;KAAe;IACxD,wCAAwC;IACxC3G,UAAU;QACR,IAAI;YACF,IAAIgD,OAAOkB,IAAI,CAAC+C,cAAc9C,MAAM,GAAG,GAAG;gBACxCiD,aAAaiC,OAAO,CAAChD,iBAAiBoB,KAAK6B,SAAS,CAACrC;YACvD,OAAO;gBACLG,aAAamC,UAAU,CAAClD;YAC1B;QACF,EAAE,OAAOsB,OAAO;YACdC,QAAQD,KAAK,CAAC,0CAA0CA;QAC1D;IACF,GAAG;QAACV;QAAcZ;KAAgB;IAElC,kCAAkC;IAClC,MAAMmD,qBAAqBzJ,YAAY,CAACmD,WAAmBC;QACzD+D,gBAAgB,CAACuC;YACf,MAAMC,YAAY;gBAAE,GAAGD,IAAI;YAAC;YAC5B,IACEtG,UAAU6C,aACV7C,UAAU,QACVA,UAAU,mBACTA,SAASA,MAAMf,IAAI,KAAK,QACzB;gBACA,OAAOsH,SAAS,CAACxG,UAAU;YAC7B,OAAO;gBACLwG,SAAS,CAACxG,UAAU,GAAGC;YACzB;YACA,OAAOuG;QACT;IACF,GAAG,EAAE;IAEL,0CAA0C;IAC1C,MAAMC,0BAA0B;QAC9B,MAAMC,gBAA0B,EAAE;QAClC,MAAM9G,SAASgE,KAAKC,QAAQ;QAC5B/D,OAAOC,OAAO,CAACgE,cAAc/E,OAAO,CAAC,CAAC,CAACgB,WAAWC,MAAM;YACtD,MAAMrB,QAAQP,OAAO8B,IAAI,CAAC,CAACC,IAAMA,EAAEtB,IAAI,KAAKkB;YAC5C,IAAI,CAACpB,OAAO;YAEZ,OAAQA,MAAMM,IAAI;gBAChB,KAAK;oBACH,IAAIe,UAAU6C,WAAW;wBACvB,MAAMxC,YAAYL;wBAClB,IAAI0G,kBAAkB;wBAEtB,IAAIrG,UAAUpB,IAAI,KAAK,gBAAgBoB,UAAUG,eAAe,EAAE;4BAChE,MAAM,EAAEmG,WAAW,EAAEC,aAAa,EAAE,GAAG5I,qBAAqB2B;4BAC5D,MAAMkH,aAAa;mCAAIF;mCAAgBC;6BAAc;4BACrD,MAAMlE,SAASmE,WAAW3G,IAAI,CAAC,CAAC4G,MAAQA,IAAI9G,KAAK,KAAKK,UAAUG,eAAe;4BAC/EkG,kBAAkBhE,SAASA,OAAOyC,KAAK,GAAG7H,SAAS,UAAUqC;wBAC/D,OAAO,IAAIU,UAAUpB,IAAI,KAAK,YAAYoB,UAAUK,WAAW,EAAE;4BAC/DgG,kBAAkBpJ,SAAS,UAAUqC;wBACvC;wBAEA,IAAI+G,iBAAiB;4BACnBD,cAAc3H,IAAI,CAAC,GAAGH,MAAMwG,KAAK,CAAC,EAAE,EAAEuB,gBAAgB,CAAC,CAAC;wBAC1D;oBACF;oBACA;gBACF,KAAK;oBAAU;wBACb,MAAMzF,cAAcjB;wBACpB,IAAIiB,eAAeA,YAAYC,cAAc,IAAID,YAAYC,cAAc,CAACF,MAAM,GAAG,GAAG;4BACtF,MAAM+F,eAAepI,MAAM2G,OAAO,EAAEtE,UAAU;4BAE9C,IAAIC,YAAYC,cAAc,CAACF,MAAM,KAAK+F,cAAc;gCACtDN,cAAc3H,IAAI,CAAC,GAAGH,MAAMwG,KAAK,CAAC,EAAE,EAAE7H,SAAS,OAAOqC,QAAQ,CAAC,CAAC;4BAClE,OAAO,IAAIsB,YAAYC,cAAc,CAACF,MAAM,KAAK,GAAG;gCAClD,wDAAwD;gCACxD,MAAMgG,iBAAiBrI,MAAM2G,OAAO,EAAEpF,KACpC,CAAC4G,MAAaA,IAAI9G,KAAK,KAAKiB,YAAYC,cAAc,CAAC,EAAE;gCAE3D,MAAM+F,cAAcD,iBAChBA,eAAe7B,KAAK,GACpBlE,YAAYC,cAAc,CAAC,EAAE;gCACjCuF,cAAc3H,IAAI,CAAC,GAAGH,MAAMwG,KAAK,CAAC,EAAE,EAAE8B,YAAY,CAAC,CAAC;4BACtD,OAAO;gCACL,qCAAqC;gCACrCR,cAAc3H,IAAI,CAAC,GAAGH,MAAMwG,KAAK,CAAC,EAAE,EAAElE,YAAYC,cAAc,CAACF,MAAM,CAAC,CAAC,CAAC;4BAC5E;wBACF;wBACA;oBACF;gBACA,KAAK;oBACH,IAAIhB,UAAU,iBAAiB;wBAC7B,MAAMkH,gBACJlH,UAAU,YAAY1C,SAAS,OAAOqC,UAAUrC,SAAS,MAAMqC;wBACjE8G,cAAc3H,IAAI,CAAC,GAAGH,MAAMwG,KAAK,CAAC,EAAE,EAAE+B,cAAc,CAAC,CAAC;oBACxD;oBACA;YACJ;QACF;QAEA,OAAOT;IACT;IAEA,MAAMU,kBAAkB;QACtBpD,gBAAgB,CAAC;IACnB;IAEA,MAAMqD,qBAAqBtK,QAAQ;QACjC,OAAOsG,WAAWxB,GAAG,CAAC,CAACkD,oBACrB,KAACuC;0BACC,cAAA,KAACA;oBAAIC,WAAU;8BACZxC,IAAIyC,OAAO,CAAC3F,GAAG,CAAC,CAACjD,sBAChB,KAACtB;4BAECsB,OAAOA;4BACP6I,gBAAgBnB;4BAChBrG,OAAO8D,YAAY,CAACnF,MAAME,IAAI,CAAC;2BAH1BF,MAAME,IAAI;;eAJbiG,IAAI2C,SAAS;IAa3B,GAAG;QAACrE;QAAYiD;QAAoBvC;KAAa;IAEjD,MAAM4D,gBAAgB;QACpBnE,eAAe,CAAC+C,OAAS,CAACA;IAC5B;IAEA,MAAMqB,uBAAuBnB;IAC7B,MAAMoB,mBAAmBD,qBAAqB3G,MAAM,GAAG;IAEvD,IAAI,CAAC5C,OAAO4C,MAAM,EAAE,OAAO;IAE3B,qBACE,MAACqG;QAAIC,WAAU;;0BACb,KAACD;gBAAIQ,OAAO;oBAAEC,UAAU;oBAAYC,KAAK;oBAASC,QAAQ;gBAAM;0BAC9D,cAAA,MAAC9J;oBACC+J,SAAQ;oBACRC,MAAK;oBACLC,SAAST;oBACTJ,WAAW,CAAC,wEAAwE,EAClFM,mBAAmB,qBAAqB,IACxC;;sCAEF,KAACjK;4BAAO2J,WAAW,CAAC,QAAQ,EAAEM,mBAAmB,iBAAiB,IAAI;;wBAErEA,iCACC;;8CACE,MAACQ;oCAAKd,WAAU;;sDACd,KAACe;sDACE,GAAGV,qBAAqB3G,MAAM,KAAK,IAAI1D,SAAS,wBAAwBqC,UAAUrC,SAAS,sBAAsBqC,QAAQ,EAAE,CAAC;;wCACrH;wCACTgI,qBAAqBW,IAAI,CAAC;;;8CAG7B,KAACF;oCACCD,SAAS,CAACI;wCACRA,EAAEC,eAAe;wCACjBrB;oCACF;oCACAG,WAAU;8CAEV,cAAA,KAAC1J;wCAAE0J,WAAU;;;;2CAIjB,KAACc;4BAAKd,WAAU;sCAAoBhK,SAAS,gBAAgBqC;;wBAG9D2D,4BAAc,KAAC5F;4BAAU4J,WAAU;2CAAe,KAAC7J;4BAAY6J,WAAU;;;;;YAG7EhE,6BAAe,KAAC+D;gBAAIC,WAAW;0BAAsBF;;;;AAG5D;AAEA,eAAerE,YAAY"}
+{"version":3,"sources":["../src/QuickFilter.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useConfig, useListQuery, useTranslation } from '@payloadcms/ui';\nimport type { ClientField, FieldAffectingData, OptionObject, SelectField } from 'payload';\nimport { getTranslation } from '@payloadcms/translations';\nimport FilterField from './FilterField';\nimport { getLabel, SupportedLocale } from './labels';\nimport type {\n  CheckboxFilterState,\n  DateFilterValue,\n  FilterDetaild,\n  FilterRow,\n  SelectFilterValue,\n} from './filters/types/filters-type';\nimport { groupFiltersByRow, parseColumns } from './filters/utils/layout-helpers';\nimport { ChevronDown, ChevronUp, Filter, X } from 'lucide-react';\n\nimport { getDateRangeForOption } from './filters/utils/date-helpers';\nimport { isEqual } from 'lodash';\nimport {\n  futureOptionKeys,\n  getDateFilterOptions,\n  pastOptionKeys,\n} from './filters/constants/date-filter-options';\nimport { Button } from './ui/button';\n\n// Helper function to get localized label\nconst getLocalizedLabel = (label: any, locale: SupportedLocale): string => {\n  if (typeof label === 'object' && label !== null) {\n    return label[locale] || label['en'] || Object.values(label)[0] || ''\n  }\n  return label || ''\n}\n\n// Recursive function to find fields by name\nfunction findFieldsByName(fields: ClientField[], fieldNames: string[]): ClientField[] {\n  const results: ClientField[] = [];\n  function recursiveSearch(currentFields: ClientField[]) {\n    const filteredFields = currentFields.filter(\n      (field) => 'name' in field && fieldNames.includes(field.name as string),\n    );\n    results.push(...filteredFields);\n    currentFields.forEach((item) => {\n      if (\n        (item.type === 'array' || item.type === 'row' || item.type === 'collapsible') &&\n        'fields' in item &&\n        Array.isArray(item.fields)\n      ) {\n        recursiveSearch(item.fields);\n      } else if (item.type === 'tabs' && Array.isArray(item.tabs)) {\n        item.tabs.forEach((tab) => {\n          if ('fields' in tab && Array.isArray(tab.fields)) {\n            recursiveSearch(tab.fields);\n          }\n        });\n      } else if (item.type === 'blocks' && Array.isArray(item.blocks)) {\n        item.blocks.forEach((block) => {\n          if ('fields' in block && Array.isArray(block.fields)) {\n            recursiveSearch(block.fields);\n          }\n        });\n      }\n    });\n  }\n  recursiveSearch(fields);\n  return results;\n}\n\n// Builds an array of condition objects from the quick filter values\nconst buildQuickFilterConditions = (\n  values: Record<string, any>,\n  fieldDefs: FilterDetaild[],\n  locale: SupportedLocale,\n): Record<string, any>[] => {\n  const conditions: Record<string, any>[] = [];\n\n  Object.entries(values).forEach(([fieldName, value]) => {\n    if (!value) return;\n    const fieldDef = fieldDefs.find((f) => f.name === fieldName);\n    if (!fieldDef) return;\n\n    let condition: Record<string, any> | null = null;\n\n    switch (fieldDef.type) {\n      case 'date': {\n        const dateValue = value as DateFilterValue;\n        let from: Date | undefined;\n        let to: Date | undefined;\n\n        if (dateValue.predefinedValue) {\n          const range = getDateRangeForOption(dateValue.predefinedValue, locale);\n          from = range.from;\n          to = range.to;\n        } else if (dateValue.customRange) {\n          if (dateValue.customRange.from) from = new Date(dateValue.customRange.from);\n          if (dateValue.customRange.to) to = new Date(dateValue.customRange.to);\n        }\n\n        if (from || to) {\n          const dateQuery: any = {};\n          if (from) dateQuery.greater_than_equal = from;\n          if (to) dateQuery.less_than_equal = to;\n          if (Object.keys(dateQuery).length > 0) {\n            condition = { [fieldName]: dateQuery };\n          }\n        }\n        break;\n      }\n      case 'select': {\n        const selectValue = value as SelectFilterValue;\n        if (selectValue.selectedValues && selectValue.selectedValues.length > 0) {\n          if (selectValue.selectedValues.length === 1) {\n            condition = { [fieldName]: { equals: selectValue.selectedValues[0] } };\n          } else {\n            condition = { [fieldName]: { in: selectValue.selectedValues } };\n          }\n        }\n        break;\n      }\n      case 'checkbox': {\n        const checkboxState = value as CheckboxFilterState;\n        if (checkboxState === 'checked') {\n          condition = { [fieldName]: { equals: 'true' } };\n        } else if (checkboxState === 'unchecked') {\n          condition = { [fieldName]: { equals: 'false' } };\n        }\n        break;\n      }\n    }\n    if (condition) {\n      conditions.push(condition);\n    }\n  });\n  return conditions;\n};\n\n// Helper function to remove quick filter conditions from a 'where' clause\nconst cleanWhereClause = (clause: any, fieldsToClean: Set<string>): any => {\n  if (!clause || typeof clause !== 'object' || Array.isArray(clause)) {\n    return clause;\n  }\n\n  const newClause: Record<string, any> = {};\n\n  for (const key in clause) {\n    if (key === 'and' || key === 'or') {\n      const cleanedSubClauses = clause[key]\n        .map((subClause: any) => cleanWhereClause(subClause, fieldsToClean))\n        .filter(Boolean);\n\n      if (cleanedSubClauses.length > 0) {\n        newClause[key] = cleanedSubClauses;\n      }\n    } else if (!fieldsToClean.has(key)) {\n      newClause[key] = clause[key];\n    }\n  }\n\n  if (Object.keys(newClause).length === 0) {\n    return null;\n  }\n\n  if (newClause.and?.length === 1 && Object.keys(newClause).length === 1) {\n    return newClause.and[0];\n  }\n  if (newClause.or?.length === 1 && Object.keys(newClause).length === 1) {\n    return newClause.or[0];\n  }\n\n  return newClause;\n};\n\n// Translates URL query conditions to the quick filter's internal state\nconst parseWhereClauseToFilterValues = (\n  where: any,\n  fields: FilterDetaild[],\n  locale: SupportedLocale,\n): Record<string, any> => {\n  const values: Record<string, any> = {};\n  const fieldNames = new Set(fields.map((f) => f.name));\n\n  const recursiveParse = (clause: any) => {\n    if (!clause || typeof clause !== 'object') return;\n\n    if (clause.and) {\n      clause.and.forEach(recursiveParse);\n      return;\n    }\n    if (clause.or) {\n      clause.or.forEach(recursiveParse);\n      return;\n    }\n\n    for (const fieldName in clause) {\n      if (fieldNames.has(fieldName)) {\n        const fieldDef = fields.find((f) => f.name === fieldName);\n        const condition = clause[fieldName];\n\n        if (fieldDef && condition && typeof condition === 'object') {\n          if ('equals' in condition) {\n            if (fieldDef.type === 'checkbox') {\n              values[fieldName] = condition.equals == 'true' ? 'checked' : 'unchecked';\n            } else if (fieldDef.type === 'select') {\n              values[fieldName] = { selectedValues: [condition.equals] };\n            }\n          } else if ('in' in condition && Array.isArray(condition.in)) {\n            if (fieldDef.type === 'select') {\n              values[fieldName] = { selectedValues: condition.in };\n            }\n          } else if ('greater_than_equal' in condition || 'less_than_equal' in condition) {\n            if (fieldDef.type === 'date') {\n              const fromDate = condition.greater_than_equal\n                ? new Date(condition.greater_than_equal)\n                : null;\n              const toDate = condition.less_than_equal ? new Date(condition.less_than_equal) : null;\n              const allDateOptions = [...pastOptionKeys, ...futureOptionKeys];\n              let matchedOption = null;\n\n              for (const option of allDateOptions) {\n                const range = getDateRangeForOption(option, locale);\n                let isFromMatch;\n                if (fromDate) {\n                  isFromMatch = range.from?.toDateString() === fromDate.toDateString();\n                } else if (fromDate == null && range.to == undefined) {\n                  // all future: fromDate == null & range.to == undefined\n                  isFromMatch = true;\n                }\n                let isToMatch;\n                if (toDate) {\n                  isToMatch = range.to?.toDateString() === toDate.toDateString();\n                } else if (toDate == null && range.to == undefined) {\n                  // all future: fromDate == null & range.to == undefined\n                  isToMatch = true;\n                }\n\n                if (isFromMatch && isToMatch) {\n                  matchedOption = option;\n                  break;\n                }\n              }\n\n              if (matchedOption) {\n                values[fieldName] = {\n                  type: 'predefined',\n                  predefinedValue: matchedOption,\n                };\n              } else {\n                values[fieldName] = {\n                  type: 'custom',\n                  customRange: {\n                    from: fromDate,\n                    to: toDate,\n                  },\n                };\n              }\n            }\n          }\n        }\n      }\n    }\n  };\n\n  recursiveParse(where);\n  return values;\n};\n\nconst QuickFilter = ({\n  slug,\n  filterList,\n}: {\n  slug: string;\n  filterList: (string | { name: string; width: string })[][];\n}) => {\n  const localStorageKey = useMemo(() => `direct-filter-${slug}`, [slug]);\n\n  const [fields, setFields] = useState<FilterDetaild[]>([]);\n  const [filterRows, setFilterRows] = useState<FilterRow[]>([]);\n  const [showFilters, setShowFilters] = useState(false);\n  const { refineListData, query } = useListQuery();\n  const { getEntityConfig } = useConfig();\n  const { i18n } = useTranslation();\n  const locale = i18n.language as SupportedLocale;\n  const isSyncingFromQuery = useRef(false);\n\n  const [filterValues, setFilterValues] = useState<Record<string, any>>(() => {\n    if (typeof window == 'undefined') return {};\n    try {\n      const item = window.localStorage.getItem(localStorageKey);\n      if (!item) return {};\n      const dateTimeReviver = (key: string, value: any) => {\n        const isoDateRegex = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?Z$/;\n        if (typeof value === 'string' && isoDateRegex.test(value)) {\n          return new Date(value);\n        }\n        return value;\n      };\n      return JSON.parse(item, dateTimeReviver);\n    } catch (error) {\n      console.error('Error reading and parsing filters from localStorage.', error);\n      return {};\n    }\n  });\n\n  // Build the list of filter fields from config\n  useEffect(() => {\n    const collection = getEntityConfig({ collectionSlug: slug });\n    const flattenedFieldConfigs = filterList.flatMap((row, rowIndex) =>\n      row.map((field, fieldIndex) => ({\n        field,\n        rowIndex,\n        fieldIndex,\n      })),\n    );\n    const fieldNames = flattenedFieldConfigs.map(({ field }) =>\n      typeof field === 'string' ? field : field.name,\n    );\n    const matchedFields = findFieldsByName(collection?.fields || [], fieldNames);\n    const simplifiedFields: FilterDetaild[] = matchedFields.map((field) => {\n      const label = (field as FieldAffectingData).label;\n      const translatedLabel = getTranslation(label as string, i18n);\n      const fieldName = (field as FieldAffectingData).name as string;\n      const fieldConfig = flattenedFieldConfigs.find(({ field: f }) =>\n        typeof f === 'string' ? f === fieldName : f.name === fieldName,\n      );\n      return {\n        name: fieldName,\n        label: translatedLabel as string,\n        type: field.type,\n        options: (field as SelectField).options as OptionObject[],\n        row: fieldConfig ? fieldConfig.rowIndex : 0,\n        width:\n          typeof fieldConfig?.field === 'object' && 'width' in fieldConfig.field\n            ? fieldConfig.field.width\n            : undefined,\n      };\n    });\n    const sortedFields = flattenedFieldConfigs\n      .map(({ field }) => {\n        const fieldName = typeof field === 'string' ? field : field.name;\n        return simplifiedFields.find((f) => f.name === fieldName);\n      })\n      .filter((f): f is FilterDetaild => !!f);\n    setFields(sortedFields);\n    setFilterRows(groupFiltersByRow(sortedFields));\n  }, [slug, filterList, getEntityConfig, i18n]);\n  // Sync from URL (query.where) into internal state\n  useEffect(() => {\n    if (fields.length === 0) return;\n\n    const valuesFromQuery: Record<string, any> = parseWhereClauseToFilterValues(\n      query.where,\n      fields,\n      locale,\n    );\n\n    if (!isEqual(valuesFromQuery, filterValues)) {\n      // Lock to prevent feedback loop when internal state changes\n      isSyncingFromQuery.current = true;\n      setFilterValues(valuesFromQuery);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query.where, fields]);\n\n  // Sync internal state (filterValues) back into the URL\n  useEffect(() => {\n    // If the change originated from the first effect, skip to avoid infinite loop\n    if (isSyncingFromQuery.current) {\n      isSyncingFromQuery.current = false;\n      return;\n    }\n\n    if (fields.length === 0) return;\n\n    const quickFilterConditions = buildQuickFilterConditions(filterValues, fields, locale);\n    const quickFilterFieldNames = new Set(fields.map((f) => f.name));\n    const otherFilters = cleanWhereClause(query.where, quickFilterFieldNames);\n\n    const allConditions = [...quickFilterConditions];\n    if (otherFilters) {\n      if (otherFilters.and && Array.isArray(otherFilters.and)) {\n        allConditions.push(...otherFilters.and);\n      } else if (Object.keys(otherFilters).length > 0) {\n        allConditions.push(otherFilters);\n      }\n    }\n\n    let newWhere: Record<string, any> = {};\n    if (allConditions.length > 1) {\n      newWhere = { and: allConditions };\n    } else if (allConditions.length === 1) {\n      newWhere = allConditions[0];\n    }\n\n    // Only update if the query has actually changed to avoid unnecessary updates\n    if (!isEqual(newWhere, query.where)) {\n      refineListData({\n        columns: parseColumns(query.columns),\n        where: newWhere,\n        page: '1',\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filterValues, fields, i18n.language, refineListData]);\n  // Effect for persisting to localStorage\n  useEffect(() => {\n    try {\n      if (Object.keys(filterValues).length > 0) {\n        localStorage.setItem(localStorageKey, JSON.stringify(filterValues));\n      } else {\n        localStorage.removeItem(localStorageKey);\n      }\n    } catch (error) {\n      console.error('Failed to save filters to localStorage', error);\n    }\n  }, [filterValues, localStorageKey]);\n\n  // Updates only the internal state\n  const handleFilterChange = useCallback((fieldName: string, value: any) => {\n    setFilterValues((prev) => {\n      const newValues = { ...prev };\n      if (\n        value === undefined ||\n        value === null ||\n        value === 'indeterminate' ||\n        (value && value.type === 'none')\n      ) {\n        delete newValues[fieldName];\n      } else {\n        newValues[fieldName] = value;\n      }\n      return newValues;\n    });\n  }, []);\n\n  // This function remains largely the same.\n  const getActiveFiltersDetails = () => {\n    const activeFilters: string[] = [];\n    const locale = i18n.language as SupportedLocale;\n    Object.entries(filterValues).forEach(([fieldName, value]) => {\n      const field = fields.find((f) => f.name === fieldName);\n      if (!field) return;\n\n      switch (field.type) {\n        case 'date':\n          if (value !== undefined) {\n            const dateValue = value as DateFilterValue;\n            let dateDescription = '';\n\n            if (dateValue.type === 'predefined' && dateValue.predefinedValue) {\n              const { pastOptions, futureOptions } = getDateFilterOptions(locale);\n              const allOptions = [...pastOptions, ...futureOptions];\n              const option = allOptions.find((opt) => opt.value === dateValue.predefinedValue);\n              dateDescription = option ? option.label : getLabel('custom', locale);\n            } else if (dateValue.type === 'custom' || dateValue.customRange) {\n              dateDescription = getLabel('custom', locale);\n            }\n\n            if (dateDescription) {\n              activeFilters.push(`${field.label} (${dateDescription})`);\n            }\n          }\n          break;\n        case 'select': {\n          const selectValue = value as SelectFilterValue;\n          if (selectValue && selectValue.selectedValues && selectValue.selectedValues.length > 0) {\n            const totalOptions = field.options?.length || 0;\n\n            if (selectValue.selectedValues.length === totalOptions) {\n              activeFilters.push(`${field.label} (${getLabel('all', locale)})`);\n            } else if (selectValue.selectedValues.length === 1) {\n              // Show the actual option name when only one is selected\n              const selectedOption = field.options?.find(\n                (opt: any) => opt.value === selectValue.selectedValues[0],\n              );\n              const optionLabel = selectedOption\n                ? getLocalizedLabel(selectedOption.label, locale)\n                : selectValue.selectedValues[0];\n              activeFilters.push(`${field.label} (${optionLabel})`);\n            } else {\n              // Show count for multiple selections\n              activeFilters.push(`${field.label} (${selectValue.selectedValues.length})`);\n            }\n          }\n          break;\n        }\n        case 'checkbox':\n          if (value !== 'indeterminate') {\n            const checkboxValue =\n              value === 'checked' ? getLabel('yes', locale) : getLabel('no', locale);\n            activeFilters.push(`${field.label} (${checkboxValue})`);\n          }\n          break;\n      }\n    });\n\n    return activeFilters;\n  };\n\n  const clearAllFilters = () => {\n    setFilterValues({});\n  };\n\n  const memoizedFilterRows = useMemo(() => {\n    return filterRows.map((row) => (\n      <div key={row.rowNumber}>\n        <div className='flex flex-wrap gap-6 mb-4'>\n          {row.filters.map((field) => (\n            <FilterField\n              key={field.name}\n              field={field}\n              onFilterChange={handleFilterChange}\n              value={filterValues[field.name]}\n            />\n          ))}\n        </div>\n      </div>\n    ));\n  }, [filterRows, handleFilterChange, filterValues]);\n\n  const toggleFilters = () => {\n    setShowFilters((prev) => !prev);\n  };\n\n  const activeFiltersDetails = getActiveFiltersDetails();\n  const hasActiveFilters = activeFiltersDetails.length > 0;\n\n  if (!fields.length) return null;\n\n  return (\n    <div className='filter-container useTw'>\n      <div style={{ position: 'relative', top: '-24px', height: '0px' }}>\n        <Button\n          variant='outline'\n          size='sm'\n          onClick={toggleFilters}\n          className={`flex items-center gap-2 bg-background border-muted-muted hover:bg-muted ${\n            hasActiveFilters ? 'w-auto min-w-fit' : ''\n          }`}\n        >\n          <Filter className={`h-4 w-4 ${hasActiveFilters ? 'fill-current' : ''}`} />\n\n          {hasActiveFilters ? (\n            <>\n              <span className='text-sm truncate'>\n                <strong>\n                  {`${activeFiltersDetails.length === 1 ? getLabel('activeFilterSingular', locale) : getLabel('activeFilterPlural', locale)}: `}\n                </strong>{' '}\n                {activeFiltersDetails.join(' • ')}\n              </span>\n\n              <span\n                onClick={(e) => {\n                  e.stopPropagation();\n                  clearAllFilters();\n                }}\n                className='ml-1 p-0.5 hover:bg-muted rounded-sm transition-colors flex-shrink-0'\n              >\n                <X className='h-3 w-3 text-gray-500' />\n              </span>\n            </>\n          ) : (\n            <span className='text-sm truncate'>{getLabel('quickFilters', locale)}</span>\n          )}\n\n          {showFilters ? <ChevronUp className='h-4 w-4' /> : <ChevronDown className='h-4 w-4' />}\n        </Button>\n      </div>\n      {showFilters && <div className={'p-4 pb-2 bg-muted'}>{memoizedFilterRows}</div>}\n    </div>\n  );\n};\n\nexport default QuickFilter;\n"],"names":["useCallback","useEffect","useMemo","useRef","useState","useConfig","useListQuery","useTranslation","getTranslation","FilterField","getLabel","groupFiltersByRow","parseColumns","ChevronDown","ChevronUp","Filter","X","getDateRangeForOption","isEqual","futureOptionKeys","getDateFilterOptions","pastOptionKeys","Button","getLocalizedLabel","label","locale","Object","values","findFieldsByName","fields","fieldNames","results","recursiveSearch","currentFields","filteredFields","filter","field","includes","name","push","forEach","item","type","Array","isArray","tabs","tab","blocks","block","buildQuickFilterConditions","fieldDefs","conditions","entries","fieldName","value","fieldDef","find","f","condition","dateValue","from","to","predefinedValue","range","customRange","Date","dateQuery","greater_than_equal","less_than_equal","keys","length","selectValue","selectedValues","equals","in","checkboxState","cleanWhereClause","clause","fieldsToClean","newClause","key","cleanedSubClauses","map","subClause","Boolean","has","and","or","parseWhereClauseToFilterValues","where","Set","recursiveParse","fromDate","toDate","allDateOptions","matchedOption","option","isFromMatch","toDateString","undefined","isToMatch","QuickFilter","slug","filterList","localStorageKey","setFields","filterRows","setFilterRows","showFilters","setShowFilters","refineListData","query","getEntityConfig","i18n","language","isSyncingFromQuery","filterValues","setFilterValues","window","localStorage","getItem","dateTimeReviver","isoDateRegex","test","JSON","parse","error","console","collection","collectionSlug","flattenedFieldConfigs","flatMap","row","rowIndex","fieldIndex","matchedFields","simplifiedFields","translatedLabel","fieldConfig","options","width","sortedFields","valuesFromQuery","current","quickFilterConditions","quickFilterFieldNames","otherFilters","allConditions","newWhere","columns","page","setItem","stringify","removeItem","handleFilterChange","prev","newValues","getActiveFiltersDetails","activeFilters","dateDescription","pastOptions","futureOptions","allOptions","opt","totalOptions","selectedOption","optionLabel","checkboxValue","clearAllFilters","memoizedFilterRows","div","className","filters","onFilterChange","rowNumber","toggleFilters","activeFiltersDetails","hasActiveFilters","style","position","top","height","variant","size","onClick","span","strong","join","e","stopPropagation"],"mappings":"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"}

package/dist/index.js

@@ -28,7 +28,7 @@ export const CollectionQuickFilterPlugin = (pluginOptions = {})=>(config)=>{
                 }
                 // Add the QuickFilter component
                 newCollection.admin.components.beforeListTable.push({
-                    path: '/plugins/quickfilter/QuickFilter',
+                    path: '@shefing/quickfilter/QuickFilter',
                     clientProps: {
                         filterList: collection.custom.filterList,
                         slug: collection.slug

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'payload';\n\nexport type CollectionFilterPluginConfig = {\n  /**\n   * List of collections to add filters to\n   */\n  disabled?: boolean;\n};\n\nexport const CollectionQuickFilterPlugin =\n  (pluginOptions: CollectionFilterPluginConfig = {}) =>\n  (config: Config): Config => {\n    if (!config.collections) {\n      config.collections = [];\n    }\n\n    // Process each collection to add the QuickFilter component\n    config.collections = config.collections.map((collection) => {\n      // Check if the collection has a filterList configuration\n      // or if it's specified in the plugin options\n      if (collection.custom?.filterList && Array.isArray(collection.custom.filterList)) {\n        // Clone the collection to avoid mutating the original\n        const newCollection = { ...collection };\n\n        // Initialize components if not exists\n        if (!newCollection.admin) {\n          newCollection.admin = {};\n        }\n\n        if (!newCollection.admin.components) {\n          newCollection.admin.components = {};\n        }\n\n        if (!newCollection.admin.components.beforeListTable) {\n          newCollection.admin.components.beforeListTable = [];\n        } else if (!Array.isArray(newCollection.admin.components.beforeListTable)) {\n          // If it's not an array, convert it to an array\n          newCollection.admin.components.beforeListTable = [\n            newCollection.admin.components.beforeListTable,\n          ];\n        }\n\n        // Add the QuickFilter component\n        newCollection.admin.components.beforeListTable.push({\n          path: '/plugins/quickfilter/QuickFilter',\n          clientProps: {\n            filterList: collection.custom.filterList,\n            slug: collection.slug,\n          },\n        });\n\n        return newCollection;\n      }\n\n      return collection;\n    });\n\n    /**\n     * If the plugin is disabled, we still want to keep added collections/fields so the database schema is consistent which is important for migrations.\n     * If your plugin heavily modifies the database schema, you may want to remove this property.\n     */\n    if (pluginOptions.disabled) {\n      return config;\n    }\n\n    return config;\n  };\n\nexport default CollectionQuickFilterPlugin;\n"],"names":["CollectionQuickFilterPlugin","pluginOptions","config","collections","map","collection","custom","filterList","Array","isArray","newCollection","admin","components","beforeListTable","push","path","clientProps","slug","disabled"],"mappings":"AASA,OAAO,MAAMA,8BACX,CAACC,gBAA8C,CAAC,CAAC,GACjD,CAACC;QACC,IAAI,CAACA,OAAOC,WAAW,EAAE;YACvBD,OAAOC,WAAW,GAAG,EAAE;QACzB;QAEA,2DAA2D;QAC3DD,OAAOC,WAAW,GAAGD,OAAOC,WAAW,CAACC,GAAG,CAAC,CAACC;YAC3C,yDAAyD;YACzD,6CAA6C;YAC7C,IAAIA,WAAWC,MAAM,EAAEC,cAAcC,MAAMC,OAAO,CAACJ,WAAWC,MAAM,CAACC,UAAU,GAAG;gBAChF,sDAAsD;gBACtD,MAAMG,gBAAgB;oBAAE,GAAGL,UAAU;gBAAC;gBAEtC,sCAAsC;gBACtC,IAAI,CAACK,cAAcC,KAAK,EAAE;oBACxBD,cAAcC,KAAK,GAAG,CAAC;gBACzB;gBAEA,IAAI,CAACD,cAAcC,KAAK,CAACC,UAAU,EAAE;oBACnCF,cAAcC,KAAK,CAACC,UAAU,GAAG,CAAC;gBACpC;gBAEA,IAAI,CAACF,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,EAAE;oBACnDH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,GAAG,EAAE;gBACrD,OAAO,IAAI,CAACL,MAAMC,OAAO,CAACC,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,GAAG;oBACzE,+CAA+C;oBAC/CH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,GAAG;wBAC/CH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe;qBAC/C;gBACH;gBAEA,gCAAgC;gBAChCH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,CAACC,IAAI,CAAC;oBAClDC,MAAM;oBACNC,aAAa;wBACXT,YAAYF,WAAWC,MAAM,CAACC,UAAU;wBACxCU,MAAMZ,WAAWY,IAAI;oBACvB;gBACF;gBAEA,OAAOP;YACT;YAEA,OAAOL;QACT;QAEA;;;KAGC,GACD,IAAIJ,cAAciB,QAAQ,EAAE;YAC1B,OAAOhB;QACT;QAEA,OAAOA;IACT,EAAE;AAEJ,eAAeF,4BAA4B"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'payload';\n\nexport type CollectionFilterPluginConfig = {\n  /**\n   * List of collections to add filters to\n   */\n  disabled?: boolean;\n};\n\nexport const CollectionQuickFilterPlugin =\n  (pluginOptions: CollectionFilterPluginConfig = {}) =>\n  (config: Config): Config => {\n    if (!config.collections) {\n      config.collections = [];\n    }\n\n    // Process each collection to add the QuickFilter component\n    config.collections = config.collections.map((collection) => {\n      // Check if the collection has a filterList configuration\n      // or if it's specified in the plugin options\n      if (collection.custom?.filterList && Array.isArray(collection.custom.filterList)) {\n        // Clone the collection to avoid mutating the original\n        const newCollection = { ...collection };\n\n        // Initialize components if not exists\n        if (!newCollection.admin) {\n          newCollection.admin = {};\n        }\n\n        if (!newCollection.admin.components) {\n          newCollection.admin.components = {};\n        }\n\n        if (!newCollection.admin.components.beforeListTable) {\n          newCollection.admin.components.beforeListTable = [];\n        } else if (!Array.isArray(newCollection.admin.components.beforeListTable)) {\n          // If it's not an array, convert it to an array\n          newCollection.admin.components.beforeListTable = [\n            newCollection.admin.components.beforeListTable,\n          ];\n        }\n\n        // Add the QuickFilter component\n        newCollection.admin.components.beforeListTable.push({\n          path: '@shefing/quickfilter/QuickFilter',\n          clientProps: {\n            filterList: collection.custom.filterList,\n            slug: collection.slug,\n          },\n        });\n\n        return newCollection;\n      }\n\n      return collection;\n    });\n\n    /**\n     * If the plugin is disabled, we still want to keep added collections/fields so the database schema is consistent which is important for migrations.\n     * If your plugin heavily modifies the database schema, you may want to remove this property.\n     */\n    if (pluginOptions.disabled) {\n      return config;\n    }\n\n    return config;\n  };\n\nexport default CollectionQuickFilterPlugin;\n"],"names":["CollectionQuickFilterPlugin","pluginOptions","config","collections","map","collection","custom","filterList","Array","isArray","newCollection","admin","components","beforeListTable","push","path","clientProps","slug","disabled"],"mappings":"AASA,OAAO,MAAMA,8BACX,CAACC,gBAA8C,CAAC,CAAC,GACjD,CAACC;QACC,IAAI,CAACA,OAAOC,WAAW,EAAE;YACvBD,OAAOC,WAAW,GAAG,EAAE;QACzB;QAEA,2DAA2D;QAC3DD,OAAOC,WAAW,GAAGD,OAAOC,WAAW,CAACC,GAAG,CAAC,CAACC;YAC3C,yDAAyD;YACzD,6CAA6C;YAC7C,IAAIA,WAAWC,MAAM,EAAEC,cAAcC,MAAMC,OAAO,CAACJ,WAAWC,MAAM,CAACC,UAAU,GAAG;gBAChF,sDAAsD;gBACtD,MAAMG,gBAAgB;oBAAE,GAAGL,UAAU;gBAAC;gBAEtC,sCAAsC;gBACtC,IAAI,CAACK,cAAcC,KAAK,EAAE;oBACxBD,cAAcC,KAAK,GAAG,CAAC;gBACzB;gBAEA,IAAI,CAACD,cAAcC,KAAK,CAACC,UAAU,EAAE;oBACnCF,cAAcC,KAAK,CAACC,UAAU,GAAG,CAAC;gBACpC;gBAEA,IAAI,CAACF,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,EAAE;oBACnDH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,GAAG,EAAE;gBACrD,OAAO,IAAI,CAACL,MAAMC,OAAO,CAACC,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,GAAG;oBACzE,+CAA+C;oBAC/CH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,GAAG;wBAC/CH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe;qBAC/C;gBACH;gBAEA,gCAAgC;gBAChCH,cAAcC,KAAK,CAACC,UAAU,CAACC,eAAe,CAACC,IAAI,CAAC;oBAClDC,MAAM;oBACNC,aAAa;wBACXT,YAAYF,WAAWC,MAAM,CAACC,UAAU;wBACxCU,MAAMZ,WAAWY,IAAI;oBACvB;gBACF;gBAEA,OAAOP;YACT;YAEA,OAAOL;QACT;QAEA;;;KAGC,GACD,IAAIJ,cAAciB,QAAQ,EAAE;YAC1B,OAAOhB;QACT;QAEA,OAAOA;IACT,EAAE;AAEJ,eAAeF,4BAA4B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shefing/quickfilter",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "private": false,
   "bugs": "https://github.com/shefing/payload-tools/issues",
   "repository": "https://github.com/shefing/payload-tools",
@@ -23,56 +23,63 @@
       "require": "./dist/QuickFilter.js"
     }
   },
-  "scripts": {
-    "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
-    "build:types": "tsc --emitDeclarationOnly --outDir dist",
-    "clean": "rimraf dist && rimraf tsconfig.tsbuildinfo",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "lint": "eslint src",
-    "lint:fix": "eslint --fix --ext .ts,.tsx src",
-    "prepublishOnly": "pnpm clean && pnpm build",
-    "reinstall": "rm -rf node_modules .next && rm -rf .next && rm pnpm-lock.yaml  && pnpm install"
-  },
   "devDependencies": {
-    "payload": "^3.47.0",
-    "typescript": "5.7.3",
-    "lucide-react": "^0.475.0",
     "@radix-ui/react-slot": "^1.2.3",
-    "class-variance-authority": "^0.7.1",
-    "tailwind-merge": "^3.0.1",
-    "tailwindcss": "3.4.17",
-    "next": "15.3.3",
-    "react": "19.0.0",
+    "@swc/cli": "^0.1.65",
+    "@swc/core": "^1.6.3",
     "@types/react": "19.0.7",
     "@types/react-dom": "19.0.3",
-    "postcss": "^8.5.2"
-  },
-  "dependencies": {
-    "payload": "^3.47.0",
-    "typescript": "5.7.3",
-    "lucide-react": "^0.475.0",
-    "@radix-ui/react-slot": "^1.2.3",
     "class-variance-authority": "^0.7.1",
-    "tailwind-merge": "^3.0.1",
+    "copyfiles": "^2.4.1",
+    "lucide-react": "^0.475.0",
     "next": "15.3.3",
+    "payload": "^3.47.0",
+    "postcss": "^8.5.2",
     "react": "19.0.0",
-    "@types/react": "19.0.7",
-    "@types/react-dom": "19.0.3",
+    "rimraf": "^5.0.5",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "3.4.17",
+    "typescript": "5.7.3"
+  },
+  "dependencies": {
     "@payloadcms/translations": "^3.47.0",
     "@payloadcms/ui": "^3.47.0",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-label": "^2.1.2",
-    "react-day-picker": "^9.8.0",
     "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@types/lodash": "^4.14.202",
+    "@types/react": "19.0.7",
+    "@types/react-dom": "19.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.0",
     "cmdk": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-checkbox": "^1.1.4",
+    "date-fns": "^3.6.0",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.475.0",
+    "next": "15.3.3",
+    "payload": "^3.47.0",
+    "react": "19.0.0",
+    "react-day-picker": "^9.8.0",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-scoped-preflight": "^3.4.10",
-    "tailwindcss": "3.4.17"
+    "typescript": "5.7.3"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "clean": "rimraf dist && rimraf tsconfig.tsbuildinfo",
+    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "lint": "eslint src",
+    "lint:fix": "eslint --fix --ext .ts,.tsx src",
+    "reinstall": "rm -rf node_modules .next && rm -rf .next && rm pnpm-lock.yaml  && pnpm install"
   }
-}
+}