@kopexa/filter 0.0.24 → 0.0.26

package/dist/index.mjs

@@ -1,39 +1,53 @@
 "use client";
+import {
+  FilterTrigger
+} from "./chunk-UBTUCPOG.mjs";
+import {
+  Filter
+} from "./chunk-LWDVRMCI.mjs";
+import {
+  SearchFilterBar
+} from "./chunk-NUDUXOHP.mjs";
 import {
   FilterActive
-} from "./chunk-45QJL74L.mjs";
+} from "./chunk-JSRGUDCG.mjs";
+import {
+  FilterValueEditor
+} from "./chunk-WD7YU6IN.mjs";
+import "./chunk-PHESMHTT.mjs";
+import {
+  FilterBar
+} from "./chunk-6TRAIAKS.mjs";
+import "./chunk-XCWKWXBW.mjs";
+import {
+  filterBarMessages
+} from "./chunk-I7WCYMXD.mjs";
+import "./chunk-ON2UFJ3Y.mjs";
+import "./chunk-3WNAREG6.mjs";
 import {
   FilterGroup,
   FilterItem,
   FilterMenu,
   FilterMenuSeparator
-} from "./chunk-RFCPJLIQ.mjs";
-import {
-  FilterTrigger
-} from "./chunk-EF4VI36D.mjs";
-import {
-  FilterValueEditor
-} from "./chunk-3ZBNWXRA.mjs";
+} from "./chunk-SJXRD3RO.mjs";
 import {
   messages
-} from "./chunk-URDCG5NI.mjs";
-import {
-  Filter
-} from "./chunk-SH7DBK54.mjs";
-import "./chunk-3WNAREG6.mjs";
+} from "./chunk-YTYOFT33.mjs";
 import {
   useFilterContext
 } from "./chunk-I3Z2T4N2.mjs";
-import "./chunk-PHESMHTT.mjs";
 export {
   Filter,
   FilterActive,
+  FilterBar,
   FilterGroup,
   FilterItem,
   FilterMenu,
   FilterMenuSeparator,
   FilterTrigger,
   FilterValueEditor,
+  SearchFilterBar,
+  filterBarMessages,
   messages as filterMessages,
   useFilterContext
 };

package/dist/messages.d.mts

@@ -99,6 +99,56 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    loading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    boolean_true: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    boolean_false: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    range_min: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    range_max: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    remove_filter: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    operator_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    value_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    value_min_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    value_max_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 
 export { messages };

package/dist/messages.d.ts

@@ -99,6 +99,56 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    loading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    boolean_true: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    boolean_false: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    range_min: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    range_max: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    remove_filter: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    operator_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    value_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    value_min_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    value_max_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 
 export { messages };

package/dist/messages.js

@@ -126,6 +126,58 @@ var messages = (0, import_i18n.defineMessages)({
     id: "filter.operator.is_not_empty",
     defaultMessage: "is not empty",
     description: "Operator: is not empty"
+  },
+  // Additional UI strings
+  loading: {
+    id: "filter.loading",
+    defaultMessage: "Loading...",
+    description: "Loading state text"
+  },
+  boolean_true: {
+    id: "filter.boolean_true",
+    defaultMessage: "Yes",
+    description: "Boolean true value display"
+  },
+  boolean_false: {
+    id: "filter.boolean_false",
+    defaultMessage: "No",
+    description: "Boolean false value display"
+  },
+  range_min: {
+    id: "filter.range_min",
+    defaultMessage: "Min",
+    description: "Minimum value placeholder for range inputs"
+  },
+  range_max: {
+    id: "filter.range_max",
+    defaultMessage: "Max",
+    description: "Maximum value placeholder for range inputs"
+  },
+  // Accessibility labels
+  remove_filter: {
+    id: "filter.remove_filter",
+    defaultMessage: "Remove {field} filter",
+    description: "Accessibility label for remove filter button"
+  },
+  operator_label: {
+    id: "filter.operator_label",
+    defaultMessage: "{field} operator",
+    description: "Accessibility label for operator select"
+  },
+  value_label: {
+    id: "filter.value_label",
+    defaultMessage: "{field} value",
+    description: "Accessibility label for value input"
+  },
+  value_min_label: {
+    id: "filter.value_min_label",
+    defaultMessage: "{field} minimum value",
+    description: "Accessibility label for minimum value input"
+  },
+  value_max_label: {
+    id: "filter.value_max_label",
+    defaultMessage: "{field} maximum value",
+    description: "Accessibility label for maximum value input"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/messages.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   messages
-} from "./chunk-URDCG5NI.mjs";
+} from "./chunk-YTYOFT33.mjs";
 export {
   messages
 };

