@aic-kits/react 0.36.0 → 0.36.1

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -0,0 +1,2 @@
+import { SelectSearchProps } from './types';
+export declare const SelectSearch: <T extends string | number>({ options, value, onChange, placeholder, label, helperText, error, disabled, variant, color: colorProp, size: sizeProp, corner: cornerProp, borderRadius: borderRadiusProp, bgColor: bgColorProp, style, "data-testid": testId, onSearchTermChange, searchPlaceholder, }: SelectSearchProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectSearch/SelectSearchDropdown.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SelectSize } from '../../theme/components/select';
+import { SelectOption } from '../Select/types';
+interface SelectSearchDropdownProps<T extends string | number> {
+    anchorRef: React.RefObject<HTMLDivElement | null>;
+    isOpen: boolean;
+    options: SelectOption<T>[];
+    onSelect: (option: SelectOption<T>) => void;
+    selectedValue?: T;
+    onClose: () => void;
+    size: SelectSize;
+    borderRadius: string;
+    searchTerm: string;
+}
+export declare function SelectSearchDropdown<T extends string | number>({ anchorRef, isOpen, options, onSelect, selectedValue, onClose, size, borderRadius, searchTerm, }: SelectSearchDropdownProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/SelectSearch/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/SelectSearch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectSearch';
+export * from './types';

package/dist/components/SelectSearch/types.d.ts

@@ -0,0 +1,15 @@
+import { SelectProps } from '../Select';
+export interface SelectSearchProps<T extends string | number> extends Omit<SelectProps<T>, 'searchable'> {
+    /**
+     * Callback fired when the search term changes.
+     * The parent should use this to filter the options array
+     * (client-side, server-side, debounced API call, etc.)
+     * and pass the filtered result back via the `options` prop.
+     */
+    onSearchTermChange?: (searchTerm: string) => void;
+    /**
+     * Placeholder text shown in the search input when the dropdown is open.
+     * @default 'Search...'
+     */
+    searchPlaceholder?: string;
+}

package/dist/components/Table/StyledTable.d.ts

@@ -1,4 +1,7 @@
-export declare const StyledTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export interface StyledTableProps {
+    $minWidth?: string | number;
+}
+export declare const StyledTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, StyledTableProps>> & string;
 export declare const StyledTableHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
 export declare const StyledTableBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
 export declare const StyledTableFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
@@ -27,3 +30,4 @@ export interface StyledInlineCellProps {
 export declare const StyledInlineCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, StyledInlineCellProps>> & string;
 export declare const StyledCellPreformatted: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLPreElement>, HTMLPreElement>, never>> & string;
 export declare const StyledNoDataCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+export declare const StyledTableWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Table/Table.d.ts

@@ -2,4 +2,4 @@ import { default as React } from 'react';
 import { TableProps } from './types';
 export declare function Table<T extends {
     id: string | number;
-}>({ data, columns: allColumns, onAdd, onEdit, onDelete, onView, renderExpandedRow, onSelectedItemChange, title, addButtonText, deleteButtonText, confirmDeleteMessage, noDataMessage, total, currentPage, pageSize, pageSizeOptions, sortBy, sortDirection, onPaginationChange, isLoading, filters, onFiltersChange, showFilterBuilder, onFieldChange, expandable, error, }: TableProps<T>): React.ReactElement;
+}>({ data, columns: allColumns, onAdd, onEdit, onDelete, onView, renderExpandedRow, onSelectedItemChange, title, addButtonText, deleteButtonText, confirmDeleteMessage, noDataMessage, total, currentPage, pageSize, pageSizeOptions, sortBy, sortDirection, onPaginationChange, isLoading, filters, onFiltersChange, showFilterBuilder, onFieldChange, expandable, error, minWidth, }: TableProps<T>): React.ReactElement;

package/dist/components/Table/types.d.ts

@@ -76,7 +76,7 @@ export type ColumnType = 'text' | 'number' | 'email' | 'date' | 'select' | 'link
 /**
  * Filter type definitions
  */
-export type FilterType = 'text' | 'number' | 'date' | 'select' | 'checkboxes' | 'boolean' | 'none' | 'inlinemultiselect' | 'inlinepairselect';
+export type FilterType = 'text' | 'number' | 'date' | 'select' | 'searchSelect' | 'checkboxes' | 'boolean' | 'none' | 'inlinemultiselect' | 'inlinepairselect';
 /**
  * Column definition for table
  */
@@ -106,6 +106,10 @@ export interface Column<T> {
         label: string;
     }[];
     pairOptions?: InlinePairSelectConfig;
+    /** Callback fired when the search term changes in a searchSelect filter */
+    onSearchTermChange?: (term: string) => void;
+    /** Placeholder for the search input in a searchSelect filter */
+    searchPlaceholder?: string;
     flex?: number | string;
     truncate?: boolean;
     href?: (item: T) => string;
@@ -172,6 +176,8 @@ export interface TableProps<T extends {
     expandable?: boolean;
     /** Error message displayed as a banner above the table */
     error?: string | null;
+    /** Minimum width to force horizontal scrolling container behavior */
+    minWidth?: string | number;
 }
 /**
  * AccordionRow component props

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './Tag';
 export * from './Checkbox';
 export * from './Radio';
 export * from './Select';
+export * from './SelectSearch';
 export * from './Switch';
 export * from './Grid';
 export * from './Pagination';