UNPKG

@column-resizer/react

Version:

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://i

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