package/dist/search-filter-bar.d.mts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { FilterBarFieldConfig, FilterBarValue, FilterBarI18nConfig } from './filter-bar-types.mjs';
+
+interface SearchFilterBarProps {
+    /** Field configurations for filters */
+    fields: FilterBarFieldConfig[];
+    /** Controlled filter values */
+    filters?: FilterBarValue[];
+    /** Default filter values for uncontrolled mode */
+    defaultFilters?: FilterBarValue[];
+    /** Callback when filters change */
+    onFiltersChange?: (filters: FilterBarValue[]) => void;
+    /** Controlled search value */
+    search?: string;
+    /** Default search value for uncontrolled mode */
+    defaultSearch?: string;
+    /** Callback when search changes (immediate) */
+    onSearchChange?: (search: string) => void;
+    /** Callback when search changes (debounced) */
+    onSearchValueChange?: (search: string) => void;
+    /** Search debounce delay in ms */
+    searchDebounce?: number;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Whether search is loading */
+    searchLoading?: boolean;
+    /** Custom i18n labels */
+    i18n?: Partial<FilterBarI18nConfig>;
+    /** Custom class name */
+    className?: string;
+    /** Whether to allow multiple filters of the same field */
+    allowMultiple?: boolean;
+    /** Disable the entire bar */
+    disabled?: boolean;
+    /** Additional content to render after the search (e.g., view toggles) */
+    endContent?: ReactNode;
+}
+declare function SearchFilterBar(props: SearchFilterBarProps): react_jsx_runtime.JSX.Element;
+declare namespace SearchFilterBar {
+    var displayName: string;
+}
+
+export { SearchFilterBar, type SearchFilterBarProps };

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

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { FilterBarFieldConfig, FilterBarValue, FilterBarI18nConfig } from './filter-bar-types.js';
+
+interface SearchFilterBarProps {
+    /** Field configurations for filters */
+    fields: FilterBarFieldConfig[];
+    /** Controlled filter values */
+    filters?: FilterBarValue[];
+    /** Default filter values for uncontrolled mode */
+    defaultFilters?: FilterBarValue[];
+    /** Callback when filters change */
+    onFiltersChange?: (filters: FilterBarValue[]) => void;
+    /** Controlled search value */
+    search?: string;
+    /** Default search value for uncontrolled mode */
+    defaultSearch?: string;
+    /** Callback when search changes (immediate) */
+    onSearchChange?: (search: string) => void;
+    /** Callback when search changes (debounced) */
+    onSearchValueChange?: (search: string) => void;
+    /** Search debounce delay in ms */
+    searchDebounce?: number;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Whether search is loading */
+    searchLoading?: boolean;
+    /** Custom i18n labels */
+    i18n?: Partial<FilterBarI18nConfig>;
+    /** Custom class name */
+    className?: string;
+    /** Whether to allow multiple filters of the same field */
+    allowMultiple?: boolean;
+    /** Disable the entire bar */
+    disabled?: boolean;
+    /** Additional content to render after the search (e.g., view toggles) */
+    endContent?: ReactNode;
+}
+declare function SearchFilterBar(props: SearchFilterBarProps): react_jsx_runtime.JSX.Element;
+declare namespace SearchFilterBar {
+    var displayName: string;
+}
+
+export { SearchFilterBar, type SearchFilterBarProps };