react-core-ts 1.3.78 → 1.3.80

package/dist/utilities/icons.js

@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = exports.Spinner = exports.Close = exports.DropArrow = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DropArrow = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.stroke, stroke = _c === void 0 ? 1.5 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ id: "drop-arrow-icon", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", style: { width: 20, height: 20 }, className: className, name: "toggle" }, { children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })));
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.stroke, stroke = _c === void 0 ? 1.5 : _c, _d = _a.uniqueId, uniqueId = _d === void 0 ? 'drop-arrow-icon' : _d;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ id: uniqueId, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", style: { width: 20, height: 20 }, className: className, name: "toggle" }, { children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })));
 };
 exports.DropArrow = DropArrow;
 var Close = function (_a) {

package/dist/utilities/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/utilities/icons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEO,IAAM,SAAS,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IACrE,OAAO,CACL,yCACE,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBAEb,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,6BAA6B,GAC/B,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEK,IAAM,KAAK,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IACjE,OAAO,CACL,yCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,GAAG,EACf,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,gBAEhC,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,sBAAsB,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,KAAK,SAiBhB;AAEK,IAAM,OAAO,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IACnE,OAAO,CACL,yCAAK,IAAI,EAAC,QAAQ,gBAChB,yDACc,MAAM,EAClB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,iCACE,CAAC,EAAC,8WAA8W,EAChX,IAAI,EAAC,cAAc,GACnB,EACF,iCACE,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAC,aAAa,GAClB,KACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,OAAO,WAqBlB;AAEK,IAAM,MAAM,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IAClE,OAAO,CACL,yCAAK,IAAI,EAAC,QAAQ,gBAChB,yCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,iCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,MAAM,UAoBjB"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/utilities/icons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEO,IAAM,SAAS,GAAkB,UAAC,EAA8D;QAA5D,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA,EAAE,gBAA4B,EAA5B,QAAQ,mBAAG,iBAAiB,KAAA;IACnG,OAAO,CACL,yCACE,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBAEb,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,6BAA6B,GAC/B,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEK,IAAM,KAAK,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IACjE,OAAO,CACL,yCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,GAAG,EACf,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,gBAEhC,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,sBAAsB,GACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,KAAK,SAiBhB;AAEK,IAAM,OAAO,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IACnE,OAAO,CACL,yCAAK,IAAI,EAAC,QAAQ,gBAChB,yDACc,MAAM,EAClB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,iCACE,CAAC,EAAC,8WAA8W,EAChX,IAAI,EAAC,cAAc,GACnB,EACF,iCACE,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAC,aAAa,GAClB,KACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,OAAO,WAqBlB;AAEK,IAAM,MAAM,GAAkB,UAAC,EAAgC;QAA9B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA;IAClE,OAAO,CACL,yCAAK,IAAI,EAAC,QAAQ,gBAChB,yCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,iCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,MAAM,UAoBjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.3.78",
+  "version": "1.3.80",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/AutoComplete.tsx

@@ -1,12 +1,4 @@
-import Tooltip from './utilities/tooltip';
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 
 import { AutoSuggestionInputProps } from './commontypes';
 import { useSuggestions } from './utilities/autosuggestions';
@@ -14,6 +6,7 @@ import { debounce } from './utilities/debounce';
 import { deepEqual } from './utilities/deepEqual';
 import { filterSuggestions } from './utilities/filterSuggestions';
 import { Close, DropArrow, Search, Spinner } from './utilities/icons';
+import Tooltip from './utilities/tooltip';
 
 type ValueProps = {
   [key: string]: string;

package/src/AutoCompleteWithSelectedList.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';
@@ -297,7 +290,7 @@ const AutoCompleteWithSelectedList = forwardRef<
           dropRef.current &&
           event.target instanceof Node &&
           !dropRef.current.contains(event.target) &&
-          event.target?.id !== 'drop-arrow-icon'
+          event.target?.id !== 'drop-arrow-selected-list-icon'
         ) {
           setTimeout(() => {
             setDropOpen(false);
@@ -619,6 +612,7 @@ const AutoCompleteWithSelectedList = forwardRef<
             expandable={expandable}
             handleClear={handleClear}
             countOnly={countOnly}
+            uniqueDropArrowId='drop-arrow-selected-list-icon'
             viewMode={viewMode}
           />
           {/* Displaying Loading Spinner */}
@@ -756,7 +750,10 @@ const AutoCompleteWithSelectedList = forwardRef<
                                     handleCollapseArrowClick();
                                   }}
                                 >
-                                  <DropArrow className={`icon-button-rotate`} />
+                                  <DropArrow
+                                    className={`icon-button-rotate`}
+                                    uniqueDropArrowId="drop-arrow-selected-list-icon"
+                                  />
                                 </div>
                               </div>
                             )}

package/src/AutoCompleteWithTreeStructure.tsx

@@ -72,6 +72,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
       hasDisableSelection,
       inputType = 'text',
       onFocusTreeDropdown,
