remove filter modal / table toolbar unnecessary code

Author: iamfaran

client/packages/lowcoder/src/comps/comps/tableLiteComp/styles/toolbar.styles.ts

@@ -0,0 +1,22 @@
+import styled from "styled-components";
+
+export const ToolbarContainer = styled.div`
+  padding: 12px;
+  width: 100%;
+`;
+
+export const ToolbarRow = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-width: max-content;
+  width: 100%;
+`;
+
+export const ToolbarIcons = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+
+

client/packages/lowcoder/src/comps/comps/tableLiteComp/tableComp.tsx

@@ -1,7 +1,6 @@
 import { tableDataRowExample } from "./column/tableColumnListComp";
 import { getPageSize } from "./paginationControl";
 import { TableCompView } from "./tableCompView";
-import { TableFilter } from "./tableToolbarComp";
 import {
   columnHide,
   ColumnsAggrData,
@@ -313,27 +312,28 @@ export class TableImplComp extends TableInitComp {
     const nodes = {
       data: this.sortDataNode(),
       searchValue: this.children.searchText.node(),
-      filter: this.children.toolbar.children.filter.node(),
-      showFilter: this.children.toolbar.children.showFilter.node(),
     };
     let context = this;
+  
     const filteredDataNode = withFunction(fromRecord(nodes), (input) => {
-      const { data, searchValue, filter, showFilter } = input;
-      const filteredData = filterData(data, searchValue.value, filter, showFilter.value);
-      // console.info("filterNode. data: ", data, " filter: ", filter, " filteredData: ", filteredData);
-      // if data is changed on search then trigger event
-      if(Boolean(searchValue.value) && data.length !== filteredData.length) {
+      const { data, searchValue } = input;
+      const filteredData = filterData(data, searchValue.value, { filters: [], stackType: "and" }, false);
+  
+      if (Boolean(searchValue.value) && data.length !== filteredData.length) {
         const onEvent = context.children.onEvent.getView();
         setTimeout(() => {
           onEvent("dataSearch");
         });
       }
+  
       return filteredData.map((row) => tranToTableRecord(row, row[OB_ROW_ORI_INDEX]));
     });
+  
     return lastValueIfEqual(this, "filteredDataNode", [filteredDataNode, nodes] as const, (a, b) =>
       shallowEqual(a[1], b[1])
     )[0];
   }
+  
 
   oriDisplayDataNode() {
     const nodes = {
@@ -494,7 +494,6 @@ export class TableImplComp extends TableInitComp {
 }
 
 let TableTmpComp = withViewFn(TableImplComp, (comp) => {
-  const [emptyRows, setEmptyRows] = useState([]);
   return (
     <HidableView hidden={comp.children.hidden.getView()}>
       <TableCompView
@@ -580,13 +579,14 @@ TableTmpComp = withMethodExposing(TableTmpComp, [
       params: [{ name: "filter", type: "JSON" }],
     },
     execute: (comp, values) => {
+      //TODO: add filter maybe
       if (values[0]) {
-        const param = values[0] as TableFilter;
-        const currentVal = comp.children.toolbar.children.filter.getView();
-        comp.children.toolbar.children.filter.dispatchChangeValueAction({
-          ...currentVal,
-          ...param,
-        });
+        // const param = values[0] as TableFilter;
+        // const currentVal = comp.children.toolbar.children.filter.getView();
+        // comp.children.toolbar.children.filter.dispatchChangeValueAction({
+        //   ...currentVal,
+        //   ...param,
+        // });
       }
     },
   },
@@ -915,18 +915,6 @@ export const TableLiteComp = withExposingConfigs(TableTmpComp, [
     },
     trans("table.displayDataDesc")
   ),
-  new DepsConfig(
-    "filter",
-    (children) => {
-      return {
-        filter: children.toolbar.children.filter.node(),
-      };
-    },
-    (input) => {
-      return input.filter;
-    },
-    trans("table.filterDesc")
-  ),
   new DepsConfig(
     "selectedCell",
     (children) => {

client/packages/lowcoder/src/comps/comps/tableLiteComp/tableCompView.tsx

@@ -804,6 +804,9 @@ export const TableCompView = React.memo((props: {
   onRefresh: (allQueryNames: Array<string>, setLoading: (loading: boolean) => void) => void;
   onDownload: (fileName: string) => void;
 }) => {
+
+  console.log("TableCompView");
+
   const editorState = useContext(EditorContext);
   const currentTheme = useContext(ThemeContext)?.theme;
   const showDataLoadingIndicators = currentTheme?.showDataLoadingIndicators;
@@ -918,7 +921,6 @@ export const TableCompView = React.memo((props: {
   const toolbarView = !hideToolbar && (
     <TableToolbar
       toolbar={toolbar}
-      $style={toolbarStyle}
       pagination={{
         ...pagination,
         total: pageDataInfo.total,