feat: expose onBlur and trim value in create option

Author: eshankvaish

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.2.9-beta-1",
+    "version": "0.2.9-beta-2",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -311,6 +311,15 @@ const SelectPicker = <OptionValue, IsMulti extends boolean>({
         </Tippy>
     )
 
+    const handleCreateOption: SelectPickerProps<OptionValue, true>['multiSelectProps']['onCreateOption'] = (
+        inputValue,
+    ) => {
+        const trimmedInputValue = inputValue?.trim()
+        if (trimmedInputValue) {
+            onCreateOption(trimmedInputValue)
+        }
+    }
+
     const commonProps = useMemo(
         () => ({
             name: name || inputId,
@@ -388,7 +397,7 @@ const SelectPicker = <OptionValue, IsMulti extends boolean>({
                                 allowCreateWhileLoading={false}
                                 isValidNewOption={isValidNewOption}
                                 createOptionPosition="first"
-                                onCreateOption={onCreateOption}
+                                onCreateOption={handleCreateOption}
                             />
                         ) : (
                             <ReactSelect

src/Shared/Components/SelectPicker/SelectPicker.component.tsx

@@ -71,6 +71,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
     | 'onMenuOpen'
     | 'onMenuClose'
     | 'autoFocus'
+    | 'onBlur'
 > &
     Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & {
         /**