azure-devops-ui/Components/Page/Page.min.js

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./Page.css";import*as React from"react";import{Orientation}from"./Page.Props";import{ObservableArray}from"../../Core/Observable";import{Intersection}from"../../Intersection";import{SurfaceBackground,SurfaceContext}from"../../Surface";import{TabGroupProvider,TabProvider}from"../../Tabs";import{css}from"../../Util";class Page extends React.Component{render(){const{tabProviders:e,selectedTabId:r,tabGroups:o,orientation:t=Orientation.Vertical,scrollableContainerRef:a,onScroll:c}=this.props,n=t===Orientation.Vertical?"flex-column":"flex-row";let s=React.createElement(SurfaceContext.Consumer,null,e=>React.createElement(Intersection,null,React.createElement("div",{ref:a,onScroll:c,className:css(this.props.className,"bolt-page v-scroll-auto",n,e.background===SurfaceBackground.neutral&&"bolt-page-grey",e.background===SurfaceBackground.normal&&"bolt-page-white")},this.props.children)));return r&&(s=React.createElement(TabProvider,{providers:e||new ObservableArray([]),selectedTabId:r},s)),s=o?React.createElement(TabGroupProvider,{providers:o},s):s}}export{Page};