superdesk-ui-framework 4.0.47 → 4.0.49

package/app-typescript/components/Layouts/HeaderPanel.tsx

@@ -6,10 +6,6 @@ interface IProps {
 
 export class HeaderPanel extends React.PureComponent<IProps> {
     render() {
-        return (
-            <div className="sd-main-content-grid__header">
-                {this.props.children}
-            </div>
-        );
+        return <div className="sd-main-content-grid__header">{this.props.children}</div>;
     }
 }

package/app-typescript/components/Layouts/Layout.tsx

@@ -6,28 +6,22 @@ interface IProps {
     theme?: string;
 }
 
-export const Layout = ({
-    header,
-    children,
-    theme,
-}: IProps) => {
+export const Layout = ({header, children, theme}: IProps) => {
     return (
-        <div className='sd-page-grid--test docs-page__full-width-helper' data-theme={theme}>
-            <div className='sd-main-menu'>
-                <div className='sd-main-menu__inner'></div>
+        <div className="sd-page-grid--test docs-page__full-width-helper" data-theme={theme}>
+            <div className="sd-main-menu">
+                <div className="sd-main-menu__inner"></div>
             </div>
-            <header className='sd-top-menu'>
-                <a className='sd-top-menu__collapse-nav'>
-                    <i className='icon-collapse icon--white'></i>
+            <header className="sd-top-menu">
+                <a className="sd-top-menu__collapse-nav">
+                    <i className="icon-collapse icon--white"></i>
                 </a>
-                <p className='sd-top-menu__header'>{header}</p>
+                <p className="sd-top-menu__header">{header}</p>
             </header>
-            <section id='1' className='sd-content sd-content-wrapper'>
+            <section id="1" className="sd-content sd-content-wrapper">
                 {children}
             </section>
-            <footer className='sd-bottom-bar'>
-                Footer
-            </footer>
+            <footer className="sd-bottom-bar">Footer</footer>
         </div>
     );
 };

package/app-typescript/components/Layouts/LayoutContainer.tsx

@@ -10,12 +10,7 @@ export class LayoutContainer extends React.PureComponent<IProps> {
     render() {
         const classes = classNames('sd-content-wrapper__main-content-area sd-main-content-grid comfort', {
             'sd-main-content-grid--full-height': this.props.fullHeight,
-        },
-    );
-        return (
-            <div className={classes}>
-                {this.props.children}
-            </div>
-        );
+        });
+        return <div className={classes}>{this.props.children}</div>;
     }
 }

package/app-typescript/components/Layouts/LeftPanel.tsx

