dockview 1.8.3 → 1.8.4

package/dist/cjs/dockview/dockview.d.ts

@@ -31,6 +31,7 @@ export interface IDockviewReactProps {
     defaultTabComponent?: React.FunctionComponent<IDockviewPanelHeaderProps>;
     rightHeaderActionsComponent?: React.FunctionComponent<IDockviewHeaderActionsProps>;
     leftHeaderActionsComponent?: React.FunctionComponent<IDockviewHeaderActionsProps>;
+    prefixHeaderActionsComponent?: React.FunctionComponent<IDockviewHeaderActionsProps>;
     singleTabMode?: 'fullwidth' | 'default';
     disableFloatingGroups?: boolean;
     floatingGroupBounds?: 'boundedWithinViewport' | {

package/dist/cjs/dockview/dockview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dockview.d.ts","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,WAAW,EAKd,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EACH,2BAA2B,EAE9B,MAAM,yBAAyB,CAAC;AAiBjC,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CAC1E,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,yBAAyB,CACjC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACxC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACpE,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IACzE,2BAA2B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IACnF,0BAA0B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClF,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EACd,uBAAuB,GACvB;QACI,2BAA2B,CAAC,EAAE,MAAM,CAAC;QACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;KACvC,CAAC;CACX;AAID,eAAO,MAAM,aAAa,4FAwOzB,CAAC"}
+{"version":3,"file":"dockview.d.ts","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,WAAW,EAKd,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EACH,2BAA2B,EAE9B,MAAM,yBAAyB,CAAC;AAiBjC,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CAC1E,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,yBAAyB,CACjC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACxC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACpE,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IACzE,2BAA2B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IACnF,0BAA0B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClF,4BAA4B,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IACpF,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EACd,uBAAuB,GACvB;QACI,2BAA2B,CAAC,EAAE,MAAM,CAAC;QACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;KACvC,CAAC;CACX;AAID,eAAO,MAAM,aAAa,4FAwPzB,CAAC"}

package/dist/cjs/dockview/dockview.js

@@ -109,6 +109,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             showDndOverlay: props.showDndOverlay,
             createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal: addPortal }),
             createRightHeaderActionsElement: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal: addPortal }),
+            createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal: addPortal }),
             singleTabMode: props.singleTabMode,
             disableFloatingGroups: props.disableFloatingGroups,
             floatingGroupBounds: props.floatingGroupBounds,
@@ -218,6 +219,14 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal: addPortal }),
         });
     }, [props.leftHeaderActionsComponent]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal: addPortal }),
+        });
+    }, [props.prefixHeaderActionsComponent]);
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.DockviewReact.displayName = 'DockviewComponent';

package/dist/cjs/dockview/dockview.js.map

