@erpsquad/common 1.8.41 → 1.8.43

package/dist/views/afterAuth/dashboard/redux/state.d.ts

@@ -0,0 +1,499 @@
+export declare const state: {
+    currentPage: number;
+    user_name: string;
+    number: string;
+    users: any[];
+    rows: any[];
+    loading: boolean;
+    error: string;
+    pages: {
+        _id: number;
+        name: string;
+        grid_json: {
+            layout_cards: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_charts: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_col1: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_col2: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_cols: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout: {
+                lg: {
+                    content: string;
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                }[];
+            };
+        };
+        module: string;
+        user_id: string;
+    }[];
+    grid: {
+        layout_cards: {
+            lg: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            md: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            sm: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+        };
+        layout_charts: {
+            lg: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            md: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            sm: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+        };
+        layout_col1: {
+            lg: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            md: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            sm: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+        };
+        layout_col2: {
+            lg: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            md: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            sm: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+        };
+        layout_cols: {
+            lg: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            md: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+            sm: {
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+                content: string;
+                section_key: string;
+            }[];
+        };
+        layout: {
+            lg: {
+                content: string;
+                i: string;
+                x: number;
+                y: number;
+                w: number;
+                h: number;
+            }[];
+        };
+    };
+    paginationModel: {
+        pageNo: number;
+        limit: number;
+    };
+    sharedPages: any;
+    pinToDashboardList: any;
+    driveDashboard: {
+        _id: number;
+        name: string;
+        grid_json: {
+            layout_cards: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_charts: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_col1: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_col2: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout_cols: {
+                lg: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                md: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+                sm: {
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                    content: string;
+                    section_key: string;
+                }[];
+            };
+            layout: {
+                lg: {
+                    content: string;
+                    i: string;
+                    x: number;
+                    y: number;
+                    w: number;
+                    h: number;
+                }[];
+            };
+        };
+        module: string;
+        user_id: string;
+    }[];
+};
+export default state;

package/dist/views/afterAuth/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dashboard';
+export * from './page-view';

package/dist/views/afterAuth/page-view/index.d.ts

@@ -0,0 +1,4 @@
+export { default as PageView } from './page-view';
+export * from './page-view';
+export * from './redux';
+export * from './utils';

package/dist/views/afterAuth/page-view/page-view/index.esm.js

