react-collapse-pane - npm Package Compare versions

Comparing version 1.3.10 to 1.4.0

dist/components/SplitPane/index.d.ts

@@ -11,3 +11,3 @@ import React from 'react';
 };
-export declare type TransitionType = 'fade' | 'grow' | 'zoom';
+export declare type TransitionType = 'fade' | 'grow' | 'zoom' | 'none';
 export declare type CollapseDirection = 'left' | 'right' | 'up' | 'down';
@@ -22,3 +22,3 @@ export interface CollapseOptions {
     collapseTransitionTimeout?: number;
-    collapsedSize: number;
+    collapsedSize?: number;
     overlayCss?: React.CSSProperties;
@@ -25,0 +25,0 @@ }

dist/react-collapse-pane.cjs.development.js

@@ -317,3 +317,4 @@ 'use strict';
   grow: core$1.Grow,
-  zoom: core$1.Zoom
+  zoom: core$1.Zoom,
+  none: core$1.Fade
 };
@@ -418,2 +419,3 @@ function useTransition(collapseOptions) {
   }, [collapseOptions]);
+  var isTransition = (collapseOptions === null || collapseOptions === void 0 ? void 0 : collapseOptions.buttonTransition) !== 'none';
   var collapseButton = collapseOptions ? React__default.createElement(ButtonContainer, {
@@ -428,4 +430,4 @@ "$isVertical": isVertical,
   }), React__default.createElement(Transition, {
-    "in": isHovered,
-    timeout: collapseOptions.buttonTransitionTimeout,
+    "in": isTransition ? isHovered : true,
+    timeout: isTransition ? collapseOptions.buttonTransitionTimeout : 0,
     style: {
@@ -432,0 +434,0 @@ flex: '0 0 0',

dist/react-collapse-pane.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),i=e(require("@emotion/styled")),r=require("@emotion/core"),o=require("@material-ui/core"),s=require("react-dom");function l(){return(l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function u(e,n){return n||(n=e.slice(0)),e.raw=n,e}function a(e){return n.useMemo((function(){return e.join(" ")}),[e])}function c(){var e=u(["\n      z-index: 1;\n    "]);return c=function(){return e},e}function d(){var e=u(["\n  ","\n  ",";\n  opacity: ",";\n  transition: opacity ","ms ease-in-out;\n"]);return d=function(){return e},e}function f(){var e=u(["\n      * {\n        z-index: 0;\n      }\n      z-index: 0;\n    "]);return f=function(){return e},e}function p(){var e=u(["\n  ","\n  ","\n"]);return p=function(){return e},e}function v(){var e=u(["\n  position: relative;\n  outline: none;\n  border: 0;\n  overflow: hidden;\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 1;\n  ","\n  ","\n"]);return v=function(){return e},e}function m(){var e=u(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"]);return m=function(){return e},e}function z(){var e=u(["\n  width: 100%;\n  height: 0;\n"]);return z=function(){return e},e}function S(){var e=u(["\n  width: 0;\n  height: 100%;\n"]);return S=function(){return e},e}var h=r.css(S()),g=r.css(z()),b=r.css(m()),C=i.div(v(),(function(e){return e.$isVertical?h:g}),(function(e){return e.$shouldAnimate&&"transition: flex-basis "+e.$timeout+"ms ease-in-out"})),x=i.div(p(),b,(function(e){return e.$isCollapsed&&r.css(f())})),y=i.div(d(),(function(e){return e.$isCollapsed&&b}),(function(e){return e.$isCollapsed&&r.css(c())}),(function(e){return e.$isCollapsed?1:0}),(function(e){return e.$timeout})),M=function(e){var t=e.size,i=e.minSize,r=e.isCollapsed,o=e.collapseOverlayCss,s=void 0===o?{background:"rgba(220,220,220, 0.1)"}:o,u=e.split,c=e.children,d=e.forwardRef,f=e.collapsedIndices,p=e.transitionTimeout,v=a(["Pane",u,e.className]),m=n.useMemo((function(){return null!=p?p:500}),[p]),z=n.useState(!1),S=z[0],h=z[1],g=n.useRef(!1);n.useEffect((function(){g.current?0!==m&&(h(!0),setTimeout((function(){return h(!1)}),500)):g.current=!0}),[h,f,m]);var b=n.useMemo((function(){return"vertical"===u?{minWidth:i}:{minHeight:i}}),[i,u]),M=r?l({},b,{userSelect:"none"}):b;return n.createElement(C,{$isVertical:"vertical"===u,$shouldAnimate:0!==m&&S,$timeout:m,className:v,ref:d,style:{flexBasis:t}},n.createElement(y,{$isCollapsed:r,$timeout:m,style:s}),n.createElement(x,{$isCollapsed:r,style:M},c))};M.displayName="Pane";var k=n.memo(M);function E(){var e=u(["\n  z-index: 2;\n  position: absolute;\n  ","\n"]);return E=function(){return e},e}function w(){var e=u(["\n  position: absolute;\n  z-index: 3;\n  transform: ",";\n  cursor: ",";\n  ","\n"]);return w=function(){return e},e}function I(){var e=u(["\n  position: absolute;\n  ","\n  ",";\n  transform: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  z-index: 3;\n  justify-content: center;\n"]);return I=function(){return e},e}function $(){var e=u(["\n  cursor: pointer;\n  position: absolute;\n"]);return $=function(){return e},e}function O(){var e=u(["\n  right: 0;\n  left: 0;\n"]);return O=function(){return e},e}function P(){var e=u(["\n  top: 0;\n  bottom: 0;\n"]);return P=function(){return e},e}var R=r.css(P()),T=r.css(O()),D=i.div($()),N=i.div(I(),(function(e){return e.$isVertical?R:T}),(function(e){return e.$isVertical?"width: 5rem":"height: 5rem"}),(function(e){return e.$isVertical?"translateX("+(e.isLtr?"-":"")+"50%) "+(e.grabberSize?"translateX(calc("+e.grabberSize+" / 2))":""):"translateY("+(e.isLtr?"-":"")+"50%) "+(e.grabberSize?"translateY(calc("+e.grabberSize+" / 2))":"")})),V=i.div(w(),(function(e){return e.$isVertical?"translateX(-50%)":"translateY(-50%)"}),(function(e){return!e.$isCollapsed&&(e.$isVertical?"col-resize":"row-resize")}),(function(e){return e.$isVertical?R:T})),L=i.div(E(),(function(e){return e.$isVertical?R:T})),A={fade:o.Fade,grow:o.Grow,zoom:o.Zoom};function j(){var e=u(["\n  flex: 1 1 auto;\n"]);return j=function(){return e},e}var B=i.div(j()),Y={grabberSize:"1rem",css:{backgroundColor:"rgba(120, 120, 120, 0.3)"},hoverCss:{backgroundColor:"rgba(120, 120, 120, 0.6)"}},q=function(e){var i=e.split,r=e.className,s=e.paneIndex,u=e.onDragStarted,c=e.collapseOptions,d=e.onCollapseToggle,f=e.isLtr,p=e.isCollapsed,v=l({},Y,e.resizerOptions),m=v.grabberSize,z=v.css,S=v.hoverCss,h="vertical"===i,g=a(["Resizer",i,r]),b=n.useMemo((function(){return e=m,isNaN(e)?e.toString():e+"px";var e}),[m]),C=function(e){return n.useMemo((function(){var n;return A[null!==(n=null==e?void 0:e.buttonTransition)&&void 0!==n?n:"fade"]}),[e])}(c),x=n.useState(!1),y=x[0],M=x[1],k=n.useCallback((function(e){e.preventDefault(),p||u(s,e)}),[s,p,u]),E=n.useCallback((function(e){e.preventDefault(),p||u(s,e.touches[0])}),[s,p,u]),w=n.useCallback((function(e){e.stopPropagation(),d(s)}),[s,d]),I=n.useCallback((function(e){e.stopPropagation()}),[]),$=n.useCallback((function(){M(!0)}),[M]),O=n.useCallback((function(){M(!1)}),[M]),P=n.useCallback((function(e){return h?{width:e}:{height:e}}),[h]),R=n.useMemo((function(){var e;return Math.max(100-(null!==(e=null==c?void 0:c.buttonPositionOffset)&&void 0!==e?e:0),0)}),[c]),T=n.useMemo((function(){var e;return Math.max(100+(null!==(e=null==c?void 0:c.buttonPositionOffset)&&void 0!==e?e:0),0)}),[c]),j=c?t.createElement(N,{$isVertical:h,grabberSize:b,isLtr:f},t.createElement(B,{style:{flexBasis:R}}),t.createElement(C,{in:y,timeout:c.buttonTransitionTimeout,style:{flex:"0 0 0",position:"relative"}},t.createElement(D,{$isVertical:h,onClick:w,onMouseDown:I},p?c.afterToggleButton:c.beforeToggleButton)),t.createElement(B,{style:{flexBasis:T}})):null;return t.createElement("div",{key:"grabber.root",style:{position:"relative"}},t.createElement(V,{key:"grabber",$isVertical:h,$isCollapsed:p,style:P(m),role:"presentation",className:g,onMouseDown:k,onTouchStart:E,onMouseEnter:$,onMouseLeave:O},j),t.createElement(o.Fade,{key:"resize.presentation.fadein",in:!y},t.createElement(L,{$isVertical:h,style:l({},P(1),z)})),t.createElement(o.Fade,{key:"resize.presentation.fadeout",in:y},t.createElement(L,{$isVertical:h,style:l({},P(1),S)})))};function F(e,t){n.useEffect((function(){var n=new AbortController;if(t)return window.addEventListener(e,t),function(){window.removeEventListener(e,t),n.abort()}}),[e,t])}function U(){var e=u(["\n  display: flex;\n  flex: 1;\n  height: 100%;\n  position: absolute;\n  outline: none;\n  overflow: hidden;\n  ","\n"]);return U=function(){return e},e}function X(){var e=u(["\n  bottom: 0;\n  top: 0;\n  flex-direction: column;\n  min-height: 100%;\n  width: 100%;\n"]);return X=function(){return e},e}function _(){var e=u(["\n  left: 0;\n  right: 0;\n  flex-direction: row;\n"]);return _=function(){return e},e}q.displayName="Resizer";var G=function(e,n){if("number"==typeof n){if(n>0)return n}else if(n instanceof Array){var t=n[e];if(t>0)return t}return 50},H=function e(n){var t=n.index,i=n.minSizes,r=n.offset,o=n.sizes,s=n.collapsedIndices,l=n.collapsedSize;if(!r||t<0||t+1>=o.length)return 0;var u=function(e){return s.includes(e)},a=u(t)?l:G(t,i),c=u(t+1)?l:G(t+1,i),d=o[t]+r,f=o[t+1]-r;if(r<0&&d<a){var p=d-a;r-=p-e({sizes:o,index:t-1,offset:p,minSizes:i,collapsedIndices:s,collapsedSize:l})}else if(r>0&&f<c){var v=c-f;r-=v-e({sizes:o,index:t+1,offset:v,minSizes:i,collapsedIndices:s,collapsedSize:l})}return o[t]+=r,o[t+1]-=r,r},W=function(e){var n=e.offset,t=e.isReversed,i=e.collapsedIndices,r=e.minSizes,o=e.sizes,s=e.index,l=e.collapsedSize;if(t?n>0:n<0)for(var u=t?s:s+1;t?u>0:u<o.length-1;t?u--:u++)i.includes(u)&&H({sizes:o,index:t?u-1:u,offset:n,minSizes:r,collapsedIndices:i,collapsedSize:l})},Z=function(e){return e.reduce((function(e,n){return e+n}),0)},J=r.css(_()),K=r.css(X()),Q=i.div(U(),(function(e){return"vertical"===e.split?J:K}));function ee(e){return n.useMemo((function(){return function(e){return!!(null==e?void 0:e.collapseDirection)&&["right","down"].includes(e.collapseDirection)}(e)}),[e])}var ne=function(e){var i,r,o=e.className,u=void 0===o?"":o,c=function(e,n){if(null==e)return{};var t,i,r={},o=Object.keys(e);for(i=0;i<o.length;i++)n.indexOf(t=o[i])>=0||(r[t]=e[t]);return r}(e,["className"]),d=function(e){var t=e.collapsedSizes,i=e.children,r=e.collapseOptions;return n.useMemo((function(){return(null==t?void 0:t.length)===i.length&&void 0!==r?t:new Array(i.length).fill(null)}),[i.length,r,t])}(c),f=function(e){var t=e.split,i=e.direction;return n.useMemo((function(){return"vertical"!==t||"rtl"!==i}),[t,i])}(c),p=n.useState(null!==(r=null==(i=d)?void 0:i.reduce((function(e,n,t){return null!==n?[].concat(e,[t]):[].concat(e)}),[]))&&void 0!==r?r:[]),v=p[0],m=p[1],z=function(e){var t,i=e.children,r=e.split,o=e.initialSizes,u=e.minSizes,a=e.hooks,c=e.collapsedIndices,d=e.collapsedSizes,f=e.collapseOptions,p=e.isLtr,v=Array.isArray(i)?i:[i],m=n.useRef(new Map),z=function(e){var t=e.minSizes,i=e.children,r=e.collapsedIndices,o=e.collapseOptions;return n.useMemo((function(){return i.map((function(e,n){var i;return r.includes(n)?null!==(i=null==o?void 0:o.collapsedSize)&&void 0!==i?i:50:G(n,t)}))}),[i,o,r,t])}({minSizes:u,children:v,collapseOptions:f,collapsedIndices:c}),S=function(e){var t=e.collapseOptions;return n.useMemo((function(){var e;return null!==(e=null==t?void 0:t.collapsedSize)&&void 0!==e?e:50}),[t])}({collapseOptions:f}),h=function(e){var t=e.paneRefs,i=e.children,r=e.minSizes;return n.useMemo((function(){var e=t.current;return t.current=new Map,i.map((function(i,o){var s="index."+o,l=e.get(s)||n.createRef();return t.current.set(s,l),{key:s,node:i,ref:l,minSize:r[o]}}))}),[i,r,t])}({minSizes:z,children:v,paneRefs:m}),g=ee(f),b=n.useMemo((function(){return v.map((function(e,n){var t;return null!==(t=null==o?void 0:o[n])&&void 0!==t?t:1}))}),[v,o]),C=n.useState(b),x=C[0],y=C[1],M=n.useState(x),k=M[0],E=M[1],w=n.useState(null!=d?d:new Array(v.length).fill(null)),I=w[0],$=w[1],O=function(e){var t=e.sizes,i=e.isLtr,r=e.minSizes,o=e.collapsedIndices,s=e.isReversed,l=e.collapsedSize;return n.useCallback((function(e){if(!e)return t;var n=[].concat(t),u=e.extraState.index,a=i?e.offset:-e.offset;return H({sizes:n,index:u,offset:a,minSizes:r,collapsedIndices:o,collapsedSize:l}),W({collapsedSize:l,sizes:n,minSizes:r,collapsedIndices:o,isReversed:s,index:u,offset:a}),n}),[o,l,i,s,r,t])}({minSizes:z,sizes:x,isLtr:p,collapsedSize:S,collapsedIndices:c,isReversed:g}),P=function(e){var t=e.childPanes,i=e.split;return n.useCallback((function(){return t.map((function(e){return function(e){var n,t,i="vertical"===e.split?"width":"height";return null!==(n=null===(t=e.ref.current)||void 0===t?void 0:t.getBoundingClientRect()[i])&&void 0!==n?n:0}({split:i,ref:e.ref})}))}),[t,i])}({childPanes:h,split:r}),R=function(e){var t=e.setSizes,i=e.hooks,r=e.getMovedSizes;return n.useCallback((function(e){var n,o=r(e);t(o),null==i||null===(n=i.onSaveSizes)||void 0===n||n.call(i,o)}),[r,i,t])}({getMovedSizes:O,children:v,hooks:a,setSizes:y}),T=function(e){var t=e.getCurrentPaneSizes,i=e.collapsedSize,r=e.collapsedIndices,o=e.originalMinSizes,s=e.minSizes,l=e.setMovedSizes,u=e.setSizes;return n.useCallback((function(e){var n=t(),a=e&&e.length>0?Z(n)/Z(e):1,c=e?e.map((function(e){return e*a})):n,d=c.map((function(e,n){return r.includes(n)?i:r.includes(n-1)?e+Z(r.filter((function(e,t){return t<=n})).map((function(e,n){return c[n]-i}))):e}));n.forEach((function(e,t){var l=n[t]-G(t,o);l<0&&H({collapsedIndices:r,collapsedSize:i,sizes:d,index:t,offset:-l,minSizes:s})})),l(d),u(d)}),[r,i,t,s,o,l,u])}({setMovedSizes:E,minSizes:z,collapsedIndices:c,collapsedSize:S,getCurrentPaneSizes:P,setSizes:y,originalMinSizes:u}),D=function(e,t){var i=function(e,t){var i=n.useState(null),r=i[0],o=i[1],l=n.useState(0),u=l[0],a=l[1],c=n.useCallback((function(n,t){var i="vertical"===e?n.clientX:n.clientY;o([t,i]),a(i)}),[e]),d=n.useMemo((function(){if(!r)return[null,void 0];var e={offset:u-r[1],extraState:r[0]};return[e,function(){s.unstable_batchedUpdates((function(){o(null),t(e)}))}]}),[u,r,t]),f=d[0],p=d[1],v=n.useMemo((function(){if(!r)return[void 0,void 0];var n=function(n){a("vertical"===e?n.clientX:n.clientY)};return[n,function(e){n(e.touches[0])},function(e){1==(1&e.buttons)||null==p||p()}]}),[r,p,e]);return{beginDrag:c,dragState:f,onMouseMove:v[0],onTouchMove:v[1],onMouseUp:p,onMouseEnter:v[2]}}(e,t),r=i.beginDrag,o=i.dragState,l=i.onTouchMove,u=i.onMouseUp,a=i.onMouseEnter;return F("mousemove",i.onMouseMove),F("touchmove",l),F("mouseup",u),F("mouseenter",a),[o,r]}(r,R),N=D[0],V=D[1],L=null!==(t=null==N?void 0:N.extraState)&&void 0!==t?t:null,A=function(e){var t=e.isReversed,i=e.movedSizes,r=e.minSizes,o=e.collapsedIndices,l=e.setSizes,u=e.setMovedSizes,a=e.collapsedSize;return n.useCallback((function(e){var n=e.size,c=e.idx,d=t?-(a-n):a-n,f=t?c-1:c,p=[].concat(i);H({sizes:p,index:f,offset:d,minSizes:r,collapsedIndices:o,collapsedSize:a}),W({offset:d,index:c,isReversed:t,collapsedIndices:o,minSizes:r,sizes:p,collapsedSize:a}),s.unstable_batchedUpdates((function(){u(p),l(p)}))}),[t,a,i,r,o,u,l])}({setMovedSizes:E,setSizes:y,minSizes:z,movedSizes:k,isReversed:g,collapsedIndices:c,collapsedSize:S}),j=function(e){var t=e.isReversed,i=e.movedSizes,r=e.minSizes,o=e.setMovedSizes,l=e.setSizes,u=e.collapsedSize,a=e.collapsedIndices;return n.useCallback((function(e){var n=e.size,c=e.idx,d=t?-(n-50):n-50,f=t?c-1:c,p=[].concat(i);H({sizes:p,index:f,offset:d,minSizes:r,collapsedSize:u,collapsedIndices:a}),s.unstable_batchedUpdates((function(){o(p),l(p)}))}),[a,u,t,r,i,o,l])}({isReversed:g,movedSizes:k,minSizes:z,setMovedSizes:E,setSizes:y,collapsedSize:S,collapsedIndices:c}),B=function(e){var t=e.movedSizes,i=e.setCollapsedSizes,r=e.collapsedSizes,o=e.collapseSize,s=e.sizes,l=e.hooks,u=e.unCollapseSize;return n.useCallback((function(e){i(r.map((function(n,i){var r,a,c=e.includes(i);return c&&null===n?(o({size:s[i],idx:i}),null==l||null===(r=l.onChange)||void 0===r||r.call(l,s),t[i]):c||null===n?n:(u({idx:i,size:n}),null==l||null===(a=l.onChange)||void 0===a||a.call(l,s),null)})))}),[o,r,l,t,i,s,u])}({sizes:x,collapsedSizes:I,setCollapsedSizes:$,movedSizes:k,collapseSize:A,unCollapseSize:j,hooks:a});return n.useEffect((function(){E(O(N))}),[N,O]),n.useEffect((function(){var e;null!==N&&(null==a||null===(e=a.onChange)||void 0===e||e.call(a,k))}),[N,k,a]),n.useEffect((function(){var e;null==a||null===(e=a.onCollapse)||void 0===e||e.call(a,I)}),[I,a]),n.useEffect((function(){B(c)}),[c]),F("resize",n.useMemo((function(){return e=function(){return T()},void 0===(n=50)&&(n=250),function(){for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];clearTimeout(t),t=setTimeout((function(){return e.apply(void 0,r)}),n)};var e,n,t}),[T])),n.useEffect((function(){return T(b)}),[]),{childPanes:n.useMemo((function(){return h.map((function(e,n){return l({},e,{size:k[n]})}))}),[h,k]),resizeState:L,handleDragStart:function(e){var t=e.isReversed,i=e.hooks,r=e.beginDrag,o=e.setSizes,s=e.getCurrentPaneSizes;return n.useCallback((function(e,n){var l,u=s();null==i||null===(l=i.onDragStarted)||void 0===l||l.call(i),r(n,{index:t?e-1:e}),o(u)}),[r,s,i,t,o])}({setSizes:y,isReversed:g,hooks:a,beginDrag:V,getCurrentPaneSizes:P})}}(l({},c,{isLtr:f,collapsedIndices:v,collapsedSizes:d})),S=z.childPanes,h=z.handleDragStart,g=z.resizeState,b=a(["SplitPane",c.split,u]),C=a(["resizing",u]),x=function(e){var t=e.collapsedIndices,i=e.setCollapsed;return n.useCallback((function(e){t.includes(e)?i(t.filter((function(n){return n!==e}))):i([].concat(t,[e]))}),[t])}({setCollapsed:m,collapsedIndices:v}),y=function(e){var t=e.collapsedIndices;return n.useCallback((function(e){return t.length>0&&t.includes(e)}),[t])}({collapsedIndices:v}),M=ee(c.collapseOptions);if(S.length<=1)return console.error("[react-collapse-pane] - You must have more than one non-null child inside the SplitPane component.  Even though SplitPane does not crash, you should resolve this error."),t.createElement(t.Fragment,null,c.children);var E=S.map((function(e,n){var i,r,o=M?n:n-1;return t.createElement(t.Fragment,{key:n},n-1>=0?t.createElement(q,{key:"resizer."+o,isCollapsed:y(o),split:c.split,isLtr:f,className:(null==g?void 0:g.index)===o?C:u,paneIndex:o,resizerOptions:c.resizerOptions,collapseOptions:c.collapseOptions,onDragStarted:h,onCollapseToggle:x}):null,t.createElement(k,{key:"pane."+n,forwardRef:e.ref,size:e.size,isCollapsed:y(n),collapsedIndices:v,split:c.split,minSize:G(n,c.minSizes),className:u,transitionTimeout:null===(i=c.collapseOptions)||void 0===i?void 0:i.collapseTransitionTimeout,collapseOverlayCss:null===(r=c.collapseOptions)||void 0===r?void 0:r.overlayCss},e.node))}));return t.createElement(Q,{key:"splitpanewrapper",className:b,split:c.split},E)};ne.displayName="SplitPane",ne.key="SplitPane",exports.SplitPane=ne;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),i=e(require("@emotion/styled")),r=require("@emotion/core"),o=require("@material-ui/core"),s=require("react-dom");function l(){return(l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function u(e,n){return n||(n=e.slice(0)),e.raw=n,e}function a(e){return n.useMemo((function(){return e.join(" ")}),[e])}function c(){var e=u(["\n      z-index: 1;\n    "]);return c=function(){return e},e}function d(){var e=u(["\n  ","\n  ",";\n  opacity: ",";\n  transition: opacity ","ms ease-in-out;\n"]);return d=function(){return e},e}function f(){var e=u(["\n      * {\n        z-index: 0;\n      }\n      z-index: 0;\n    "]);return f=function(){return e},e}function p(){var e=u(["\n  ","\n  ","\n"]);return p=function(){return e},e}function v(){var e=u(["\n  position: relative;\n  outline: none;\n  border: 0;\n  overflow: hidden;\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 1;\n  ","\n  ","\n"]);return v=function(){return e},e}function m(){var e=u(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"]);return m=function(){return e},e}function z(){var e=u(["\n  width: 100%;\n  height: 0;\n"]);return z=function(){return e},e}function S(){var e=u(["\n  width: 0;\n  height: 100%;\n"]);return S=function(){return e},e}var h=r.css(S()),g=r.css(z()),b=r.css(m()),C=i.div(v(),(function(e){return e.$isVertical?h:g}),(function(e){return e.$shouldAnimate&&"transition: flex-basis "+e.$timeout+"ms ease-in-out"})),x=i.div(p(),b,(function(e){return e.$isCollapsed&&r.css(f())})),y=i.div(d(),(function(e){return e.$isCollapsed&&b}),(function(e){return e.$isCollapsed&&r.css(c())}),(function(e){return e.$isCollapsed?1:0}),(function(e){return e.$timeout})),M=function(e){var t=e.size,i=e.minSize,r=e.isCollapsed,o=e.collapseOverlayCss,s=void 0===o?{background:"rgba(220,220,220, 0.1)"}:o,u=e.split,c=e.children,d=e.forwardRef,f=e.collapsedIndices,p=e.transitionTimeout,v=a(["Pane",u,e.className]),m=n.useMemo((function(){return null!=p?p:500}),[p]),z=n.useState(!1),S=z[0],h=z[1],g=n.useRef(!1);n.useEffect((function(){g.current?0!==m&&(h(!0),setTimeout((function(){return h(!1)}),500)):g.current=!0}),[h,f,m]);var b=n.useMemo((function(){return"vertical"===u?{minWidth:i}:{minHeight:i}}),[i,u]),M=r?l({},b,{userSelect:"none"}):b;return n.createElement(C,{$isVertical:"vertical"===u,$shouldAnimate:0!==m&&S,$timeout:m,className:v,ref:d,style:{flexBasis:t}},n.createElement(y,{$isCollapsed:r,$timeout:m,style:s}),n.createElement(x,{$isCollapsed:r,style:M},c))};M.displayName="Pane";var k=n.memo(M);function E(){var e=u(["\n  z-index: 2;\n  position: absolute;\n  ","\n"]);return E=function(){return e},e}function w(){var e=u(["\n  position: absolute;\n  z-index: 3;\n  transform: ",";\n  cursor: ",";\n  ","\n"]);return w=function(){return e},e}function I(){var e=u(["\n  position: absolute;\n  ","\n  ",";\n  transform: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  z-index: 3;\n  justify-content: center;\n"]);return I=function(){return e},e}function $(){var e=u(["\n  cursor: pointer;\n  position: absolute;\n"]);return $=function(){return e},e}function O(){var e=u(["\n  right: 0;\n  left: 0;\n"]);return O=function(){return e},e}function P(){var e=u(["\n  top: 0;\n  bottom: 0;\n"]);return P=function(){return e},e}var R=r.css(P()),T=r.css(O()),D=i.div($()),N=i.div(I(),(function(e){return e.$isVertical?R:T}),(function(e){return e.$isVertical?"width: 5rem":"height: 5rem"}),(function(e){return e.$isVertical?"translateX("+(e.isLtr?"-":"")+"50%) "+(e.grabberSize?"translateX(calc("+e.grabberSize+" / 2))":""):"translateY("+(e.isLtr?"-":"")+"50%) "+(e.grabberSize?"translateY(calc("+e.grabberSize+" / 2))":"")})),V=i.div(w(),(function(e){return e.$isVertical?"translateX(-50%)":"translateY(-50%)"}),(function(e){return!e.$isCollapsed&&(e.$isVertical?"col-resize":"row-resize")}),(function(e){return e.$isVertical?R:T})),L=i.div(E(),(function(e){return e.$isVertical?R:T})),A={fade:o.Fade,grow:o.Grow,zoom:o.Zoom,none:o.Fade};function j(){var e=u(["\n  flex: 1 1 auto;\n"]);return j=function(){return e},e}var B=i.div(j()),F={grabberSize:"1rem",css:{backgroundColor:"rgba(120, 120, 120, 0.3)"},hoverCss:{backgroundColor:"rgba(120, 120, 120, 0.6)"}},Y=function(e){var i=e.split,r=e.className,s=e.paneIndex,u=e.onDragStarted,c=e.collapseOptions,d=e.onCollapseToggle,f=e.isLtr,p=e.isCollapsed,v=l({},F,e.resizerOptions),m=v.grabberSize,z=v.css,S=v.hoverCss,h="vertical"===i,g=a(["Resizer",i,r]),b=n.useMemo((function(){return e=m,isNaN(e)?e.toString():e+"px";var e}),[m]),C=function(e){return n.useMemo((function(){var n;return A[null!==(n=null==e?void 0:e.buttonTransition)&&void 0!==n?n:"fade"]}),[e])}(c),x=n.useState(!1),y=x[0],M=x[1],k=n.useCallback((function(e){e.preventDefault(),p||u(s,e)}),[s,p,u]),E=n.useCallback((function(e){e.preventDefault(),p||u(s,e.touches[0])}),[s,p,u]),w=n.useCallback((function(e){e.stopPropagation(),d(s)}),[s,d]),I=n.useCallback((function(e){e.stopPropagation()}),[]),$=n.useCallback((function(){M(!0)}),[M]),O=n.useCallback((function(){M(!1)}),[M]),P=n.useCallback((function(e){return h?{width:e}:{height:e}}),[h]),R=n.useMemo((function(){var e;return Math.max(100-(null!==(e=null==c?void 0:c.buttonPositionOffset)&&void 0!==e?e:0),0)}),[c]),T=n.useMemo((function(){var e;return Math.max(100+(null!==(e=null==c?void 0:c.buttonPositionOffset)&&void 0!==e?e:0),0)}),[c]),j="none"!==(null==c?void 0:c.buttonTransition),Y=c?t.createElement(N,{$isVertical:h,grabberSize:b,isLtr:f},t.createElement(B,{style:{flexBasis:R}}),t.createElement(C,{in:!j||y,timeout:j?c.buttonTransitionTimeout:0,style:{flex:"0 0 0",position:"relative"}},t.createElement(D,{$isVertical:h,onClick:w,onMouseDown:I},p?c.afterToggleButton:c.beforeToggleButton)),t.createElement(B,{style:{flexBasis:T}})):null;return t.createElement("div",{key:"grabber.root",style:{position:"relative"}},t.createElement(V,{key:"grabber",$isVertical:h,$isCollapsed:p,style:P(m),role:"presentation",className:g,onMouseDown:k,onTouchStart:E,onMouseEnter:$,onMouseLeave:O},Y),t.createElement(o.Fade,{key:"resize.presentation.fadein",in:!y},t.createElement(L,{$isVertical:h,style:l({},P(1),z)})),t.createElement(o.Fade,{key:"resize.presentation.fadeout",in:y},t.createElement(L,{$isVertical:h,style:l({},P(1),S)})))};function q(e,t){n.useEffect((function(){var n=new AbortController;if(t)return window.addEventListener(e,t),function(){window.removeEventListener(e,t),n.abort()}}),[e,t])}function U(){var e=u(["\n  display: flex;\n  flex: 1;\n  height: 100%;\n  position: absolute;\n  outline: none;\n  overflow: hidden;\n  ","\n"]);return U=function(){return e},e}function X(){var e=u(["\n  bottom: 0;\n  top: 0;\n  flex-direction: column;\n  min-height: 100%;\n  width: 100%;\n"]);return X=function(){return e},e}function _(){var e=u(["\n  left: 0;\n  right: 0;\n  flex-direction: row;\n"]);return _=function(){return e},e}Y.displayName="Resizer";var G=function(e,n){if("number"==typeof n){if(n>0)return n}else if(n instanceof Array){var t=n[e];if(t>0)return t}return 50},H=function e(n){var t=n.index,i=n.minSizes,r=n.offset,o=n.sizes,s=n.collapsedIndices,l=n.collapsedSize;if(!r||t<0||t+1>=o.length)return 0;var u=function(e){return s.includes(e)},a=u(t)?l:G(t,i),c=u(t+1)?l:G(t+1,i),d=o[t]+r,f=o[t+1]-r;if(r<0&&d<a){var p=d-a;r-=p-e({sizes:o,index:t-1,offset:p,minSizes:i,collapsedIndices:s,collapsedSize:l})}else if(r>0&&f<c){var v=c-f;r-=v-e({sizes:o,index:t+1,offset:v,minSizes:i,collapsedIndices:s,collapsedSize:l})}return o[t]+=r,o[t+1]-=r,r},W=function(e){var n=e.offset,t=e.isReversed,i=e.collapsedIndices,r=e.minSizes,o=e.sizes,s=e.index,l=e.collapsedSize;if(t?n>0:n<0)for(var u=t?s:s+1;t?u>0:u<o.length-1;t?u--:u++)i.includes(u)&&H({sizes:o,index:t?u-1:u,offset:n,minSizes:r,collapsedIndices:i,collapsedSize:l})},Z=function(e){return e.reduce((function(e,n){return e+n}),0)},J=r.css(_()),K=r.css(X()),Q=i.div(U(),(function(e){return"vertical"===e.split?J:K}));function ee(e){return n.useMemo((function(){return function(e){return!!(null==e?void 0:e.collapseDirection)&&["right","down"].includes(e.collapseDirection)}(e)}),[e])}var ne=function(e){var i,r,o=e.className,u=void 0===o?"":o,c=function(e,n){if(null==e)return{};var t,i,r={},o=Object.keys(e);for(i=0;i<o.length;i++)n.indexOf(t=o[i])>=0||(r[t]=e[t]);return r}(e,["className"]),d=function(e){var t=e.collapsedSizes,i=e.children,r=e.collapseOptions;return n.useMemo((function(){return(null==t?void 0:t.length)===i.length&&void 0!==r?t:new Array(i.length).fill(null)}),[i.length,r,t])}(c),f=function(e){var t=e.split,i=e.direction;return n.useMemo((function(){return"vertical"!==t||"rtl"!==i}),[t,i])}(c),p=n.useState(null!==(r=null==(i=d)?void 0:i.reduce((function(e,n,t){return null!==n?[].concat(e,[t]):[].concat(e)}),[]))&&void 0!==r?r:[]),v=p[0],m=p[1],z=function(e){var t,i=e.children,r=e.split,o=e.initialSizes,u=e.minSizes,a=e.hooks,c=e.collapsedIndices,d=e.collapsedSizes,f=e.collapseOptions,p=e.isLtr,v=Array.isArray(i)?i:[i],m=n.useRef(new Map),z=function(e){var t=e.minSizes,i=e.children,r=e.collapsedIndices,o=e.collapseOptions;return n.useMemo((function(){return i.map((function(e,n){var i;return r.includes(n)?null!==(i=null==o?void 0:o.collapsedSize)&&void 0!==i?i:50:G(n,t)}))}),[i,o,r,t])}({minSizes:u,children:v,collapseOptions:f,collapsedIndices:c}),S=function(e){var t=e.collapseOptions;return n.useMemo((function(){var e;return null!==(e=null==t?void 0:t.collapsedSize)&&void 0!==e?e:50}),[t])}({collapseOptions:f}),h=function(e){var t=e.paneRefs,i=e.children,r=e.minSizes;return n.useMemo((function(){var e=t.current;return t.current=new Map,i.map((function(i,o){var s="index."+o,l=e.get(s)||n.createRef();return t.current.set(s,l),{key:s,node:i,ref:l,minSize:r[o]}}))}),[i,r,t])}({minSizes:z,children:v,paneRefs:m}),g=ee(f),b=n.useMemo((function(){return v.map((function(e,n){var t;return null!==(t=null==o?void 0:o[n])&&void 0!==t?t:1}))}),[v,o]),C=n.useState(b),x=C[0],y=C[1],M=n.useState(x),k=M[0],E=M[1],w=n.useState(null!=d?d:new Array(v.length).fill(null)),I=w[0],$=w[1],O=function(e){var t=e.sizes,i=e.isLtr,r=e.minSizes,o=e.collapsedIndices,s=e.isReversed,l=e.collapsedSize;return n.useCallback((function(e){if(!e)return t;var n=[].concat(t),u=e.extraState.index,a=i?e.offset:-e.offset;return H({sizes:n,index:u,offset:a,minSizes:r,collapsedIndices:o,collapsedSize:l}),W({collapsedSize:l,sizes:n,minSizes:r,collapsedIndices:o,isReversed:s,index:u,offset:a}),n}),[o,l,i,s,r,t])}({minSizes:z,sizes:x,isLtr:p,collapsedSize:S,collapsedIndices:c,isReversed:g}),P=function(e){var t=e.childPanes,i=e.split;return n.useCallback((function(){return t.map((function(e){return function(e){var n,t,i="vertical"===e.split?"width":"height";return null!==(n=null===(t=e.ref.current)||void 0===t?void 0:t.getBoundingClientRect()[i])&&void 0!==n?n:0}({split:i,ref:e.ref})}))}),[t,i])}({childPanes:h,split:r}),R=function(e){var t=e.setSizes,i=e.hooks,r=e.getMovedSizes;return n.useCallback((function(e){var n,o=r(e);t(o),null==i||null===(n=i.onSaveSizes)||void 0===n||n.call(i,o)}),[r,i,t])}({getMovedSizes:O,children:v,hooks:a,setSizes:y}),T=function(e){var t=e.getCurrentPaneSizes,i=e.collapsedSize,r=e.collapsedIndices,o=e.originalMinSizes,s=e.minSizes,l=e.setMovedSizes,u=e.setSizes;return n.useCallback((function(e){var n=t(),a=e&&e.length>0?Z(n)/Z(e):1,c=e?e.map((function(e){return e*a})):n,d=c.map((function(e,n){return r.includes(n)?i:r.includes(n-1)?e+Z(r.filter((function(e,t){return t<=n})).map((function(e,n){return c[n]-i}))):e}));n.forEach((function(e,t){var l=n[t]-G(t,o);l<0&&H({collapsedIndices:r,collapsedSize:i,sizes:d,index:t,offset:-l,minSizes:s})})),l(d),u(d)}),[r,i,t,s,o,l,u])}({setMovedSizes:E,minSizes:z,collapsedIndices:c,collapsedSize:S,getCurrentPaneSizes:P,setSizes:y,originalMinSizes:u}),D=function(e,t){var i=function(e,t){var i=n.useState(null),r=i[0],o=i[1],l=n.useState(0),u=l[0],a=l[1],c=n.useCallback((function(n,t){var i="vertical"===e?n.clientX:n.clientY;o([t,i]),a(i)}),[e]),d=n.useMemo((function(){if(!r)return[null,void 0];var e={offset:u-r[1],extraState:r[0]};return[e,function(){s.unstable_batchedUpdates((function(){o(null),t(e)}))}]}),[u,r,t]),f=d[0],p=d[1],v=n.useMemo((function(){if(!r)return[void 0,void 0];var n=function(n){a("vertical"===e?n.clientX:n.clientY)};return[n,function(e){n(e.touches[0])},function(e){1==(1&e.buttons)||null==p||p()}]}),[r,p,e]);return{beginDrag:c,dragState:f,onMouseMove:v[0],onTouchMove:v[1],onMouseUp:p,onMouseEnter:v[2]}}(e,t),r=i.beginDrag,o=i.dragState,l=i.onTouchMove,u=i.onMouseUp,a=i.onMouseEnter;return q("mousemove",i.onMouseMove),q("touchmove",l),q("mouseup",u),q("mouseenter",a),[o,r]}(r,R),N=D[0],V=D[1],L=null!==(t=null==N?void 0:N.extraState)&&void 0!==t?t:null,A=function(e){var t=e.isReversed,i=e.movedSizes,r=e.minSizes,o=e.collapsedIndices,l=e.setSizes,u=e.setMovedSizes,a=e.collapsedSize;return n.useCallback((function(e){var n=e.size,c=e.idx,d=t?-(a-n):a-n,f=t?c-1:c,p=[].concat(i);H({sizes:p,index:f,offset:d,minSizes:r,collapsedIndices:o,collapsedSize:a}),W({offset:d,index:c,isReversed:t,collapsedIndices:o,minSizes:r,sizes:p,collapsedSize:a}),s.unstable_batchedUpdates((function(){u(p),l(p)}))}),[t,a,i,r,o,u,l])}({setMovedSizes:E,setSizes:y,minSizes:z,movedSizes:k,isReversed:g,collapsedIndices:c,collapsedSize:S}),j=function(e){var t=e.isReversed,i=e.movedSizes,r=e.minSizes,o=e.setMovedSizes,l=e.setSizes,u=e.collapsedSize,a=e.collapsedIndices;return n.useCallback((function(e){var n=e.size,c=e.idx,d=t?-(n-50):n-50,f=t?c-1:c,p=[].concat(i);H({sizes:p,index:f,offset:d,minSizes:r,collapsedSize:u,collapsedIndices:a}),s.unstable_batchedUpdates((function(){o(p),l(p)}))}),[a,u,t,r,i,o,l])}({isReversed:g,movedSizes:k,minSizes:z,setMovedSizes:E,setSizes:y,collapsedSize:S,collapsedIndices:c}),B=function(e){var t=e.movedSizes,i=e.setCollapsedSizes,r=e.collapsedSizes,o=e.collapseSize,s=e.sizes,l=e.hooks,u=e.unCollapseSize;return n.useCallback((function(e){i(r.map((function(n,i){var r,a,c=e.includes(i);return c&&null===n?(o({size:s[i],idx:i}),null==l||null===(r=l.onChange)||void 0===r||r.call(l,s),t[i]):c||null===n?n:(u({idx:i,size:n}),null==l||null===(a=l.onChange)||void 0===a||a.call(l,s),null)})))}),[o,r,l,t,i,s,u])}({sizes:x,collapsedSizes:I,setCollapsedSizes:$,movedSizes:k,collapseSize:A,unCollapseSize:j,hooks:a});return n.useEffect((function(){E(O(N))}),[N,O]),n.useEffect((function(){var e;null!==N&&(null==a||null===(e=a.onChange)||void 0===e||e.call(a,k))}),[N,k,a]),n.useEffect((function(){var e;null==a||null===(e=a.onCollapse)||void 0===e||e.call(a,I)}),[I,a]),n.useEffect((function(){B(c)}),[c]),q("resize",n.useMemo((function(){return e=function(){return T()},void 0===(n=50)&&(n=250),function(){for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];clearTimeout(t),t=setTimeout((function(){return e.apply(void 0,r)}),n)};var e,n,t}),[T])),n.useEffect((function(){return T(b)}),[]),{childPanes:n.useMemo((function(){return h.map((function(e,n){return l({},e,{size:k[n]})}))}),[h,k]),resizeState:L,handleDragStart:function(e){var t=e.isReversed,i=e.hooks,r=e.beginDrag,o=e.setSizes,s=e.getCurrentPaneSizes;return n.useCallback((function(e,n){var l,u=s();null==i||null===(l=i.onDragStarted)||void 0===l||l.call(i),r(n,{index:t?e-1:e}),o(u)}),[r,s,i,t,o])}({setSizes:y,isReversed:g,hooks:a,beginDrag:V,getCurrentPaneSizes:P})}}(l({},c,{isLtr:f,collapsedIndices:v,collapsedSizes:d})),S=z.childPanes,h=z.handleDragStart,g=z.resizeState,b=a(["SplitPane",c.split,u]),C=a(["resizing",u]),x=function(e){var t=e.collapsedIndices,i=e.setCollapsed;return n.useCallback((function(e){t.includes(e)?i(t.filter((function(n){return n!==e}))):i([].concat(t,[e]))}),[t])}({setCollapsed:m,collapsedIndices:v}),y=function(e){var t=e.collapsedIndices;return n.useCallback((function(e){return t.length>0&&t.includes(e)}),[t])}({collapsedIndices:v}),M=ee(c.collapseOptions);if(S.length<=1)return console.error("[react-collapse-pane] - You must have more than one non-null child inside the SplitPane component.  Even though SplitPane does not crash, you should resolve this error."),t.createElement(t.Fragment,null,c.children);var E=S.map((function(e,n){var i,r,o=M?n:n-1;return t.createElement(t.Fragment,{key:n},n-1>=0?t.createElement(Y,{key:"resizer."+o,isCollapsed:y(o),split:c.split,isLtr:f,className:(null==g?void 0:g.index)===o?C:u,paneIndex:o,resizerOptions:c.resizerOptions,collapseOptions:c.collapseOptions,onDragStarted:h,onCollapseToggle:x}):null,t.createElement(k,{key:"pane."+n,forwardRef:e.ref,size:e.size,isCollapsed:y(n),collapsedIndices:v,split:c.split,minSize:G(n,c.minSizes),className:u,transitionTimeout:null===(i=c.collapseOptions)||void 0===i?void 0:i.collapseTransitionTimeout,collapseOverlayCss:null===(r=c.collapseOptions)||void 0===r?void 0:r.overlayCss},e.node))}));return t.createElement(Q,{key:"splitpanewrapper",className:b,split:c.split},E)};ne.displayName="SplitPane",ne.key="SplitPane",exports.SplitPane=ne;
 //# sourceMappingURL=react-collapse-pane.cjs.production.min.js.map

dist/react-collapse-pane.esm.js

@@ -310,3 +310,4 @@ import React__default, { useMemo, memo, useState, useRef, useEffect, createElement, useCallback, createRef } from 'react';
   grow: Grow,
-  zoom: Zoom
+  zoom: Zoom,
+  none: Fade
 };
@@ -411,2 +412,3 @@ function useTransition(collapseOptions) {
   }, [collapseOptions]);