@@ -1 +1 @@
-{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+CAWuB;AACvB,uDAA2D;AAC3D,qDAAyD;AAEzD,kCAAiE;AACjE,2DAAgF;AAEhF,iEAGiC;AAEjC,SAAS,yBAAyB,CAC9B,SAA2E,EAC3E,KAAuB;IAEvB,OAAO,SAAS;QACZ,CAAC,CAAC,UAAC,UAA8B;YAC3B,OAAO,IAAI,sDAA8B,CACrC,SAAS,EACT,KAAK,EACL,UAAU,CACb,CAAC;QACN,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;AACpB,CAAC;AA2CD,IAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAEzC,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CACzC,UAAC,KAA0B,EAAE,GAAuC;IAChE,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IAChD,IAAA,KAAA,OAAuB,IAAA,2BAAmB,GAAE,IAAA,EAA3C,OAAO,QAAA,EAAE,SAAS,QAAyB,CAAC;IAEnD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,MAAM,CAAC,OAAQ,EAAf,CAAe,EAAE,EAAE,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACjB,OAAO;gBACH,OAAO;YACX,CAAC,CAAC;SACL;QAED,IAAM,OAAO,GAAwC;YACjD,OAAO,EAAE;gBACL,eAAe,EAAE,UACb,GAAW,EACX,WAAmB,EACnB,SAAuD;oBAEvD,OAAO,IAAI,wCAAqB,CAC5B,WAAW,EACX,SAAS,EACT;wBACI,SAAS,WAAA;qBACZ,CACJ,CAAC;gBACN,CAAC;aACJ;YACD,GAAG,EAAE;gBACD,eAAe,EAAE,UACb,GAAW,EACX,WAAmB,EACnB,SAA6D;oBAE7D,OAAO,IAAI,sCAAoB,CAC3B,WAAW,EACX,SAAS,EACT;wBACI,SAAS,WAAA;qBACZ,CACJ,CAAC;gBACN,CAAC;aACJ;YACD,SAAS,EAAE;gBACP,eAAe,EAAE,UACb,GAAW,EACX,WAAmB,EACnB,SAAsC;oBAEtC,OAAO,IAAI,uCAAkB,CAAC,WAAW,EAAE,SAAS,EAAE;wBAClD,SAAS,WAAA;qBACZ,CAAC,CAAC;gBACP,CAAC;aACJ;SACJ,CAAC;QAEF,IAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC;QAEzD,IAAI,KAAK,CAAC,mBAAmB,EAAE;YAC3B,sBAAsB,CAAC,iBAAiB,CAAC;gBACrC,KAAK,CAAC,mBAAmB,CAAC;SACjC;QAED,IAAM,QAAQ,GAAG,IAAI,iCAAiB,CAAC;YACnC,aAAa,EAAE,MAAM,CAAC,OAAO;YAC7B,yBAAyB,EAAE,OAAO;YAClC,mBAAmB,EAAE,KAAK,CAAC,UAAU;YACrC,sBAAsB,wBAAA;YACtB,2BAA2B,EAAE,KAAK,CAAC,kBAAkB;YACrD,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;gBAC1C,CAAC,CAAC,iBAAiB;gBACnB,CAAC,CAAC,SAAS;YACf,MAAM,EAAE,KAAK,CAAC,WAAW;gBACrB,CAAC,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE;gBACpC,CAAC,CAAC,SAAS;YACf,cAAc,EAAE,KAAK,CAAC,cAAc;YACpC,8BAA8B,EAAE,yBAAyB,CACrD,KAAK,CAAC,0BAA0B,EAChC,EAAE,SAAS,WAAA,EAAE,CAChB;YACD,+BAA+B,EAAE,yBAAyB,CACtD,KAAK,CAAC,2BAA2B,EACjC,EAAE,SAAS,WAAA,EAAE,CAChB;YACD,gCAAgC,EAAE,yBAAyB,CACvD,KAAK,CAAC,4BAA4B,EAClC,EAAE,SAAS,WAAA,EAAE,CAChB;YACD,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;YAClD,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;SACjD,CAAC,CAAC;QAEG,IAAA,KAAgC,MAAM,CAAC,OAAO,EAA5C,WAAW,iBAAA,EAAE,YAAY,kBAAmB,CAAC;QACrD,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAE3C,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,2BAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SACrD;QAED,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAE/B,OAAO;YACH,QAAQ,CAAC,OAAO,EAAE,CAAC;QACvB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;gBACH,OAAO;YACX,CAAC,CAAC;SACL;QAED,IAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,UAAC,KAAK;YACnD,IAAI,KAAK,CAAC,SAAS,EAAE;gBACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACH,UAAU,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,mBAAmB,EAAE,KAAK,CAAC,UAAU;SACxC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;SACjD,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,2BAA2B,EAAE,KAAK,CAAC,kBAAkB;SACxD,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,cAAc,EAAE,KAAK,CAAC,cAAc;SACvC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,sBAAsB,EAAE,KAAK,CAAC,aAAa;SAC9C,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;SACrD,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAElC,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QAED,IAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC;QAEzD,IAAI,KAAK,CAAC,mBAAmB,EAAE;YAC3B,sBAAsB,CAAC,iBAAiB,CAAC;gBACrC,KAAK,CAAC,mBAAmB,CAAC;SACjC;QAED,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;gBAC1C,CAAC,CAAC,iBAAiB;gBACnB,CAAC,CAAC,SAAS;YACf,sBAAsB,wBAAA;SACzB,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,+BAA+B,EAAE,yBAAyB,CACtD,KAAK,CAAC,2BAA2B,EACjC,EAAE,SAAS,WAAA,EAAE,CAChB;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAExC,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,8BAA8B,EAAE,yBAAyB,CACrD,KAAK,CAAC,0BAA0B,EAChC,EAAE,SAAS,WAAA,EAAE,CAChB;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,gCAAgC,EAAE,yBAAyB,CACvD,KAAK,CAAC,4BAA4B,EAClC,EAAE,SAAS,WAAA,EAAE,CAChB;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,6BACI,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EACxC,GAAG,EAAE,MAAM,IAEV,OAAO,CACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AACF,qBAAa,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.8.3
+ * @version 1.8.4
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -918,7 +918,17 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           size = typeof size === 'number' ? size : item.size;
           size = clamp(size, item.minimumSize, item.maximumSize);
           item.size = size;
-          this.relayout([index]);
+          const indexes = range(this.viewItems.length).filter((i) => i !== index);
+          const lowPriorityIndexes = [
+              ...indexes.filter((i) => this.viewItems[i].priority === exports.LayoutPriority.Low),
+              index,
+          ];
+          const highPriorityIndexes = indexes.filter((i) => this.viewItems[i].priority === exports.LayoutPriority.High);
+          /**
+           * add this view we are changing to the low-index list since we have determined the size
+           * here and don't want it changed
+           */
+          this.relayout([...lowPriorityIndexes, index], highPriorityIndexes);
       }
       addView(view, size = { type: 'distribute' }, index = this.viewItems.length, skipLayout) {
           const container = document.createElement('div');
@@ -1675,6 +1685,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                   orientation: this.orientation,
                   descriptor,
                   proportionalLayout,
+                  styles,
               });
           }
           this.addDisposables(this._onDidChange, this.splitview.onDidSashEnd(() => {
@@ -2186,6 +2197,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                   const child = sibling.children[i];
                   grandParent.addChild(child, child.size, parentIndex + i);
               }
+              /**
+               * clean down the branch node since we need to dipose of it and
+               * when .dispose() it called on a branch it will dispose of any
+               * views it is holding onto.
+               */
+              while (sibling.children.length > 0) {
+                  sibling.removeChild(0);
+              }
           }
           else {
               // otherwise create a new leaf node and add that to the grandparent
@@ -3244,6 +3263,19 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               this.leftActions = element;
           }
       }
