@topconsultnpm/sdkui-react-beta 6.6.75 → 6.6.76

package/lib/components/base/TMListView.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface ListProps<T> {
     dataSource?: T[];
     selectedItem?: T;
@@ -13,7 +14,9 @@ interface ListProps<T> {
     orderBy?: string;
     grouping?: string;
     showId?: boolean;
+    setShowId?: React.Dispatch<React.SetStateAction<boolean>>;
     showSearch?: boolean;
+    setShowSearch?: React.Dispatch<React.SetStateAction<boolean>>;
     onScrollChange?: (e: {
         x: number;
         y: number;
@@ -23,5 +26,5 @@ interface ListProps<T> {
     onItemDblClick?: (item: T) => void;
     itemTemplate?: (item: T) => JSX.Element;
 }
-declare const TMListView: <T>({ showId, showSearch, grouping, orderBy, id, onScrollChange, scroll, searchKeys, searchable, itemTemplate, customColor, dataSource, exprKey, onSelectionChanged, onItemClick, onItemDblClick, selectedItem }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TMListView: <T>({ showId, setShowId, showSearch, setShowSearch, grouping, orderBy, id, onScrollChange, scroll, searchKeys, searchable, itemTemplate, customColor, dataSource, exprKey, onSelectionChanged, onItemClick, onItemDblClick, selectedItem }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TMListView;

package/lib/components/base/TMListView.js

@@ -11,7 +11,7 @@ const StyledListItem = styled.div ` width: 100%; height: max-content; border-bot
 const StyledListViewContainer = styled.div ` position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%; `;
 const StyledSearchContainer = styled.div ` width: 100%; height: max-content; padding: 5px; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; gap: 10px; `;
 const StyledListViewFooter = styled.div ` background-color: ${props => props.$bgColor}; width: 100%; height: 25px; padding: 5px 15px; border-top: 1px solid #e5e5e5; display: flex; align-items: center; gap: 10px; `;
-const TMListView = ({ showId, showSearch, grouping = '', orderBy, id, onScrollChange, scroll, searchKeys = [], searchable = false, itemTemplate, customColor, dataSource = [], exprKey = 'id', onSelectionChanged, onItemClick, onItemDblClick, selectedItem }) => {
+const TMListView = ({ showId, setShowId, showSearch, setShowSearch, grouping = '', orderBy, id, onScrollChange, scroll, searchKeys = [], searchable = false, itemTemplate, customColor, dataSource = [], exprKey = 'id', onSelectionChanged, onItemClick, onItemDblClick, selectedItem }) => {
     const listRef = useRef(null);
     const contRef = useRef(null);
     const orderRef = useRef(null);
@@ -264,15 +264,25 @@ const TMListView = ({ showId, showSearch, grouping = '', orderBy, id, onScrollCh
             return '100%';
     };
     useEffect(() => {
-        if (showId === undefined)
+        if (showId === undefined || showId === localShowId)
             return;
         setLocalShowId(showId);
     }, [showId]);
     useEffect(() => {
-        if (showSearch === undefined)
+        if (showSearch === undefined || showSearch === localShowSearch)
             return;
         setLocalShowSearch(showSearch);
     }, [showSearch]);
+    useEffect(() => {
+        if (showId === undefined || setShowId === undefined || showId === localShowId)
+            return;
+        setShowId(localShowId);
+    }, [localShowId]);
+    useEffect(() => {
+        if (showSearch === undefined || setShowSearch === undefined || showSearch === localShowSearch)
+            return;
+        setShowSearch(localShowSearch);
+    }, [localShowSearch]);
     const generateContextMenuItems = (localShowSearch, localShowId, showOrderMenu, grouping, searchKeys) => {
         const items = [];
         // Add search menu item only if showSearch prop is undefined

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.6.75",
+    "version": "6.6.76",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",