@crystaltech/hsms-shared-ui 0.0.2 → 0.0.3-alpha-0.1

package/dist/App.d.ts

@@ -1,65 +1,2 @@
-export interface ITheme {
-    palette: {
-        mode: string;
-        navbar: {
-            background: string;
-            foreground: string;
-        };
-        sidebar: {
-            background: string;
-            foreground: string;
-        };
-        primary: {
-            main: string;
-        };
-        secondary: {
-            main: string;
-        };
-        background: {
-            default: string;
-            paper: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-        };
-        neutral: {
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-    };
-    typography: {
-        fontFamily: string;
-        h1: TypographyStyle;
-        h2: TypographyStyle;
-        h3: TypographyStyle;
-        h4: TypographyStyle;
-        h5: TypographyStyle;
-        h6: TypographyStyle;
-        subtitle1: TypographyStyle;
-        subtitle2: TypographyStyle;
-        body1: TypographyStyle;
-        body2: TypographyStyle;
-        button: TypographyStyle & {
-            textTransform: "uppercase" | "none";
-        };
-        caption: TypographyStyle;
-        overline: TypographyStyle & {
-            textTransform: "uppercase" | "none";
-        };
-    };
-}
-interface TypographyStyle {
-    fontSize: string;
-    fontWeight: number;
-    lineHeight: string;
-}
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

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/LoginView.d.ts

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

package/dist/components/LogoWithTitle.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IProps {
+    logoIcon: string;
+    title: string;
+    subTitle: string;
+    showOnlyIcons: boolean;
+}
+declare const LogoWithTitle: React.FC<IProps>;
+export default LogoWithTitle;

package/dist/components/MultiDynamicTable/ColumnVisibilityManage.d.ts

@@ -1,4 +1,4 @@
-import { DataStructure } from '../Tables';
+import { DataStructure } from './dynamicTableData';
 interface ColumnVisibilityManageProps {
     data: DataStructure;
     handleColumnVisibility: (columnVisibilityData: DataStructure) => void;

package/dist/components/MultiDynamicTable/FieldContent.d.ts

@@ -1,4 +1,4 @@
-import { FieldItem } from '../Tables';
+import { FieldItem } from './dynamicTableData';
 declare const FieldContent: ({ item, itemIndex, rowIndex, }: {
     item: FieldItem;
     itemIndex: number;

package/dist/components/MultiDynamicTable/MultiDynamicTable.d.ts

@@ -1,5 +1,10 @@
-import { DataStructure } from '../Tables';
-declare const MultiDynamicTable: ({ tableData }: {
+import { DataStructure } from './dynamicTableData';
+type MultiDynamicTableProps = {
     tableData: DataStructure;
-}) => import("react/jsx-runtime").JSX.Element;
+    rowsPerPage: number;
+    page: number;
+    handleChangePage: (event: unknown, newPage: number) => void;
+    handleChangeRowsPerPage: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare const MultiDynamicTable: React.FC<MultiDynamicTableProps>;
 export default MultiDynamicTable;

package/dist/components/MultiDynamicTable/dynamicTableData.d.ts

@@ -0,0 +1,22 @@
+export interface DatePickerProps {
+    date: string;
+    onChange: (parentItem: FieldItem, timeValue: Date) => void;
+}
+export interface FieldContentActionsProps {
+    label: string;
+    onClick: (data: FieldItem) => void;
+    icon: React.ReactNode;
+    variant: "contained" | "outlined";
+}
+export interface FieldItem {
+    id: number;
+    fieldName: string;
+    fieldType: string;
+    fieldContent: string | FieldContentActionsProps[] | DatePickerProps;
+    isDefault: boolean;
+    isVisible: boolean;
+    to?: string;
+}
+export type FieldItemArray = FieldItem[];
+export type DataStructure = FieldItemArray[];
+export declare const dynamicTableData: DataStructure;

package/dist/components/Tables.d.ts

@@ -1,23 +1,2 @@
-export interface DatePickerProps {
-    date: string;
-    onChange: (parentItem: FieldItem, timeValue: Date) => void;
-}
-export interface FieldContentActionsProps {
-    label: string;
-    onClick: (data: FieldItem) => void;
-    icon: React.ReactNode;
-    variant: "contained" | "outlined";
-}
-export interface FieldItem {
-    id: number;
-    fieldName: string;
-    fieldType: string;
-    fieldContent: string | FieldContentActionsProps[] | DatePickerProps;
-    isDefault: boolean;
-    isVisible: boolean;
-    to?: string;
-}
-export type FieldItemArray = FieldItem[];
-export type DataStructure = FieldItemArray[];
 declare const Tables: () => import("react/jsx-runtime").JSX.Element;
 export default Tables;

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

@@ -1,9 +1,20 @@
 import { default as React } from 'react';
 import { IMenuConfig, ISettingsConfig } from '../dummyData';
-interface LayoutConfig {
+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[];
@@ -15,7 +26,7 @@ interface LayoutConfig {
 }
 export interface IMainLayout {
     children: React.ReactNode;
-    layoutConfig: LayoutConfig;
+    layoutConfig: ILayoutConfig;
 }
 declare const MainLayout: React.FC<IMainLayout>;
 export default MainLayout;

package/dist/components/layout/dummyData.d.ts

@@ -3,6 +3,7 @@ export interface MenuItem {
     label: string;
     icon: React.ReactElement<SvgIconProps>;
     link: string;
+    children?: MenuItem[];
 }
 export interface IMenuConfig {
     items: MenuItem[];
@@ -12,4 +13,11 @@ export interface ISettingsConfig {
     footerText: string;
 }
 export declare const menuConfig: IMenuConfig[];
+export interface ISettingsConfig {
+    logo: string;
+    title: string;
+    subTitle: string;
+    moduleName: string;
+    footerText: string;
+}
 export declare const settingsConfig: ISettingsConfig;

package/dist/components/styled-components/index.d.ts

@@ -1,3 +1,5 @@
-import { ContainerProps } from '@mui/material/Container';
-declare const StyledComponent: React.ComponentType<ContainerProps>;
+import { Theme } from '@mui/material/styles';
+declare const StyledComponent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme> & import('@mui/material').ContainerOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "maxWidth" | "children" | "sx" | "style" | "className" | "fixed" | "classes" | "disableGutters"> & {
+    component?: React.ElementType;
+}, {}, {}>;
 export default StyledComponent;

package/dist/hsms-shared-ui.css

@@ -0,0 +1 @@
+[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

package/dist/index.d.ts

@@ -1,5 +1,23 @@
+export { default as ThemeSetting } from './components/ThemeSetting';
+export { default as AsyncAutocomplete } from './components/ui/AsyncAutocomplete';
+export { default as CheckboxListWithAvatar } from './components/ui/CheckboxListWithAvatar';
+export { default as ControlledDatePicker } from './components/ui/ControlledDatePicker';
+export { default as CustomCheckbox } from './components/ui/CustomCheckbox';
+export { default as CustomColorPicker } from './components/ui/CustomColorPicker';
+export { default as CustomDatePicker } from './components/ui/CustomDatePicker';
+export { default as CustomIconButton } from './components/ui/CustomIconButton';
+export { default as CustomInput } from './components/ui/CustomInput';
+export { default as CustomRadioGroup } from './components/ui/CustomRadioGroup';
+export { default as CustomScrollbar } from './components/ui/CustomScrollbar';
+export { default as CustomSelect } from './components/ui/CustomSelect';
+export { default as CustomSelectableList } from './components/ui/CustomSelectableList';
+export { default as CustomSwitch } from './components/ui/CustomSwitch';
+export { default as CustomTabs } from './components/ui/CustomTabs';
+export { default as CustomTextField } from './components/ui/CustomTextfield';
+export { default as CustomButton } from './components/ui/CustomButton';
 export { default as MainLayout } from './components/layout/MainLayout';
 export { default as MainlayoutWithWrapper } from './components/layout/MainlayoutWithWrapper';
 export { default as MultiDynamicTable } from './components/MultiDynamicTable/MultiDynamicTable';
 export { default as ProfilePages } from './components/ProfilePages';
+export { default as RoutesConfigLayout } from './routes/RoutesConfigLayout';
 export { default as ThemeCustomization } from './theme/ThemeCustomization';