@ssa-ui-kit/core 2.15.0-canary-6d341b5-20250506 → 2.15.0-canary-6bf2bcc-20250506

package/dist/components/Typeahead/Typeahead.context.d.ts

@@ -4,13 +4,13 @@ import { UseTypeaheadResult } from './useTypeahead';
 export declare const TypeaheadContext: React.Context<{
     isOpen: boolean;
     isDisabled: boolean | undefined;
-    optionsWithKey: Record<string | number, Record<string, string | number>>;
-    selectedItems: (string | number)[];
+    optionsWithKey: Record<string | number, import("./types").TypeaheadOptionProps>;
+    selectedItems: import("./types").TypeaheadValue[];
     inputRef: React.RefObject<HTMLInputElement>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.MutableRefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -21,18 +21,18 @@ export declare const TypeaheadContext: React.Context<{
     inputValue: string;
     validationSchema: Record<string, unknown> | undefined;
     status: "error" | "success" | "basic";
+    error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
     placeholder: string | null | undefined;
-    options: React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
     useFormResult: UseFormReturn<FieldValues, any, undefined>;
-    register: import("react-hook-form").UseFormRegister<FieldValues> | undefined;
-    setValue: import("react-hook-form").UseFormSetValue<FieldValues> | undefined;
-    handleChange: (changingValue?: string | number) => void;
-    handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleOpenChange: (open: boolean) => void;
-    handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    register: import("react-hook-form").UseFormRegister<FieldValues>;
+    setValue: import("react-hook-form").UseFormSetValue<FieldValues>;
+    onChange: ((selectedItem: import("./types").TypeaheadValue, isSelected: boolean) => void) | undefined;
+    handleClearAll: (e: React.MouseEvent) => void;
+    handleOpenChange: (open: boolean, event: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
-    handleRemoveSelectedClick: (selectedItem: number | string) => React.MouseEventHandler<HTMLButtonElement>;
+    handleRemoveSelectedClick: (value: string | number) => (e: React.MouseEvent) => void;
 }>;
 export declare const useTypeaheadContext: () => UseTypeaheadResult;

package/dist/components/Typeahead/Typeahead.d.ts

@@ -8,4 +8,4 @@ import { TypeaheadProps } from './types';
  * Aria attributes are set according to
  * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  **/
-export declare const Typeahead: ({ name, label, selectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, setValue, register, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,10 @@
 import { CommonProps } from '../../types/emotion';
-import { FieldError, FieldValues, UseFormReturn, UseFormSetValue } from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
 export type TypeaheadValue = string | number;
 export type TypeaheadOptionProps = Record<string, TypeaheadValue>;
 export interface TypeaheadProps {
     selectedItems?: Array<TypeaheadValue>;
+    defaultSelectedItems?: Array<TypeaheadValue>;
     isMultiple?: boolean;
     isDisabled?: boolean;
     children?: React.ReactNode;
@@ -23,8 +24,8 @@ export interface TypeaheadProps {
     success?: boolean;
     validationSchema?: Record<string, unknown>;
     placeholder?: string | null;
-    setValue?: UseFormSetValue<FieldValues>;
-    register?: UseFormReturn['register'];
+    filterOptions?: boolean;
+    autoSelect?: boolean;
     onChange?: (selectedItem: TypeaheadValue, isSelected: boolean) => void;
     onClearAll?: () => void;
     onRemoveSelectedClick?: (selectedItem: TypeaheadValue) => void;
@@ -35,7 +36,7 @@ export interface TypeaheadProps {
         label: string;
     }) => React.ReactNode;
 }
-export type UseTypeaheadProps = Pick<TypeaheadProps, 'selectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onClearAll' | 'onRemoveSelectedClick' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'error' | 'success' | 'placeholder'>;
+export type UseTypeaheadProps = Pick<TypeaheadProps, 'selectedItems' | 'defaultSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onClearAll' | 'onRemoveSelectedClick' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'validationSchema' | 'error' | 'success' | 'placeholder' | 'filterOptions' | 'autoSelect'>;
 export interface TypeaheadItemsListProps extends CommonProps {
     children?: React.ReactNode;
     noItemsMessage?: string;

package/dist/components/Typeahead/useTypeahead.d.ts

@@ -1,15 +1,16 @@
-import React, { MouseEventHandler } from 'react';
-import { UseTypeaheadProps } from './types';
-export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, register, setValue, onChange, onClearAll, onRemoveSelectedClick, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
+import React from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { TypeaheadOptionProps, UseTypeaheadProps } from './types';
+export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, defaultSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, filterOptions, autoSelect, onChange, onClearAll, onRemoveSelectedClick, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
     isOpen: boolean;
     isDisabled: boolean | undefined;
-    optionsWithKey: Record<string | number, Record<string, string | number>>;
-    selectedItems: (string | number)[];
+    optionsWithKey: Record<string | number, TypeaheadOptionProps>;
+    selectedItems: import("./types").TypeaheadValue[];
     inputRef: React.RefObject<HTMLInputElement>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.MutableRefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -20,18 +21,18 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, i
     inputValue: string;
     validationSchema: Record<string, unknown> | undefined;
     status: "error" | "success" | "basic";
+    error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
     placeholder: string | null | undefined;
-    options: React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
     useFormResult: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any, undefined>;
-    register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues> | undefined;
-    setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues> | undefined;
-    handleChange: (changingValue?: string | number) => void;
-    handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleOpenChange: (open: boolean) => void;
-    handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues>;
+    setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues>;
+    onChange: ((selectedItem: import("./types").TypeaheadValue, isSelected: boolean) => void) | undefined;
+    handleClearAll: (e: React.MouseEvent) => void;
+    handleOpenChange: (open: boolean, event: Event, reason?: OpenChangeReason) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
-    handleRemoveSelectedClick: (selectedItem: number | string) => MouseEventHandler<HTMLButtonElement>;
+    handleRemoveSelectedClick: (value: string | number) => (e: React.MouseEvent) => void;
 };
 export type UseTypeaheadResult = ReturnType<typeof useTypeahead>;