@@ -0,0 +1,100 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import Footer from "../../../../components/footer/footer/index.esm.js";
+import { MaterialTable } from "../../../../components/material-table/material-table/index.esm.js";
+import { useAppDispatch, useAppSelector } from "../../../../redux/hooks/index.esm.js";
+import { fetchPage } from "../redux/actionCreator/index.esm.js";
+import { setRowData, setColumnOrder, setPaginationModel, changeCurrentPage, setPages } from "../redux/reducer/index.esm.js";
+import NumberAggregation from "../../../../components/material-table/components/number-aggregation/index.esm.js";
+import DefaultAggregation from "../../../../components/material-table/components/default-aggregation/index.esm.js";
+import Button from "../../../../components/button/button/index.esm.js";
+const PageView = () => {
+  const dispatch = useAppDispatch();
+  const { pages, currentPage, rows, columns, columnOrder, paginationModel } = useAppSelector((store) => store == null ? void 0 : store.pages);
+  const { pageNo, limit } = paginationModel;
+  useEffect(() => {
+    dispatch(fetchPage(1));
+  }, [dispatch]);
+  const handleChangePage = (page) => dispatch(changeCurrentPage(page));
+  const handleSetPages = (updatedPages) => dispatch(setPages(updatedPages));
+  useEffect(() => {
+    dispatch(fetchPage(currentPage));
+  }, [dispatch, currentPage]);
+  const tableRows = useMemo(() => {
+    const start = limit * (pageNo - 1);
+    return rows.slice(start, start + limit);
+  }, [rows, pageNo, limit]);
+  const tableColumns = useMemo(() => {
+    return columns == null ? void 0 : columns.map((col) => {
+      let updatedCol = {
+        ...col,
+        // Header: ({ column }: any) => <HeaderCell column={column} />,
+        enableSorting: true
+      };
+      if ((col == null ? void 0 : col.type) === "number") {
+        updatedCol = {
+          ...updatedCol,
+          muiEditTextFieldProps: {
+            type: "number"
+          },
+          Footer: ({ column }) => {
+            return /* @__PURE__ */ jsx(NumberAggregation, { data: tableRows, column: column == null ? void 0 : column.id });
+          }
+        };
+      } else if (col.type === "string") {
+        updatedCol = {
+          ...updatedCol,
+          Footer: ({ column }) => /* @__PURE__ */ jsx(DefaultAggregation, { data: tableRows, column: column.id })
+        };
+      }
+      return updatedCol;
+    });
+  }, [tableRows, columns]);
+  const handlePaginationModel = (model) => {
+    dispatch(setPaginationModel(model));
+  };
+  const total = limit ? Math.ceil(rows.length / limit) : 0;
+  const handleColumnOrdering = (colOrder) => {
+    dispatch(setColumnOrder(colOrder.slice(1)));
+  };
+  const updateData = (value, column, rowId) => {
+    var _a;
+    const payload = {
+      value: ((_a = column == null ? void 0 : column.columnDef) == null ? void 0 : _a.type) === "number" ? Number(value) : value,
+      columnId: column.id,
+      rowId
+    };
+    dispatch(setRowData(payload));
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { children: "Open Filter" }),
+    /* @__PURE__ */ jsx(
+      MaterialTable,
+      {
+        rows: tableRows,
+        columns: tableColumns,
+        paginationModel,
+        totalPages: total,
+        columnOrder: ["mrt-row-select", ...columnOrder],
+        handleColumnOrdering,
+        updateData
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Footer,
+      {
+        pages,
+        setPages: handleSetPages,
+        currentPage,
+        setCurrentPage: handleChangePage,
+        total,
+        paginationModel,
+        handlePaginationModel
+      }
+    )
+  ] });
+};
+export {
+  PageView as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/views/afterAuth/page-view/page-view/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/afterAuth/page-view/page-view.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\r\nimport Footer from \"../../../components/footer/footer\";\r\nimport MaterialTable from \"../../../components/material-table/material-table\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../redux/hooks\";\r\nimport { fetchPage } from \"./redux/actionCreator\";\r\nimport {\r\n  changeCurrentPage,\r\n  setColumnOrder,\r\n  setPages,\r\n  setPaginationModel,\r\n  setRowData,\r\n} from \"./redux/reducer\";\r\nimport { IPaginationModel } from \"../../../@types/pagination-model\";\r\nimport NumberAggregation from \"../../../components/material-table/components/number-aggregation\";\r\nimport DefaultAggregation from \"../../../components/material-table/components/default-aggregation\";\r\n// import HeaderCell from \"../../../components/material-table/components/header-cell\";\r\nimport { IPage } from \"../../../@types/page\";\r\nimport Button from \"../../../components/button/button\";\r\n// import Filter from \"../../../components/filter/filter\";\r\n\r\nconst PageView = () => {\r\n  // const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const dispatch = useAppDispatch();\r\n  const { pages, currentPage, rows, columns, columnOrder, paginationModel } =\r\n    useAppSelector((store) => store?.pages);\r\n  const { pageNo, limit } = paginationModel;\r\n\r\n  useEffect(() => {\r\n    dispatch(fetchPage(1));\r\n  }, [dispatch]);\r\n\r\n  const handleChangePage = (page: number) => dispatch(changeCurrentPage(page));\r\n\r\n  const handleSetPages = (updatedPages: IPage[]) =>\r\n    dispatch(setPages(updatedPages));\r\n\r\n  useEffect(() => {\r\n    dispatch(fetchPage(currentPage));\r\n  }, [dispatch, currentPage]);\r\n\r\n  const tableRows = useMemo(() => {\r\n    const start = limit * (pageNo - 1);\r\n    return rows.slice(start, start + limit);\r\n  }, [rows, pageNo, limit]);\r\n\r\n  const tableColumns = useMemo(() => {\r\n    return columns?.map((col: any) => {\r\n      let updatedCol = {\r\n        ...col,\r\n        // Header: ({ column }: any) => <HeaderCell column={column} />,\r\n        enableSorting: true,\r\n      };\r\n\r\n      if (col?.type === \"number\") {\r\n        updatedCol = {\r\n          ...updatedCol,\r\n          muiEditTextFieldProps: {\r\n            type: \"number\",\r\n          },\r\n          Footer: ({ column }: any) => {\r\n            return <NumberAggregation data={tableRows} column={column?.id} />;\r\n          },\r\n        };\r\n      } else if (col.type === \"string\") {\r\n        updatedCol = {\r\n          ...updatedCol,\r\n          Footer: ({ column }: any) => (\r\n            <DefaultAggregation data={tableRows} column={column.id} />\r\n          ),\r\n        };\r\n      }\r\n\r\n      return updatedCol;\r\n    });\r\n  }, [tableRows, columns]);\r\n\r\n  const handlePaginationModel = (model: IPaginationModel) => {\r\n    dispatch(setPaginationModel(model));\r\n  };\r\n\r\n  const total = limit ? Math.ceil(rows.length / limit) : 0;\r\n\r\n  const handleColumnOrdering = (colOrder: string[]) => {\r\n    dispatch(setColumnOrder(colOrder.slice(1)));\r\n  };\r\n\r\n  const updateData = (value: string, column: any, rowId: string) => {\r\n    const payload = {\r\n      value: column?.columnDef?.type === \"number\" ? Number(value) : value,\r\n      columnId: column.id,\r\n      rowId,\r\n    };\r\n\r\n    dispatch(setRowData(payload));\r\n  };\r\n\r\n  // const handleOpenFilter = (event: React.MouseEvent<HTMLButtonElement>) =>\r\n  // setAnchorEl(event.currentTarget);\r\n\r\n  // const handleCloseFilter = () => setAnchorEl(null);\r\n\r\n  return (\r\n    <>\r\n      <Button>Open Filter</Button>\r\n      <MaterialTable\r\n        rows={tableRows}\r\n        columns={tableColumns}\r\n        paginationModel={paginationModel}\r\n        totalPages={total}\r\n        columnOrder={[\"mrt-row-select\", ...columnOrder]}\r\n        handleColumnOrdering={handleColumnOrdering}\r\n        updateData={updateData}\r\n      />\r\n      <Footer\r\n        pages={pages}\r\n        setPages={handleSetPages}\r\n        currentPage={currentPage}\r\n        setCurrentPage={handleChangePage}\r\n        total={total}\r\n        paginationModel={paginationModel}\r\n        handlePaginationModel={handlePaginationModel}\r\n      />\r\n\r\n      {/* {anchorEl && <Filter anchorEl={anchorEl} onClose={handleCloseFilter} />} */}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PageView;\r\n"],"names":[],"mappings":";;;;;;;;;;AAoBA,MAAM,WAAW,MAAM;AAErB,QAAM,WAAW,eAAA;AACjB,QAAM,EAAE,OAAO,aAAa,MAAM,SAAS,aAAa,gBAAA,IACtD,eAAe,CAAC,UAAU,+BAAO,KAAK;AACxC,QAAM,EAAE,QAAQ,MAAA,IAAU;AAE1B,YAAU,MAAM;AACd,aAAS,UAAU,CAAC,CAAC;AAAA,EACvB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,mBAAmB,CAAC,SAAiB,SAAS,kBAAkB,IAAI,CAAC;AAE3E,QAAM,iBAAiB,CAAC,iBACtB,SAAS,SAAS,YAAY,CAAC;AAEjC,YAAU,MAAM;AACd,aAAS,UAAU,WAAW,CAAC;AAAA,EACjC,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,QAAQ,SAAS,SAAS;AAChC,WAAO,KAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,EACxC,GAAG,CAAC,MAAM,QAAQ,KAAK,CAAC;AAExB,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,mCAAS,IAAI,CAAC,QAAa;AAChC,UAAI,aAAa;AAAA,QACf,GAAG;AAAA;AAAA,QAEH,eAAe;AAAA,MAAA;AAGjB,WAAI,2BAAK,UAAS,UAAU;AAC1B,qBAAa;AAAA,UACX,GAAG;AAAA,UACH,uBAAuB;AAAA,YACrB,MAAM;AAAA,UAAA;AAAA,UAER,QAAQ,CAAC,EAAE,aAAkB;AAC3B,uCAAQ,mBAAA,EAAkB,MAAM,WAAW,QAAQ,iCAAQ,IAAI;AAAA,UACjE;AAAA,QAAA;AAAA,MAEJ,WAAW,IAAI,SAAS,UAAU;AAChC,qBAAa;AAAA,UACX,GAAG;AAAA,UACH,QAAQ,CAAC,EAAE,OAAA,MACT,oBAAC,oBAAA,EAAmB,MAAM,WAAW,QAAQ,OAAO,GAAA,CAAI;AAAA,QAAA;AAAA,MAG9D;AAEA,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,QAAM,wBAAwB,CAAC,UAA4B;AACzD,aAAS,mBAAmB,KAAK,CAAC;AAAA,EACpC;AAEA,QAAM,QAAQ,QAAQ,KAAK,KAAK,KAAK,SAAS,KAAK,IAAI;AAEvD,QAAM,uBAAuB,CAAC,aAAuB;AACnD,aAAS,eAAe,SAAS,MAAM,CAAC,CAAC,CAAC;AAAA,EAC5C;AAEA,QAAM,aAAa,CAAC,OAAe,QAAa,UAAkB;;AAChE,UAAM,UAAU;AAAA,MACd,SAAO,sCAAQ,cAAR,mBAAmB,UAAS,WAAW,OAAO,KAAK,IAAI;AAAA,MAC9D,UAAU,OAAO;AAAA,MACjB;AAAA,IAAA;AAGF,aAAS,WAAW,OAAO,CAAC;AAAA,EAC9B;AAOA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,UAAO,UAAA,cAAA,CAAW;AAAA,IACnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT;AAAA,QACA,YAAY;AAAA,QACZ,aAAa,CAAC,kBAAkB,GAAG,WAAW;AAAA,QAC9C;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAGF;AAEJ;"}

