qlu-20-ui-library 1.3.48 → 1.3.49

package/dist/components/ChatDropDown/index.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-export interface Option {
+interface ChatDropDownProps<T extends {
     label: string;
-    [key: string]: any;
-}
-interface ChatDropDownProps {
-    filteredOptions: Option[];
+}> {
+    filteredOptions: T[];
     showSearchIcon?: boolean;
     value?: string;
     createShownText?: string;
@@ -15,9 +13,11 @@ interface ChatDropDownProps {
     isReadOnly?: boolean;
     showNoResults?: boolean;
     handleCreateClick?: (value: string) => void;
-    handleOptionClick: (option: Option) => void;
+    handleOptionClick: (option: T) => void;
     handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    renderProps?: (props: Option) => React.ReactElement;
+    renderProps?: (props: T) => React.ReactElement;
 }
-declare const ChatDropDown: ({ value, createShownText, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatDropDown: <T extends {
+    label: string;
+}>({ value, createShownText, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ChatDropDown;

package/dist/types/components/ChatDropDown/index.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
 import "./style.scss";
-export interface Option {
+interface ChatDropDownProps<T extends {
     label: string;
-    [key: string]: any;
-}
-interface ChatDropDownProps {
-    filteredOptions: Option[];
+}> {
+    filteredOptions: T[];
     showSearchIcon?: boolean;
     value?: string;
     createShownText?: string;
@@ -16,9 +14,11 @@ interface ChatDropDownProps {
     isReadOnly?: boolean;
     showNoResults?: boolean;
     handleCreateClick?: (value: string) => void;
-    handleOptionClick: (option: Option) => void;
+    handleOptionClick: (option: T) => void;
     handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    renderProps?: (props: Option) => React.ReactElement;
+    renderProps?: (props: T) => React.ReactElement;
 }
-declare const ChatDropDown: ({ value, createShownText, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatDropDown: <T extends {
+    label: string;
+}>({ value, createShownText, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ChatDropDown;

package/dist/types/stories/ChatDropDown.stories.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import ChatDropDown from "../components/ChatDropDown";
-import CircularIcon from "../components/CircularIcon";
+// import CircularIcon from "../components/CircularIcon";
 const meta = {
     title: "DropDown/ChatDropDown",
     component: ChatDropDown,
@@ -34,9 +34,9 @@ export const Card = {
         filteredOptions: searchOption,
         handleOptionClick: handleOptionClick,
         handleInputChange: handleInputChange,
-        renderProps: (props) => (_jsxs("div", { style: {
+        renderProps: (props) => (_jsx("div", { style: {
                 display: "flex",
                 alignItems: "center",
-            }, onClick: () => handleOptionClick(props), children: [props.iconUrl !== undefined && (_jsx(CircularIcon, { iconPath: props.iconUrl, iconSize: "40" })), _jsx("span", { children: props.label })] }, props.label)),
+            }, onClick: () => handleOptionClick(props), children: _jsx("span", { children: props.label }) }, props.label)),
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qlu-20-ui-library",
-  "version": "1.3.48",
+  "version": "1.3.49",
   "type": "module",
   "scripts": {
     "dev": "vite",