Update dropdown select

Author: mustafasaifee42

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@undp/design-system-react",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "browser": "./dist/index.umd.js",

package.json

@@ -103,6 +103,7 @@ function DropdownSelect({
   placeholder,
   maxTagCount,
   isDisabled,
+  components,
   ...props
 }: SelectPropsDataType): JSX.Element {
   return (
@@ -147,10 +148,9 @@ function DropdownSelect({
         menuList: () => 'undp-scrollbar pt-0! pb-0!',
         ...(classNames || {}),
       }}
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      components={customComponents(maxTagCount, isDisabled) as any}
+      components={{ ...customComponents(maxTagCount, isDisabled), ...(components || {}) }}
     />
   );
 }
 
-export { DropdownSelect, createFilter };
+export { DropdownSelect, createFilter, components };

src/components/ui/select.tsx

@@ -57,7 +57,7 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
 } from '@/components/ui/dropdown-menu';
-export { DropdownSelect, createFilter } from '@/components/ui/select';
+export { DropdownSelect, createFilter, components } from '@/components/ui/select';
 export { FileUpload } from '@/components/ui/fileUpload';
 export {
   Footer,