package/dist/views/afterAuth/page-view/page-view/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../components/footer/footer/index.js"),n=require("../../../../components/material-table/material-table/index.js"),o=require("../../../../redux/hooks/index.js"),a=require("../redux/actionCreator/index.js"),l=require("../redux/reducer/index.js"),u=require("../../../../components/material-table/components/number-aggregation/index.js"),i=require("../../../../components/material-table/components/default-aggregation/index.js"),s=require("../../../../components/button/button/index.js");exports.default=()=>{const d=o.useAppDispatch(),{pages:c,currentPage:m,rows:g,columns:p,columnOrder:x,paginationModel:f}=o.useAppSelector(e=>null==e?void 0:e.pages),{pageNo:j,limit:b}=f;t.useEffect(()=>{d(a.fetchPage(1))},[d]),t.useEffect(()=>{d(a.fetchPage(m))},[d,m]);const P=t.useMemo(()=>{const e=b*(j-1);return g.slice(e,e+b)},[g,j,b]),h=t.useMemo(()=>null==p?void 0:p.map(t=>{let r={...t,enableSorting:!0};return"number"===(null==t?void 0:t.type)?r={...r,muiEditTextFieldProps:{type:"number"},Footer:({column:t})=>/* @__PURE__ */e.jsx(u.default,{data:P,column:null==t?void 0:t.id})}:"string"===t.type&&(r={...r,Footer:({column:t})=>/* @__PURE__ */e.jsx(i.default,{data:P,column:t.id})}),r}),[P,p]),q=b?Math.ceil(g.length/b):0;/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(s.default,{children:"Open Filter"}),
+/* @__PURE__ */e.jsx(n.MaterialTable,{rows:P,columns:h,paginationModel:f,totalPages:q,columnOrder:["mrt-row-select",...x],handleColumnOrdering:e=>{d(l.setColumnOrder(e.slice(1)))},updateData:(e,t,r)=>{var n;const o={value:"number"===(null==(n=null==t?void 0:t.columnDef)?void 0:n.type)?Number(e):e,columnId:t.id,rowId:r};d(l.setRowData(o))}}),
+/* @__PURE__ */e.jsx(r.default,{pages:c,setPages:e=>d(l.setPages(e)),currentPage:m,setCurrentPage:e=>d(l.changeCurrentPage(e)),total:q,paginationModel:f,handlePaginationModel:e=>{d(l.setPaginationModel(e))}})]})};
+//# sourceMappingURL=index.js.map

