elastic-input 0.2.0 → 0.3.0

package/README.md

@@ -116,15 +116,17 @@ Implicit AND is supported — `status:active level:ERROR` is equivalent to `stat
 | `styles` | `StyleConfig` | `DEFAULT_STYLES` | Structural/layout style overrides |
 | `placeholder` | `string` | `"Search..."` | Placeholder text |
 | `className` | `string` | — | CSS class for the outer container |
+| `classNames` | `ClassNamesConfig` | — | Custom CSS classes for sub-elements (editor, dropdown, tokens, etc.) |
 | `style` | `CSSProperties` | — | Inline styles for the outer container |
 | `inputRef` | `(api) => void` | — | Receive an imperative API handle |
-| `dropdown` | `DropdownConfig` | `{}` | Dropdown behavior and rendering (mode, triggers, renderers) |
+| `dropdown` | `DropdownConfig` | `{}` | Dropdown behavior and rendering (open, triggers, renderers) |
 | `features` | `FeaturesConfig` | `{}` | Feature toggles (multiline, smartSelectAll, expandSelection, wildcardWrap, savedSearches, historySearch) |
 | `onKeyDown` | `(e) => void` | — | Called before internal keyboard handling |
 | `onFocus` | `() => void` | — | Called when the input gains focus |
 | `onBlur` | `() => void` | — | Called when the input loses focus |
 | `onTab` | `(context) => TabActionResult` | — | Override Tab key behavior (accept/blur/submit) |
 | `validateValue` | `(ctx) => ValidateReturn` | — | Custom validation for all value types |
+| `parseDate` | `(value: string) => Date \| null` | — | Custom date parser for validation and date picker init |
 
 ## Field Configuration
 

package/dist/components/AutocompleteDropdown.d.ts

@@ -19,6 +19,12 @@ interface AutocompleteDropdownProps {
     renderSavedSearchItem?: (search: SavedSearch, isSelected: boolean) => React.ReactNode | null | undefined;
     renderDropdownHeader?: (context: CursorContext) => React.ReactNode | null | undefined;
     cursorContext?: CursorContext | null;
+    /** Custom class names for dropdown elements. */
+    classNames?: {
+        dropdown?: string;
+        dropdownHeader?: string;
+        dropdownItem?: string;
+    };
 }
-export declare function AutocompleteDropdown({ suggestions, selectedIndex, onSelect, position, colors, styles, visible, fixedWidth, renderHistoryItem, renderSavedSearchItem, renderDropdownHeader, cursorContext, }: AutocompleteDropdownProps): React.ReactPortal | null;
+export declare function AutocompleteDropdown({ suggestions, selectedIndex, onSelect, position, colors, styles, visible, fixedWidth, renderHistoryItem, renderSavedSearchItem, renderDropdownHeader, cursorContext, classNames, }: AutocompleteDropdownProps): React.ReactPortal | null;
 export {};

package/dist/components/DateRangePicker.d.ts

@@ -11,6 +11,8 @@ interface DateRangePickerProps {
         label: string;
         value: string;
     }[];
+    /** Custom class name for the date picker container. */
+    className?: string;
 }
-export declare function DateRangePicker({ onSelect, colors, styles: styleConfig, initialMode, initialStart, initialEnd, presets: presetsProp }: DateRangePickerProps): React.JSX.Element;
+export declare function DateRangePicker({ onSelect, colors, styles: styleConfig, initialMode, initialStart, initialEnd, presets: presetsProp, className }: DateRangePickerProps): React.JSX.Element;
 export {};

package/dist/components/ElasticInput.d.ts

@@ -16,7 +16,7 @@ export declare function computeDatePickerInit(context: {
     token?: {
         value: string;
     };
-}): DatePickerInit | null;
+}, parseDateFn?: (value: string) => Date | null): DatePickerInit | null;
 /**
  * Determine whether the date picker needs to be unmounted and remounted.
  * This is necessary when initial state changes because DateRangePicker

package/dist/components/HighlightedContent.d.ts

@@ -3,5 +3,7 @@ import { ColorConfig } from '../types';
 
 export interface HighlightOptions {
     cursorOffset?: number;
+    /** Custom class name appended to every token span. */
+    tokenClassName?: string;
 }
 export declare function buildHighlightedHTML(tokens: Token[], colorConfig?: ColorConfig, options?: HighlightOptions): string;

package/dist/components/ValidationSquiggles.d.ts

@@ -8,6 +8,11 @@ interface ValidationSquigglesProps {
     colors?: ColorConfig;
     styles?: StyleConfig;
     containerRef?: HTMLDivElement | null;
+    /** Custom class names for squiggly and tooltip elements. */
+    classNames?: {
+        squiggly?: string;
+        tooltip?: string;
+    };
 }
-export declare function ValidationSquiggles({ errors, editorRef, cursorOffset, colors, styles, containerRef }: ValidationSquigglesProps): React.JSX.Element | null;
+export declare function ValidationSquiggles({ errors, editorRef, cursorOffset, colors, styles, containerRef, classNames }: ValidationSquigglesProps): React.JSX.Element | null;
 export {};