import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import o from"prop-types";import a from"classnames";import l from"react-draggable";import{makeStyles as d}from"@material-ui/core/styles";import{TableCell as s}from"@material-ui/core";var c=d((function(e){return{resizableColumnHeader:{display:"flex",paddingRight:0,justifyContent:"space-between"},tableResizer:{width:6,borderRadius:10,opacity:.7,cursor:"col-resize",marginRight:-11,marginTop:-16,marginBottom:-16},hovered:{backgroundColor:e.palette.primary.main}}})),u=function(e){var r;return null===(r=document.getElementById(e))||void 0===r?void 0:r.offsetWidth};function m(o){var d,m,p=o.children,f=o.cellName,h=o.nextCellName,v=o.widths,g=o.handleWidthsUpdate,b=c(),R=t(!1),x=R[0],y=R[1],z=t(),C=z[0],N=z[1],q=t(),w=q[0],j=q[1];if(n((function(){var e;N(u("content-".concat(f))+12),j(u("content-".concat(h))+12),g(((e={})[f]=u(f),e))}),[]),!p)return null;return r(s,e({width:v[f],id:f},p.props,{children:i("div",e({className:b.resizableColumnHeader},{children:[r("div",e({id:"content-".concat(f)},{children:null!==(m=null===(d=null==p?void 0:p.props)||void 0===d?void 0:d.children)&&void 0!==m?m:null})),r(l,e({axis:"x",onDrag:function(e,r){!function(e){var r,i=v[f]+e,t=v[h]-e;i<0||i<C||t<w||g(((r={})[f]=i,r[h]=t,r))}(r.deltaX)},position:{x:0},zIndex:999,onStart:function(){y(!0)},onStop:function(){var e;v[f]!==u(f)&&g(((e={})[f]=u(f),e)),y(!1)}},{children:r("div",{className:a(b.tableResizer,x&&b.hovered),onMouseEnter:function(){return y(!0)},onMouseLeave:function(){return y(!1)}})}))]}))}))}var p={children:o.element.isRequired,cellName:o.string.isRequired,nextCellName:o.string.isRequired,widths:o.shape({}).isRequired,handleWidthsUpdate:o.func.isRequired};m.propTypes=p;export{m as default};