package/dist/views/afterAuth/page-view/page-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/afterAuth/page-view/page-view.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\r\nimport Footer from \"../../../components/footer/footer\";\r\nimport MaterialTable from \"../../../components/material-table/material-table\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../redux/hooks\";\r\nimport { fetchPage } from \"./redux/actionCreator\";\r\nimport {\r\n  changeCurrentPage,\r\n  setColumnOrder,\r\n  setPages,\r\n  setPaginationModel,\r\n  setRowData,\r\n} from \"./redux/reducer\";\r\nimport { IPaginationModel } from \"../../../@types/pagination-model\";\r\nimport NumberAggregation from \"../../../components/material-table/components/number-aggregation\";\r\nimport DefaultAggregation from \"../../../components/material-table/components/default-aggregation\";\r\n// import HeaderCell from \"../../../components/material-table/components/header-cell\";\r\nimport { IPage } from \"../../../@types/page\";\r\nimport Button from \"../../../components/button/button\";\r\n// import Filter from \"../../../components/filter/filter\";\r\n\r\nconst PageView = () => {\r\n  // const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const dispatch = useAppDispatch();\r\n  const { pages, currentPage, rows, columns, columnOrder, paginationModel } =\r\n    useAppSelector((store) => store?.pages);\r\n  const { pageNo, limit } = paginationModel;\r\n\r\n  useEffect(() => {\r\n    dispatch(fetchPage(1));\r\n  }, [dispatch]);\r\n\r\n  const handleChangePage = (page: number) => dispatch(changeCurrentPage(page));\r\n\r\n  const handleSetPages = (updatedPages: IPage[]) =>\r\n    dispatch(setPages(updatedPages));\r\n\r\n  useEffect(() => {\r\n    dispatch(fetchPage(currentPage));\r\n  }, [dispatch, currentPage]);\r\n\r\n  const tableRows = useMemo(() => {\r\n    const start = limit * (pageNo - 1);\r\n    return rows.slice(start, start + limit);\r\n  }, [rows, pageNo, limit]);\r\n\r\n  const tableColumns = useMemo(() => {\r\n    return columns?.map((col: any) => {\r\n      let updatedCol = {\r\n        ...col,\r\n        // Header: ({ column }: any) => <HeaderCell column={column} />,\r\n        enableSorting: true,\r\n      };\r\n\r\n      if (col?.type === \"number\") {\r\n        updatedCol = {\r\n          ...updatedCol,\r\n          muiEditTextFieldProps: {\r\n            type: \"number\",\r\n          },\r\n          Footer: ({ column }: any) => {\r\n            return <NumberAggregation data={tableRows} column={column?.id} />;\r\n          },\r\n        };\r\n      } else if (col.type === \"string\") {\r\n        updatedCol = {\r\n          ...updatedCol,\r\n          Footer: ({ column }: any) => (\r\n            <DefaultAggregation data={tableRows} column={column.id} />\r\n          ),\r\n        };\r\n      }\r\n\r\n      return updatedCol;\r\n    });\r\n  }, [tableRows, columns]);\r\n\r\n  const handlePaginationModel = (model: IPaginationModel) => {\r\n    dispatch(setPaginationModel(model));\r\n  };\r\n\r\n  const total = limit ? Math.ceil(rows.length / limit) : 0;\r\n\r\n  const handleColumnOrdering = (colOrder: string[]) => {\r\n    dispatch(setColumnOrder(colOrder.slice(1)));\r\n  };\r\n\r\n  const updateData = (value: string, column: any, rowId: string) => {\r\n    const payload = {\r\n      value: column?.columnDef?.type === \"number\" ? Number(value) : value,\r\n      columnId: column.id,\r\n      rowId,\r\n    };\r\n\r\n    dispatch(setRowData(payload));\r\n  };\r\n\r\n  // const handleOpenFilter = (event: React.MouseEvent<HTMLButtonElement>) =>\r\n  // setAnchorEl(event.currentTarget);\r\n\r\n  // const handleCloseFilter = () => setAnchorEl(null);\r\n\r\n  return (\r\n    <>\r\n      <Button>Open Filter</Button>\r\n      <MaterialTable\r\n        rows={tableRows}\r\n        columns={tableColumns}\r\n        paginationModel={paginationModel}\r\n        totalPages={total}\r\n        columnOrder={[\"mrt-row-select\", ...columnOrder]}\r\n        handleColumnOrdering={handleColumnOrdering}\r\n        updateData={updateData}\r\n      />\r\n      <Footer\r\n        pages={pages}\r\n        setPages={handleSetPages}\r\n        currentPage={currentPage}\r\n        setCurrentPage={handleChangePage}\r\n        total={total}\r\n        paginationModel={paginationModel}\r\n        handlePaginationModel={handlePaginationModel}\r\n      />\r\n\r\n      {/* {anchorEl && <Filter anchorEl={anchorEl} onClose={handleCloseFilter} />} */}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PageView;\r\n"],"names":["dispatch","useAppDispatch","pages","currentPage","rows","columns","columnOrder","paginationModel","useAppSelector","store","pageNo","limit","useEffect","fetchPage","tableRows","useMemo","start","slice","tableColumns","map","col","updatedCol","enableSorting","type","muiEditTextFieldProps","Footer","column","NumberAggregation","data","id","jsx","DefaultAggregation","total","Math","ceil","length","jsxs","Fragment","children","Button","MaterialTable","totalPages","handleColumnOrdering","colOrder","setColumnOrder","updateData","value","rowId","payload","_a","columnDef","Number","columnId","setRowData","setPages","updatedPages","setCurrentPage","page","changeCurrentPage","handlePaginationModel","model","setPaginationModel"],"mappings":"koBAoBiB,KAEf,MAAMA,EAAWC,EAAAA,kBACXC,MAAEA,EAAAC,YAAOA,EAAAC,KAAaA,EAAAC,QAAMA,EAAAC,YAASA,EAAAC,gBAAaA,GACtDC,EAAAA,eAAgBC,SAAUA,WAAOP,QAC7BQ,OAAEA,EAAAC,MAAQA,GAAUJ,EAE1BK,EAAAA,UAAU,KACRZ,EAASa,EAAAA,UAAU,KAClB,CAACb,IAOJY,EAAAA,UAAU,KACRZ,EAASa,EAAAA,UAAUV,KAClB,CAACH,EAAUG,IAEd,MAAMW,EAAYC,EAAAA,QAAQ,KACxB,MAAMC,EAAQL,GAASD,EAAS,GAChC,OAAON,EAAKa,MAAMD,EAAOA,EAAQL,IAChC,CAACP,EAAMM,EAAQC,IAEZO,EAAeH,EAAAA,QAAQ,IACpB,MAAAV,OAAA,EAAAA,EAASc,IAAKC,IACnB,IAAIC,EAAa,IACZD,EAEHE,eAAe,GAsBjB,MAnBkB,YAAd,MAAAF,OAAA,EAAAA,EAAKG,MACPF,EAAa,IACRA,EACHG,sBAAuB,CACrBD,KAAM,UAERE,OAAQ,EAAGC,iCACDC,EAAAA,QAAA,CAAkBC,KAAMd,EAAWY,OAAQ,MAAAA,OAAA,EAAAA,EAAQG,MAGzC,WAAbT,EAAIG,OACbF,EAAa,IACRA,EACHI,OAAQ,EAAGC,2BACTI,MAACC,EAAAA,QAAA,CAAmBH,KAAMd,EAAWY,OAAQA,EAAOG,OAKnDR,IAER,CAACP,EAAWT,IAMT2B,EAAQrB,EAAQsB,KAAKC,KAAK9B,EAAK+B,OAASxB,GAAS;AAqBvD,OACEyB,EAAAA,KAAAC,WAAA,CACEC,SAAA;iBAAAR,IAACS,EAAAA,SAAOD,SAAA;eACRR,EAAAA,IAACU,EAAAA,cAAA,CACCpC,KAAMU,EACNT,QAASa,EACTX,kBACAkC,WAAYT,EACZ1B,YAAa,CAAC,oBAAqBA,GACnCoC,qBA5BwBC,IAC5B3C,EAAS4C,EAAAA,eAAeD,EAAS1B,MAAM,MA4BnC4B,WAzBa,CAACC,EAAepB,EAAaqB,WAC9C,MAAMC,EAAU,CACdF,MAAmC,YAA5B,OAAAG,mBAAQC,gBAAR,EAAAD,EAAmB1B,MAAoB4B,OAAOL,GAASA,EAC9DM,SAAU1B,EAAOG,GACjBkB,SAGF/C,EAASqD,EAAAA,WAAWL;eAoBlBlB,EAAAA,IAACL,EAAAA,QAAA,CACCvB,QACAoD,SAlFkBC,GACtBvD,EAASsD,EAAAA,SAASC,IAkFdpD,cACAqD,eAtFoBC,GAAiBzD,EAAS0D,EAAAA,kBAAkBD,IAuFhEzB,QACAzB,kBACAoD,sBA5CyBC,IAC7B5D,EAAS6D,EAAAA,mBAAmBD"}

