caleb531 / flip-book / 10499286139

import OverlayComponent from "./overlay";

class PanelComponent {

  view({ attrs: { id, position, dismissable = true }, children }) {

    return PanelComponent.panelIsOpen(id)

      ? [

          <OverlayComponent

            type="panel"

            onDismiss={() => {

              if (dismissable) {

                PanelComponent.closeAllPanels();

              }

            }}

          />,

          <div className={`panel panel-${id} panel-position-${position}`}>

            {children}

          </div>,

        ]

      : null;

  }

}

PanelComponent.currentlyOpenPanel = null;

PanelComponent.panelIsOpen = (id) => {

  return PanelComponent.currentlyOpenPanel === id;

};

PanelComponent.panelIsClosed = (id) => {

  return !PanelComponent.panelIsOpen(id);

};

PanelComponent.openPanel = (id) => {

  PanelComponent.currentlyOpenPanel = id;

};

PanelComponent.togglePanel = (id) => {

  if (PanelComponent.panelIsClosed(id)) {

    PanelComponent.openPanel(id);

  } else {

    PanelComponent.closeAllPanels();

  }

};

PanelComponent.closeAllPanels = () => {

  PanelComponent.currentlyOpenPanel = null;

};

export default PanelComponent;