@formkit/pro 0.114.0-e5c06d7 → 0.114.0-e9781dd

package/index.d.ts

@@ -60,20 +60,23 @@ export declare interface AutocompleteSlotData {
     optionsLoader?: FormKitOptionsLoader;
     page: number;
     placeholder?: string;
+    reloadOnCommit: Bool;
     selections: FormKitOptionsItem[];
     showEmptyMessage?: boolean;
     handlers: FormKitFrameworkContext['handlers'] & {
         selectOption: (option: FormKitOptionsItem) => void;
         loadMoreSelected: () => void;
-        selectTag: (option: FormKitOptionsItem) => void;
         toggleListbox: () => void;
-        removeSelection: (option: FormKitOptionsItem) => void;
+        removeSelection: (option: FormKitOptionsItem) => (e: MouseEvent) => void;
         touchmove: (e: TouchEvent) => void;
         touchend: (e: TouchEvent) => void;
         click: (e: MouseEvent) => void;
         keydown: (e: KeyboardEvent) => void;
         focus: (e: FocusEvent) => void;
         loadMore: () => void;
+        selectionClick: (e: MouseEvent) => void;
+        selectionKeydown: (option: FormKitOptionsItem) => (e: KeyboardEvent) => void;
+        searchInputTagKeydown: (option: FormKitOptionsItem) => (e: KeyboardEvent) => void;
     };
     fns: FormKitFrameworkContext['fns'] & {
         isSelected: (option: FormKitOptionsItem) => boolean;
@@ -270,8 +273,26 @@ export declare interface DropdownSlotData {
     activeValue?: unknown;
     dropdownWrapperStyles: Record<string, boolean>;
     expanded: boolean;
-    fns: FormKitFrameworkContext['fns'] & {};
-    handlers: FormKitFrameworkContext['handlers'] & {};
+    fns: FormKitFrameworkContext['fns'] & {
+        isSelected: (option: FormKitOptionsItem) => boolean;
+        isActive: (option: FormKitOptionsItem) => boolean;
+    };
+    handlers: FormKitFrameworkContext['handlers'] & {
+        selectOption: (option: FormKitOptionsItem) => (e: MouseEvent) => void;
+        loadMoreSelected: () => void;
+        tagClick: (option: FormKitOptionsItem) => void;
+        tagFocus: (option: FormKitOptionsItem) => void;
+        tagBlur: () => void;
+        blur: () => void;
+        toggleListbox: () => void;
+        removeSelection: (option: FormKitOptionsItem) => (e: MouseEvent) => void;
+        touchmove: (e: TouchEvent) => void;
+        touchend: (e: TouchEvent) => void;
+        click: (e: MouseEvent) => void;
+        keydown: (e: KeyboardEvent) => void;
+        focus: (e: FocusEvent) => void;
+        loadMore: () => void;
+    };
     ui: FormKitFrameworkContext['ui'] & {
         isLoading: FormKitMessage;
         loadMore: FormKitMessage;
@@ -436,7 +457,10 @@ export declare interface FormKitDropdownSlots<Props extends FormKitInputs<Props>
     prefix: FormKitSlotData<Props, DropdownSlotData>;
     prefixIcon: FormKitSlotData<Props, DropdownSlotData>;
     selector: FormKitSlotData<Props, DropdownSlotData>;
-    selection: FormKitSlotData<Props, DropdownSlotData>;
+    selection: FormKitSlotData<Props, DropdownSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
     suffix: FormKitSlotData<Props, DropdownSlotData>;
     suffixIcon: FormKitSlotData<Props, DropdownSlotData>;
     help: FormKitSlotData<Props, DropdownSlotData>;
@@ -444,29 +468,33 @@ export declare interface FormKitDropdownSlots<Props extends FormKitInputs<Props>
     message: FormKitSlotData<Props, DropdownSlotData & {
         message: FormKitMessage;
     }>;
-    listboxButton: FormKitSlotData<Props, TaglistSlotData>;
-    dropdownWrapper: FormKitSlotData<Props, TaglistSlotData>;
-    listbox: FormKitSlotData<Props, TaglistSlotData>;
-    listitem: FormKitSlotData<Props, TaglistSlotData>;
-    loadMore: FormKitSlotData<Props, TaglistSlotData>;
-    emptyMessageInner: FormKitSlotData<Props, TaglistSlotData>;
-    selectedIcon: FormKitSlotData<Props, TaglistSlotData & {
+    listboxButton: FormKitSlotData<Props, DropdownSlotData>;
+    dropdownWrapper: FormKitSlotData<Props, DropdownSlotData>;
+    listbox: FormKitSlotData<Props, DropdownSlotData>;
+    listitem: FormKitSlotData<Props, DropdownSlotData>;
+    loadMore: FormKitSlotData<Props, DropdownSlotData>;
+    emptyMessageInner: FormKitSlotData<Props, DropdownSlotData>;
+    selectedIcon: FormKitSlotData<Props, DropdownSlotData & {
         option: FormKitOptionsItem;
         index: number;
     }>;
-    option: FormKitSlotData<Props, TaglistSlotData & {
+    option: FormKitSlotData<Props, DropdownSlotData & {
         option: FormKitOptionsItem;
         index: number;
     }>;
-    optionLoading: FormKitSlotData<Props, TaglistSlotData & {
+    optionLoading: FormKitSlotData<Props, DropdownSlotData & {
         option: FormKitOptionsItem;
         index: number;
     }>;
-    removeSelection: FormKitSlotData<Props, TaglistSlotData & {
+    removeSelection: FormKitSlotData<Props, DropdownSlotData & {
         option: FormKitOptionsItem;
         index: number;
     }>;
     placeholder: FormKitSlotData<Props, DropdownSlotData>;
+    tag: FormKitSlotData<Props, DropdownSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
 }
 
 /**
@@ -979,8 +1007,26 @@ export declare interface TaglistSlotData {
     page: number;
     search: string;
     hasNextPage: (data?: any) => void;
-    fns: FormKitFrameworkContext['fns'] & {};
-    handlers: FormKitFrameworkContext['handlers'] & {};
+    fns: FormKitFrameworkContext['fns'] & {
+        isSelected: (option: FormKitOptionsItem) => boolean;
+        isActive: (option: FormKitOptionsItem) => boolean;
+    };
+    handlers: FormKitFrameworkContext['handlers'] & {
+        selectOption: (option: FormKitOptionsItem) => (e: MouseEvent) => void;
+        loadMoreSelected: () => void;
+        tagClick: (option: FormKitOptionsItem) => void;
+        tagFocus: (option: FormKitOptionsItem) => void;
+        tagBlur: () => void;
+        blur: () => void;
+        toggleListbox: () => void;
+        removeSelection: (option: FormKitOptionsItem) => (e: MouseEvent) => void;
+        touchmove: (e: TouchEvent) => void;
+        touchend: (e: TouchEvent) => void;
+        click: (e: MouseEvent) => void;
+        keydown: (e: KeyboardEvent) => void;
+        focus: (e: FocusEvent) => void;
+        loadMore: () => void;
+    };
     ui: FormKitFrameworkContext['ui'] & {
         isLoading: FormKitMessage;
         loadMore: FormKitMessage;
@@ -1180,20 +1226,26 @@ declare module '@formkit/inputs' {
   interface FormKitInputProps<Props extends FormKitInputs<Props>> {
     autocomplete: {
       type: 'autocomplete'
-      value?: Props['multiple'] extends Yes ? any[] : any
+      value?: Props['multiple'] extends Yes
+        ? OptionsProValue<Props['options']>[]
+        : OptionsProValue<Props['options']>
       debounce?: number | string
       multiple?: Bool
       options: FormKitProOptionsProp
       selectionAppearance?: 'option' | 'text-input'
-      openOnClick?: Bool
       filter?: (option: FormKitOptionsItem, search: string) => boolean
       optionLoader?: OptionLoader
-      emptyMessage?: string
+      // Behavioral props
       max?: Props['multiple'] extends Yes ? number | string : undefined
+      openOnClick?: Bool
+      openOnFocus?: Bool
       closeOnSelect?: Bool
+      openOnRemove?: Bool
       alwaysLoadOnOpen?: Bool
+      selectionRemovable?: Props['multiple'] extends Yes ? undefined : Bool
       loadOnCreated?: Bool
       clearSearchOnOpen?: Bool
+      emptyMessage?: string
       // TODO: audit these props.
     }
 
@@ -1224,20 +1276,21 @@ declare module '@formkit/inputs' {
     dropdown: {
       type: 'dropdown'
       value?: Props['multiple'] extends Yes ? any[] : any
-      debounce?: number | string
       multiple?: Bool
       options?: FormKitProOptionsProp
       selectionAppearance?: 'truncate' | 'tags'
-      openOnClick?: Bool
       filter?: (option: FormKitOptionsItem, search: string) => boolean
       optionLoader?: OptionLoader
       emptyMessage?: string
       max?: Props['multiple'] extends Yes ? number | string : undefined
+      openOnFocus?: Bool
+      openOnRemove?: Bool
       closeOnSelect?: Bool
-      alwaysLoadOnOpen?: Bool
-      loadOnCreated?: Bool
       clearSearchOnOpen?: Bool
-      // TODO: audit these props.
+      selectionRemovable?: Props['multiple'] extends Yes ? undefined : Bool
+      loadOnCreated?: Bool
+      alwaysLoadOnOpen?: Bool
+      optionsAppearance?: 'checkbox'
     }
 
     rating: {