@@ -8,17 +8,10 @@ interface IProps {
 
 export class LeftPanel extends React.PureComponent<IProps> {
     render() {
-        const classes = classNames(
-            'sd-main-content-grid__filter',
-            {
-                'open-filters': this.props.open === true,
-            },
-        );
+        const classes = classNames('sd-main-content-grid__filter', {
+            'open-filters': this.props.open === true,
+        });
 
-        return (
-            <div className={classes}>
-                {this.props.children}
-            </div>
-        );
+        return <div className={classes}>{this.props.children}</div>;
     }
 }

package/app-typescript/components/Layouts/MainMenu.tsx

@@ -8,10 +8,12 @@ interface IPropsContainer {
 class MainMenuContainer extends React.PureComponent<IPropsContainer> {
     render() {
         return (
-            <div id={this.props.id}
-                aria-labelledby='main-menu_title'
-                className='sd-main-menu__navigation'
-                data-theme={this.props.theme ? `${this.props.theme}-ui` : null}>
+            <div
+                id={this.props.id}
+                aria-labelledby="main-menu_title"
+                className="sd-main-menu__navigation"
+                data-theme={this.props.theme ? `${this.props.theme}-ui` : null}
+            >
                 {this.props.children}
             </div>
         );
@@ -24,8 +26,10 @@ interface IPropsHeader {
 class MainMenuHeader extends React.PureComponent<IPropsHeader> {
     render() {
         return (
-            <div className='sd-main-menu__header'>
-                <h3 id='main-menu_title' className='sd-main-menu__title'>{this.props.headerTitle}</h3>
+            <div className="sd-main-menu__header">
+                <h3 id="main-menu_title" className="sd-main-menu__title">
+                    {this.props.headerTitle}
+                </h3>
             </div>
         );
     }
@@ -35,11 +39,7 @@ interface IPropsContent {
 }
 class MainMenuContent extends React.PureComponent<IPropsContent> {
     render() {
-        return (
-            <div className='sd-main-menu__content'>
-                {this.props.children}
-            </div>
-        );
+        return <div className="sd-main-menu__content">{this.props.children}</div>;
     }
 }
 interface IPropsFooter {
@@ -50,18 +50,10 @@ interface IPropsFooter {
 class MainMenuFooter extends React.PureComponent<IPropsFooter> {
     render() {
         return (
-            <div className='sd-main-menu__footer'>
-                {this.props.poweredBy &&
-                    <div className='sd-main-menu__footer-info'>
-                        {this.props.poweredBy}
-                    </div>
-                }
-                <div className='sd-main-menu__footer-logo'></div>
-                {this.props.footerContent &&
-                    <div className='sd-main-menu__footer-content'>
-                        {this.props.children}
-                    </div>
-                }
+            <div className="sd-main-menu__footer">
+                {this.props.poweredBy && <div className="sd-main-menu__footer-info">{this.props.poweredBy}</div>}
+                <div className="sd-main-menu__footer-logo"></div>
+                {this.props.footerContent && <div className="sd-main-menu__footer-content">{this.props.children}</div>}
             </div>
         );
     }
@@ -80,12 +72,8 @@ export default class MainMenu extends React.PureComponent<IProps> {
     render() {
         return (
             <MainMenuContainer>
-                <MainMenuHeader headerTitle={this.props.headerTitle}>
-                    {this.props.header}
-                </MainMenuHeader>
-                <MainMenuContent>
-                    {this.props.children}
-                </MainMenuContent>
+                <MainMenuHeader headerTitle={this.props.headerTitle}>{this.props.header}</MainMenuHeader>
+                <MainMenuContent>{this.props.children}</MainMenuContent>
                 {this.props.footer && (
                     <MainMenuFooter footerContent={this.props.footerContent} poweredBy={this.props.poweredBy}>
                         {this.props.footer}
@@ -96,6 +84,4 @@ export default class MainMenu extends React.PureComponent<IProps> {
     }
 }
 
-export {
-    MainMenu, MainMenuContainer, MainMenuHeader, MainMenuContent, MainMenuFooter
-};
+export {MainMenu, MainMenuContainer, MainMenuHeader, MainMenuContent, MainMenuFooter};

package/app-typescript/components/Layouts/MainPanel.tsx

@@ -10,18 +10,17 @@ export interface IMainPanelProps {
 }
 
 export class MainPanel extends React.PureComponent<IMainPanelProps> {
-
     render() {
-        let classes = classNames('sd-main-content-grid__content', {
-            'sd-padding--2': !this.props.padding || this.props.padding === 'small',
-            'sd-padding--3': this.props.padding === 'medium',
-            'sd-padding--4': this.props.padding === 'large',
-            'sd-padding--0': this.props.padding === 'none',
-        }, this.props.className);
-        return (
-            <div className={classes}>
-                {this.props.children}
-            </div>
+        let classes = classNames(
+            'sd-main-content-grid__content',
+            {
+                'sd-padding--2': !this.props.padding || this.props.padding === 'small',
+                'sd-padding--3': this.props.padding === 'medium',
+                'sd-padding--4': this.props.padding === 'large',
+                'sd-padding--0': this.props.padding === 'none',
+            },
+            this.props.className,
         );
+        return <div className={classes}>{this.props.children}</div>;
     }
 }

package/app-typescript/components/Layouts/NotificationPanel.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { IconButton} from '../IconButton';
+import {IconButton} from '../IconButton';
 
 interface IPropsContainer {
     children?: React.ReactNode;
@@ -14,10 +14,12 @@ class NotificationPanelContainer extends React.PureComponent<IPropsContainer> {
             [`sd-notification-panel--open`]: this.props.open,
         });
         return (
-            <div id={this.props.id}
-                aria-labelledby='notifications_title'
+            <div
+                id={this.props.id}
+                aria-labelledby="notifications_title"
                 className={classes}
-                data-theme={this.props.theme ? `${this.props.theme}-ui` : null}>
+                data-theme={this.props.theme ? `${this.props.theme}-ui` : null}
+            >
                 {this.props.children}
             </div>
         );
@@ -31,13 +33,16 @@ interface IPropsHeader {
 class NotificationPanelHeader extends React.PureComponent<IPropsHeader> {
     render() {
         return (
-            <div className='sd-notification-panel__header'>
-                <h3 id='notifications_title' className='sd-notification-panel__title'>{this.props.headerTitle}</h3>
+            <div className="sd-notification-panel__header">
+                <h3 id="notifications_title" className="sd-notification-panel__title">
+                    {this.props.headerTitle}
+                </h3>
                 <IconButton
-                    toolTipFlow='left'
-                    ariaValue='Close'
-                    icon='close-small'
-                    onClick={() => this.props.onClick()} />
+                    toolTipFlow="left"
+                    ariaValue="Close"
+                    icon="close-small"
+                    onClick={() => this.props.onClick()}
+                />
             </div>
         );
     }
@@ -47,11 +52,7 @@ interface IPropsContent {
 }
 class NotificationPanelContent extends React.PureComponent<IPropsContent> {
     render() {
-        return (
-            <div className='sd-notification-panel__content'>
-                {this.props.children}
-            </div>
-        );
+        return <div className="sd-notification-panel__content">{this.props.children}</div>;
     }
 }
 interface IPropsFooter {
@@ -60,11 +61,7 @@ interface IPropsFooter {
 }
 class NotificationPanelFooter extends React.PureComponent<IPropsFooter> {
     render() {
-        return (
-            <div className='sd-notification-panel__footer'>
-                {this.props.children}
-            </div>
-        );
+        return <div className="sd-notification-panel__footer">{this.props.children}</div>;
     }
 }
 
@@ -87,14 +84,8 @@ export default class NotificationPanel extends React.PureComponent<IProps> {
                 <NotificationPanelHeader headerTitle={this.props.headerTitle} onClick={() => this.props.onClick()}>
                     {this.props.header}
                 </NotificationPanelHeader>
-                <NotificationPanelContent>
-                    {this.props.children}
-                </NotificationPanelContent>
-                {this.props.footer && (
-                    <NotificationPanelFooter>
-                        {this.props.footer}
-                    </NotificationPanelFooter>
-                )}
+                <NotificationPanelContent>{this.props.children}</NotificationPanelContent>
+                {this.props.footer && <NotificationPanelFooter>{this.props.footer}</NotificationPanelFooter>}
             </NotificationPanelContainer>
         );
     }
@@ -105,5 +96,5 @@ export {
     NotificationPanelContainer,
     NotificationPanelHeader,
     NotificationPanelContent,
-    NotificationPanelFooter
+    NotificationPanelFooter,
 };

package/app-typescript/components/Layouts/OverlayPanel.tsx

@@ -7,11 +7,9 @@ interface IProps {
 export class OverlayPanel extends React.PureComponent<IProps> {
     render() {
         return (
-            <div className='sd-main-content-grid__overlay'>
-                <div className='sd-overlay-panel sd-overlay-panel--dark-ui'>
-                    <div className='side-panel side-panel--shadow-right side-panel--dark-ui'>
-                        {this.props.children}
-                    </div>
+            <div className="sd-main-content-grid__overlay">
+                <div className="sd-overlay-panel sd-overlay-panel--dark-ui">
+                    <div className="side-panel side-panel--shadow-right side-panel--dark-ui">{this.props.children}</div>
                 </div>
             </div>
         );

package/app-typescript/components/Layouts/PageLayout.tsx

@@ -1,14 +1,7 @@
 // External Modules
 import * as React from 'react';
 
-import {
-    HeaderPanel,
-    LayoutContainer,
-    LeftPanel,
-    MainPanel,
-    RightPanel,
-    IMainPanelProps,
-} from '../Layouts';
+import {HeaderPanel, LayoutContainer, LeftPanel, MainPanel, RightPanel, IMainPanelProps} from '../Layouts';
 
 interface IProps {
     header?: React.ReactNode;
@@ -26,25 +19,15 @@ export class PageLayout extends React.PureComponent<IProps> {
     render() {
         return (
             <LayoutContainer fullHeight={this.props.fullHeight}>
-                {this.props.header && (
-                    <HeaderPanel>
-                        {this.props.header}
-                    </HeaderPanel>
-                )}
-                {this.props.leftPanel && (
-                    <LeftPanel open={this.props.leftPanelOpen}>
-                        {this.props.leftPanel}
-                    </LeftPanel>
-                )}
+                {this.props.header && <HeaderPanel>{this.props.header}</HeaderPanel>}
+                {this.props.leftPanel && <LeftPanel open={this.props.leftPanelOpen}>{this.props.leftPanel}</LeftPanel>}
                 {this.props.main && (
                     <MainPanel className={this.props.mainClassName} {...this.props.mainProps}>
                         {this.props.main}
                     </MainPanel>
                 )}
                 {this.props.rightPanel && (
-                    <RightPanel open={this.props.rightPanelOpen}>
-                        {this.props.rightPanel}
-                    </RightPanel>
+                    <RightPanel open={this.props.rightPanelOpen}>{this.props.rightPanel}</RightPanel>
                 )}
             </LayoutContainer>
         );

package/app-typescript/components/Layouts/Panel.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IconButton } from '../IconButton';
-import { Spinner, LoadingOverlay } from '../Spinner';
+import {IconButton} from '../IconButton';
+import {Spinner, LoadingOverlay} from '../Spinner';
 import classNames from 'classnames';
 import {ButtonGroup} from '../ButtonGroup';
 import {getNextZIndex} from '../../zIndex';
@@ -13,7 +13,7 @@ interface IPropsPanel {
     theme?: 'light' | 'dark';
     className?: string;
     size?:
-        'xx-small'
+        | 'xx-small'
         | 'x-small'
         | 'small'
         | 'medium'
@@ -31,11 +31,15 @@ interface IPropsPanel {
 
 export default class Panel extends React.PureComponent<IPropsPanel> {
     render() {
-        let classes = classNames('side-panel', {
-            [`side-panel--${this.props.side}`]: this.props.side,
-            [`side-panel--${this.props.background}`]:
-                this.props.background !== 'light' && this.props.background !== undefined,
-        }, this.props.className);
+        let classes = classNames(
+            'side-panel',
+            {
+                [`side-panel--${this.props.side}`]: this.props.side,
+                [`side-panel--${this.props.background}`]:
+                    this.props.background !== 'light' && this.props.background !== undefined,
+            },
+            this.props.className,
+        );
 
         const classes2Obj: {[className: string]: boolean} = {
             [`side-panel__container--${this.props.side}`]: this.props.side !== null,
@@ -58,11 +62,8 @@ export default class Panel extends React.PureComponent<IPropsPanel> {
                 style={style}
                 data-theme={this.props.theme ? `${this.props.theme}-ui` : null}
                 data-test-id={this.props['data-test-id']}
-
             >
-                <div className={classes}>
-                    {this.props.children}
-                </div>
+                <div className={classes}>{this.props.children}</div>
             </div>
         );
     }
@@ -88,10 +89,14 @@ class PanelHeader extends React.PureComponent<IPropsPanelHeader> {
     render() {
         const darkColors = ['blueGrey', 'blueGreyDarker'];
 
-        let classes = classNames('side-panel__header side-panel__header--border-b', {
-            [`side-panel__header--${this.props.color}`]: this.props.color || this.props.color !== undefined,
-            'side-panel__header--has-close': this.props.onClose,
-        }, this.props.className);
+        let classes = classNames(
+            'side-panel__header side-panel__header--border-b',
+            {
+                [`side-panel__header--${this.props.color}`]: this.props.color || this.props.color !== undefined,
+                'side-panel__header--has-close': this.props.onClose,
+            },
+            this.props.className,
+        );
 
         let style = {
             zIndex: this.zIndex,
@@ -101,35 +106,21 @@ class PanelHeader extends React.PureComponent<IPropsPanelHeader> {
 
         return (
             <div data-theme={this.props.theme || defaultTheme} className={classes} style={style}>
-                <div className='side-panel__header-wrapper'>
-                    {this.props.title != null
-                        && <div className="side-panel__header-inner">
+                <div className="side-panel__header-wrapper">
+                    {this.props.title != null && (
+                        <div className="side-panel__header-inner">
                             <h3 className="side-panel__heading">{this.props.title}</h3>
                         </div>
-                    }
-
-                    {(this.props.onClose == null && this.props.iconButtons == null)
-                        || (
-                            <ButtonGroup
-                                align='end'
-                                spaces='no-space'
-                                className='side-panel__btn-group'
-                            >
-                                {this.props.iconButtons != null
-                                    && this.props.iconButtons
-                                }
-                                {this.props.onClose != null
-                                    && (
-                                        <IconButton
-                                            icon='close-small'
-                                            ariaValue='Close'
-                                            onClick={this.props.onClose}
-                                        />
-                                    )
-                                }
-                            </ButtonGroup>
-                        )
-                    }
+                    )}
+
+                    {(this.props.onClose == null && this.props.iconButtons == null) || (
+                        <ButtonGroup align="end" spaces="no-space" className="side-panel__btn-group">
+                            {this.props.iconButtons != null && this.props.iconButtons}
+                            {this.props.onClose != null && (
+                                <IconButton icon="close-small" ariaValue="Close" onClick={this.props.onClose} />
+                            )}
+                        </ButtonGroup>
+                    )}
                 </div>
                 {this.props.children}
             </div>
@@ -149,16 +140,12 @@ class PanelContent extends React.PureComponent<IPropsPanelContent> {
     render() {
         return (
             <div className="side-panel__content">
-                {this.props.loading
-                    && <LoadingOverlay>
+                {this.props.loading && (
+                    <LoadingOverlay>
                         <Spinner size="large" />
                     </LoadingOverlay>
-                }
-                {this.props.empty
-                    && <LoadingOverlay>
-                        {this.props.emptyTemplate}
-                    </LoadingOverlay>
-                }
+                )}
+                {this.props.empty && <LoadingOverlay>{this.props.emptyTemplate}</LoadingOverlay>}
                 {this.props.children}
             </div>
         );
@@ -180,11 +167,7 @@ class PanelContentBlock extends React.PureComponent<IPropsContentBlock> {
             'side-panel__content-block--flex': this.props.flex,
             [`side-panel__content-block--padding-${this.props.padding}`]: this.props.padding,
         });
-        return (
-            <div className={classes}>
-                {this.props.children}
-            </div>
-        );
+        return <div className={classes}>{this.props.children}</div>;
     }
 }
 
@@ -192,11 +175,7 @@ class PanelContentBlock extends React.PureComponent<IPropsContentBlock> {
 
 class PanelFooter extends React.PureComponent {
     render() {
-        return (
-            <div className="side-panel__footer side-panel__footer--button-box">
-                {this.props.children}
-            </div>
-        );
+        return <div className="side-panel__footer side-panel__footer--button-box">{this.props.children}</div>;
     }
 }
 
@@ -209,18 +188,11 @@ interface IPropsSlidingToolbar {
 
 class PanelHeaderSlidingToolbar extends React.PureComponent<IPropsSlidingToolbar> {
     render() {
-        const classes = classNames(
-            'subnav__sliding-toolbar',
-            {
-                'subnav__sliding-toolbar--right': this.props.right,
-            },
-        );
+        const classes = classNames('subnav__sliding-toolbar', {
+            'subnav__sliding-toolbar--right': this.props.right,
+        });
 
-        return (
-            <div className={classes}>
-                {this.props.children}
-            </div>
-        );
+        return <div className={classes}>{this.props.children}</div>;
     }
 }
 
@@ -256,12 +228,4 @@ class PanelTools extends React.PureComponent<IPropsPanelTools> {
     }
 }
 
-export {
-    Panel,
-    PanelHeader,
-    PanelContent,
-    PanelContentBlock,
-    PanelFooter,
-    PanelHeaderSlidingToolbar,
-    PanelTools,
-};
+export {Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar, PanelTools};

package/app-typescript/components/Layouts/index.tsx

@@ -1,43 +1,43 @@
-export { Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar } from './Panel';
+export {Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar} from './Panel';
 
-export { Layout } from './Layout';
-export { LayoutContainer } from './LayoutContainer';
-export { HeaderPanel } from './HeaderPanel';
-export { MainPanel, IMainPanelProps } from './MainPanel';
-export { LeftPanel } from './LeftPanel';
-export { RightPanel } from './RightPanel';
-export { OverlayPanel } from './OverlayPanel';
-export { AuthoringContainer } from './AuthoringContainer';
-export { ContentSplitter } from './ContentSplitter';
+export {Layout} from './Layout';
+export {LayoutContainer} from './LayoutContainer';
+export {HeaderPanel} from './HeaderPanel';
+export {MainPanel, IMainPanelProps} from './MainPanel';
+export {LeftPanel} from './LeftPanel';
+export {RightPanel} from './RightPanel';
+export {OverlayPanel} from './OverlayPanel';
+export {AuthoringContainer} from './AuthoringContainer';
+export {ContentSplitter} from './ContentSplitter';
 
-export { PageLayout } from './PageLayout';
-export { Container } from './Container';
+export {PageLayout} from './PageLayout';
+export {Container} from './Container';
 
-export { AuthoringFrameContainer } from './AuthoringFrameContainer';
-export { AuthoringFrameMain } from './AuthoringFrameMain';
-export { AuthoringFrameNavBar } from './AuthoringFrameNavBar';
-export { AuthoringFrameLeftBar } from './AuthoringFrameLeftBar';
-export { AuthoringFrameRightBar } from './AuthoringFrameRightBar';
-export { AuthoringFrameSidePanel } from './AuthoringFrameSidePanel';
-export { AuthoringFrameSidePanelOverlay } from './AuthoringFrameSidePanelOverlay';
-export { AuthoringFrameOverlay } from './AuthoringFrameOverlay';
-export { AuthoringFrame } from './AuthoringFrame';
-export { AuthoringMain } from './AuthoringMain';
-export { AuthoringMainContainer } from './AuthoringMainContainer';
-export { AuthoringMainToolBar } from './AuthoringMainToolBar';
-export { AuthoringMainContent } from './AuthoringMainContent';
-export { AuthoringInnerHeader } from './AuthoringInnerHeader';
-export { AuthoringInnerBody } from './AuthoringInnerBody';
-export { AuthorinInnerSideBar } from './AuthorinInnerSideBar';
+export {AuthoringFrameContainer} from './AuthoringFrameContainer';
+export {AuthoringFrameMain} from './AuthoringFrameMain';
+export {AuthoringFrameNavBar} from './AuthoringFrameNavBar';
+export {AuthoringFrameLeftBar} from './AuthoringFrameLeftBar';
+export {AuthoringFrameRightBar} from './AuthoringFrameRightBar';
+export {AuthoringFrameSidePanel} from './AuthoringFrameSidePanel';
+export {AuthoringFrameSidePanelOverlay} from './AuthoringFrameSidePanelOverlay';
+export {AuthoringFrameOverlay} from './AuthoringFrameOverlay';
+export {AuthoringFrame} from './AuthoringFrame';
+export {AuthoringMain} from './AuthoringMain';
+export {AuthoringMainContainer} from './AuthoringMainContainer';
+export {AuthoringMainToolBar} from './AuthoringMainToolBar';
+export {AuthoringMainContent} from './AuthoringMainContent';
+export {AuthoringInnerHeader} from './AuthoringInnerHeader';
+export {AuthoringInnerBody} from './AuthoringInnerBody';
+export {AuthorinInnerSideBar} from './AuthorinInnerSideBar';
 
-export { CoreLayout } from './CoreLayout';
-export { CoreLayoutContainer } from './CoreLayoutContainer';
-export { CoreLayoutTopMenu } from './CoreLayoutTopMenu';
-export { CoreLayoutMain } from './CoreLayoutMain';
-export { CoreLayoutSlideInMenu } from './CoreLayoutSlideInMenu';
-export { CoreLayoutFooter } from './CoreLayoutFooter';
-export { CoreLayoutOverlay } from './CoreLayoutOverlay';
-export { HamburgerButton } from './HamburgerButton';
-export { BottomBarAction } from './BottomBarAction';
-export { MainMenu } from './MainMenu';
-export { NotificationPanel } from './NotificationPanel';
+export {CoreLayout} from './CoreLayout';
+export {CoreLayoutContainer} from './CoreLayoutContainer';
+export {CoreLayoutTopMenu} from './CoreLayoutTopMenu';
+export {CoreLayoutMain} from './CoreLayoutMain';
+export {CoreLayoutSlideInMenu} from './CoreLayoutSlideInMenu';
+export {CoreLayoutFooter} from './CoreLayoutFooter';
+export {CoreLayoutOverlay} from './CoreLayoutOverlay';
+export {HamburgerButton} from './HamburgerButton';
+export {BottomBarAction} from './BottomBarAction';
+export {MainMenu} from './MainMenu';
+export {NotificationPanel} from './NotificationPanel';