@bolttech/molecules-dropdown 0.20.2 → 0.22.0

package/index.cjs

@@ -2517,7 +2517,7 @@ const ReusableDropdownComponent = _a => {
               setShowSelectComponent(false);
               onBlur && onBlur(event);
             }
-          }, uiUtils.applyDataAttributes(props, 'input')))
+          }, props, uiUtils.applyDataAttributes(props, 'input')))
         })]
       }), jsxRuntime.jsx(ClickableElement, {
         onClick: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/molecules-dropdown",
-  "version": "0.20.2",
+  "version": "0.22.0",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",

package/src/lib/molecules-dropdown-with-header-options.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { OptionWithHeaderType, OptionType } from '@bolttech/atoms-select';
-export declare const DropdownWithHeaders: import("react").ForwardRefExoticComponent<import("@bolttech/ui-utils").DefaultProps & {
+export declare const DropdownWithHeaders: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<HTMLInputElement>, "children" | "dangerouslySetInnerHTML" | "onChange" | "onBlur" | "onFocus"> & import("@bolttech/ui-utils").DefaultProps & {
     label: string;
     placeholder?: string | undefined;
     disabled?: boolean | undefined;

package/src/lib/molecules-dropdown.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { OptionType } from '@bolttech/atoms-select';
-export declare const Dropdown: import("react").ForwardRefExoticComponent<import("@bolttech/ui-utils").DefaultProps & {
+export declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<HTMLInputElement>, "children" | "dangerouslySetInnerHTML" | "onChange" | "onBlur" | "onFocus"> & import("@bolttech/ui-utils").DefaultProps & {
     label: string;
     placeholder?: string | undefined;
     disabled?: boolean | undefined;

package/src/lib/molecules-dropdown.type.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { OptionType, OptionWithHeaderType } from '@bolttech/atoms-select';
 import { DefaultProps } from '@bolttech/ui-utils';
+import { DOMAttributes } from 'react';
 /**
  * @typedef {StyleVariants}
  The string value possibilities to affect the theme
@@ -40,7 +40,7 @@ type DefaultDropdownProps = {
   @property setSelectedOption - A function to set the selected option
   @property selectedOption - An optional object representing the currently selected option
   */
-export type DropdownProps = DefaultProps & DefaultDropdownProps & {
+export type DropdownProps = Omit<DOMAttributes<HTMLInputElement>, 'children' | 'dangerouslySetInnerHTML' | 'onChange' | 'onBlur' | 'onFocus'> & DefaultProps & DefaultDropdownProps & {
     optionList?: OptionType[];
     /**
      * An optional function that filters the option list based on input value
@@ -100,7 +100,7 @@ export type DropdownProps = DefaultProps & DefaultDropdownProps & {
   @property setSelectedOption - A function to set the selected option
   @property selectedOption - An optional object representing the currently selected option
   */
-export type DropdownWithHeadersProps = DefaultProps & DefaultDropdownProps & {
+export type DropdownWithHeadersProps = Omit<DOMAttributes<HTMLInputElement>, 'children' | 'dangerouslySetInnerHTML' | 'onChange' | 'onBlur' | 'onFocus'> & DefaultProps & DefaultDropdownProps & {
     optionList?: OptionWithHeaderType[];
     /**
      * An optional function that filters the option list based on input value
@@ -170,7 +170,7 @@ export type DropdownWithHeadersProps = DefaultProps & DefaultDropdownProps & {
   @property setSelectedOptionOnInputValue - A function to set the selected option based on the input value
   @property inputRef - A ref to the input element of the dropdown
   */
-export type ReusableDropdownComponentProps = DefaultProps & DefaultDropdownProps & {
+export type ReusableDropdownComponentProps = DefaultProps & Omit<DOMAttributes<HTMLInputElement>, 'children' | 'dangerouslySetInnerHTML' | 'onChange' | 'onBlur' | 'onFocus'> & DefaultDropdownProps & {
     setShowSelectComponent: React.Dispatch<React.SetStateAction<boolean>>;
     showSelectComponent: boolean;
     onChangeInputValue: React.Dispatch<React.SetStateAction<string>>;