package/dist/views/afterAuth/page-view/page-view.d.ts

@@ -0,0 +1,2 @@
+declare const PageView: () => import("react/jsx-runtime").JSX.Element;
+export default PageView;

package/dist/views/afterAuth/page-view/redux/actionCreator/index.esm.js

@@ -0,0 +1,13 @@
+import { createAsyncThunk } from "@reduxjs/toolkit";
+const fetchPage = createAsyncThunk(
+  "pageView/fetchPage",
+  (pageId, { getState }) => {
+    const { pages } = getState();
+    const { data } = pages.pages.find((p) => (p == null ? void 0 : p.value) === pageId);
+    return data;
+  }
+);
+export {
+  fetchPage
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/views/afterAuth/page-view/redux/actionCreator/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/views/afterAuth/page-view/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\r\n\r\nexport const fetchPage = createAsyncThunk(\r\n  \"pageView/fetchPage\",\r\n  (pageId: number, { getState }) => {\r\n    const { pages }: any = getState();\r\n    const { data } = pages.pages.find((p: any) => p?.value === pageId);\r\n    return data;\r\n  },\r\n);\r\n"],"names":[],"mappings":";AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,EACA,CAAC,QAAgB,EAAE,eAAe;AAChC,UAAM,EAAE,MAAA,IAAe,SAAA;AACvB,UAAM,EAAE,SAAS,MAAM,MAAM,KAAK,CAAC,OAAW,uBAAG,WAAU,MAAM;AACjE,WAAO;AAAA,EACT;AACF;"}

