ui-beyable 1.0.6 → 1.0.8

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/lib/esm/components/App/App.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IAppRoot, IAppHeader, IAppLinkWrapper, IAppLogo } from './types';
+declare function AppRoot({ children }: IAppRoot): JSX.Element;
+declare function AppHeader({ logo, primaryLinks, secondaryLinks }: IAppHeader): JSX.Element;
+declare function AppLinkWrapper({ children, isActive }: IAppLinkWrapper): JSX.Element;
+declare function AppLogo({ name, overlayLink }: IAppLogo): JSX.Element;
+export { AppRoot, AppHeader, AppLinkWrapper, AppLogo };

package/lib/esm/components/App/types.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface IAppRoot {
+    children: React.ReactNode;
+}
+interface IAppHeader {
+    logo: React.ReactNode;
+    primaryLinks?: React.ReactNode;
+    secondaryLinks?: React.ReactNode;
+}
+interface IAppLinkWrapper {
+    children: React.ReactNode;
+    isActive?: boolean;
+}
+interface IAppLogo {
+    name: string;
+    href?: string;
+    className?: string;
+    overlayLink?: React.ReactNode;
+}
+export type { IAppRoot, IAppHeader, IAppLinkWrapper, IAppLogo };

package/lib/esm/components/AppHeader/AppHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IAppHeader } from './types';
+declare function AppHeader({}: IAppHeader): JSX.Element;
+export default AppHeader;

package/lib/esm/components/AppHeader/types.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface IAppHeader {
+    children: React.ReactNode;
+    isOpen: boolean;
+    onClose?: (e: any) => any;
+    hasClose?: boolean;
+    side?: string;
+    width?: number;
+    overlay?: boolean;
+    closeOnOverlay?: boolean;
+    hasOffset?: boolean;
+    offsetWidth?: number;
+}
+export type { IAppHeader };

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { IPanel, IPanelClose } from './types';
-declare function Panel({ children, isOpen, onClose, width, noClose, side, overlay, closeOnOverlay, offsetWidth, hasOffset }: IPanel): JSX.Element;
-declare function PanelClose({ onClick }: IPanelClose): JSX.Element;
-export { Panel, PanelClose };
+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/esm/components/Panel/types.d.ts

@@ -3,7 +3,7 @@ interface IPanel {
     children: React.ReactNode;
     isOpen: boolean;
     onClose?: (e: any) => any;
-    noClose?: boolean;
+    hasClose?: boolean;
     side?: string;
     width?: number;
     overlay?: boolean;
@@ -13,5 +13,27 @@ interface IPanel {
 }
 interface IPanelClose {
     onClick?: (e: any) => any;
+    position?: string;
 }
-export type { IPanel, IPanelClose };
+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 };

package/lib/esm/index.d.ts

@@ -1,7 +1,19 @@
+import { AppRoot, AppHeader, AppLinkWrapper, AppLogo } from './components/App/App';
 import Btn from './components/Button/Btn';
 import Modal from './components/Modal/Modal';
-import { Panel, PanelClose } from './components/Panel/Panel';
+import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Panel';
 import Portal from './components/Portal/BYportal';
 import Collapse from './components/Collapse/Collapse';
-import "./style/btn.module.css";
-export { Btn, Modal, Panel, PanelClose, Portal, Collapse };
+declare const Theme: {
+    typo: {
+        readonly h1: string;
+        readonly h2: string;
+        readonly h3: string;
+    };
+    colors: {
+        readonly red: string;
+        readonly blue: string;
+        readonly green: string;
+    };
+};
+export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Btn, Modal, Panel, PanelClose, PanelHeader, PanelBody, Portal, Collapse };