@serkonda7/solid-components 0.1.0 → 0.2.0

package/README.md

@@ -24,10 +24,20 @@ import '@serkonda7/solid-components/styles.css'
 />
 ```
 
+If your app imports `@tabler/icons-solidjs` itself, add the bundled Vite plugin
+before `solid()`. Without it, dev mode loads all ~6000 icon modules:
+
+```ts
+import { tablerIcons } from '@serkonda7/solid-components/vite'
+
+export default defineConfig({ plugins: [tablerIcons(), solid()] })
+```
+
 These components are available:
 - `DataTable` - generic table with optional sorting, row selection, actions, loading, empty states, and column customizer.
 - `FilterTable` - `DataTable` with filtering: quick search, a grouped filter form, and removable filter pills.
 - `Combobox` - searchable, accessible dropdown with keyboard navigation, option icons, a detail column, and an optional "Add …" entry.
+- `SearchBar` - search input with clear button and a global Ctrl/Cmd+K focus shortcut.
 
 For the full API, examples, and agent notes, see [docs.md](docs.md).
 

package/dist/data-table.d.ts

@@ -35,11 +35,17 @@ export interface DataTableProps<TRow> {
     visibleColumns?: string[] | Accessor<string[]>;
     defaultVisibleColumns?: string[];
     onVisibleColumnsChange?: (visibleKeys: string[]) => void;
+    /** Controlled column order as column keys; pair with `onColumnOrderChange`. */
+    columnOrder?: string[] | Accessor<string[]>;
+    defaultColumnOrder?: string[];
+    onColumnOrderChange?: (orderedKeys: string[]) => void;
     showColumnCustomizer?: boolean | Accessor<boolean>;
     columnCustomizerLabel?: string;
     columnCustomizerTitle?: string;
     columnCustomizerShowAllLabel?: string;
     columnCustomizerResetLabel?: string;
+    columnCustomizerMoveUpLabel?: string;
+    columnCustomizerMoveDownLabel?: string;
     /** Content rendered at the start of the toolbar, before the column customizer. */
     toolbar?: JSX.Element;
     loading?: boolean | Accessor<boolean>;

package/dist/filter-table.d.ts

@@ -9,6 +9,11 @@ export type FilterTableValue = string | string[];
  * filters are omitted, so the record maps directly onto URL query params.
  */
 export type FilterTableValues = Record<string, FilterTableValue>;
+/** A named set of filter values the user saved for reuse. */
+export interface FilterTableSavedFilter {
+    name: string;
+    values: FilterTableValues;
+}
 export interface FilterTableFilter<TRow> {
     key: string;
     label: string;
@@ -29,6 +34,13 @@ export interface FilterTableProps<TRow> extends Omit<DataTableProps<TRow>, 'tool
     filterValues?: FilterTableValues | Accessor<FilterTableValues>;
     defaultFilterValues?: FilterTableValues;
     onFilterValuesChange?: (values: FilterTableValues) => void;
+    /**
+     * Saved filters, listed in a picker beside the quick search. Passing this
+     * (even `[]`) enables saving: a "Save" pill names the applied filters and
+     * emits the new list through `onSavedFiltersChange`; persisting it is up to you.
+     */
+    savedFilters?: FilterTableSavedFilter[] | Accessor<FilterTableSavedFilter[]>;
+    onSavedFiltersChange?: (savedFilters: FilterTableSavedFilter[]) => void;
     /** Pass `rows` through unfiltered, e.g. when the server applies `filterValues`. */
     manualFiltering?: boolean;
     /** Shows the quick search input above the table. Defaults to `true`. */
@@ -44,6 +56,11 @@ export interface FilterTableProps<TRow> extends Omit<DataTableProps<TRow>, 'tool
     anyLabel?: string;
     yesLabel?: string;
     noLabel?: string;
+    savedFiltersLabel?: string;
+    saveLabel?: string;
+    saveNameLabel?: string;
+    cancelLabel?: string;
+    deleteSavedFilterLabel?: string;
 }
 /**
  * `DataTable` with filtering: a Results tab with a quick search and

package/dist/index.d.ts

@@ -6,4 +6,5 @@
  */
 export { Combobox, type ComboboxIcon, type ComboboxOption, type ComboboxProps, } from './combobox';
 export { DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DataTableSortDirection, } from './data-table';
-export { FilterTable, type FilterTableFilter, type FilterTableFilterType, type FilterTableProps, type FilterTableValue, type FilterTableValues, } from './filter-table';
+export { FilterTable, type FilterTableFilter, type FilterTableFilterType, type FilterTableProps, type FilterTableSavedFilter, type FilterTableValue, type FilterTableValues, } from './filter-table';
+export { SearchBar, type SearchBarProps, } from './search-bar';