@column-resizer/react/dist/modern/index.cjs

[](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [](#contributing) [![code style: prettier](https://i

"use strict";var F=Object.create;var T=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var U=(e,t)=>{for(var r in t)T(e,r,{get:t[r],enumerable:!0})},b=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of j(t))!B.call(e,n)&&n!==r&&T(e,n,{get:()=>t[n],enumerable:!(o=W(t,n))||o.enumerable});return e},v=(e,t,r)=>(b(e,t,"default"),r&&b(r,t,"default")),R=(e,t,r)=>(r=e!=null?F(O(e)):{},b(t||!e||!e.__esModule?T(r,"default",{value:e,enumerable:!0}):r,e)),K=e=>b(T({},"__esModule",{value:!0}),e);var C={};U(C,{Bar:()=>G,Container:()=>N,Section:()=>q});module.exports=K(C);v(C,require("@column-resizer/core"),module.exports);var m=R(require("react"),1);var A=R(require("react"),1),g=A.createContext(null);var L=require("@column-resizer/core"),u=R(require("react"),1);var h=typeof window=="object"?u.default.useLayoutEffect:u.default.useEffect;function k({vertical:e,rtl:t,beforeApplyResizer:r}){let o=I(r);return u.default.useMemo(()=>new L.ColumnResizer({vertical:e,beforeApplyResizer:o,rtl:t}),[e,o,t])}function E(){return u.default.useContext(g)}function l(e,t,r){let o=E(),n=I(r);u.default.useEffect(()=>o.on(e.current,t,s=>n(s)),[o,t,e,n])}function d(e,t){let r=u.default.useRef(e);return u.default.useImperativeHandle(t,()=>r.current),r}function I(e){let t=u.default.useRef(e);return t.current=e,u.default.useCallback((...r)=>t.current?.(...r),[t])}var M=R(require("react"),1);function P({hooks:e,params:t,children:r}){let o=e(...t);return M.default.createElement(M.default.Fragment,null,r(o))}function S(e,{onActivate:t,afterResizing:r}){l(e,"column:activate",t),l(e,"column:after-resizing",r)}var N=m.forwardRef(({vertical:e=!1,rtl:t=!1,onActivate:r,beforeApplyResizer:o,afterResizing:n,columnResizerRef:s,style:f,...p},c)=>{let a=d(null,c),i=k({vertical:e,rtl:t,beforeApplyResizer:o});return h(()=>(i.init(a.current),()=>i.dispose()),[i]),m.useImperativeHandle(s,()=>i,[i]),m.createElement(g.Provider,{value:i},m.createElement(P,{hooks:S,params:[a,{onActivate:r,afterResizing:n}]},()=>m.createElement("div",{ref:a,...p,style:i.styles.container(f)})))});var H=R(require("react"),1);var q=H.forwardRef(({defaultSize:e,size:t,disableResponsive:r,minSize:o,maxSize:n,onSizeChanged:s,style:f,...p},c)=>{let a=d(null,c),i=E(),z={defaultSize:e,size:t,disableResponsive:r,minSize:o,maxSize:n};return l(a,"section:size-change",D=>s?.(D.detail.size)),H.createElement("div",{ref:a,...p,style:i.styles.section(z,f),...i.attributes.section(z)})});var y=R(require("react"),1);var x=R(require("react"),1),w=x.forwardRef(({top:e=0,right:t=0,bottom:r=0,left:o=0,vertical:n,style:s,...f},p)=>{let c=x.useMemo(()=>({position:"absolute",top:-e,left:-o,right:-t,bottom:-r,WebkitTapHighlightColor:"transparent",userSelect:"none",...s}),[s,e,o,t,r,n]);return x.createElement("div",{...f,style:c,ref:p})});var G=y.forwardRef(({children:e,onClick:t,expandInteractiveArea:r,onStatusChanged:o,style:n,size:s=10,...f},p)=>{let c=E(),a=d(null,p),i={size:s};return l(a,"bar:click",()=>t?.()),l(a,"bar:status-change",z=>o?.(z.detail.isActive)),y.createElement("div",{ref:a,...f,style:c.styles.bar(i,{...n,position:"relative"}),...c.attributes.bar(i)},e,y.createElement(w,{...r,vertical:c.config.vertical}))});0&&(module.exports={Bar,Container,Section,...require("@column-resizer/core")});
//# sourceMappingURL=index.cjs.map