package/dist/views/afterAuth/page-view/redux/actionCreator/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@reduxjs/toolkit").createAsyncThunk("pageView/fetchPage",(e,{getState:t})=>{const{pages:a}=t(),{data:r}=a.pages.find(t=>(null==t?void 0:t.value)===e);return r});exports.fetchPage=e;
+//# sourceMappingURL=index.js.map

package/dist/views/afterAuth/page-view/redux/actionCreator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/afterAuth/page-view/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\r\n\r\nexport const fetchPage = createAsyncThunk(\r\n  \"pageView/fetchPage\",\r\n  (pageId: number, { getState }) => {\r\n    const { pages }: any = getState();\r\n    const { data } = pages.pages.find((p: any) => p?.value === pageId);\r\n    return data;\r\n  },\r\n);\r\n"],"names":["fetchPage","createAsyncThunk","pageId","getState","pages","data","find","p","value"],"mappings":"oEAEO,MAAMA,8BAAYC,iBACvB,qBACA,CAACC,GAAkBC,eACjB,MAAMC,MAAEA,GAAeD,KACjBE,KAAEA,GAASD,EAAMA,MAAME,KAAMC,IAAW,MAAAA,OAAA,EAAAA,EAAGC,SAAUN,GAC3D,OAAOG"}

package/dist/views/afterAuth/page-view/redux/actionCreator.d.ts

@@ -0,0 +1 @@
+export declare const fetchPage: import('@reduxjs/toolkit').AsyncThunk<any, number, import('@reduxjs/toolkit').AsyncThunkConfig>;