@column-resizer/react
Version:
[](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [](#contributing) [=>e in t?S(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,i=(t,e)=>{for(var r in e||(e={}))g.call(e,r)&&L(t,r,e[r]);if(H)for(var r of H(e))I.call(e,r)&&L(t,r,e[r]);return t},m=(t,e)=>B(t,U(e));var f=(t,e)=>{var r={};for(var o in t)g.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&H)for(var o of H(t))e.indexOf(o)<0&&I.call(t,o)&&(r[o]=t[o]);return r};export*from"@column-resizer/core";import*as R from"react";import*as P from"react";var M=P.createContext(null);import{ColumnResizer as K}from"@column-resizer/core";import l from"react";var w=typeof window=="object"?l.useLayoutEffect:l.useEffect;function D({vertical:t,rtl:e,beforeApplyResizer:r}){let o=k(r);return l.useMemo(()=>new K({vertical:t,beforeApplyResizer:o,rtl:e}),[t,o,e])}function b(){return l.useContext(M)}function p(t,e,r){let o=b(),u=k(r);l.useEffect(()=>o.on(t.current,e,s=>u(s)),[o,e,t,u])}function x(t,e){let r=l.useRef(t);return l.useImperativeHandle(e,()=>r.current),r}function k(t){let e=l.useRef(t);return e.current=t,l.useCallback((...r)=>{var o;return(o=e.current)==null?void 0:o.call(e,...r)},[e])}import h from"react";function F({hooks:t,params:e,children:r}){let o=t(...e);return h.createElement(h.Fragment,null,r(o))}function W(t,{onActivate:e,afterResizing:r}){p(t,"column:activate",e),p(t,"column:after-resizing",r)}var ue=R.forwardRef((d,y)=>{var a=d,{vertical:t=!1,rtl:e=!1,onActivate:r,beforeApplyResizer:o,afterResizing:u,columnResizerRef:s,style:v}=a,C=f(a,["vertical","rtl","onActivate","beforeApplyResizer","afterResizing","columnResizerRef","style"]);let c=x(null,y),n=D({vertical:t,rtl:e,beforeApplyResizer:o});return w(()=>(n.init(c.current),()=>n.dispose()),[n]),R.useImperativeHandle(s,()=>n,[n]),R.createElement(M.Provider,{value:n},R.createElement(F,{hooks:W,params:[c,{onActivate:r,afterResizing:u}]},()=>R.createElement("div",m(i({ref:c},C),{style:n.styles.container(v)}))))});import*as A from"react";var fe=A.forwardRef((d,y)=>{var a=d,{defaultSize:t,size:e,disableResponsive:r,minSize:o,maxSize:u,onSizeChanged:s,style:v}=a,C=f(a,["defaultSize","size","disableResponsive","minSize","maxSize","onSizeChanged","style"]);let c=x(null,y),n=b(),T={defaultSize:t,size:e,disableResponsive:r,minSize:o,maxSize:u};return p(c,"section:size-change",O=>s==null?void 0:s(O.detail.size)),A.createElement("div",i(m(i({ref:c},C),{style:n.styles.section(T,v)}),n.attributes.section(T)))});import*as z from"react";import*as E from"react";var j=E.forwardRef((y,C)=>{var d=y,{top:t=0,right:e=0,bottom:r=0,left:o=0,vertical:u,style:s}=d,v=f(d,["top","right","bottom","left","vertical","style"]);let a=E.useMemo(()=>i({position:"absolute",top:-t,left:-o,right:-e,bottom:-r,WebkitTapHighlightColor:"transparent",userSelect:"none"},s),[s,t,o,e,r,u]);return E.createElement("div",m(i({},v),{style:a,ref:C}))});var ye=z.forwardRef((y,C)=>{var d=y,{children:t,onClick:e,expandInteractiveArea:r,onStatusChanged:o,style:u,size:s=10}=d,v=f(d,["children","onClick","expandInteractiveArea","onStatusChanged","style","size"]);let a=b(),c=x(null,C),n={size:s};return p(c,"bar:click",()=>e==null?void 0:e()),p(c,"bar:status-change",T=>o==null?void 0:o(T.detail.isActive)),z.createElement("div",i(m(i({ref:c},v),{style:a.styles.bar(n,m(i({},u),{position:"relative"}))}),a.attributes.bar(n)),t,z.createElement(j,m(i({},r),{vertical:a.config.vertical})))});export{ye as Bar,ue as Container,fe as Section};
//# sourceMappingURL=index.js.map