ui-beyable 1.0.5 → 1.0.7

package/README.md

@@ -40,6 +40,16 @@ And then i you want to test in local in other project:
 ```bash
 npm link 
 ```
+In your app folder
+```bash
+npm link ui-beyable
+```
+
+After every code changes
+```bash
+npm run buildlib 
+```
+
 You can also migrate module to npm:
 ```bash
 npm publish

package/lib/cjs/components/Modal/Modal.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { IBYmodal } from './types';
-import './modal.css';
-declare function Modal({ children, isOpen, onClose, noClose, width, height, minHeight }: IBYmodal): JSX.Element;
+import { IModal } from './types';
+declare function Modal({ children, isOpen, onClose, noClose, width, height, minHeight, fullScreen, animation }: IModal): JSX.Element;
 export default Modal;

package/lib/cjs/components/Modal/types.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface IBYmodal {
+interface IModal {
     children: React.ReactNode;
     isOpen: boolean;
     onClose?: (e: any) => any;
@@ -7,5 +7,7 @@ interface IBYmodal {
     width?: string;
     height?: string;
     minHeight?: string;
+    fullScreen?: boolean;
+    animation?: string;
 }
-export type { IBYmodal };
+export type { IModal };

package/lib/cjs/components/Panel/Panel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IPanel, IPanelClose, IPanelHeader, IPanelBody } from './types';
+declare function Panel({ children, isOpen, onClose, width, hasClose, side, overlay, closeOnOverlay, offsetWidth, hasOffset }: IPanel): JSX.Element;
+declare function PanelClose({ onClick, position }: IPanelClose): JSX.Element;
+declare function PanelHeader({ children, className, title, intro, desc, hasClose, hasBorder, hasBottomPadding, primaryAction, secondaryAction, onClose }: IPanelHeader): JSX.Element;
+declare function PanelBody({ children, className, style, color, position, hasVerticalMargin }: IPanelBody): JSX.Element;
+export { Panel, PanelClose, PanelHeader, PanelBody };

package/lib/cjs/components/Panel/types.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+interface IPanel {
+    children: React.ReactNode;
+    isOpen: boolean;
+    onClose?: (e: any) => any;
+    hasClose?: boolean;
+    side?: string;
+    width?: number;
+    overlay?: boolean;
+    closeOnOverlay?: boolean;
+    hasOffset?: boolean;
+    offsetWidth?: number;
+}
+interface IPanelClose {
+    onClick?: (e: any) => any;
+    position?: string;
+}
+interface IPanelHeader {
+    children?: React.ReactNode;
+    className?: string;
+    title?: string;
+    intro?: string;
+    desc?: string;
+    hasClose?: boolean;
+    hasBorder?: boolean;
+    hasBottomPadding?: boolean;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    onClose?: (e: any) => any;
+}
+interface IPanelBody {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+    position?: string;
+    hasVerticalMargin?: boolean;
+}
+export type { IPanel, IPanelClose, IPanelHeader, IPanelBody };