@craftjs/utils - npm Package Compare versions

Comparing version 0.1.0-beta.5 to 0.1.0-beta.7

dist/cjs/index.js

@@ -1,1 +0,1 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var produce=_interopDefault(require("immer")),React=require("react"),React__default=_interopDefault(React),isEqualWith=_interopDefault(require("lodash.isequalwith")),invariant=_interopDefault(require("tiny-invariant")),ROOT_NODE="canvas-ROOT",ERROR_NOPARENT="Parent id cannot be ommited",ERROR_DUPLICATE_NODEID="Attempting to add a node with duplicated id",ERROR_INVALID_NODEID="Node does not exist, it may have been removed",ERROR_ROOT_CANVAS_NO_ID='A <Canvas /> that is a child of a non Canvas node must specify an `id` prop, eg: <Canvas id="MyCanvas">...</Canvas> ',ERROR_MISSING_PLACEHOLDER_PLACEMENT="Placeholder required placement info (parent, index, or where) is missing",ERROR_MOVE_INCOMING_PARENT="Target parent rejects incoming node",ERROR_MOVE_OUTGOING_PARENT="Current parent rejects outgoing node",ERROR_MOVE_NONCANVAS_CHILD="Cannot move node that is not a direct child of a Canvas node",ERROR_MOVE_TO_NONCANVAS_PARENT="Cannot move node into a non-Canvas parent",ERROR_MOVE_TOP_LEVEL_CANVAS="A <Canvas /> that is a child of a non-Canvas node cannot be moved",ERROR_MOVE_ROOT_NODE="Root Node cannot be moved",ERROR_MOVE_TO_DESCENDANT="Cannot move node into a descendant",ERRROR_NOT_IN_RESOLVER="The component type specified for this node does not exist in the resolver",ERROR_INFINITE_CANVAS="The component specified in the <Canvas> `is` prop has additional Canvas specified in it's render template.",ERROR_CANNOT_DRAG="The node has specified a canDrag() rule that prevents it from being dragged",ERROR_INVALID_NODE_ID="Invalid parameter Node Id specified",ERROR_FRAME_IMMEDIATE_NON_CANVAS="The immediate child of <Frame /> has to be a Canvas",_assign=function(){return(_assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __spreadArrays(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}function useMethods(e,t,n){var r=React.useMemo((function(){var t,r;return"function"==typeof e?t=e:(t=e.methods,r=e.patchListener),[function(e,o){var i=n&&createQuery(n,(function(){return e}));return produce(e,(function(e){var n;return(n=t(e,i))[o.type].apply(n,o.payload)}),r)},t]}),[e,n]),o=r[1],i=React.useReducer(r[0],t),a=i[0],s=i[1],c=React.useRef();c.current=a;var u=React.useMemo((function(){return n?createQuery(n,(function(){return c.current})):[]}),[n]),R=React.useMemo((function(){return Object.keys(o(null,null)).reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return s({type:t,payload:e})},e}),{})}),[o]),l=React.useCallback((function(){return c.current}),[]),d=React.useMemo((function(){return new Watcher(l)}),[l]);return React.useEffect((function(){c.current=a,d.notify()}),[a,d]),React.useMemo((function(){return{getState:l,subscribe:function(e,t,n){return d.subscribe(e,t,n)},actions:R,query:u}}),[R,u,d,l])}function createQuery(e,t){return Object.keys(e()).reduce((function(n,r){var o;return _assign(_assign({},n),((o={})[r]=function(){for(var n,o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];return(n=e(t()))[r].apply(n,o)},o))}),{})}var Watcher=function(){function e(e){this.subscribers=[],this.getState=e}return e.prototype.subscribe=function(e,t,n){var r=this,o=new Subscriber((function(){return e(r.getState())}),t,n);return this.subscribers.push(o),this.unsubscribe.bind(this,o)},e.prototype.unsubscribe=function(e){if(this.subscribers.length){var t=this.subscribers.indexOf(e);if(t>-1)return this.subscribers.splice(t,1)}},e.prototype.notify=function(){var e=this;setTimeout((function(){for(var t=0;t<e.subscribers.length;t++)e.subscribers[t].collect()}))},e}(),Subscriber=function(){function e(e,t,n){void 0===n&&(n=!1),this.collector=e,this.onChange=t,n&&this.collect()}return e.prototype.collect=function(){try{var e=this.collector();isEqualWith(e,this.collected)||(this.collected=e,this.onChange&&this.onChange(this.collected))}catch(e){console.warn(e)}},e}(),getDOMPadding=function(e){return{left:parseInt(window.getComputedStyle(e).paddingLeft),right:parseInt(window.getComputedStyle(e).paddingRight),bottom:parseInt(window.getComputedStyle(e).paddingTop),top:parseInt(window.getComputedStyle(e).paddingBottom)}},getDOMMargin=function(e){return{left:parseInt(window.getComputedStyle(e).marginLeft),right:parseInt(window.getComputedStyle(e).marginRight),bottom:parseInt(window.getComputedStyle(e).marginTop),top:parseInt(window.getComputedStyle(e).marginBottom)}},getDOMInfo=function(e){var t=e.getBoundingClientRect(),n=t.x,r=t.y,o=t.top,i=t.left,a=t.bottom,s=t.right,c=t.width,u=t.height,R=getDOMMargin(e),l=getDOMPadding(e);return{x:Math.round(n),y:Math.round(r),top:Math.round(o),left:Math.round(i),bottom:Math.round(a),right:Math.round(s),width:Math.round(c),height:Math.round(u),outerWidth:Math.round(c+R.left+R.right),outerHeight:Math.round(u+R.top+R.bottom),margin:R,padding:l,inFlow:e&&e.parentElement&&!!styleInFlow(e,e.parentElement)}},getComputedStyle=function(e){return window.getComputedStyle(e)},styleInFlow=function(e,t){var n=getComputedStyle(e),r=getComputedStyle(t);if(!(n.overflow&&"visible"!==n.overflow||"none"!==r.float||t&&"flex"===r.display&&"column"!==r["flex-direction"])){switch(n.position){case"static":case"relative":break;default:return}switch(e.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(n.display){case"block":case"list-item":case"table":case"flex":return!0}}};function useCollector(e,t){var n=e.subscribe,r=e.getState,o=e.actions,i=e.query,a=React.useRef(!0),s=React.useRef(null),c=React.useRef(t);c.current=t;var u=React.useCallback((function(e){return _assign(_assign({},e),{actions:o,query:i})}),[o,i]);a.current&&t&&(s.current=t(r(),i),a.current=!1);var R=React.useState(u(s.current)),l=R[0],d=R[1];return React.useEffect((function(){var e;return c.current&&(e=n((function(e){return c.current(e,i)}),(function(e){d(u(e))}))),function(){e&&e()}}),[u,i,n]),l}function setRef(e,t){t&&("function"==typeof e?e(t):e.current=t)}function cloneWithRef(e,t){var n=e.ref;return invariant("string"!=typeof n,"Cannot connect to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"),React.cloneElement(e,n?{ref:function(e){setRef(n,e),setRef(t,e)}}:{ref:t})}function throwIfCompositeComponentElement(e){if("string"!=typeof e.type)throw new Error}function wrapHookToRecognizeElement(e){return function(t,n){if(void 0===t&&(t=null),!React.isValidElement(t)){var r=t;return r&&e(r,n),r}var o=t;return throwIfCompositeComponentElement(o),cloneWithRef(o,e)}}var RenderIndicator=function(e){return React__default.createElement("div",{style:_assign({position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999},e.style)})},useEffectOnce=function(e){React.useEffect(e,[])},WatchHandler=function(){function e(e,t,n,r){var o=this;this.el=t,this.opts=n,this.handler=r,this.unsubscribe=e.subscribe((function(e){return{enabled:e.options.enabled}}),(function(e){var n=e.enabled;if(!document.body.contains(t))return o.remove(),o.unsubscribe();n?o.add():o.remove()}),!0)}return e.prototype.add=function(){var e=this,t=this.handler,n=t.init,r=t.events;this.cleanDOM=n&&n(this.el,this.opts),this.listenersToRemove=r&&r.map((function(t){var n=t[0],r=t[1],o=t[2],i=function(t){r(t,e.opts)};return e.el.addEventListener(n,i,o),function(){return e.el.removeEventListener(n,i,o)}}))},e.prototype.remove=function(){this.cleanDOM&&(this.cleanDOM(),this.cleanDOM=null),this.listenersToRemove&&(this.listenersToRemove.forEach((function(e){return e()})),this.listenersToRemove=null)},e}(),Handlers=function(){function e(e){this.store=e}return e.prototype.connectors=function(){var t=this,n=this.handlers()||{};return Object.keys(n).reduce((function(r,o){var i=n[o],a=i.init,s=i.events;return a||s?(r[o]=wrapHookToRecognizeElement((function(n,r){var i;document.body.contains(n)||e.wm.delete(n);var c=e.wm.get(n);if(c&&c[o]){if(c[o].opts===r)return;c[o].remove()}e.wm.set(n,_assign(_assign({},c),((i={})[o]=new WatchHandler(t.store,n,r,{init:a,events:s}),i)))})),r):(r[o]=function(){},r)}),{})},e.getConnectors=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=new(this.bind.apply(this,__spreadArrays([void 0],e)));return n.connectors()},e.wm=new WeakMap,e}();exports.ERROR_CANNOT_DRAG=ERROR_CANNOT_DRAG,exports.ERROR_DUPLICATE_NODEID=ERROR_DUPLICATE_NODEID,exports.ERROR_FRAME_IMMEDIATE_NON_CANVAS=ERROR_FRAME_IMMEDIATE_NON_CANVAS,exports.ERROR_INFINITE_CANVAS=ERROR_INFINITE_CANVAS,exports.ERROR_INVALID_NODEID=ERROR_INVALID_NODEID,exports.ERROR_INVALID_NODE_ID=ERROR_INVALID_NODE_ID,exports.ERROR_MISSING_PLACEHOLDER_PLACEMENT=ERROR_MISSING_PLACEHOLDER_PLACEMENT,exports.ERROR_MOVE_INCOMING_PARENT=ERROR_MOVE_INCOMING_PARENT,exports.ERROR_MOVE_NONCANVAS_CHILD=ERROR_MOVE_NONCANVAS_CHILD,exports.ERROR_MOVE_OUTGOING_PARENT=ERROR_MOVE_OUTGOING_PARENT,exports.ERROR_MOVE_ROOT_NODE=ERROR_MOVE_ROOT_NODE,exports.ERROR_MOVE_TOP_LEVEL_CANVAS=ERROR_MOVE_TOP_LEVEL_CANVAS,exports.ERROR_MOVE_TO_DESCENDANT=ERROR_MOVE_TO_DESCENDANT,exports.ERROR_MOVE_TO_NONCANVAS_PARENT=ERROR_MOVE_TO_NONCANVAS_PARENT,exports.ERROR_NOPARENT=ERROR_NOPARENT,exports.ERROR_ROOT_CANVAS_NO_ID=ERROR_ROOT_CANVAS_NO_ID,exports.ERRROR_NOT_IN_RESOLVER=ERRROR_NOT_IN_RESOLVER,exports.Handlers=Handlers,exports.ROOT_NODE=ROOT_NODE,exports.RenderIndicator=RenderIndicator,exports.cloneWithRef=cloneWithRef,exports.createQuery=createQuery,exports.getComputedStyle=getComputedStyle,exports.getDOMInfo=getDOMInfo,exports.getDOMMargin=getDOMMargin,exports.getDOMPadding=getDOMPadding,exports.styleInFlow=styleInFlow,exports.useCollector=useCollector,exports.useEffectOnce=useEffectOnce,exports.useMethods=useMethods,exports.wrapHookToRecognizeElement=wrapHookToRecognizeElement;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var produce=_interopDefault(require("immer")),React=require("react"),React__default=_interopDefault(React),isEqualWith=_interopDefault(require("lodash.isequalwith")),invariant=_interopDefault(require("tiny-invariant")),ROOT_NODE="ROOT",DEPRECATED_ROOT_NODE="canvas-ROOT",ERROR_NOPARENT="Parent id cannot be ommited",ERROR_DUPLICATE_NODEID="Attempting to add a node with duplicated id",ERROR_INVALID_NODEID="Node does not exist, it may have been removed",ERROR_TOP_LEVEL_ELEMENT_NO_ID='A <Element /> that is used inside a User Component must specify an `id` prop, eg: <Element id="text_element">...</Element> ',ERROR_MISSING_PLACEHOLDER_PLACEMENT="Placeholder required placement info (parent, index, or where) is missing",ERROR_MOVE_INCOMING_PARENT="Target parent rejects incoming node",ERROR_MOVE_OUTGOING_PARENT="Current parent rejects outgoing node",ERROR_MOVE_NONCANVAS_CHILD="Cannot move node that is not a direct child of a Canvas node",ERROR_MOVE_TO_NONCANVAS_PARENT="Cannot move node into a non-Canvas parent",ERROR_MOVE_TOP_LEVEL_NODE="A top-level Node cannot be moved",ERROR_MOVE_ROOT_NODE="Root Node cannot be moved",ERROR_MOVE_TO_DESCENDANT="Cannot move node into a descendant",ERROR_NOT_IN_RESOLVER="The component type specified for this node does not exist in the resolver",ERROR_INFINITE_CANVAS="The component specified in the <Canvas> `is` prop has additional Canvas specified in it's render template.",ERROR_CANNOT_DRAG="The node has specified a canDrag() rule that prevents it from being dragged",ERROR_INVALID_NODE_ID="Invalid parameter Node Id specified",ERROR_DELETE_TOP_LEVEL_NODE="Attempting to delete a top-level Node",_assign=function(){return(_assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __spreadArrays(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var i=arguments[t],s=0,a=i.length;s<a;s++,o++)r[o]=i[s];return r}function useMethods(e,t,n){var r=React.useMemo((function(){var t,r;return"function"==typeof e?t=e:(t=e.methods,r=e.patchListener),[function(e,o){var i=n&&createQuery(n,(function(){return e}));return produce(e,(function(e){var n;return(n=t(e,i))[o.type].apply(n,o.payload)}),r)},t]}),[e,n]),o=r[1],i=React.useReducer(r[0],t),s=i[0],a=i[1],c=React.useRef();c.current=s;var u=React.useMemo((function(){return n?createQuery(n,(function(){return c.current})):[]}),[n]),R=React.useMemo((function(){return Object.keys(o(null,null)).reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return a({type:t,payload:e})},e}),{})}),[o]),E=React.useCallback((function(){return c.current}),[]),O=React.useMemo((function(){return new Watcher(E)}),[E]);return React.useEffect((function(){c.current=s,O.notify()}),[s,O]),React.useMemo((function(){return{getState:E,subscribe:function(e,t,n){return O.subscribe(e,t,n)},actions:R,query:u}}),[R,u,O,E])}function createQuery(e,t){return Object.keys(e()).reduce((function(n,r){var o;return _assign(_assign({},n),((o={})[r]=function(){for(var n,o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];return(n=e(t()))[r].apply(n,o)},o))}),{})}var Watcher=function(){function e(e){this.subscribers=[],this.getState=e}return e.prototype.subscribe=function(e,t,n){var r=this,o=new Subscriber((function(){return e(r.getState())}),t,n);return this.subscribers.push(o),this.unsubscribe.bind(this,o)},e.prototype.unsubscribe=function(e){if(this.subscribers.length){var t=this.subscribers.indexOf(e);if(t>-1)return this.subscribers.splice(t,1)}},e.prototype.notify=function(){this.subscribers.forEach((function(e){return e.collect()}))},e}(),Subscriber=function(){function e(e,t,n){void 0===n&&(n=!1),this.collector=e,this.onChange=t,n&&this.collect()}return e.prototype.collect=function(){try{var e=this.collector();isEqualWith(e,this.collected)||(this.collected=e,this.onChange&&this.onChange(this.collected))}catch(e){console.warn(e)}},e}(),getDOMPadding=function(e){return{left:parseInt(window.getComputedStyle(e).paddingLeft),right:parseInt(window.getComputedStyle(e).paddingRight),bottom:parseInt(window.getComputedStyle(e).paddingTop),top:parseInt(window.getComputedStyle(e).paddingBottom)}},getDOMMargin=function(e){return{left:parseInt(window.getComputedStyle(e).marginLeft),right:parseInt(window.getComputedStyle(e).marginRight),bottom:parseInt(window.getComputedStyle(e).marginTop),top:parseInt(window.getComputedStyle(e).marginBottom)}},getDOMInfo=function(e){var t=e.getBoundingClientRect(),n=t.x,r=t.y,o=t.top,i=t.left,s=t.bottom,a=t.right,c=t.width,u=t.height,R=getDOMMargin(e),E=getDOMPadding(e);return{x:Math.round(n),y:Math.round(r),top:Math.round(o),left:Math.round(i),bottom:Math.round(s),right:Math.round(a),width:Math.round(c),height:Math.round(u),outerWidth:Math.round(c+R.left+R.right),outerHeight:Math.round(u+R.top+R.bottom),margin:R,padding:E,inFlow:e&&e.parentElement&&!!styleInFlow(e,e.parentElement)}},getComputedStyle=function(e){return window.getComputedStyle(e)},styleInFlow=function(e,t){var n=getComputedStyle(e),r=getComputedStyle(t);if(!(n.overflow&&"visible"!==n.overflow||"none"!==r.float||t&&"flex"===r.display&&"column"!==r["flex-direction"])){switch(n.position){case"static":case"relative":break;default:return}switch(e.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(n.display){case"block":case"list-item":case"table":case"flex":return!0}}};function useCollector(e,t){var n=e.subscribe,r=e.getState,o=e.actions,i=e.query,s=React.useRef(!0),a=React.useRef(null),c=React.useRef(t);c.current=t;var u=React.useCallback((function(e){return _assign(_assign({},e),{actions:o,query:i})}),[o,i]);s.current&&t&&(a.current=t(r(),i),s.current=!1);var R=React.useState(u(a.current)),E=R[0],O=R[1];return React.useEffect((function(){var e;return c.current&&(e=n((function(e){return c.current(e,i)}),(function(e){O(u(e))}))),function(){e&&e()}}),[u,i,n]),E}function setRef(e,t){t&&("function"==typeof e?e(t):e.current=t)}function cloneWithRef(e,t){var n=e.ref;return invariant("string"!=typeof n,"Cannot connect to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"),React.cloneElement(e,n?{ref:function(e){setRef(n,e),setRef(t,e)}}:{ref:t})}function throwIfCompositeComponentElement(e){if("string"!=typeof e.type)throw new Error}function wrapHookToRecognizeElement(e){return function(t,n){if(void 0===t&&(t=null),!React.isValidElement(t)){var r=t;return r&&e(r,n),r}var o=t;return throwIfCompositeComponentElement(o),cloneWithRef(o,e)}}var RenderIndicator=function(e){return React__default.createElement("div",{style:_assign({position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999},e.style)})},useEffectOnce=function(e){React.useEffect(e,[])},defineEventListener=function(e,t,n){return[e,t,n]},WatchHandler=function(){function e(e,t,n,r){var o=this;this.el=t,this.opts=n,this.handler=r,this.unsubscribe=e.subscribe((function(e){return{enabled:e.options.enabled}}),(function(e){var n=e.enabled;if(!document.body.contains(t))return o.remove(),o.unsubscribe();n?o.add():o.remove()}),!0)}return e.prototype.add=function(){var e=this,t=this.handler,n=t.init,r=t.events;this.cleanDOM=n&&n(this.el,this.opts),this.listenersToRemove=r&&r.map((function(t){var n=t[0],r=t[1],o=t[2],i=function(t){r(t,e.opts)};return e.el.addEventListener(n,i,o),function(){return e.el.removeEventListener(n,i,o)}}))},e.prototype.remove=function(){this.cleanDOM&&(this.cleanDOM(),this.cleanDOM=null),this.listenersToRemove&&(this.listenersToRemove.forEach((function(e){return e()})),this.listenersToRemove=null)},e}(),Handlers=function(){function e(e){this.store=e}return e.prototype.connectors=function(){var t=this,n=this.handlers()||{};return Object.keys(n).reduce((function(r,o){var i=n[o],s=i.init,a=i.events;return s||a?(r[o]=wrapHookToRecognizeElement((function(n,r){var i;document.body.contains(n)||e.wm.delete(n);var c=e.wm.get(n);c&&c[o]&&c[o].remove(),e.wm.set(n,_assign(_assign({},c),((i={})[o]=new WatchHandler(t.store,n,r,{init:s,events:a}),i)))})),r):(r[o]=function(){},r)}),{})},e.getConnectors=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=new(this.bind.apply(this,__spreadArrays([void 0],e)));return n.connectors()},e.wm=new WeakMap,e}(),deprecationWarning=function(e,t){var n="Deprecation warning: "+e+" will be deprecated in future relases.",r=t.suggest,o=t.doc;r&&(n+=" Please use "+r+" instead."),o&&(n+="("+o+")"),console.warn(n)};exports.DEPRECATED_ROOT_NODE=DEPRECATED_ROOT_NODE,exports.ERROR_CANNOT_DRAG=ERROR_CANNOT_DRAG,exports.ERROR_DELETE_TOP_LEVEL_NODE=ERROR_DELETE_TOP_LEVEL_NODE,exports.ERROR_DUPLICATE_NODEID=ERROR_DUPLICATE_NODEID,exports.ERROR_INFINITE_CANVAS=ERROR_INFINITE_CANVAS,exports.ERROR_INVALID_NODEID=ERROR_INVALID_NODEID,exports.ERROR_INVALID_NODE_ID=ERROR_INVALID_NODE_ID,exports.ERROR_MISSING_PLACEHOLDER_PLACEMENT=ERROR_MISSING_PLACEHOLDER_PLACEMENT,exports.ERROR_MOVE_INCOMING_PARENT=ERROR_MOVE_INCOMING_PARENT,exports.ERROR_MOVE_NONCANVAS_CHILD=ERROR_MOVE_NONCANVAS_CHILD,exports.ERROR_MOVE_OUTGOING_PARENT=ERROR_MOVE_OUTGOING_PARENT,exports.ERROR_MOVE_ROOT_NODE=ERROR_MOVE_ROOT_NODE,exports.ERROR_MOVE_TOP_LEVEL_NODE=ERROR_MOVE_TOP_LEVEL_NODE,exports.ERROR_MOVE_TO_DESCENDANT=ERROR_MOVE_TO_DESCENDANT,exports.ERROR_MOVE_TO_NONCANVAS_PARENT=ERROR_MOVE_TO_NONCANVAS_PARENT,exports.ERROR_NOPARENT=ERROR_NOPARENT,exports.ERROR_NOT_IN_RESOLVER=ERROR_NOT_IN_RESOLVER,exports.ERROR_TOP_LEVEL_ELEMENT_NO_ID=ERROR_TOP_LEVEL_ELEMENT_NO_ID,exports.Handlers=Handlers,exports.ROOT_NODE=ROOT_NODE,exports.RenderIndicator=RenderIndicator,exports.cloneWithRef=cloneWithRef,exports.createQuery=createQuery,exports.defineEventListener=defineEventListener,exports.deprecationWarning=deprecationWarning,exports.getComputedStyle=getComputedStyle,exports.getDOMInfo=getDOMInfo,exports.getDOMMargin=getDOMMargin,exports.getDOMPadding=getDOMPadding,exports.styleInFlow=styleInFlow,exports.useCollector=useCollector,exports.useEffectOnce=useEffectOnce,exports.useMethods=useMethods,exports.wrapHookToRecognizeElement=wrapHookToRecognizeElement;

