feat: up

nexpy-io · Sep 22, 2023 · 1cecd9e · 1cecd9e
1 parent 9407fd8
commit 1cecd9e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "react",
     "typescript"
   ],
-  "version": "2.3.6",
+  "version": "2.3.7",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",

diff --git a/src/components/molecules/Fields/AsyncSelect/AsyncSelect.tsx b/src/components/molecules/Fields/AsyncSelect/AsyncSelect.tsx
@@ -38,6 +38,7 @@ export type AsyncSelectProps<FormType extends FieldValues> = {
   label: string
 
   placeholder?: string
+  selectedColor?: string
 
   control: Control<FormType>
   reactSelectProps?: any
@@ -53,6 +54,7 @@ const AsyncSelect = <FormType extends FieldValues>(props: AsyncSelectProps<FormT
     debounceTime,
     isClearable,
     isSearchable,
+    selectedColor,
     error,
     isMulti,
     noOptionsMessage,
@@ -121,7 +123,7 @@ const AsyncSelect = <FormType extends FieldValues>(props: AsyncSelectProps<FormT
         ...provided,
         backgroundColor: state.isSelected
           ? styleMode === 'minimalist'
-            ? '#9855ff'
+            ? selectedColor || '#9855ff'
             : '#2957a4'
           : 'transparent',
       }),
@@ -137,7 +139,7 @@ const AsyncSelect = <FormType extends FieldValues>(props: AsyncSelectProps<FormT
       menuPortal: (provided: any) => ({ ...provided, zIndex: 9999 }),
       ...reactSelectStyles,
     }),
-    [isMulti, reactSelectStyles, styleMode]
+    [isMulti, reactSelectStyles, selectedColor, styleMode]
   )
 
   useEffect(() => {
@@ -300,6 +302,7 @@ AsyncSelect.defaultProps = {
   defaultOptions: undefined,
   debounceTime: 700,
   styleMode: undefined,
+  selectedColor: undefined,
   isClearable: true,
   isSearchable: true,
   placeholder: undefined,

diff --git a/src/components/molecules/Fields/Select/Select.tsx b/src/components/molecules/Fields/Select/Select.tsx
@@ -33,6 +33,7 @@ export type SelectProps<FormType extends FieldValues> = {
   label: string
   options: Array<SelectOption>
   placeholder?: string
+  selectedColor?: string
   styleMode?: StyleModes
 
   control: Control<FormType>
@@ -65,6 +66,7 @@ const Select = <FormType extends FieldValues>(props: SelectProps<FormType>) => {
     name,
     required,
     placeholder,
+    selectedColor,
     id,
     styleMode: localStyleMode,
     onChange: customOnChange,
@@ -106,7 +108,7 @@ const Select = <FormType extends FieldValues>(props: SelectProps<FormType>) => {
         ...provided,
         backgroundColor: state.isSelected
           ? styleMode === 'minimalist'
-            ? '#9855ff'
+            ? selectedColor || '#9855ff'
             : '#2957a4'
           : 'transparent',
       }),
@@ -122,7 +124,7 @@ const Select = <FormType extends FieldValues>(props: SelectProps<FormType>) => {
       menuPortal: (provided: any) => ({ ...provided, zIndex: 9999 }),
       ...reactSelectStyles,
     }),
-    [isMulti, reactSelectStyles, styleMode]
+    [isMulti, reactSelectStyles, selectedColor, styleMode]
   )
 
   return (
@@ -246,6 +248,7 @@ Select.defaultProps = {
   placeholder: undefined,
   isClearable: true,
   enableSearch: undefined,
+  selectedColor: undefined,
   styleMode: undefined,
   reactSelectProps: {
     menuPosition: 'fixed',