react-core-ts 1.9.18 → 2.0.1

package/src/AutoCompleteWithTreeStructure.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 } from './commontypes';
@@ -73,6 +66,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
       inputType = 'text',
       onFocusTreeDropdown,
       filterCondition,
+      singleSelectIcon,
     },
     ref
   ) => {
@@ -454,6 +448,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
             updateNode={updateNode}
             desc={desc}
             descId={descId}
+            singleSelectIcon={singleSelectIcon}
             toggleExpand={toggleExpand}
           >
             {node.expanded &&
@@ -769,6 +764,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
                         hasDisableSelection={hasDisableSelection?.(suggestion)}
                         updateNode={updateNode}
                         desc={desc}
+                        singleSelectIcon={singleSelectIcon}
                         descId={descId}
                         toggleExpand={toggleExpand}
                       >

package/src/ReactTextField.tsx

@@ -60,7 +60,7 @@ const TextField: React.FC<TextFieldProps> = ({
   const intervalRef = useRef<any>(null);
   const clickTimeoutRef = useRef<any>(null);
   const [isHolding, setIsHolding] = useState<boolean>(false);
-  const searchBtnRef = useRef<HTMLDivElement>(null);  
+  const searchBtnRef = useRef<HTMLButtonElement>(null);  
   const onLabelClick = () => {
     if (!isDisabled) {
       inputRef?.current?.focus();
@@ -357,9 +357,17 @@ const TextField: React.FC<TextFieldProps> = ({
               )}
             </div>
             {enableSearch && (
-              <div className={`${generateClassName("search")}`} ref={searchBtnRef}>
-                <CustomIcons name="search" type="medium" onClick={() => onSearchClick?.(inputRef.current?.value || value || '')} />
-              </div>
+               <button
+                  disabled={disabled ?? readOnly}
+                  onClick={() => onSearchClick?.(inputRef.current?.value || value || '')} 
+                  className={`${generateClassName("search")}`}
+                  data-testid="tools-drop-arrow"
+                  type="button"
+                  id="search-btn-textfield"
+                  ref={searchBtnRef}
+              >
+                <CustomIcons name="search" type="medium" />
+              </button>
             )}
             {(adorement ||
               (showInfo && infoTitle) ||

package/src/commontypes.ts

@@ -1,7 +1,7 @@
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
 export type ValueProps = {
-  [key: string]: string;
+  [key: string]: string | number | any;
 };
 export type TabPops = {
   id: number | string;
@@ -85,6 +85,19 @@ export interface AutoSuggestionInputProps {
   matchFromStart?: boolean // match data's from the starting position
   autoDropdown?: boolean; // enable all items list items
   enableSelectAll?: boolean // enable select all option
+
+  tabName?: string;
+  tabDesc?: string;
+  tabDescId?: string;
+  tabSelectedItems?: any[];
+  getTabData?: (key?: string) => Promise<any>;
+  tabData?: any[];
+  enableToolsTab?: boolean;
+  toolTabs?: TabPops[];
+  toolTabClearSwitch?: boolean;
+  onToolTabChange?: (value?: ValueProps | ValueProps[]) => void;
+  autoRefreshMainDropdown?: boolean;
+  singleSelectIcon?: any;
 }
 export interface IconsProps {
   name: any;