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

React components for building web UI in Azure DevOps

import{__extends}from"tslib";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";var Page=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return __extends(r,e),r.prototype.render=function(){var r=this,e=this.props,t=e.tabProviders,o=e.selectedTabId,a=e.tabGroups,n=e.orientation,n=void 0===n?Orientation.Vertical:n,c=e.scrollableContainerRef,i=e.onScroll,l=n===Orientation.Vertical?"flex-column":"flex-row",e=React.createElement(SurfaceContext.Consumer,null,function(e){return React.createElement(Intersection,null,React.createElement("div",{ref:c,onScroll:i,className:css(r.props.className,"bolt-page v-scroll-auto",l,e.background===SurfaceBackground.neutral&&"bolt-page-grey",e.background===SurfaceBackground.normal&&"bolt-page-white")},r.props.children))});return o&&(e=React.createElement(TabProvider,{providers:t||new ObservableArray([]),selectedTabId:o},e)),e=a?React.createElement(TabGroupProvider,{providers:a},e):e},r}(React.Component);export{Page};