trotl-filter

A simple, flexible Filters UI for React.

DEMO: https://filter.linijart.eu/

🚀 Installation

npm install trotl-filter
# or
yarn add trotl-filter

\_(ツ)_/ Versions

1.0.17 => add disabled prop to RangePicker, DateTimeInput
1.0.16 => ...
1.0.15 => add languge to date components
1.0.14 => add loading spinner into input
1.0.13 => ...
1.0.12 => ...
1.0.11 => ...
1.0.10 => ...
1.0.8 => ...
1.0.8 => ...
1.0.7 => ...
1.0.6 => ...
1.0.5 => ...
1.0.4 => ...
1.0.3 => ...
1.0.2 => ...
1.0.1 => ...
1.0.0 => initial release

⚡ Quick Start

- in preparation

📁 Upload component updates

The Upload helper now supports an actions prop to control which icons appear next to each file.

<Upload
  /* ...other props... */
  actions={["delete","download","preview"]} // default is ["delete"]
  onDownload={(file) => {
    // run custom analytics or modify behavior
    console.log('download requested', file);
    // return false to prevent the built-in download logic
  }}
  onPreview={(file) => {
    // decide whether to open or show custom viewer
  }}
/>

• delete – remove file (🗑️)

• download – save a copy locally (⬇️). Accepts:

  • File/Blob objects
  • string URLs
  • plain objects with a url/path/link field (common server response shapes).

  When given an HTTP/relative URL the component will fetch the resource first and create a blob for download. This ensures the file is retrieved correctly in production builds (dev-only anchor navigation often produced corrupted files).

  The onDownload prop is called before the default behavior. When the prop is provided the built-in download will not run unless the callback returns true; this allows you to completely replace the logic. Returning false (or nothing) simply suppresses the auto-download.

• preview – open file in a new tab/window (🔍). Works with any of the above formats.

  Similarly, onPreview lets you intercept or replace preview handling. When present the default window.open only occurs if you return true from the callback; returning anything else will disable the automatic preview.

Buttons are rendered in the order above and respect the disabled state.

🏆 License MIT — free to use, modify, and share.