@mendylanda/ui 0.1.8 → 0.1.9

package/dist/filters/filter-bar.d.ts

@@ -22,9 +22,11 @@ export interface FilterRootProps {
     children: ReactNode;
 }
 export declare function FilterRoot({ classNames, ...props }: FilterRootProps): import("react/jsx-runtime").JSX.Element;
-export declare function FilterBar(props: Omit<FilterRootProps, "children"> & {
+export declare function FilterBar({ showClear, ...props }: Omit<FilterRootProps, "children"> & {
     searchLabel?: string;
     searchPlaceholder?: string;
+    /** Show Clear all after the applied chips. */
+    showClear?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function FilterSearch({ label, placeholder, }: {
     label?: string;
@@ -37,7 +39,10 @@ export declare function FilterMenu({ children, asChild, anchor, }: {
     /** Align a standalone trigger to an application-owned search field. */
     anchor?: React.RefObject<HTMLDivElement | null>;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function FilterList(): import("react/jsx-runtime").JSX.Element;
+/** Applied chips followed by Clear all. Opt out when placing FilterClear elsewhere. */
+export declare function FilterList({ showClear }: {
+    showClear?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function FilterField({ id }: {
     id: string;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/filters/filter-bar.js

@@ -60,8 +60,8 @@ function FilterRootContent({ filters, summary = defaultSummary, suggestions = "a
     }), [filters, summary, suggestions, closeMenuOnApply, groups, disabled, ambiguous, direction]);
     return (_jsx(FilterOptionCache.Provider, { value: cache, children: _jsx(Context.Provider, { value: context, children: _jsx("div", { "data-mendy-ui": "", "aria-busy": !hydrated || undefined, className: cn("mui-222f930b8752 mui-faa8a23c68f6 mui-71556df3b421 mui-074569488cca", classNames?.root, className), children: children }) }) }));
 }
-export function FilterBar(props) {
-    return (_jsxs(FilterRoot, { ...props, children: [_jsx(FilterSearch, { label: props.searchLabel, placeholder: props.searchPlaceholder }), _jsx(FilterList, {}), _jsx(FilterClear, {}), _jsx(FilterFeedback, {})] }));
+export function FilterBar({ showClear = true, ...props }) {
+    return (_jsxs(FilterRoot, { ...props, children: [_jsx(FilterSearch, { label: props.searchLabel, placeholder: props.searchPlaceholder }), _jsx(FilterList, { showClear: showClear }), _jsx(FilterFeedback, {})] }));
 }
 export function FilterSearch({ label = "Search", placeholder = "Search or filter", }) {
     const { filters, trigger, disabled, setAmbiguous, direction } = useRoot();
@@ -183,13 +183,14 @@ function FilterMenuContent({ anchor }) {
     });
     return (_jsx(FilterDraftCache.Provider, { value: drafts, children: _jsx(FilterMenuPanel, { sections: sections, selectedId: filters.openField, onSelect: filters.setOpenField, onClose: () => filters.setMenuOpen(false), anchor: anchor, trigger: trigger }) }));
 }
-export function FilterList() {
+/** Applied chips followed by Clear all. Opt out when placing FilterClear elsewhere. */
+export function FilterList({ showClear = true }) {
     const { filters, suggestions } = useRoot();
-    return (_jsx(FilterChipList, { children: filters.entries.flatMap((entry) => !entry.field.hidden &&
-            (entry.field.isActive(entry.value) ||
-                showSuggestion(entry, suggestions, filters.active.length))
-            ? [_jsx(FieldChip, { entry: entry }, entry.id)]
-            : []) }));
+    return (_jsxs(FilterChipList, { children: [filters.entries.flatMap((entry) => !entry.field.hidden &&
+                (entry.field.isActive(entry.value) ||
+                    showSuggestion(entry, suggestions, filters.active.length))
+                ? [_jsx(FieldChip, { entry: entry }, entry.id)]
+                : []), showClear && _jsx(FilterClear, {})] }));
 }
 function summarize(field, value, choices) {
     if (field.kind === "numberRange" && Array.isArray(value))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mendylanda/ui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Mendy Landa\u2019s reusable React components. Typed filters with dynamic options, URL persistence, and customizable UI.",
   "homepage": "https://ui.mendylanda.com",
   "license": "MIT",