dist/esm/index.js

@@ -1,1 +0,1 @@
-import t from"immer";import e,{useMemo as n,useReducer as r,useRef as o,useCallback as i,useEffect as a,useState as s,cloneElement as u,isValidElement as c}from"react";import d from"lodash.isequalwith";import f from"tiny-invariant";var l="canvas-ROOT",h="Parent id cannot be ommited",p="Attempting to add a node with duplicated id",v="Node does not exist, it may have been removed",m='A <Canvas /> that is a child of a non Canvas node must specify an `id` prop, eg: <Canvas id="MyCanvas">...</Canvas> ',b="Placeholder required placement info (parent, index, or where) is missing",g="Target parent rejects incoming node",y="Current parent rejects outgoing node",w="Cannot move node that is not a direct child of a Canvas node",C="Cannot move node into a non-Canvas parent",T="A <Canvas /> that is a child of a non-Canvas node cannot be moved",M="Root Node cannot be moved",O="Cannot move node into a descendant",x="The component type specified for this node does not exist in the resolver",S="The component specified in the <Canvas> `is` prop has additional Canvas specified in it's render template.",I="The node has specified a canDrag() rule that prevents it from being dragged",R="Invalid parameter Node Id specified",k="The immediate child of <Frame /> has to be a Canvas",E=function(){return(E=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function j(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;var r=Array(t),o=0;for(e=0;e<n;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}function D(e,s,u){var c=n((function(){var n,r;return"function"==typeof e?n=e:(n=e.methods,r=e.patchListener),[function(e,o){var i=u&&q(u,(function(){return e}));return t(e,(function(t){var e;return(e=n(t,i))[o.type].apply(e,o.payload)}),r)},n]}),[e,u]),d=c[1],f=r(c[0],s),l=f[0],h=f[1],p=o();p.current=l;var v=n((function(){return u?q(u,(function(){return p.current})):[]}),[u]),m=n((function(){return Object.keys(d(null,null)).reduce((function(t,e){return t[e]=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return h({type:e,payload:t})},t}),{})}),[d]),b=i((function(){return p.current}),[]),g=n((function(){return new A(b)}),[b]);return a((function(){p.current=l,g.notify()}),[l,g]),n((function(){return{getState:b,subscribe:function(t,e,n){return g.subscribe(t,e,n)},actions:m,query:v}}),[m,v,g,b])}function q(t,e){return Object.keys(t()).reduce((function(n,r){var o;return E(E({},n),((o={})[r]=function(){for(var n,o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];return(n=t(e()))[r].apply(n,o)},o))}),{})}var A=function(){function t(t){this.subscribers=[],this.getState=t}return t.prototype.subscribe=function(t,e,n){var r=this,o=new L((function(){return t(r.getState())}),e,n);return this.subscribers.push(o),this.unsubscribe.bind(this,o)},t.prototype.unsubscribe=function(t){if(this.subscribers.length){var e=this.subscribers.indexOf(t);if(e>-1)return this.subscribers.splice(e,1)}},t.prototype.notify=function(){var t=this;setTimeout((function(){for(var e=0;e<t.subscribers.length;e++)t.subscribers[e].collect()}))},t}(),L=function(){function t(t,e,n){void 0===n&&(n=!1),this.collector=t,this.onChange=e,n&&this.collect()}return t.prototype.collect=function(){try{var t=this.collector();d(t,this.collected)||(this.collected=t,this.onChange&&this.onChange(this.collected))}catch(t){console.warn(t)}},t}(),B=function(t){return{left:parseInt(window.getComputedStyle(t).paddingLeft),right:parseInt(window.getComputedStyle(t).paddingRight),bottom:parseInt(window.getComputedStyle(t).paddingTop),top:parseInt(window.getComputedStyle(t).paddingBottom)}},N=function(t){return{left:parseInt(window.getComputedStyle(t).marginLeft),right:parseInt(window.getComputedStyle(t).marginRight),bottom:parseInt(window.getComputedStyle(t).marginTop),top:parseInt(window.getComputedStyle(t).marginBottom)}},P=function(t){var e=t.getBoundingClientRect(),n=e.x,r=e.y,o=e.top,i=e.left,a=e.bottom,s=e.right,u=e.width,c=e.height,d=N(t),f=B(t);return{x:Math.round(n),y:Math.round(r),top:Math.round(o),left:Math.round(i),bottom:Math.round(a),right:Math.round(s),width:Math.round(u),height:Math.round(c),outerWidth:Math.round(u+d.left+d.right),outerHeight:Math.round(c+d.top+d.bottom),margin:d,padding:f,inFlow:t&&t.parentElement&&!!W(t,t.parentElement)}},F=function(t){return window.getComputedStyle(t)},W=function(t,e){var n=F(t),r=F(e);if(!(n.overflow&&"visible"!==n.overflow||"none"!==r.float||e&&"flex"===r.display&&"column"!==r["flex-direction"])){switch(n.position){case"static":case"relative":break;default:return}switch(t.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(n.display){case"block":case"list-item":case"table":case"flex":return!0}}};function H(t,e){var n=t.subscribe,r=t.getState,u=t.actions,c=t.query,d=o(!0),f=o(null),l=o(e);l.current=e;var h=i((function(t){return E(E({},t),{actions:u,query:c})}),[u,c]);d.current&&e&&(f.current=e(r(),c),d.current=!1);var p=s(h(f.current)),v=p[0],m=p[1];return a((function(){var t;return l.current&&(t=n((function(t){return l.current(t,c)}),(function(t){m(h(t))}))),function(){t&&t()}}),[h,c,n]),v}function z(t,e){e&&("function"==typeof t?t(e):t.current=e)}function Y(t,e){var n=t.ref;return f("string"!=typeof n,"Cannot connect to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"),u(t,n?{ref:function(t){z(n,t),z(e,t)}}:{ref:e})}function G(t){return function(e,n){if(void 0===e&&(e=null),!c(e)){var r=e;return r&&t(r,n),r}var o=e;return function(t){if("string"!=typeof t.type)throw new Error}(o),Y(o,t)}}var J=function(t){return e.createElement("div",{style:E({position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999},t.style)})},K=function(t){a(t,[])},Q=function(){function t(t,e,n,r){var o=this;this.el=e,this.opts=n,this.handler=r,this.unsubscribe=t.subscribe((function(t){return{enabled:t.options.enabled}}),(function(t){var n=t.enabled;if(!document.body.contains(e))return o.remove(),o.unsubscribe();n?o.add():o.remove()}),!0)}return t.prototype.add=function(){var t=this,e=this.handler,n=e.init,r=e.events;this.cleanDOM=n&&n(this.el,this.opts),this.listenersToRemove=r&&r.map((function(e){var n=e[0],r=e[1],o=e[2],i=function(e){r(e,t.opts)};return t.el.addEventListener(n,i,o),function(){return t.el.removeEventListener(n,i,o)}}))},t.prototype.remove=function(){this.cleanDOM&&(this.cleanDOM(),this.cleanDOM=null),this.listenersToRemove&&(this.listenersToRemove.forEach((function(t){return t()})),this.listenersToRemove=null)},t}(),U=function(){function t(t){this.store=t}return t.prototype.connectors=function(){var e=this,n=this.handlers()||{};return Object.keys(n).reduce((function(r,o){var i=n[o],a=i.init,s=i.events;return a||s?(r[o]=G((function(n,r){var i;document.body.contains(n)||t.wm.delete(n);var u=t.wm.get(n);if(u&&u[o]){if(u[o].opts===r)return;u[o].remove()}t.wm.set(n,E(E({},u),((i={})[o]=new Q(e.store,n,r,{init:a,events:s}),i)))})),r):(r[o]=function(){},r)}),{})},t.getConnectors=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n=new(this.bind.apply(this,j([void 0],t)));return n.connectors()},t.wm=new WeakMap,t}();export{I as ERROR_CANNOT_DRAG,p as ERROR_DUPLICATE_NODEID,k as ERROR_FRAME_IMMEDIATE_NON_CANVAS,S as ERROR_INFINITE_CANVAS,v as ERROR_INVALID_NODEID,R as ERROR_INVALID_NODE_ID,b as ERROR_MISSING_PLACEHOLDER_PLACEMENT,g as ERROR_MOVE_INCOMING_PARENT,w as ERROR_MOVE_NONCANVAS_CHILD,y as ERROR_MOVE_OUTGOING_PARENT,M as ERROR_MOVE_ROOT_NODE,T as ERROR_MOVE_TOP_LEVEL_CANVAS,O as ERROR_MOVE_TO_DESCENDANT,C as ERROR_MOVE_TO_NONCANVAS_PARENT,h as ERROR_NOPARENT,m as ERROR_ROOT_CANVAS_NO_ID,x as ERRROR_NOT_IN_RESOLVER,U as Handlers,l as ROOT_NODE,J as RenderIndicator,Y as cloneWithRef,q as createQuery,F as getComputedStyle,P as getDOMInfo,N as getDOMMargin,B as getDOMPadding,W as styleInFlow,H as useCollector,K as useEffectOnce,D as useMethods,G as wrapHookToRecognizeElement};
+import t from"immer";import e,{useMemo as n,useReducer as r,useRef as o,useCallback as i,useEffect as a,useState as u,cloneElement as s,isValidElement as c}from"react";import d from"lodash.isequalwith";import l from"tiny-invariant";var f="ROOT",p="canvas-ROOT",h="Parent id cannot be ommited",m="Attempting to add a node with duplicated id",v="Node does not exist, it may have been removed",g='A <Element /> that is used inside a User Component must specify an `id` prop, eg: <Element id="text_element">...</Element> ',b="Placeholder required placement info (parent, index, or where) is missing",y="Target parent rejects incoming node",w="Current parent rejects outgoing node",C="Cannot move node that is not a direct child of a Canvas node",O="Cannot move node into a non-Canvas parent",T="A top-level Node cannot be moved",x="Root Node cannot be moved",M="Cannot move node into a descendant",S="The component type specified for this node does not exist in the resolver",E="The component specified in the <Canvas> `is` prop has additional Canvas specified in it's render template.",R="The node has specified a canDrag() rule that prevents it from being dragged",I="Invalid parameter Node Id specified",k="Attempting to delete a top-level Node",D=function(){return(D=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function j(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;var r=Array(t),o=0;for(e=0;e<n;e++)for(var i=arguments[e],a=0,u=i.length;a<u;a++,o++)r[o]=i[a];return r}function A(e,u,s){var c=n((function(){var n,r;return"function"==typeof e?n=e:(n=e.methods,r=e.patchListener),[function(e,o){var i=s&&N(s,(function(){return e}));return t(e,(function(t){var e;return(e=n(t,i))[o.type].apply(e,o.payload)}),r)},n]}),[e,s]),d=c[1],l=r(c[0],u),f=l[0],p=l[1],h=o();h.current=f;var m=n((function(){return s?N(s,(function(){return h.current})):[]}),[s]),v=n((function(){return Object.keys(d(null,null)).reduce((function(t,e){return t[e]=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return p({type:e,payload:t})},t}),{})}),[d]),g=i((function(){return h.current}),[]),b=n((function(){return new q(g)}),[g]);return a((function(){h.current=f,b.notify()}),[f,b]),n((function(){return{getState:g,subscribe:function(t,e,n){return b.subscribe(t,e,n)},actions:v,query:m}}),[v,m,b,g])}function N(t,e){return Object.keys(t()).reduce((function(n,r){var o;return D(D({},n),((o={})[r]=function(){for(var n,o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];return(n=t(e()))[r].apply(n,o)},o))}),{})}var q=function(){function t(t){this.subscribers=[],this.getState=t}return t.prototype.subscribe=function(t,e,n){var r=this,o=new L((function(){return t(r.getState())}),e,n);return this.subscribers.push(o),this.unsubscribe.bind(this,o)},t.prototype.unsubscribe=function(t){if(this.subscribers.length){var e=this.subscribers.indexOf(t);if(e>-1)return this.subscribers.splice(e,1)}},t.prototype.notify=function(){this.subscribers.forEach((function(t){return t.collect()}))},t}(),L=function(){function t(t,e,n){void 0===n&&(n=!1),this.collector=t,this.onChange=e,n&&this.collect()}return t.prototype.collect=function(){try{var t=this.collector();d(t,this.collected)||(this.collected=t,this.onChange&&this.onChange(this.collected))}catch(t){console.warn(t)}},t}(),P=function(t){return{left:parseInt(window.getComputedStyle(t).paddingLeft),right:parseInt(window.getComputedStyle(t).paddingRight),bottom:parseInt(window.getComputedStyle(t).paddingTop),top:parseInt(window.getComputedStyle(t).paddingBottom)}},B=function(t){return{left:parseInt(window.getComputedStyle(t).marginLeft),right:parseInt(window.getComputedStyle(t).marginRight),bottom:parseInt(window.getComputedStyle(t).marginTop),top:parseInt(window.getComputedStyle(t).marginBottom)}},W=function(t){var e=t.getBoundingClientRect(),n=e.x,r=e.y,o=e.top,i=e.left,a=e.bottom,u=e.right,s=e.width,c=e.height,d=B(t),l=P(t);return{x:Math.round(n),y:Math.round(r),top:Math.round(o),left:Math.round(i),bottom:Math.round(a),right:Math.round(u),width:Math.round(s),height:Math.round(c),outerWidth:Math.round(s+d.left+d.right),outerHeight:Math.round(c+d.top+d.bottom),margin:d,padding:l,inFlow:t&&t.parentElement&&!!H(t,t.parentElement)}},F=function(t){return window.getComputedStyle(t)},H=function(t,e){var n=F(t),r=F(e);if(!(n.overflow&&"visible"!==n.overflow||"none"!==r.float||e&&"flex"===r.display&&"column"!==r["flex-direction"])){switch(n.position){case"static":case"relative":break;default:return}switch(t.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(n.display){case"block":case"list-item":case"table":case"flex":return!0}}};function z(t,e){var n=t.subscribe,r=t.getState,s=t.actions,c=t.query,d=o(!0),l=o(null),f=o(e);f.current=e;var p=i((function(t){return D(D({},t),{actions:s,query:c})}),[s,c]);d.current&&e&&(l.current=e(r(),c),d.current=!1);var h=u(p(l.current)),m=h[0],v=h[1];return a((function(){var t;return f.current&&(t=n((function(t){return f.current(t,c)}),(function(t){v(p(t))}))),function(){t&&t()}}),[p,c,n]),m}function U(t,e){e&&("function"==typeof t?t(e):t.current=e)}function Y(t,e){var n=t.ref;return l("string"!=typeof n,"Cannot connect to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"),s(t,n?{ref:function(t){U(n,t),U(e,t)}}:{ref:e})}function _(t){return function(e,n){if(void 0===e&&(e=null),!c(e)){var r=e;return r&&t(r,n),r}var o=e;return function(t){if("string"!=typeof t.type)throw new Error}(o),Y(o,t)}}var G=function(t){return e.createElement("div",{style:D({position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999},t.style)})},J=function(t){a(t,[])},K=function(t,e,n){return[t,e,n]},Q=function(){function t(t,e,n,r){var o=this;this.el=e,this.opts=n,this.handler=r,this.unsubscribe=t.subscribe((function(t){return{enabled:t.options.enabled}}),(function(t){var n=t.enabled;if(!document.body.contains(e))return o.remove(),o.unsubscribe();n?o.add():o.remove()}),!0)}return t.prototype.add=function(){var t=this,e=this.handler,n=e.init,r=e.events;this.cleanDOM=n&&n(this.el,this.opts),this.listenersToRemove=r&&r.map((function(e){var n=e[0],r=e[1],o=e[2],i=function(e){r(e,t.opts)};return t.el.addEventListener(n,i,o),function(){return t.el.removeEventListener(n,i,o)}}))},t.prototype.remove=function(){this.cleanDOM&&(this.cleanDOM(),this.cleanDOM=null),this.listenersToRemove&&(this.listenersToRemove.forEach((function(t){return t()})),this.listenersToRemove=null)},t}(),V=function(){function t(t){this.store=t}return t.prototype.connectors=function(){var e=this,n=this.handlers()||{};return Object.keys(n).reduce((function(r,o){var i=n[o],a=i.init,u=i.events;return a||u?(r[o]=_((function(n,r){var i;document.body.contains(n)||t.wm.delete(n);var s=t.wm.get(n);s&&s[o]&&s[o].remove(),t.wm.set(n,D(D({},s),((i={})[o]=new Q(e.store,n,r,{init:a,events:u}),i)))})),r):(r[o]=function(){},r)}),{})},t.getConnectors=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n=new(this.bind.apply(this,j([void 0],t)));return n.connectors()},t.wm=new WeakMap,t}(),X=function(t,e){var n="Deprecation warning: "+t+" will be deprecated in future relases.",r=e.suggest,o=e.doc;r&&(n+=" Please use "+r+" instead."),o&&(n+="("+o+")"),console.warn(n)};export{p as DEPRECATED_ROOT_NODE,R as ERROR_CANNOT_DRAG,k as ERROR_DELETE_TOP_LEVEL_NODE,m as ERROR_DUPLICATE_NODEID,E as ERROR_INFINITE_CANVAS,v as ERROR_INVALID_NODEID,I as ERROR_INVALID_NODE_ID,b as ERROR_MISSING_PLACEHOLDER_PLACEMENT,y as ERROR_MOVE_INCOMING_PARENT,C as ERROR_MOVE_NONCANVAS_CHILD,w as ERROR_MOVE_OUTGOING_PARENT,x as ERROR_MOVE_ROOT_NODE,T as ERROR_MOVE_TOP_LEVEL_NODE,M as ERROR_MOVE_TO_DESCENDANT,O as ERROR_MOVE_TO_NONCANVAS_PARENT,h as ERROR_NOPARENT,S as ERROR_NOT_IN_RESOLVER,g as ERROR_TOP_LEVEL_ELEMENT_NO_ID,V as Handlers,f as ROOT_NODE,G as RenderIndicator,Y as cloneWithRef,N as createQuery,K as defineEventListener,X as deprecationWarning,F as getComputedStyle,W as getDOMInfo,B as getDOMMargin,P as getDOMPadding,H as styleInFlow,z as useCollector,J as useEffectOnce,A as useMethods,_ as wrapHookToRecognizeElement};

lib/constants.d.ts

@@ -1,6 +0,7 @@
-export declare const ROOT_NODE = "canvas-ROOT";
+export declare const ROOT_NODE = "ROOT";
+export declare const DEPRECATED_ROOT_NODE = "canvas-ROOT";
 export declare const ERROR_NOPARENT = "Parent id cannot be ommited";
 export declare const ERROR_DUPLICATE_NODEID = "Attempting to add a node with duplicated id";
 export declare const ERROR_INVALID_NODEID = "Node does not exist, it may have been removed";
-export declare const ERROR_ROOT_CANVAS_NO_ID = "A <Canvas /> that is a child of a non Canvas node must specify an `id` prop, eg: <Canvas id=\"MyCanvas\">...</Canvas> ";
+export declare const ERROR_TOP_LEVEL_ELEMENT_NO_ID = "A <Element /> that is used inside a User Component must specify an `id` prop, eg: <Element id=\"text_element\">...</Element> ";
 export declare const ERROR_MISSING_PLACEHOLDER_PLACEMENT = "Placeholder required placement info (parent, index, or where) is missing";
@@ -11,9 +12,9 @@ export declare const ERROR_MOVE_INCOMING_PARENT = "Target parent rejects incoming node";
 export declare const ERROR_MOVE_TO_NONCANVAS_PARENT = "Cannot move node into a non-Canvas parent";
-export declare const ERROR_MOVE_TOP_LEVEL_CANVAS = "A <Canvas /> that is a child of a non-Canvas node cannot be moved";
+export declare const ERROR_MOVE_TOP_LEVEL_NODE = "A top-level Node cannot be moved";
 export declare const ERROR_MOVE_ROOT_NODE = "Root Node cannot be moved";
 export declare const ERROR_MOVE_TO_DESCENDANT = "Cannot move node into a descendant";
-export declare const ERRROR_NOT_IN_RESOLVER = "The component type specified for this node does not exist in the resolver";
+export declare const ERROR_NOT_IN_RESOLVER = "The component type specified for this node does not exist in the resolver";
 export declare const ERROR_INFINITE_CANVAS = "The component specified in the <Canvas> `is` prop has additional Canvas specified in it's render template.";
 export declare const ERROR_CANNOT_DRAG = "The node has specified a canDrag() rule that prevents it from being dragged";
 export declare const ERROR_INVALID_NODE_ID = "Invalid parameter Node Id specified";
-export declare const ERROR_FRAME_IMMEDIATE_NON_CANVAS = "The immediate child of <Frame /> has to be a Canvas";
+export declare const ERROR_DELETE_TOP_LEVEL_NODE = "Attempting to delete a top-level Node";

lib/Handlers.d.ts

 import { Connector } from "./wrapConnectorHooks";
-export declare type HandlersMap<T extends string> = Record<T, Handler>;
+export declare const defineEventListener: (name: string, handler: (e: MouseEvent, payload: any) => void, capture?: boolean) => (string | boolean | ((e: MouseEvent, payload: any) => void))[];
 export declare type Handler = {
@@ -4,0 +4,0 @@ /**

lib/index.d.ts

@@ -9,1 +9,2 @@ export * from "./constants";
 export * from "./Handlers";
+export * from "./deprecate";

package.json

@@ -5,3 +5,3 @@ {
   "private": false,
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.7",
   "author": "Prev Wong <[e-mail]>",
@@ -26,3 +26,3 @@ "license": "MIT",
   },
-  "gitHead": "386c561ea0c562ff189fde14296b38c8ca0525f7"
+  "gitHead": "171a0753dc08e0a17bed4fc28b7dc4015d0b9295"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

243474

increased by2.5%

Number of package files

16

increased by6.67%

Lines of code

255

increased by3.66%

No dependency changes