@projectstorm/react-workspaces-core - npm Package Compare versions

Comparing version

4.2.0

4.2.1

+1

-1

dist/entities/node/ExpandNodeWidget.jsx

		@@ -14,3 +14,3 @@ import * as React from 'react';
		});
		}, []);
		}, [props.model]);
		return <S.WorkspaceNode {...props} computed_initial={props.model.computed_initial}/>;
		@@ -17,0 +17,0 @@ };

+1

-1

dist/entities/node/ExpandNodeWidget.jsx.map

		@@ -1,1 +0,1 @@
		{"version":3,"file":"ExpandNodeWidget.jsx","sourceRoot":"","sources":["../../../src/entities/node/ExpandNodeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAUpE,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAClC,UAAU,EAAE,GAAG,EAAE;gBACf,WAAW,EAAE,CAAC;YAChB,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAG,CAAC;AACxF,CAAC,CAAC;AACF,IAAU,CAAC,CAIV;AAJD,WAAU,CAAC;IACI,eAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAA+B;eAC1E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC/C,CAAC;AACJ,CAAC,EAJS,CAAC,KAAD,CAAC,QAIV","sourcesContent":["import * as React from 'react';\nimport { useEffect } from 'react';\nimport styled from '@emotion/styled';\nimport { WorkspaceNodeWidget } from './WorkspaceNodeWidget';\nimport { WorkspaceEngine } from '../../core/WorkspaceEngine';\nimport { WorkspaceNodeFactory } from './WorkspaceNodeFactory';\nimport { ResizeDimensionContainer } from './ResizeDimensionContainer';\nimport { ExpandNodeModel } from './ExpandNodeModel';\nimport { useForceUpdate } from '../../widgets/hooks/useForceUpdate';\n\nexport interface ExpandNodeWidgetProps {\n engine: WorkspaceEngine;\n factory: WorkspaceNodeFactory;\n model: ExpandNodeModel;\n generateDivider?: (divider: ResizeDimensionContainer) => React.JSX.Element;\n className?: any;\n}\n\nexport const ExpandNodeWidget: React.FC<ExpandNodeWidgetProps> = (props) => {\n const forceUpdate = useForceUpdate();\n useEffect(() => {\n return props.model.registerListener({\n recomputed: () => {\n forceUpdate();\n }\n });\n }, []);\n return <S.WorkspaceNode {...props} computed_initial={props.model.computed_initial} />;\n};\nnamespace S {\n export const WorkspaceNode = styled(WorkspaceNodeWidget)<{ computed_initial: boolean }>`\n opacity: ${(p) => (p.computed_initial ? 1 : 0)};\n `;\n}\n"]}
		{"version":3,"file":"ExpandNodeWidget.jsx","sourceRoot":"","sources":["../../../src/entities/node/ExpandNodeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAUpE,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAClC,UAAU,EAAE,GAAG,EAAE;gBACf,WAAW,EAAE,CAAC;YAChB,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAClB,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAG,CAAC;AACxF,CAAC,CAAC;AACF,IAAU,CAAC,CAIV;AAJD,WAAU,CAAC;IACI,eAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAA+B;eAC1E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC/C,CAAC;AACJ,CAAC,EAJS,CAAC,KAAD,CAAC,QAIV","sourcesContent":["import * as React from 'react';\nimport { useEffect } from 'react';\nimport styled from '@emotion/styled';\nimport { WorkspaceNodeWidget } from './WorkspaceNodeWidget';\nimport { WorkspaceEngine } from '../../core/WorkspaceEngine';\nimport { WorkspaceNodeFactory } from './WorkspaceNodeFactory';\nimport { ResizeDimensionContainer } from './ResizeDimensionContainer';\nimport { ExpandNodeModel } from './ExpandNodeModel';\nimport { useForceUpdate } from '../../widgets/hooks/useForceUpdate';\n\nexport interface ExpandNodeWidgetProps {\n engine: WorkspaceEngine;\n factory: WorkspaceNodeFactory;\n model: ExpandNodeModel;\n generateDivider?: (divider: ResizeDimensionContainer) => React.JSX.Element;\n className?: any;\n}\n\nexport const ExpandNodeWidget: React.FC<ExpandNodeWidgetProps> = (props) => {\n const forceUpdate = useForceUpdate();\n useEffect(() => {\n return props.model.registerListener({\n recomputed: () => {\n forceUpdate();\n }\n });\n }, [props.model]);\n return <S.WorkspaceNode {...props} computed_initial={props.model.computed_initial} />;\n};\nnamespace S {\n export const WorkspaceNode = styled(WorkspaceNodeWidget)<{ computed_initial: boolean }>`\n opacity: ${(p) => (p.computed_initial ? 1 : 0)};\n `;\n}\n"]}

+1

-1

dist/index.umd.js

		@@ -93,5 +93,5 @@ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@projectstorm/react-workspaces-core"]=t():e["@projectstorm/react-workspaces-core"]=t()}(self,(()=>(()=>{"use strict";var e={n:t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},d:(t,i)=>{for(var n in i)e.o(i,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Alignment:()=>p,Corner:()=>y,DebugLayer:()=>he,DebugLayerWidget:()=>ge,DebugPanel:()=>ue,DimensionContainer:()=>l,DimensionTrackingWidget:()=>V,DirectionChildWidget:()=>Ee,DirectionalLayoutWidget:()=>be,DividerWidget:()=>G,DraggableWidget:()=>Y,DropZoneDragContext:()=>_,DropzoneLogicWidget:()=>K,ExpandNodeModel:()=>De,ExpandNodeWidget:()=>Ae,Layer:()=>J,LayerManager:()=>Q,LayerManagerWidget:()=>me,LayerWidget:()=>pe,OrderingWidget:()=>oe,OrderingWidgetZone:()=>se,Position:()=>a,Size:()=>o,SmartOrderingWidget:()=>ae,SubComponentModelFactory:()=>ze,UseMouseDragEventsRootWidget:()=>D,WORKSPACE_MODEL_ID_MIME:()=>W,WORKSPACE_MODEL_MIME:()=>F,WorkspaceCollectionModel:()=>v,WorkspaceEngine:()=>Te,WorkspaceEngineError:()=>_e,WorkspaceModel:()=>u,WorkspaceModelFactory:()=>Oe,WorkspaceModelSize:()=>h,WorkspaceNodeFactory:()=>We,WorkspaceNodeModel:()=>ce,WorkspaceNodePanelWidget:()=>Ie,WorkspaceNodeWidget:()=>ke,WorkspaceWidget:()=>Me,getAlignmentInverted:()=>m,log:()=>w,overConstrainRecomputeBehavior:()=>Ne,regenerateIDs:()=>f,useDimensionLayoutInvalidator:()=>L,useDragOver:()=>I,useDragOverModel:()=>A,useDraggableModel:()=>N,useDroppable:()=>k,useDroppableModel:()=>H,useForceUpdate:()=>M,useModelElement:()=>R,useMouseDragDistance:()=>n,useMouseDragEvents:()=>T,useResizeObserver:()=>b,useScrollObserver:()=>O,useWindowResize:()=>E});const i=require("react"),n=e=>{(0,i.useEffect)((()=>{const t=t=>{var i;if(0!==t.button)return;null===(i=e.startMove)\|\|void 0===i\|\|i.call(e);const n=i=>{e.moved({event:i,distanceX:i.clientX-t.clientX,distanceY:i.clientY-t.clientY})},r=()=>{var t;null===(t=e.endMove)\|\|void 0===t\|\|t.call(e),window.removeEventListener("mouseup",r),window.removeEventListener("mousemove",n)};window.addEventListener("mouseup",r),window.addEventListener("mousemove",n)};return e.forwardRef.current.addEventListener("mousedown",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("mousedown",t)}}),[])},r=require("uuid");class s{constructor(){this.listeners={}}registerListener(e,t){const i=(0,r.v4)();return this.listeners[i]={l:e,meta:t},()=>{delete this.listeners[i]}}iterateListeners(e){for(let t in this.listeners)e(this.listeners[t].l)}}class o extends s{constructor(){super(),this._width=0,this._height=0}get width(){return this._width}get height(){return this._height}set width(e){this.update({width:e})}valid(){return this.getVolume()>0}set height(e){this.update({height:e})}get value(){return{width:this._width,height:this._height}}isPortrait(){return this.height>this.width}getVolume(){return this.widththis.height}trackSize(e){return this.update(e.value),e.registerListener({updated:()=>{this.update(e.value)}})}update(e){let t=!1,i={width:this._width,height:this._height};null!=e.width&&e.width!==this.width&&(this._width=e.width,t=!0),null!=e.height&&e.height!==this.height&&(this._height=e.height,t=!0),t&&this.iterateListeners((e=>{var t;return null===(t=e.updated)\|\|void 0===t?void 0:t.call(e,{prev:i})}))}}class a extends s{constructor(){super(),this._top=0,this._left=0,this._bottom=0,this._right=0}get top(){return this._top}get left(){return this._left}get bottom(){return this._bottom}get right(){return this._right}getRelativeToPosition(e){return{top:this._top-e.top,left:this._left-e.left,right:this._right-e.right,bottom:this._bottom-e.bottom}}getRelativeToMousePosition(e){return{clientX:this._left-e.clientX,clientY:this._top-e.clientY}}update(e){let t=!1;null!=e[p.TOP]&&e[p.TOP]!==this._top&&(this._top=e[p.TOP],t=!0),null!=e[p.LEFT]&&e[p.LEFT]!==this._left&&(this._left=e[p.LEFT],t=!0),null!=e[p.BOTTOM]&&e[p.BOTTOM]!==this._bottom&&(this._bottom=e[p.BOTTOM],t=!0),null!=e[p.RIGHT]&&e[p.RIGHT]!==this._right&&(this._right=e[p.RIGHT],t=!0),t&&this.iterateListeners((e=>{var t;return null===(t=e.updated)\|\|void 0===t?void 0:t.call(e)}))}}var d=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};class l extends s{constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.fireUpdated=()=>{this.iterateListeners((e=>{var t;return null===(t=e.updated)\|\|void 0===t?void 0:t.call(e)}))},this.id=(0,r.v4)(),this.size=e.size\|\|new o,this.position=e.position\|\|new a,this.size.registerListener({updated:()=>{this.fireUpdated()}}),this.position.registerListener({updated:()=>{this.fireUpdated()}})}waitForSize(){return d(this,void 0,void 0,(function(){return 0==this.size.getVolume()&&(yield new Promise((e=>{const t=this.registerListener({updated:()=>{this.size.getVolume()>0&&(t(),e())}})}))),this.size}))}get dimensions(){return{top:this.position.top,left:this.position.left,bottom:this.position.bottom,right:this.position.right,width:this.size.width,height:this.size.height}}isPortrait(){return this.size.isPortrait()}getVolume(){return this.size.getVolume()}invalidate(e){this.iterateListeners((t=>{var i;return null===(i=t.invalidate)\|\|void 0===i?void 0:i.call(t,e)}))}update(e){this.size.update(e),this.position.update(e)}getRelativeToPosition(e){return this.position.getRelativeToPosition(e)}getRelativeToMousePosition(e){return this.position.getRelativeToMousePosition(e)}isAligned(e,t){const i=this.getRelativeToPosition(e.position)[t];return t===p.LEFT?i<=e.dimensions.width/2:t===p.RIGHT?i>e.dimensions.width/2:t===p.TOP?i<=e.dimensions.height/2:t===p.BOTTOM?i>e.dimensions.height/2:void 0}}var c=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};class h extends o{constructor(e,t){super(),this.min=e,this.max=t,this.min.registerListener({updated:()=>{this.update(this.value)}}),this.max.registerListener({updated:()=>{this.update(this.value)}})}update(e){null!=e.width&&(e.width<this.min.width?e.width=this.min.width:this.max.width>0&&e.width>this.max.width&&(e.width=this.max.width)),null!=e.height&&(e.height<this.min.height?e.height=this.min.height:this.max.height>0&&e.width>this.max.height&&(e.height=this.max.height)),super.update(e)}}class u extends s{constructor(e){super(),this.type=e,this.id=(0,r.v4)(),this.parent=null,this._expandHorizontal=!0,this._expandVertical=!0,this.minimumSize=new o,this.maximumSize=new o,this.size=new h(this.minimumSize,this.maximumSize),this.r_visible=!1,this.r_dimensions=new l,this.r_dimensions.registerListener({updated:()=>{0===this.size.width&&0===this.size.height&&this.setSize({width:this.r_dimensions.dimensions.width,height:this.r_dimensions.dimensions.height})}}),this.size.registerListener({updated:()=>{this.invalidateDimensions()}})}get expandHorizontal(){return this._expandHorizontal}set expandHorizontal(e){this._expandHorizontal=e}get expandVertical(){return this._expandVertical}set expandVertical(e){this._expandVertical=e}waitForInitialRenderedSize(){return c(this,void 0,void 0,(function(){return new Promise((e=>{let t,i;t=this.r_dimensions.registerListener({updated:()=>{this.r_dimensions.size.width>0&&(e(this.r_dimensions.dimensions),null==t\|\|t(),null==i\|\|i())}}),i=this.registerListener({visibilityChanged:()=>{this.r_visible&&this.r_dimensions.invalidate(!0)}})}))}))}setWidth(e){this.setSize({width:e})}setHeight(e){this.setSize({height:e})}setSize(e){this.size.update(e)}getAllRenderDimensions(){return[this.r_dimensions]}invalidateDimensions(){this.iterateListeners((e=>{var t;return null===(t=e.dimensionsInvalidated)\|\|void 0===t?void 0:t.call(e)}))}invalidateLayout(){this.iterateListeners((e=>{var t;return null===(t=e.layoutInvalidated)\|\|void 0===t?void 0:t.call(e)}))}setVisible(e){this.r_visible!==e&&(this.r_visible=e,this.iterateListeners((e=>{var t;return null===(t=e.visibilityChanged)\|\|void 0===t?void 0:t.call(e)})))}fireNodeRemoved(){this.iterateListeners((e=>{e.removed&&e.removed()}))}getSibling(e){return this.parent instanceof v?this.parent.getChildSibling(this,e):null}delete(){this.fireNodeRemoved()}hasParentID(e){return this.id===e\|\|!!this.parent&&this.parent.hasParentID(e)}setParent(e){this.parent=e}getRootModel(){return this.parent?this.parent.getRootModel():this}setExpand(){let e=!(arguments.length>0&&void 0!==arguments[0])\|\|arguments[0],t=!(arguments.length>1&&void 0!==arguments[1])\|\|arguments[1];return this._expandHorizontal=e,this._expandVertical=t,this}flatten(){return[this]}toArray(){return{id:this.id,type:this.type,expandHorizontal:this._expandHorizontal,expandVertical:this._expandVertical,width:this.size.width,height:this.size.height}}fromArray(e,t){this.id=e.id,this._expandHorizontal=e.expandHorizontal,this._expandVertical=e.expandVertical,this.size.update({width:e.width,height:e.height})}}const g=require("lodash");class v extends u{constructor(e){super(e),this.children=[]}fromArray(e,t){super.fromArray(e,t);for(let i of e.children){let e;try{e=t.getFactory(i.type)}catch(e){continue}let n=e.generateModel();n.fromArray(i,t),this.addModel(n)}}toArray(){return Object.assign(Object.assign({},super.toArray()),{children:this.children.map((e=>e.toArray()))})}isFirstModel(e){return this.children[0].id===e.id}isLastModel(e){return this.children[this.children.length-1].id===e.id}flatten(){const e=g.flatMap(this.children.map((e=>e.flatten())));return super.flatten().concat(e)}getFlattened(){let e=[];for(let t of this.children)t instanceof v?e=e.concat(t.getFlattened()):e.push(t);return e}replaceModel(e,t){let i=this.children.indexOf(e);return e.delete(),this.addModel(t,i),this}getModelBefore(e){const t=this.children.indexOf(e);return t<=0?null:this.children[t-1]}getModelAfter(e){const t=this.children.indexOf(e);return t>=this.children.length-1?null:this.children[t+1]}normalize(){this.parent&&this.parent instanceof v&&0===this.children.length&&this.parent.removeModel(this)}removeModel(e){let t=this.children.indexOf(e);return-1===t?(console.log("could not find model"),this):(this.children.splice(t,1),this.invalidateLayout(),this)}addModel(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(-1!==this.children.indexOf(e)){const i=this.children.indexOf(e);this.children.splice(i,1),i>t?this.children.splice(t,0,e):this.children.splice(t-1,0,e)}else{e.parent&&e.delete(),e.setParent(this);const i=e.registerListener({removed:()=>{i(),this.removeModel(e),this.iterateListeners((t=>{var i;null===(i=t.childRemoved)\|\|void 0===i\|\|i.call(t,e)}))},layoutInvalidated:()=>{this.invalidateLayout()},dimensionsInvalidated:()=>{this.invalidateDimensions()}});null===t?this.children.push(e):this.children.splice(t,0,e)}return this.invalidateLayout(),this}addModelBefore(e,t){let i=this.children.indexOf(e);this.addModel(t,i)}addModelAfter(e,t){let i=this.children.indexOf(e);this.addModel(t,i+1)}getChildSibling(e,t){return null}}const f=e=>{e instanceof v&&e.children.forEach((e=>f(e))),e.id=(0,r.v4)()};var p;!function(e){e.TOP="top",e.LEFT="left",e.BOTTOM="bottom",e.RIGHT="right"}(p\|\|(p={}));const m=e=>({[p.TOP]:p.BOTTOM,[p.BOTTOM]:p.TOP,[p.LEFT]:p.RIGHT,[p.RIGHT]:p.LEFT}[e]);var y;!function(e){e.TOP_LEFT="nw",e.TOP_RIGHT="ne",e.BOTTOM_RIGHT="se",e.BOTTOM_LEFT="sw"}(y\|\|(y={}));const w=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];console.debug("[SRW] ",...t)},E=e=>{(0,i.useEffect)((()=>{const t=()=>{e.resized()};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[])},x=e=>{const t=(0,i.useCallback)((()=>{var t;if(!e.forwardRef.current)return;let i=e.forwardRef.current.getBoundingClientRect();const n={width:i.width,height:i.height,[p.TOP]:i.top,[p.LEFT]:i.left,[p.BOTTOM]:i.bottom,[p.RIGHT]:i.right};e.dimension.update((null===(t=e.transformer)\|\|void 0===t?void 0:t.call(e,n))\|\|n)}),[e.dimension]),n=(0,i.useCallback)(g.debounce((()=>{t()}),500,{leading:!0}),[e.dimension]),r=(0,i.useCallback)((()=>{e.ignoreDebounce?t():n(),t()}),[e.dimension,e.ignoreDebounce]);(0,i.useEffect)((()=>e.dimension.registerListener({invalidate:e=>{e?t():r()}})),[e.dimension]),E({resized:()=>{r()}}),(0,i.useEffect)((()=>{const t=new IntersectionObserver((()=>{r()}),{root:document.body});return t.observe(e.forwardRef.current),()=>{e.forwardRef.current&&t.unobserve(e.forwardRef.current),t.disconnect()}}),[e.dimension]),(0,i.useEffect)((()=>{r();const t=new ResizeObserver((()=>{r()}));return t.observe(e.forwardRef.current),()=>{e.forwardRef.current&&t.unobserve(e.forwardRef.current),t.disconnect()}}),[e.dimension])},L=e=>{(0,i.useEffect)((()=>{let t=null;const i=e.engine.registerListener({layoutInvalidated:()=>{t=e.engine.registerListener({layoutRepainted:()=>{null==t\|\|t(),t=null,e.dimension.invalidate()}})}});return()=>{i(),null==t\|\|t()}}),[e.dimension])},b=e=>{x(Object.assign(Object.assign({},e),{transformer:t=>Object.assign(Object.assign({},t),{[p.TOP]:t[p.TOP]-e.engine.workspaceContainer.position.top,[p.LEFT]:t[p.LEFT]-e.engine.workspaceContainer.position.left,[p.BOTTOM]:t[p.BOTTOM]-e.engine.workspaceContainer.position.bottom,[p.RIGHT]:t[p.RIGHT]-e.engine.workspaceContainer.position.right})})),L({engine:e.engine,dimension:e.dimension}),(0,i.useEffect)((()=>e.engine.workspaceContainer.registerListener({updated:()=>{e.dimension.invalidate()}})),[])},R=e=>{const t=i.useRef();return b({forwardRef:t,dimension:e.model.r_dimensions,engine:e.engine}),(0,i.useEffect)((()=>(e.model.setVisible(!0),()=>{e.model.setVisible(!1)})),[e.model]),t};function M(e){const[t,n]=(0,i.useState)(0);return()=>{if(e)return g.debounce((()=>{n((e=>e+1))}));n((e=>e+1))}}const O=e=>{(0,i.useEffect)((()=>{const t=()=>{e.dimension.invalidate()};return e.forwardRef.current.addEventListener("scroll",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("scroll",t)}}),[])},_=i.createContext(null),T=e=>{const t=(0,i.useContext)(_);(0,i.useEffect)((()=>{const i=i=>{var n;t.increment(),null===(n=e.mouseEnter)\|\|void 0===n\|\|n.call(e)},n=()=>{var i;t.decrement(),null===(i=e.mouseExit)\|\|void 0===i\|\|i.call(e)};return e.forwardRef.current.addEventListener("dragenter",i),e.forwardRef.current.addEventListener("dragleave",n),e.forwardRef.current.addEventListener("drop",n),()=>{var t,r,s;null===(t=e.forwardRef.current)\|\|void 0===t\|\|t.removeEventListener("dragenter",i),null===(r=e.forwardRef.current)\|\|void 0===r\|\|r.removeEventListener("dragleave",n),null===(s=e.forwardRef.current)\|\|void 0===s\|\|s.removeEventListener("drop",n)}}),[])},C=e=>(T({forwardRef:e.forwardRef}),e.children),D=e=>{const t=(0,i.useRef)(0);return i.createElement(_.Provider,{value:{increment:()=>{var i;t.current=t.current+1,t.current>0&&(null===(i=e.mouseEnter)\|\|void 0===i\|\|i.call(e))},decrement:()=>{var i;t.current=t.current-1,0===t.current&&(null===(i=e.mouseExit)\|\|void 0===i\|\|i.call(e))}}},i.createElement(C,e,e.children))};var z=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};const k=e=>{(0,i.useEffect)((()=>{const t=t=>z(void 0,void 0,void 0,(function(){let i={};for(let e of t.dataTransfer.types){let n=t.dataTransfer.getData(e);try{i[e]=JSON.parse(n)}catch(e){console.warn("Failed to deserialize draggable object",e)}}w("dropped data:",i),e.dropped(i,{position:t,isCopy:"copy"===t.dataTransfer.effectAllowed})}));return e.forwardRef.current.addEventListener("drop",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("drop",t)}}),[e.forwardRef])},I=e=>{(0,i.useEffect)((()=>{const t=t=>{var i;let n=!1;for(let i=0;i<t.dataTransfer.types.length;++i)e.acceptedTypes.some((e=>t.dataTransfer.types[i].startsWith(e)))&&(n=!0);n&&(e.accept&&t.preventDefault(),null===(i=e.dragOver)\|\|void 0===i\|\|i.call(e,t.dataTransfer.types))};return e.forwardRef.current.addEventListener("dragover",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("dragover",t)}}),[e.forwardRef])};var P=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};const S=e=>{(0,i.useEffect)((()=>{const t=t=>{t.stopPropagation();const i=e.encode();if(i){t.dataTransfer.dropEffect="none",t.altKey?(w("dragging as a copy operation"),t.dataTransfer.effectAllowed="copy"):t.dataTransfer.effectAllowed="move";for(let e in i)w(`setting up mime: ${e}`),t.dataTransfer.setData(e,JSON.stringify(i[e]))}},i=t=>P(void 0,void 0,void 0,(function*(){"none"!==t.dataTransfer.dropEffect?e.dragend({copy:"copy"===t.dataTransfer.dropEffect,success:!0}):e.dragend({copy:!1,success:!1})}));return e.forwardRef.current.addEventListener("dragstart",t),e.forwardRef.current.addEventListener("dragend",i),()=>{var n,r;null===(n=e.forwardRef.current)\|\|void 0===n\|\|n.removeEventListener("dragstart",t),null===(r=e.forwardRef.current)\|\|void 0===r\|\|r.removeEventListener("dragend",i)}}),[e.forwardRef])},A=e=>{I({acceptedTypes:[F],accept:e.accept,dragOver:t=>{var i;const n=t.find((e=>e.startsWith(W)));if(!n)return;const r=n.substring(W.length);null===(i=e.dragOver)\|\|void 0===i\|\|i.call(e,{modelID:r})},forwardRef:e.forwardRef})},F="srw/model",W="srw/modelid/",N=e=>{S({encode:()=>({[F]:e.model.toArray(),[W+e.model.id]:e.model.id}),dragend:t=>{let{copy:i,success:n}=t;n&&!i&&(e.engine.draggingID\|\|(e.model.delete(),e.engine.normalize())),e.engine.setDraggingNode(null)},forwardRef:e.forwardRef})},H=e=>{A({dragOver:e.onDragover,forwardRef:e.forwardRef,accept:!0}),k({dropped:(t,i)=>{let n=e.engine.getFactory(t[F].type).generateModel();if(n.fromArray(t[F],e.engine),i.isCopy)w("was a copy operation, regenerating ids"),f(n);else{const t=e.engine.rootModel.flatten().find((e=>e.id===n.id));n=t\|\|n}w("workspace model dropped",n),e.onDrop(n)},forwardRef:e.forwardRef})},j=require("@emotion/styled");var $=e.n(j);const V=e=>{const t=M();return(0,i.useEffect)((()=>(g.defer((()=>{t()})),e.dimension.registerListener({updated:()=>{t()}}))),[e.dimension]),i.createElement(B.Container,{ref:e.forwardRef,className:e.className,d:e.dimension.dimensions,animate:e.animateDuration\|\|0},e.children)};var B;!function(e){e.Container=$().div`
		flex-direction: column;
		`}(Pe\|\|(Pe={}));const Ae=e=>{const t=M();return(0,i.useEffect)((()=>e.model.registerListener({recomputed:()=>{t()}})),[]),i.createElement(Fe.WorkspaceNode,Se({},e,{computed_initial:e.model.computed_initial}))};var Fe;!function(e){e.WorkspaceNode=$()(ke)`
		`}(Pe\|\|(Pe={}));const Ae=e=>{const t=M();return(0,i.useEffect)((()=>e.model.registerListener({recomputed:()=>{t()}})),[e.model]),i.createElement(Fe.WorkspaceNode,Se({},e,{computed_initial:e.model.computed_initial}))};var Fe;!function(e){e.WorkspaceNode=$()(ke)`
		opacity: ${e=>e.computed_initial?1:0};
		`}(Fe\|\|(Fe={}));class We extends ze{constructor(){super(arguments.length>0&&void 0!==arguments[0]?arguments[0]:ce.NAME)}generateContent(e){return e.model instanceof De?i.createElement(Ae,{model:e.model,engine:e.engine,factory:this}):i.createElement(ke,{model:e.model,engine:e.engine,factory:this})}_generateModel(){return new ce}}const Ne=e=>{const{engine:t}=e;let i,n=t.registerListener({layoutInvalidated:()=>{null==i\|\|i();let e=t.rootModel.flatten().filter((e=>e instanceof De)).map((e=>e.registerListener({overConstrainedChanged:()=>{e.r_overConstrained&&e.recomputeSizes()}})));i=()=>{e.forEach((e=>e()))}}});return()=>{null==i\|\|i(),n()}};return t})()));
		//# sourceMappingURL=index.umd.js.map

+1

-1

package.json

		{
		"name": "@projectstorm/react-workspaces-core",
		"version": "4.2.0",
		"version": "4.2.1",
		"main": "./dist/index.umd.js",
		@@ -5,0 +5,0 @@ "module": "./dist/index.jsx",

dist/index.umd.js.map

Sorry, the diff of this file is too big to display

dist/tsconfig.tsbuildinfo

Sorry, the diff of this file is not supported yet

		@@ -93,5 +93,5 @@ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@projectstorm/react-workspaces-core"]=t():e["@projectstorm/react-workspaces-core"]=t()}(self,(()=>(()=>{"use strict";var e={n:t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},d:(t,i)=>{for(var n in i)e.o(i,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Alignment:()=>p,Corner:()=>y,DebugLayer:()=>he,DebugLayerWidget:()=>ge,DebugPanel:()=>ue,DimensionContainer:()=>l,DimensionTrackingWidget:()=>V,DirectionChildWidget:()=>Ee,DirectionalLayoutWidget:()=>be,DividerWidget:()=>G,DraggableWidget:()=>Y,DropZoneDragContext:()=>_,DropzoneLogicWidget:()=>K,ExpandNodeModel:()=>De,ExpandNodeWidget:()=>Ae,Layer:()=>J,LayerManager:()=>Q,LayerManagerWidget:()=>me,LayerWidget:()=>pe,OrderingWidget:()=>oe,OrderingWidgetZone:()=>se,Position:()=>a,Size:()=>o,SmartOrderingWidget:()=>ae,SubComponentModelFactory:()=>ze,UseMouseDragEventsRootWidget:()=>D,WORKSPACE_MODEL_ID_MIME:()=>W,WORKSPACE_MODEL_MIME:()=>F,WorkspaceCollectionModel:()=>v,WorkspaceEngine:()=>Te,WorkspaceEngineError:()=>_e,WorkspaceModel:()=>u,WorkspaceModelFactory:()=>Oe,WorkspaceModelSize:()=>h,WorkspaceNodeFactory:()=>We,WorkspaceNodeModel:()=>ce,WorkspaceNodePanelWidget:()=>Ie,WorkspaceNodeWidget:()=>ke,WorkspaceWidget:()=>Me,getAlignmentInverted:()=>m,log:()=>w,overConstrainRecomputeBehavior:()=>Ne,regenerateIDs:()=>f,useDimensionLayoutInvalidator:()=>L,useDragOver:()=>I,useDragOverModel:()=>A,useDraggableModel:()=>N,useDroppable:()=>k,useDroppableModel:()=>H,useForceUpdate:()=>M,useModelElement:()=>R,useMouseDragDistance:()=>n,useMouseDragEvents:()=>T,useResizeObserver:()=>b,useScrollObserver:()=>O,useWindowResize:()=>E});const i=require("react"),n=e=>{(0,i.useEffect)((()=>{const t=t=>{var i;if(0!==t.button)return;null===(i=e.startMove)\|\|void 0===i\|\|i.call(e);const n=i=>{e.moved({event:i,distanceX:i.clientX-t.clientX,distanceY:i.clientY-t.clientY})},r=()=>{var t;null===(t=e.endMove)\|\|void 0===t\|\|t.call(e),window.removeEventListener("mouseup",r),window.removeEventListener("mousemove",n)};window.addEventListener("mouseup",r),window.addEventListener("mousemove",n)};return e.forwardRef.current.addEventListener("mousedown",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("mousedown",t)}}),[])},r=require("uuid");class s{constructor(){this.listeners={}}registerListener(e,t){const i=(0,r.v4)();return this.listeners[i]={l:e,meta:t},()=>{delete this.listeners[i]}}iterateListeners(e){for(let t in this.listeners)e(this.listeners[t].l)}}class o extends s{constructor(){super(),this._width=0,this._height=0}get width(){return this._width}get height(){return this._height}set width(e){this.update({width:e})}valid(){return this.getVolume()>0}set height(e){this.update({height:e})}get value(){return{width:this._width,height:this._height}}isPortrait(){return this.height>this.width}getVolume(){return this.widththis.height}trackSize(e){return this.update(e.value),e.registerListener({updated:()=>{this.update(e.value)}})}update(e){let t=!1,i={width:this._width,height:this._height};null!=e.width&&e.width!==this.width&&(this._width=e.width,t=!0),null!=e.height&&e.height!==this.height&&(this._height=e.height,t=!0),t&&this.iterateListeners((e=>{var t;return null===(t=e.updated)\|\|void 0===t?void 0:t.call(e,{prev:i})}))}}class a extends s{constructor(){super(),this._top=0,this._left=0,this._bottom=0,this._right=0}get top(){return this._top}get left(){return this._left}get bottom(){return this._bottom}get right(){return this._right}getRelativeToPosition(e){return{top:this._top-e.top,left:this._left-e.left,right:this._right-e.right,bottom:this._bottom-e.bottom}}getRelativeToMousePosition(e){return{clientX:this._left-e.clientX,clientY:this._top-e.clientY}}update(e){let t=!1;null!=e[p.TOP]&&e[p.TOP]!==this._top&&(this._top=e[p.TOP],t=!0),null!=e[p.LEFT]&&e[p.LEFT]!==this._left&&(this._left=e[p.LEFT],t=!0),null!=e[p.BOTTOM]&&e[p.BOTTOM]!==this._bottom&&(this._bottom=e[p.BOTTOM],t=!0),null!=e[p.RIGHT]&&e[p.RIGHT]!==this._right&&(this._right=e[p.RIGHT],t=!0),t&&this.iterateListeners((e=>{var t;return null===(t=e.updated)\|\|void 0===t?void 0:t.call(e)}))}}var d=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};class l extends s{constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(),this.fireUpdated=()=>{this.iterateListeners((e=>{var t;return null===(t=e.updated)\|\|void 0===t?void 0:t.call(e)}))},this.id=(0,r.v4)(),this.size=e.size\|\|new o,this.position=e.position\|\|new a,this.size.registerListener({updated:()=>{this.fireUpdated()}}),this.position.registerListener({updated:()=>{this.fireUpdated()}})}waitForSize(){return d(this,void 0,void 0,(function(){return 0==this.size.getVolume()&&(yield new Promise((e=>{const t=this.registerListener({updated:()=>{this.size.getVolume()>0&&(t(),e())}})}))),this.size}))}get dimensions(){return{top:this.position.top,left:this.position.left,bottom:this.position.bottom,right:this.position.right,width:this.size.width,height:this.size.height}}isPortrait(){return this.size.isPortrait()}getVolume(){return this.size.getVolume()}invalidate(e){this.iterateListeners((t=>{var i;return null===(i=t.invalidate)\|\|void 0===i?void 0:i.call(t,e)}))}update(e){this.size.update(e),this.position.update(e)}getRelativeToPosition(e){return this.position.getRelativeToPosition(e)}getRelativeToMousePosition(e){return this.position.getRelativeToMousePosition(e)}isAligned(e,t){const i=this.getRelativeToPosition(e.position)[t];return t===p.LEFT?i<=e.dimensions.width/2:t===p.RIGHT?i>e.dimensions.width/2:t===p.TOP?i<=e.dimensions.height/2:t===p.BOTTOM?i>e.dimensions.height/2:void 0}}var c=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};class h extends o{constructor(e,t){super(),this.min=e,this.max=t,this.min.registerListener({updated:()=>{this.update(this.value)}}),this.max.registerListener({updated:()=>{this.update(this.value)}})}update(e){null!=e.width&&(e.width<this.min.width?e.width=this.min.width:this.max.width>0&&e.width>this.max.width&&(e.width=this.max.width)),null!=e.height&&(e.height<this.min.height?e.height=this.min.height:this.max.height>0&&e.width>this.max.height&&(e.height=this.max.height)),super.update(e)}}class u extends s{constructor(e){super(),this.type=e,this.id=(0,r.v4)(),this.parent=null,this._expandHorizontal=!0,this._expandVertical=!0,this.minimumSize=new o,this.maximumSize=new o,this.size=new h(this.minimumSize,this.maximumSize),this.r_visible=!1,this.r_dimensions=new l,this.r_dimensions.registerListener({updated:()=>{0===this.size.width&&0===this.size.height&&this.setSize({width:this.r_dimensions.dimensions.width,height:this.r_dimensions.dimensions.height})}}),this.size.registerListener({updated:()=>{this.invalidateDimensions()}})}get expandHorizontal(){return this._expandHorizontal}set expandHorizontal(e){this._expandHorizontal=e}get expandVertical(){return this._expandVertical}set expandVertical(e){this._expandVertical=e}waitForInitialRenderedSize(){return c(this,void 0,void 0,(function(){return new Promise((e=>{let t,i;t=this.r_dimensions.registerListener({updated:()=>{this.r_dimensions.size.width>0&&(e(this.r_dimensions.dimensions),null==t\|\|t(),null==i\|\|i())}}),i=this.registerListener({visibilityChanged:()=>{this.r_visible&&this.r_dimensions.invalidate(!0)}})}))}))}setWidth(e){this.setSize({width:e})}setHeight(e){this.setSize({height:e})}setSize(e){this.size.update(e)}getAllRenderDimensions(){return[this.r_dimensions]}invalidateDimensions(){this.iterateListeners((e=>{var t;return null===(t=e.dimensionsInvalidated)\|\|void 0===t?void 0:t.call(e)}))}invalidateLayout(){this.iterateListeners((e=>{var t;return null===(t=e.layoutInvalidated)\|\|void 0===t?void 0:t.call(e)}))}setVisible(e){this.r_visible!==e&&(this.r_visible=e,this.iterateListeners((e=>{var t;return null===(t=e.visibilityChanged)\|\|void 0===t?void 0:t.call(e)})))}fireNodeRemoved(){this.iterateListeners((e=>{e.removed&&e.removed()}))}getSibling(e){return this.parent instanceof v?this.parent.getChildSibling(this,e):null}delete(){this.fireNodeRemoved()}hasParentID(e){return this.id===e\|\|!!this.parent&&this.parent.hasParentID(e)}setParent(e){this.parent=e}getRootModel(){return this.parent?this.parent.getRootModel():this}setExpand(){let e=!(arguments.length>0&&void 0!==arguments[0])\|\|arguments[0],t=!(arguments.length>1&&void 0!==arguments[1])\|\|arguments[1];return this._expandHorizontal=e,this._expandVertical=t,this}flatten(){return[this]}toArray(){return{id:this.id,type:this.type,expandHorizontal:this._expandHorizontal,expandVertical:this._expandVertical,width:this.size.width,height:this.size.height}}fromArray(e,t){this.id=e.id,this._expandHorizontal=e.expandHorizontal,this._expandVertical=e.expandVertical,this.size.update({width:e.width,height:e.height})}}const g=require("lodash");class v extends u{constructor(e){super(e),this.children=[]}fromArray(e,t){super.fromArray(e,t);for(let i of e.children){let e;try{e=t.getFactory(i.type)}catch(e){continue}let n=e.generateModel();n.fromArray(i,t),this.addModel(n)}}toArray(){return Object.assign(Object.assign({},super.toArray()),{children:this.children.map((e=>e.toArray()))})}isFirstModel(e){return this.children[0].id===e.id}isLastModel(e){return this.children[this.children.length-1].id===e.id}flatten(){const e=g.flatMap(this.children.map((e=>e.flatten())));return super.flatten().concat(e)}getFlattened(){let e=[];for(let t of this.children)t instanceof v?e=e.concat(t.getFlattened()):e.push(t);return e}replaceModel(e,t){let i=this.children.indexOf(e);return e.delete(),this.addModel(t,i),this}getModelBefore(e){const t=this.children.indexOf(e);return t<=0?null:this.children[t-1]}getModelAfter(e){const t=this.children.indexOf(e);return t>=this.children.length-1?null:this.children[t+1]}normalize(){this.parent&&this.parent instanceof v&&0===this.children.length&&this.parent.removeModel(this)}removeModel(e){let t=this.children.indexOf(e);return-1===t?(console.log("could not find model"),this):(this.children.splice(t,1),this.invalidateLayout(),this)}addModel(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(-1!==this.children.indexOf(e)){const i=this.children.indexOf(e);this.children.splice(i,1),i>t?this.children.splice(t,0,e):this.children.splice(t-1,0,e)}else{e.parent&&e.delete(),e.setParent(this);const i=e.registerListener({removed:()=>{i(),this.removeModel(e),this.iterateListeners((t=>{var i;null===(i=t.childRemoved)\|\|void 0===i\|\|i.call(t,e)}))},layoutInvalidated:()=>{this.invalidateLayout()},dimensionsInvalidated:()=>{this.invalidateDimensions()}});null===t?this.children.push(e):this.children.splice(t,0,e)}return this.invalidateLayout(),this}addModelBefore(e,t){let i=this.children.indexOf(e);this.addModel(t,i)}addModelAfter(e,t){let i=this.children.indexOf(e);this.addModel(t,i+1)}getChildSibling(e,t){return null}}const f=e=>{e instanceof v&&e.children.forEach((e=>f(e))),e.id=(0,r.v4)()};var p;!function(e){e.TOP="top",e.LEFT="left",e.BOTTOM="bottom",e.RIGHT="right"}(p\|\|(p={}));const m=e=>({[p.TOP]:p.BOTTOM,[p.BOTTOM]:p.TOP,[p.LEFT]:p.RIGHT,[p.RIGHT]:p.LEFT}[e]);var y;!function(e){e.TOP_LEFT="nw",e.TOP_RIGHT="ne",e.BOTTOM_RIGHT="se",e.BOTTOM_LEFT="sw"}(y\|\|(y={}));const w=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];console.debug("[SRW] ",...t)},E=e=>{(0,i.useEffect)((()=>{const t=()=>{e.resized()};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[])},x=e=>{const t=(0,i.useCallback)((()=>{var t;if(!e.forwardRef.current)return;let i=e.forwardRef.current.getBoundingClientRect();const n={width:i.width,height:i.height,[p.TOP]:i.top,[p.LEFT]:i.left,[p.BOTTOM]:i.bottom,[p.RIGHT]:i.right};e.dimension.update((null===(t=e.transformer)\|\|void 0===t?void 0:t.call(e,n))\|\|n)}),[e.dimension]),n=(0,i.useCallback)(g.debounce((()=>{t()}),500,{leading:!0}),[e.dimension]),r=(0,i.useCallback)((()=>{e.ignoreDebounce?t():n(),t()}),[e.dimension,e.ignoreDebounce]);(0,i.useEffect)((()=>e.dimension.registerListener({invalidate:e=>{e?t():r()}})),[e.dimension]),E({resized:()=>{r()}}),(0,i.useEffect)((()=>{const t=new IntersectionObserver((()=>{r()}),{root:document.body});return t.observe(e.forwardRef.current),()=>{e.forwardRef.current&&t.unobserve(e.forwardRef.current),t.disconnect()}}),[e.dimension]),(0,i.useEffect)((()=>{r();const t=new ResizeObserver((()=>{r()}));return t.observe(e.forwardRef.current),()=>{e.forwardRef.current&&t.unobserve(e.forwardRef.current),t.disconnect()}}),[e.dimension])},L=e=>{(0,i.useEffect)((()=>{let t=null;const i=e.engine.registerListener({layoutInvalidated:()=>{t=e.engine.registerListener({layoutRepainted:()=>{null==t\|\|t(),t=null,e.dimension.invalidate()}})}});return()=>{i(),null==t\|\|t()}}),[e.dimension])},b=e=>{x(Object.assign(Object.assign({},e),{transformer:t=>Object.assign(Object.assign({},t),{[p.TOP]:t[p.TOP]-e.engine.workspaceContainer.position.top,[p.LEFT]:t[p.LEFT]-e.engine.workspaceContainer.position.left,[p.BOTTOM]:t[p.BOTTOM]-e.engine.workspaceContainer.position.bottom,[p.RIGHT]:t[p.RIGHT]-e.engine.workspaceContainer.position.right})})),L({engine:e.engine,dimension:e.dimension}),(0,i.useEffect)((()=>e.engine.workspaceContainer.registerListener({updated:()=>{e.dimension.invalidate()}})),[])},R=e=>{const t=i.useRef();return b({forwardRef:t,dimension:e.model.r_dimensions,engine:e.engine}),(0,i.useEffect)((()=>(e.model.setVisible(!0),()=>{e.model.setVisible(!1)})),[e.model]),t};function M(e){const[t,n]=(0,i.useState)(0);return()=>{if(e)return g.debounce((()=>{n((e=>e+1))}));n((e=>e+1))}}const O=e=>{(0,i.useEffect)((()=>{const t=()=>{e.dimension.invalidate()};return e.forwardRef.current.addEventListener("scroll",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("scroll",t)}}),[])},_=i.createContext(null),T=e=>{const t=(0,i.useContext)(_);(0,i.useEffect)((()=>{const i=i=>{var n;t.increment(),null===(n=e.mouseEnter)\|\|void 0===n\|\|n.call(e)},n=()=>{var i;t.decrement(),null===(i=e.mouseExit)\|\|void 0===i\|\|i.call(e)};return e.forwardRef.current.addEventListener("dragenter",i),e.forwardRef.current.addEventListener("dragleave",n),e.forwardRef.current.addEventListener("drop",n),()=>{var t,r,s;null===(t=e.forwardRef.current)\|\|void 0===t\|\|t.removeEventListener("dragenter",i),null===(r=e.forwardRef.current)\|\|void 0===r\|\|r.removeEventListener("dragleave",n),null===(s=e.forwardRef.current)\|\|void 0===s\|\|s.removeEventListener("drop",n)}}),[])},C=e=>(T({forwardRef:e.forwardRef}),e.children),D=e=>{const t=(0,i.useRef)(0);return i.createElement(_.Provider,{value:{increment:()=>{var i;t.current=t.current+1,t.current>0&&(null===(i=e.mouseEnter)\|\|void 0===i\|\|i.call(e))},decrement:()=>{var i;t.current=t.current-1,0===t.current&&(null===(i=e.mouseExit)\|\|void 0===i\|\|i.call(e))}}},i.createElement(C,e,e.children))};var z=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};const k=e=>{(0,i.useEffect)((()=>{const t=t=>z(void 0,void 0,void 0,(function(){let i={};for(let e of t.dataTransfer.types){let n=t.dataTransfer.getData(e);try{i[e]=JSON.parse(n)}catch(e){console.warn("Failed to deserialize draggable object",e)}}w("dropped data:",i),e.dropped(i,{position:t,isCopy:"copy"===t.dataTransfer.effectAllowed})}));return e.forwardRef.current.addEventListener("drop",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("drop",t)}}),[e.forwardRef])},I=e=>{(0,i.useEffect)((()=>{const t=t=>{var i;let n=!1;for(let i=0;i<t.dataTransfer.types.length;++i)e.acceptedTypes.some((e=>t.dataTransfer.types[i].startsWith(e)))&&(n=!0);n&&(e.accept&&t.preventDefault(),null===(i=e.dragOver)\|\|void 0===i\|\|i.call(e,t.dataTransfer.types))};return e.forwardRef.current.addEventListener("dragover",t),()=>{var i;null===(i=e.forwardRef.current)\|\|void 0===i\|\|i.removeEventListener("dragover",t)}}),[e.forwardRef])};var P=function(e,t,i,n){return new(i\|\|(i=Promise))((function(r,s){function o(e){try{d(n.next(e))}catch(e){s(e)}}function a(e){try{d(n.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(o,a)}d((n=n.apply(e,t\|\|[])).next())}))};const S=e=>{(0,i.useEffect)((()=>{const t=t=>{t.stopPropagation();const i=e.encode();if(i){t.dataTransfer.dropEffect="none",t.altKey?(w("dragging as a copy operation"),t.dataTransfer.effectAllowed="copy"):t.dataTransfer.effectAllowed="move";for(let e in i)w(`setting up mime: ${e}`),t.dataTransfer.setData(e,JSON.stringify(i[e]))}},i=t=>P(void 0,void 0,void 0,(function*(){"none"!==t.dataTransfer.dropEffect?e.dragend({copy:"copy"===t.dataTransfer.dropEffect,success:!0}):e.dragend({copy:!1,success:!1})}));return e.forwardRef.current.addEventListener("dragstart",t),e.forwardRef.current.addEventListener("dragend",i),()=>{var n,r;null===(n=e.forwardRef.current)\|\|void 0===n\|\|n.removeEventListener("dragstart",t),null===(r=e.forwardRef.current)\|\|void 0===r\|\|r.removeEventListener("dragend",i)}}),[e.forwardRef])},A=e=>{I({acceptedTypes:[F],accept:e.accept,dragOver:t=>{var i;const n=t.find((e=>e.startsWith(W)));if(!n)return;const r=n.substring(W.length);null===(i=e.dragOver)\|\|void 0===i\|\|i.call(e,{modelID:r})},forwardRef:e.forwardRef})},F="srw/model",W="srw/modelid/",N=e=>{S({encode:()=>({[F]:e.model.toArray(),[W+e.model.id]:e.model.id}),dragend:t=>{let{copy:i,success:n}=t;n&&!i&&(e.engine.draggingID\|\|(e.model.delete(),e.engine.normalize())),e.engine.setDraggingNode(null)},forwardRef:e.forwardRef})},H=e=>{A({dragOver:e.onDragover,forwardRef:e.forwardRef,accept:!0}),k({dropped:(t,i)=>{let n=e.engine.getFactory(t[F].type).generateModel();if(n.fromArray(t[F],e.engine),i.isCopy)w("was a copy operation, regenerating ids"),f(n);else{const t=e.engine.rootModel.flatten().find((e=>e.id===n.id));n=t\|\|n}w("workspace model dropped",n),e.onDrop(n)},forwardRef:e.forwardRef})},j=require("@emotion/styled");var $=e.n(j);const V=e=>{const t=M();return(0,i.useEffect)((()=>(g.defer((()=>{t()})),e.dimension.registerListener({updated:()=>{t()}}))),[e.dimension]),i.createElement(B.Container,{ref:e.forwardRef,className:e.className,d:e.dimension.dimensions,animate:e.animateDuration\|\|0},e.children)};var B;!function(e){e.Container=$().div`
		flex-direction: column;
		`}(Pe\|\|(Pe={}));const Ae=e=>{const t=M();return(0,i.useEffect)((()=>e.model.registerListener({recomputed:()=>{t()}})),[]),i.createElement(Fe.WorkspaceNode,Se({},e,{computed_initial:e.model.computed_initial}))};var Fe;!function(e){e.WorkspaceNode=$()(ke)`
		`}(Pe\|\|(Pe={}));const Ae=e=>{const t=M();return(0,i.useEffect)((()=>e.model.registerListener({recomputed:()=>{t()}})),[e.model]),i.createElement(Fe.WorkspaceNode,Se({},e,{computed_initial:e.model.computed_initial}))};var Fe;!function(e){e.WorkspaceNode=$()(ke)`
		opacity: ${e=>e.computed_initial?1:0};
		`}(Fe\|\|(Fe={}));class We extends ze{constructor(){super(arguments.length>0&&void 0!==arguments[0]?arguments[0]:ce.NAME)}generateContent(e){return e.model instanceof De?i.createElement(Ae,{model:e.model,engine:e.engine,factory:this}):i.createElement(ke,{model:e.model,engine:e.engine,factory:this})}_generateModel(){return new ce}}const Ne=e=>{const{engine:t}=e;let i,n=t.registerListener({layoutInvalidated:()=>{null==i\|\|i();let e=t.rootModel.flatten().filter((e=>e instanceof De)).map((e=>e.registerListener({overConstrainedChanged:()=>{e.r_overConstrained&&e.recomputeSizes()}})));i=()=>{e.forEach((e=>e()))}}});return()=>{null==i\|\|i(),n()}};return t})()));
		//# sourceMappingURL=index.umd.js.map

@projectstorm/react-workspaces-core - npm Package Compare versions

Improved metrics

Worsened metrics