+      setPrefixActionsElement(element) {
+          if (this.preActions === element) {
+              return;
+          }
+          if (this.preActions) {
+              this.preActions.remove();
+              this.preActions = undefined;
+          }
+          if (element) {
+              this.preActionsContainer.appendChild(element);
+              this.preActions = element;
+          }
+      }
       get element() {
           return this._element;
       }
@@ -3284,9 +3316,12 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           this.rightActionsContainer.className = 'right-actions-container';
           this.leftActionsContainer = document.createElement('div');
           this.leftActionsContainer.className = 'left-actions-container';
+          this.preActionsContainer = document.createElement('div');
+          this.preActionsContainer.className = 'pre-actions-container';
           this.tabContainer = document.createElement('div');
           this.tabContainer.className = 'tabs-container';
           this.voidContainer = new VoidContainer(this.accessor, this.group);
+          this._element.appendChild(this.preActionsContainer);
           this._element.appendChild(this.tabContainer);
           this._element.appendChild(this.leftActionsContainer);
           this._element.appendChild(this.voidContainer.element);
@@ -3576,6 +3611,16 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               });
               this.tabsContainer.setLeftActionsElement(this._leftHeaderActions.element);
           }
+          if (this.accessor.options.createPrefixHeaderActionsElement) {
+              this._prefixHeaderActions =
+                  this.accessor.options.createPrefixHeaderActionsElement(this.groupPanel);
+              this.addDisposables(this._prefixHeaderActions);
+              this._prefixHeaderActions.init({
+                  containerApi: new DockviewApi(this.accessor),
+                  api: this.groupPanel.api,
+              });
+              this.tabsContainer.setPrefixActionsElement(this._prefixHeaderActions.element);
+          }
       }
       indexOf(panel) {
           return this.tabsContainer.indexOf(panel.id);
@@ -3918,6 +3963,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                    */
                   return;
               }