+  var isTransition = (collapseOptions === null || collapseOptions === void 0 ? void 0 : collapseOptions.buttonTransition) !== 'none';
   var collapseButton = collapseOptions ? React__default.createElement(ButtonContainer, {
@@ -421,4 +423,4 @@ "$isVertical": isVertical,
   }), React__default.createElement(Transition, {
-    "in": isHovered,
-    timeout: collapseOptions.buttonTransitionTimeout,
+    "in": isTransition ? isHovered : true,
+    timeout: isTransition ? collapseOptions.buttonTransitionTimeout : 0,
     style: {
@@ -425,0 +427,0 @@ flex: '0 0 0',

package.json

 {
-  "version": "1.3.10",
+  "version": "1.4.0",
   "license": "MIT",
@@ -4,0 +4,0 @@ "name": "react-collapse-pane",

README.md

@@ -12,3 +12,3 @@ # react-collapse-pane
   <a href="#contributors">
-    <img alt="All Contributors" src="https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square">
+    <img alt="All Contributors" src="https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square">
   </a>
@@ -126,2 +126,3 @@ <a href="https://github.com/prettier/prettier">
     <td align="center"><a href="https://github.com/b-zurg"><img src="https://avatars3.githubusercontent.com/u/57298613?v=4" width="100px;" alt=""/><br /><sub><b>Buzurg Arjmandi</b></sub></a><br /><a href="https://github.com/b-zurg/react-collapse-pane/commits?author=b-zurg" title="Tests">⚠️</a> <a href="https://github.com/b-zurg/react-collapse-pane/commits?author=b-zurg" title="Documentation">📖</a> <a href="https://github.com/b-zurg/react-collapse-pane/commits?author=b-zurg" title="Code">💻</a> <a href="#design-b-zurg" title="Design">🎨</a> <a href="#example-b-zurg" title="Examples">💡</a> <a href="#platform-b-zurg" title="Packaging/porting to new platform">📦</a></td>
+    <td align="center"><a href="https://github.com/hst44"><img src="https://avatars1.githubusercontent.com/u/54194733?v=4" width="100px;" alt=""/><br /><sub><b>hst44</b></sub></a><br /><a href="https://github.com/b-zurg/react-collapse-pane/issues?q=author%3Ahst44" title="Bug reports">🐛</a></td>
   </tr>
@@ -128,0 +129,0 @@ </table>

No alert changes

Improved metrics

Total package byte prevSize

356745

increased by0.46%

Lines of code

2707

increased by0.15%

Number of lines in readme file

134

increased by0.75%

No dependency changes