@crystaltech/hsms-shared-ui 0.0.2-alpha-0.0.6 → 0.0.2-alpha-0.0.7

package/README.md

@@ -886,6 +886,44 @@ const data: DataStructure = [
 ];
 ```
 
+usage of the MultiDynamicTable
+
+```ts
+import { useState } from "react";
+import MultiDynamicTable from "./MultiDynamicTable/MultiDynamicTable";
+import { dynamicTableData } from "./MultiDynamicTable/dynamicTableData";
+
+const Tables = () => {
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(10);
+
+  const handleChangePage = (_event: unknown, newPage: number) => {
+    setPage(newPage);
+  };
+
+  const handleChangeRowsPerPage = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setRowsPerPage(parseInt(event.target.value, 10));
+    setPage(0);
+  };
+
+  return (
+    <>
+      <MultiDynamicTable
+        tableData={dynamicTableData}
+        page={page}
+        rowsPerPage={rowsPerPage}
+        handleChangePage={handleChangePage}
+        handleChangeRowsPerPage={handleChangeRowsPerPage}
+      />
+    </>
+  );
+};
+
+export default Tables;
+```
+
 ### 13. `CustomTabs`
 
 ### 14. `CustomTabs`

package/dist/components/AccountInfoWithAvatar.d.ts

@@ -0,0 +1,5 @@
+import { IUserManage } from './layout/MainLayout';
+declare const AccountInfoWithAvatar: ({ userManage }: {
+    userManage: IUserManage;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AccountInfoWithAvatar;

package/dist/components/layout/MainLayout/index.d.ts

@@ -1,9 +1,20 @@
 import { default as React } from 'react';
 import { IMenuConfig, ISettingsConfig } from '../dummyData';
+interface IUser {
+    name: string;
+    email: string;
+    image: string;
+}
+export interface IUserManage {
+    user: IUser;
+    redirectUrl: string;
+    logoutHandler: () => void;
+}
 export interface ILayoutConfig {
     navbar: {
         showHamburgerInMobile: boolean;
         themeToggler: boolean;
+        userManage?: IUserManage;
     };
     sideDrawer: {
         menuConfig: IMenuConfig[];