react-core-ts 1.4.11 → 1.4.13

package/src/dummyAutoCompleteWithSelectedList.tsx

@@ -1,11 +1,4 @@
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 
 import { AutoSuggestionInputProps, TabPops, ValueProps } from './commontypes';
@@ -568,6 +561,7 @@ const AutoCompleteWithSelectedList = forwardRef<
           >
             <input
               id={id}
+              autoComplete="off"
               ref={inputRef}
               type="text"
               value={
@@ -642,6 +636,7 @@ const AutoCompleteWithSelectedList = forwardRef<
                           onChange={handleSuggestionChange}
                           value={searchValue}
                           placeholder="Search"
+                          autoComplete="off"
                           ref={inputSearchRef}
                         />
                       </div>

package/src/styles/components/autocomplete.css

@@ -463,6 +463,8 @@ span.dropdown-search-icon {
   padding: 6px 8px;
   display: flex;
   align-items: flex-start;
+  outline: none; 
+  box-shadow: none;
 }
 
 .qbs-autocomplete-checkbox-container .qbs-autocomplete-suggestions-item {
@@ -628,3 +630,26 @@ span.dropdown-search-icon {
   margin-left: -5px;
   border-color: transparent transparent #000 transparent;
 }
+
+.autocomplete-suggections .qbs-autocomplete-suggections-items {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  outline: none; 
+  box-shadow: none;
+}
+
+.qbs-autocomplete-suggections-items.is-selected {
+  background-color: #f1f5f9;
+}
+
+.autocomplete-suggections .qbs-autocomplete-suggections-items .short-code, 
+.qbs-autocomplete-listitem-container .short-code{
+  font-size: 12px;
+  background: #f0f0f0;
+  padding: 4px 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  white-space: nowrap;
+}