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

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./Breakpoint.css";import*as React from"react";import{Intersection}from"../../Intersection";function Breakpoint(o){const[a]=React.useState(()=>React.createRef());let c=-2;var t=o["breakpoints"],r=t[t.length-1]+1,n=[];for(let e=0;e<t.length;e++)n[3*e]=(t[e]-1)/r,n[3*e+1]=t[e]/r,n[3*e+2]=(t[e]+1)/r;return React.createElement("div",{className:"bolt-breakpoint relative"},React.createElement(Intersection,{observationElement:function(){return a.current},onIntersect:function(){var e=a.current.parentElement.clientWidth,{breakpoints:t,onBreakpoint:r}=o;let n=t.length-1;for(;0<=n&&!(e>=t[n]);n--);n!==c&&r(c=n,t[n])},threshold:n},React.createElement("div",{className:"bolt-breakpoint-container absolute-fill scroll-hidden"},React.createElement("div",{className:"bolt-breakpoint-observation absolute",ref:a,style:{width:r+"px"}}))))}export{Breakpoint};