@seeqdev/qomponents 0.0.86 → 0.0.87

package/dist/Select/Select.types.d.ts

@@ -1,4 +1,4 @@
-import { GroupBase, MenuPlacement, MultiValue, SingleValue } from 'react-select';
+import { GroupBase, InputActionMeta, MenuPlacement, MultiValue, SingleValue } from 'react-select';
 import { ReactNode } from 'react';
 import { InputGroupPlacement } from '../types';
 export type Option = {
@@ -76,4 +76,12 @@ export interface SelectProps {
     onMenuClose?: () => void;
     /** custom components to be used in the select */
     components?: Partial<any>;
+    /** custom handle for on menu input focus events in select */
+    onMenuInputFocus?: (inputValue: string) => void;
+    /** custom handle for on input change events for the select - this is different from onChange which is only called
+     *  when an option is selected - this event is called whenever something about the select changes; the action
+     *  tells you what changed */
+    onInputChange?: (inputValue: string, action: InputActionMeta) => void;
+    /** value of the search input */
+    inputValue?: string;
 }

package/dist/index.esm.js

@@ -13729,7 +13729,7 @@ const multiValueStyles = [
  *  For ease of testing most of the elements of this select can be identified by classNames prefixed with "spec".
  *
  */
-const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no matching options', isSearchable = true, creatable = false, isMulti = false, isClearable = false, closeMenuOnSelect = true, id, inputId, menuPortalTarget, getOptionLabel, getSelectedValueLabel, getOptionValue, onChange, menuIsOpen, menuPlacement = 'auto', extraClassNames, inputGroup, filterConfig, filterOption, small = false, isDisabled = false, showError = false, isLoading = false, formatGroupLabel, onRemove, defaultValue, onMenuOpen, onMenuClose, components }) => {
+const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no matching options', isSearchable = true, creatable = false, isMulti = false, isClearable = false, closeMenuOnSelect = true, id, inputId, menuPortalTarget, getOptionLabel, getSelectedValueLabel, getOptionValue, onChange, menuIsOpen, menuPlacement = 'auto', extraClassNames, inputGroup, filterConfig, filterOption, small = false, isDisabled = false, showError = false, isLoading = false, formatGroupLabel, onRemove, defaultValue, onMenuOpen, onMenuClose, components, onMenuInputFocus, onInputChange, inputValue }) => {
     const getOptionOrSelectedLabel = (option, { context }) => {
         const getSelectedOptionLabel = getSelectedValueLabel ? getSelectedValueLabel : getOptionLabel;
         if (getOptionLabel || getSelectedValueLabel) {
@@ -13777,6 +13777,9 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
         onMenuOpen,
         onMenuClose,
         components,
+        onMenuInputFocus,
+        onInputChange,
+        inputValue,
         hideSelectedOptions: isMulti,
         filterOption: filterOption ? filterOption : filterConfig ? createFilter(filterConfig) : undefined,
         classNames: {