@pdg/react-admin-layout 1.0.53 → 1.0.55

package/README.md

@@ -6,3 +6,19 @@ React Admin Layout
 ```
 npm install -D @pdg/react-admin-layout
 ```
+
+## 추가 패키지 설치
+```
+npm install -D @emotion/react @emotion/styled @mui/icons-material @mui/material simplebar-react
+```
+
+## simplebar-react css 추가
+- javascript/typescript 에 추가 시
+  ```javascript
+  import 'simplebar-react/dist/simplebar.min.css';
+  ```
+
+- css/scss 에 추가 시
+  ```css
+  @import 'simplebar-react/dist/simplebar.min.css';
+  ```

package/dist/@common/useChange.d.ts

@@ -1 +1 @@
-export declare var useChange: (value: any, callback: any, t0: any) => void;
+export declare const useChange: (value: any, callback: () => void, skipFirst?: boolean) => void;

package/dist/CardLayout/CardLayout.d.ts

@@ -1,2 +1,4 @@
-declare var CardLayout: (t0: any) => any;
+import React from 'react';
+import { CardLayoutProps } from './CardLayout.types';
+declare const CardLayout: ({ children, backgroundColor }: CardLayoutProps) => React.JSX.Element;
 export default CardLayout;

package/dist/DefaultLayout/DefaultLayout.d.ts

@@ -1,2 +1,4 @@
-declare var DefaultLayout: (t0: any) => any;
+import React from 'react';
+import { DefaultLayoutProps as Props } from './DefaultLayout.types';
+declare const DefaultLayout: ({ children, logo, badgeVariant, menu, menuHideScreen, appBarControl }: Props) => React.JSX.Element;
 export default DefaultLayout;

package/dist/DefaultLayout/DefaultLayout.types.d.ts

@@ -1 +1,33 @@
-export {};
+import { CSSProperties, ReactNode } from 'react';
+import { BadgeProps } from '@mui/material';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+export interface SubMenuItem {
+    id: string;
+    name: string;
+    depth: number;
+    uri: string;
+    badge?: number;
+    badgeVariant?: BadgeProps['variant'];
+}
+export interface MenuItem {
+    id: string;
+    name: string;
+    depth: number;
+    uri?: string;
+    icon?: string;
+    badge?: number;
+    badgeVariant?: BadgeProps['variant'];
+    items?: SubMenuItem[];
+}
+export interface DefaultLayoutProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProps<Theme>;
+    logo: ReactNode;
+    badgeVariant?: BadgeProps['variant'];
+    menu?: MenuItem[];
+    appBarControl?: ReactNode;
+    menuHideScreen?: 'xs' | 'sm' | 'md' | 'lg';
+}