+              if (!document.body.contains(this._element)) {
+                  /**
+                   * since the event is dispatched through requestAnimationFrame there is a small chance
+                   * the component is no longer attached to the DOM, if that is the case the dimensions
+                   * are mostly likely all zero and meaningless. we should skip this case.
+                   */
+                  return;
+              }
               const { width, height } = entry.contentRect;
               this.layout(width, height);
           }));
@@ -5946,61 +5999,114 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
       fromJSON(data) {
           var _a;
           this.clear();
+          if (typeof data !== 'object' || data === null) {
+              throw new Error('serialized layout must be a non-null object');
+          }
           const { grid, panels, activeGroup } = data;
           if (grid.root.type !== 'branch' || !Array.isArray(grid.root.data)) {
               throw new Error('root must be of type branch');
           }
-          // take note of the existing dimensions
-          const width = this.width;
-          const height = this.height;
-          const createGroupFromSerializedState = (data) => {
-              const { id, locked, hideHeader, views, activeView } = data;
-              const group = this.createGroup({
-                  id,
-                  locked: !!locked,
-                  hideHeader: !!hideHeader,
-              });
-              this._onDidAddGroup.fire(group);
-              for (const child of views) {
-                  const panel = this._deserializer.fromJSON(panels[child], group);
-                  const isActive = typeof activeView === 'string' && activeView === panel.id;
-                  group.model.openPanel(panel, {
-                      skipSetPanelActive: !isActive,
-                      skipSetGroupActive: true,
+          try {
+              // take note of the existing dimensions
+              const width = this.width;
+              const height = this.height;
+              const createGroupFromSerializedState = (data) => {
+                  const { id, locked, hideHeader, views, activeView } = data;
+                  if (typeof id !== 'string') {
+                      throw new Error('group id must be of type string');
+                  }
+                  const group = this.createGroup({
+                      id,
+                      locked: !!locked,
+                      hideHeader: !!hideHeader,
                   });
+                  const createdPanels = [];
+                  for (const child of views) {
+                      /**
+                       * Run the deserializer step seperately since this may fail to due corrupted external state.
+                       * In running this section first we avoid firing lots of 'add' events in the event of a failure
+                       * due to a corruption of input data.
+                       */
+                      const panel = this._deserializer.fromJSON(panels[child], group);
+                      createdPanels.push(panel);
+                  }
+                  this._onDidAddGroup.fire(group);
+                  for (let i = 0; i < views.length; i++) {
+                      const panel = createdPanels[i];
+                      const isActive = typeof activeView === 'string' &&
+                          activeView === panel.id;
+                      group.model.openPanel(panel, {
+                          skipSetPanelActive: !isActive,
+                          skipSetGroupActive: true,
+                      });
+                  }
+                  if (!group.activePanel && group.panels.length > 0) {
+                      group.model.openPanel(group.panels[group.panels.length - 1], {
+                          skipSetGroupActive: true,
+                      });
+                  }
+                  return group;
+              };
+              this.gridview.deserialize(grid, {
+                  fromJSON: (node) => {
+                      return createGroupFromSerializedState(node.data);
+                  },
+              });
+              this.layout(width, height, true);
+              const serializedFloatingGroups = (_a = data.floatingGroups) !== null && _a !== void 0 ? _a : [];
+              for (const serializedFloatingGroup of serializedFloatingGroups) {
+                  const { data, position } = serializedFloatingGroup;
+                  const group = createGroupFromSerializedState(data);
+                  this.addFloatingGroup(group, {
+                      x: position.left,
+                      y: position.top,
+                      height: position.height,
+                      width: position.width,
+                  }, { skipRemoveGroup: true, inDragMode: false });
+              }
+              for (const floatingGroup of this.floatingGroups) {
+                  floatingGroup.overlay.setBounds();
+              }
+              if (typeof activeGroup === 'string') {
+                  const panel = this.getPanel(activeGroup);
+                  if (panel) {
+                      this.doSetGroupActive(panel);
+                  }
               }
-              if (!group.activePanel && group.panels.length > 0) {
-                  group.model.openPanel(group.panels[group.panels.length - 1], {
-                      skipSetGroupActive: true,
-                  });
+          }
+          catch (err) {
+              /**
+               * Takes all the successfully created groups and remove all of their panels.
+               */
+              for (const group of this.groups) {
+                  for (const panel of group.panels) {
+                      this.removePanel(panel, {
+                          removeEmptyGroup: false,
+                          skipDispose: false,
+                      });
+                  }
               }
-              return group;
-          };
-          this.gridview.deserialize(grid, {
-              fromJSON: (node) => {
-                  return createGroupFromSerializedState(node.data);
-              },
-          });
-          this.layout(width, height, true);
-          const serializedFloatingGroups = (_a = data.floatingGroups) !== null && _a !== void 0 ? _a : [];
-          for (const serializedFloatingGroup of serializedFloatingGroups) {
-              const { data, position } = serializedFloatingGroup;
-              const group = createGroupFromSerializedState(data);
-              this.addFloatingGroup(group, {
-                  x: position.left,
-                  y: position.top,
-                  height: position.height,
-                  width: position.width,
-              }, { skipRemoveGroup: true, inDragMode: false });
-          }
-          for (const floatingGroup of this.floatingGroups) {
-              floatingGroup.overlay.setBounds();
-          }
-          if (typeof activeGroup === 'string') {
-              const panel = this.getPanel(activeGroup);
-              if (panel) {
-                  this.doSetGroupActive(panel);
+              /**
+               * To remove a group we cannot call this.removeGroup(...) since this makes assumptions about
+               * the underlying HTMLElement existing in the Gridview.
+               */
+              for (const group of this.groups) {
+                  group.dispose();
+                  this._groups.delete(group.id);
+                  this._onDidRemoveGroup.fire(group);
               }
+              // iterate over a reassigned array since original array will be modified
+              for (const floatingGroup of [...this.floatingGroups]) {
+                  floatingGroup.dispose();
+              }
+              // fires clean-up events and clears the underlying HTML gridview.
+              this.clear();
+              /**
+               * even though we have cleaned-up we still want to inform the caller of their error
+               * and we'll do this through re-throwing the original error since afterall you would
+               * expect trying to load a corrupted layout to result in an error and not silently fail...
+               */
+              throw err;
           }
           this._onDidLayoutFromJSON.fire();
       }
@@ -6214,6 +6320,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               if (!(options === null || options === void 0 ? void 0 : options.skipDispose)) {
                   floatingGroup.group.dispose();
                   this._groups.delete(group.id);
+                  // TODO: fire group removed event?
               }
               floatingGroup.dispose();
               return floatingGroup.group;
@@ -6454,43 +6561,64 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
       fromJSON(serializedGridview) {
           this.clear();
           const { grid, activePanel } = serializedGridview;
-          const queue = [];
-          // take note of the existing dimensions
-          const width = this.width;
-          const height = this.height;
-          this.gridview.deserialize(grid, {
-              fromJSON: (node) => {
-                  const { data } = node;
-                  const view = createComponent(data.id, data.component, this.options.components || {}, this.options.frameworkComponents || {}, this.options.frameworkComponentFactory
-                      ? {
-                          createComponent: this.options.frameworkComponentFactory
-                              .createComponent,
-                      }
-                      : undefined);
-                  queue.push(() => view.init({
-                      params: data.params,
-                      minimumWidth: data.minimumWidth,
-                      maximumWidth: data.maximumWidth,
-                      minimumHeight: data.minimumHeight,
-                      maximumHeight: data.maximumHeight,
-                      priority: data.priority,
-                      snap: !!data.snap,
-                      accessor: this,
-                      isVisible: node.visible,
-                  }));
-                  this._onDidAddGroup.fire(view);
-                  this.registerPanel(view);
-                  return view;
-              },
-          });
-          this.layout(width, height, true);
-          queue.forEach((f) => f());
-          if (typeof activePanel === 'string') {
-              const panel = this.getPanel(activePanel);
-              if (panel) {
-                  this.doSetGroupActive(panel);
+          try {
+              const queue = [];
+              // take note of the existing dimensions
+              const width = this.width;
+              const height = this.height;
+              this.gridview.deserialize(grid, {
+                  fromJSON: (node) => {
+                      const { data } = node;
+                      const view = createComponent(data.id, data.component, this.options.components || {}, this.options.frameworkComponents || {}, this.options.frameworkComponentFactory
+                          ? {
+                              createComponent: this.options.frameworkComponentFactory
+                                  .createComponent,
+                          }
+                          : undefined);
+                      queue.push(() => view.init({
+                          params: data.params,
+                          minimumWidth: data.minimumWidth,
+                          maximumWidth: data.maximumWidth,
+                          minimumHeight: data.minimumHeight,
+                          maximumHeight: data.maximumHeight,
+                          priority: data.priority,
+                          snap: !!data.snap,
+                          accessor: this,
+                          isVisible: node.visible,
+                      }));
+                      this._onDidAddGroup.fire(view);
+                      this.registerPanel(view);
+                      return view;
+                  },
+              });
+              this.layout(width, height, true);
+              queue.forEach((f) => f());
+              if (typeof activePanel === 'string') {
+                  const panel = this.getPanel(activePanel);
+                  if (panel) {
+                      this.doSetGroupActive(panel);
+                  }
               }
           }
+          catch (err) {
+              /**
+               * To remove a group we cannot call this.removeGroup(...) since this makes assumptions about
+               * the underlying HTMLElement existing in the Gridview.
+               */
+              for (const group of this.groups) {
+                  group.dispose();
+                  this._groups.delete(group.id);
+                  this._onDidRemoveGroup.fire(group);
+              }
+              // fires clean-up events and clears the underlying HTML gridview.
+              this.clear();
+              /**
+               * even though we have cleaned-up we still want to inform the caller of their error
+               * and we'll do this through re-throwing the original error since afterall you would
+               * expect trying to load a corrupted layout to result in an error and not silently fail...
+               */
+              throw err;
+          }
           this._onDidLayoutfromJSON.fire();
       }
       clear() {
@@ -7674,6 +7802,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               showDndOverlay: props.showDndOverlay,
               createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
               createRightHeaderActionsElement: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal }),
+              createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal }),
               singleTabMode: props.singleTabMode,
               disableFloatingGroups: props.disableFloatingGroups,
               floatingGroupBounds: props.floatingGroupBounds,
@@ -7783,6 +7912,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
           });
       }, [props.leftHeaderActionsComponent]);
+      React__namespace.useEffect(() => {
+          if (!dockviewRef.current) {
+              return;
+          }
+          dockviewRef.current.updateOptions({
+              createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal }),
+          });
+      }, [props.prefixHeaderActionsComponent]);
       return (React__namespace.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
   });
   DockviewReact.displayName = 'DockviewComponent';