@invopop/popui 0.1.4-beta.40 → 0.1.4-beta.42

package/dist/ButtonSearch.svelte

@@ -46,12 +46,13 @@
 
 <div
   class="overflow-hidden transition-all duration-300 ease-in-out relative rounded-md"
-  style={expanded ? 'width: 12rem;' : 'width: 2.5rem;'}
+  class:w-[280px]={expanded}
+  class:w-10={!expanded}
   use:clickOutside
   onclick_outside={handleClickOutside}
 >
   <div
-    class="w-48 transition-opacity duration-200 absolute left-0 top-0"
+    class="w-[280px] transition-opacity duration-200 absolute left-0 top-0"
     class:opacity-0={!expanded}
     class:opacity-100={expanded}
     class:pointer-events-none={!expanded}

package/dist/DropdownSelect.svelte

@@ -93,6 +93,16 @@
     value = val
     onSelect?.(value)
   }
+
+  export const open = () => {
+    if (!isOpen) {
+      selectDropdown?.toggle()
+    }
+  }
+
+  export const toggle = () => {
+    selectDropdown?.toggle()
+  }
 </script>
 
 {#snippet label()}

package/dist/DropdownSelect.svelte.d.ts

@@ -1,4 +1,7 @@
 import type { DropdownSelectProps } from './types.ts';
-declare const DropdownSelect: import("svelte").Component<DropdownSelectProps, {}, "value">;
+declare const DropdownSelect: import("svelte").Component<DropdownSelectProps, {
+    open: () => void;
+    toggle: () => void;
+}, "value">;
 type DropdownSelect = ReturnType<typeof DropdownSelect>;
 export default DropdownSelect;

package/dist/data-table/cells/uuid-cell.svelte

@@ -5,11 +5,13 @@
   let { value, config }: { value: string; config?: UuidCellConfig } = $props()
 </script>
 
-<ButtonUuidCopy
-  uuid={value}
-  prefixLength={config?.prefixLength}
-  suffixLength={config?.suffixLength}
-  full={config?.full}
-  disabled={config?.disabled}
-  oncopied={config?.onCopy}
-/>
+<div class="relative z-0">
+  <ButtonUuidCopy
+    uuid={value}
+    prefixLength={config?.prefixLength}
+    suffixLength={config?.suffixLength}
+    full={config?.full}
+    disabled={config?.disabled}
+    oncopied={config?.onCopy}
+  />
+</div>

package/dist/data-table/create-columns.js

@@ -15,6 +15,7 @@ export function createColumns(columns) {
             enableSorting: col.enableSorting ?? true,
             enableHiding: col.enableHiding ?? true,
             enableResizing: col.enableResizing ?? true,
+            disableColumnFilter: col.disableColumnFilter ?? false,
             size: col.size,
             minSize: col.minSize,
             maxSize: col.maxSize,

package/dist/data-table/data-table-types.d.ts

@@ -1,7 +1,8 @@
 import type { Component, Snippet } from 'svelte';
-import type { StatusType, AnyProp, TableAction, EmptyStateProps } from '../types.js';
+import type { StatusType, AnyProp, TableAction, EmptyStateProps, TableSortBy } from '../types.js';
 import type { IconSource } from '@steeze-ui/svelte-icon';
 import type { Table } from '@tanstack/table-core';
+import type { RenderComponentConfig, RenderSnippetConfig } from './render-helpers.js';
 export type CellType = 'text' | 'boolean' | 'tag' | 'date' | 'currency' | 'uuid' | 'custom';
 export interface TextCellConfig {
     className?: string;
@@ -34,19 +35,32 @@ export interface UuidCellConfig {
     onCopy?: (value: string) => void;
 }
 export type CellConfig = TextCellConfig | BooleanCellConfig | TagCellConfig | DateCellConfig | CurrencyCellConfig | UuidCellConfig;
+export interface DataTableColumnMeta {
+    filterType?: string;
+    filterIcon?: IconSource;
+    filterLabel?: string;
+    dbField?: string;
+    filterOptions?: Array<{
+        value: string;
+        label: string;
+        [key: string]: any;
+    }>;
+}
 export interface DataTableColumn<TData> {
     id: string;
     accessorKey?: keyof TData;
     header?: string;
     cellType?: CellType;
     cellConfig?: CellConfig;
-    cell?: Snippet<[TData]> | ((value: any, row: TData) => Snippet | Component | string);
+    cell?: Snippet<[TData]> | ((value: any, row: TData) => Snippet | Component | string | RenderComponentConfig<any> | RenderSnippetConfig<any>);
     enableSorting?: boolean;
     enableHiding?: boolean;
     enableResizing?: boolean;
+    disableColumnFilter?: boolean;
     size?: number;
     minSize?: number;
     maxSize?: number;
+    meta?: DataTableColumnMeta;
 }
 export interface DataTableProps<TData> {
     data: TData[];
@@ -61,7 +75,7 @@ export interface DataTableProps<TData> {
     initialPageSize?: number;
     initialPage?: number;
     initialSortColumn?: string;
-    initialSortDirection?: 'asc' | 'desc';
+    initialSortDirection?: TableSortBy;
     initialFrozenColumns?: string[];
     initialColumnOrder?: string[];
     pageSizeOptions?: number[];
@@ -77,7 +91,7 @@ export interface DataTableProps<TData> {
     rowCount?: number;
     onPageChange?: (pageIndex: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
-    onSortingChange?: (columnId: string, direction: 'asc' | 'desc') => void;
+    onSortingChange?: (columnId: string, direction: TableSortBy) => void;
     onFilterChange?: (columnId: string) => void;
     onFreezeChange?: (columnId: string) => void;
     onColumnResize?: (columnSizes: Record<string, number>) => void;

package/dist/types.d.ts

@@ -662,3 +662,4 @@ export interface UuidCopyProps {
     onCopied?: (uuid: string) => void;
     onLinkClick?: (uuid: string) => void;
 }
+export type { DataTableColumn, DataTableProps, CellType, TextCellConfig, BooleanCellConfig, TagCellConfig, DateCellConfig, CurrencyCellConfig, CellConfig } from './data-table/data-table-types.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.4-beta.40",
+  "version": "0.1.4-beta.42",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },