From 703f0ad53402c5dea6db0afe2b950a03bb2aa339 Mon Sep 17 00:00:00 2001
From: Rameshwar Verma <rameshwar.verma@oncehub.com>
Date: Mon, 30 Sep 2024 10:45:49 +0530
Subject: [PATCH] fix select and autocomplete disabled UI issue.

---
 package-lock.json                           | 4 ++--
 package.json                                | 2 +-
 src/lib/components/select/auto-complete.tsx | 7 +++++--
 src/lib/components/select/select.tsx        | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index dcbd41f..6b5bcd7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@oncehub/ui-react",
-  "version": "1.4.19",
+  "version": "1.4.20-beta.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@oncehub/ui-react",
-      "version": "1.4.19",
+      "version": "1.4.20-beta.1.0",
       "devDependencies": {
         "@babel/core": "^7.23.2",
         "@headlessui/react": "^1.7.17",
diff --git a/package.json b/package.json
index fe0fe57..45b964f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@oncehub/ui-react",
   "private": false,
-  "version": "1.4.19",
+  "version": "1.4.20-beta.1.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/scheduleonce/once-ui-react"
diff --git a/src/lib/components/select/auto-complete.tsx b/src/lib/components/select/auto-complete.tsx
index 56aedee..c34433e 100644
--- a/src/lib/components/select/auto-complete.tsx
+++ b/src/lib/components/select/auto-complete.tsx
@@ -159,7 +159,7 @@ export const AutoComplete: FC<Props> = ({
     <Combobox value={selected} onChange={onSelection} disabled={disable}>
       {({ open }) => (
         <div className={styles.autocomplete}>
-          <div ref={selectRef} className={`${styles.autocompleteContainer} ${disable ? 'disable' : ''}`}>
+          <div ref={selectRef} className={`${styles.autocompleteContainer} ${disable ? styles.disable : ''}`}>
             <Combobox.Input
               ref={inputRef}
               data-testid={'select-input'}
@@ -187,7 +187,10 @@ export const AutoComplete: FC<Props> = ({
               ref={inputButton}
               onClick={getDropdownPosition}
             >
-              <ChevronDownIcon className={`${styles.chevronDownIcon} ${disable ? 'disable' : ''}`} aria-hidden="true" />
+              <ChevronDownIcon
+                className={`${styles.chevronDownIcon} ${disable ? styles.disable : ''}`}
+                aria-hidden="true"
+              />
             </Combobox.Button>
           </div>
           {isMounted
diff --git a/src/lib/components/select/select.tsx b/src/lib/components/select/select.tsx
index efb4593..668d7bd 100644
--- a/src/lib/components/select/select.tsx
+++ b/src/lib/components/select/select.tsx
@@ -124,7 +124,7 @@ export const Select: FC<Props> = ({ children, selected, onSelect, themeColor })
                 }
               }}
               style={{ borderBottomColor: themeColor && (isFocused || open) ? borderColor : '' }}
-              className={`${styles.selectButton} ${open ? ' open' : ''}`}
+              className={`${styles.selectButton} ${open ? styles.open : ''}`}
             >
               {selected && (
                 <span className={styles.selectValue}>