+      filterCondition,
     },
     ref
   ) => {
@@ -243,7 +244,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
           dropRef.current &&
           event.target instanceof Node &&
           !dropRef.current.contains(event.target) &&
-          event.target?.id !== 'drop-arrow-icon'
+          event.target?.id !== 'drop-arrow-tree-list-icon'
         ) {
           setTimeout(() => {
             setDropOpen(false);
@@ -478,8 +479,22 @@ const AutoCompleteWithTreeStructure = forwardRef<
         }
         port.children?.forEach(searchRecursive);
       };
-
-      dropDownData.forEach(searchRecursive);
+      if (
+        filterCondition &&
+        filterCondition.filterKey &&
+        filterCondition.filterValue
+      ) {
+        // Apply filtering only when condition is met
+        dropDownData
+          .filter(
+            (port) =>
+              port[filterCondition?.filterKey] === filterCondition.filterValue
+          ) // Modify this condition as needed
+          .forEach(searchRecursive);
+      } else {
+        // Default behavior (filter entire array)
+        dropDownData.forEach(searchRecursive);
+      }
       result;
       setFilteredData(result);
     };
@@ -680,6 +695,7 @@ const AutoCompleteWithTreeStructure = forwardRef<
             error={errorFlag}
             expandable={expandable}
             handleClear={handleClear}
+            uniqueDropArrowId="drop-arrow-tree-list-icon"
           />
           {/* Displaying Loading Spinner */}
 

package/src/ExpandableAutoComplete.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';
@@ -249,7 +242,7 @@ const ExpandableAutoComplete = forwardRef<
           dropRef.current &&
           event.target instanceof Node &&
           !dropRef.current.contains(event.target) &&
-          event.target?.id !== 'drop-arrow-icon'
+          event.target?.id !== 'drop-arrow-expanded-list-icon'
         ) {
           setTimeout(() => {
             setDropOpen(false);
@@ -472,6 +465,7 @@ const ExpandableAutoComplete = forwardRef<
             readOnly={readOnly}
             expandable={expandable}
             handleClear={handleClear}
+            uniqueDropArrowId='drop-arrow-expanded-list-icon'
           />
           {/* Displaying Loading Spinner */}
 

package/src/ReactAutoComplete.tsx

@@ -748,9 +748,9 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
                   ref={dropBtnRef}
                 >
                   {!dropOpen ? (
-                    <DropArrow />
+                    <DropArrow uniqueDropArrowId="drop-arrow-icon" />
                   ) : (
-                    <DropArrow className="rotate-180" />
+                    <DropArrow className="rotate-180" uniqueDropArrowId="drop-arrow-icon" />
                   )}
                 </button>
               )}

package/src/commontypes.ts

@@ -73,6 +73,10 @@ export interface AutoSuggestionInputProps {
     e: React.FocusEvent<HTMLTextAreaElement, Element>
   ) => void;
   inputType?: 'text' | 'textarea';
+  filterCondition?: {
+    filterKey?: any;
+    filterValue?: any;
+  };
 }
 export interface IconsProps {
   name: any;

package/src/components/InputActions.tsx

@@ -15,6 +15,7 @@ type ValueProps = {
   handleClear: () => void;
   error?: boolean;
   viewMode?: boolean;
+  uniqueDropArrowId?: string;
 };
 const InputActions: React.FC<ValueProps> = ({
   inputValue,
@@ -29,13 +30,14 @@ const InputActions: React.FC<ValueProps> = ({
   countOnly,
   error,
   viewMode,
+  uniqueDropArrowId,
 }) => {
   return (
     <div
       className={`${
         error
-          ? "qbs-autocomplete-witherror-close-icon"
-          : "qbs-autocomplete-close-icon"
+          ? 'qbs-autocomplete-witherror-close-icon'
+          : 'qbs-autocomplete-close-icon'
       } `}
     >
       {(inputValue || searchValue) &&
@@ -60,7 +62,10 @@ const InputActions: React.FC<ValueProps> = ({
           aria-label="toggle"
           name="toggle"
         >
-          <DropArrow className={`icon-button-rotate`} />
+          <DropArrow
+            className={`icon-button-rotate`}
+            uniqueId={uniqueDropArrowId}
+          />
         </button>
       ) : (
         <button
@@ -71,7 +76,7 @@ const InputActions: React.FC<ValueProps> = ({
           aria-label="toggle"
           name="toggle"
         >
-          <DropArrow />
+          <DropArrow uniqueId={uniqueDropArrowId} />
         </button>
       )}
     </div>

package/src/utilities/icons.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-export const DropArrow: React.FC<any> = ({ className = '', stroke = 1.5 }) => {
+export const DropArrow: React.FC<any> = ({ className = '', stroke = 1.5 ,uniqueId = 'drop-arrow-icon' }) => {
   return (
     <svg
-      id="drop-arrow-icon"
+      id={uniqueId}
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
       viewBox="0 0 24 24"