@vizzly/components - npm Package Compare versions

Comparing version 0.0.79 to 0.0.80

dist/api/useQueryEffect.d.ts

 import { VizzlyPuppet } from '@vizzly/puppet';
-import { VizzlyComponents } from '../types';
-export declare const useQueryEffect: (api: any, queries: VizzlyPuppet.Query[], component: VizzlyComponents.Component | null, onResultsCallback: (results: VizzlyPuppet.Result[], queries: VizzlyPuppet.Query[]) => void) => void;
+export declare const useQueryEffect: (api: any, queries: VizzlyPuppet.Query[], componentId: string | undefined, onResultsCallback: (results: VizzlyPuppet.Result[], queries: VizzlyPuppet.Query[]) => void) => void;

dist/components.cjs.development.js

@@ -686,3 +686,3 @@ 'use strict';
 
-var useQueryEffect = function useQueryEffect(api, queries, component, onResultsCallback) {
+var useQueryEffect = function useQueryEffect(api, queries, componentId, onResultsCallback) {
   // TODO re-introduce fetching secure filters using auth config...
@@ -700,3 +700,3 @@ React.useEffect(function () {
                 _context.next = 2;
-                return api.createQueryResult(component == null ? void 0 : component.id, queries, abortController.signal);
+                return api.createQueryResult(componentId, queries, abortController.signal);
 
@@ -720,7 +720,7 @@ case 2:
 
-    component && !lodash.isEmpty(queries) && fetch();
+    componentId && !lodash.isEmpty(queries) && fetch();
     return function () {
       abortController.abort();
     };
-  }, [JSON.stringify(component), JSON.stringify(queries)]);
+  }, [JSON.stringify(componentId), JSON.stringify(queries)]);
 };
@@ -739,2 +739,50 @@
 
+var setTitle = function setTitle(state, setState, title) {
+  setState(_extends({}, state, {
+    version: _extends({}, state.version, {
+      title: title
+    })
+  }));
+};
+var setDescription = function setDescription(state, setState, description) {
+  setState(_extends({}, state, {
+    version: _extends({}, state.version, {
+      description: description
+    })
+  }));
+};
+var setChartType = function setChartType(state, setState, type) {
+  setState(_extends({}, state, {
+    results: [],
+    queries: [],
+    version: _extends({}, state.version, {
+      type: type
+    })
+  }));
+};
+var setLibraryVersion = function setLibraryVersion(state, setState, libraryVersion) {
+  setState(_extends({}, state, {
+    results: [],
+    queries: [],
+    version: _extends({}, state.version, {
+      libraryVersion: libraryVersion
+    })
+  }));
+};
+var setProps = function setProps(state, setState, props) {
+  setState(_extends({}, state, {
+    results: [],
+    queries: [],
+    version: _extends({}, state.version, {
+      props: _extends({}, props)
+    })
+  }));
+};
+var setResults = function setResults(state, setState, results, queries) {
+  setState(_extends({}, state, {
+    results: results,
+    queries: queries
+  }));
+};
+
 var noOp = function noOp() {
@@ -750,5 +798,8 @@ throw 'Function not initialised.';
   queries: [],
-  setVersion: noOp,
   setResults: noOp,
-  setProps: noOp
+  setProps: noOp,
+  setTitle: noOp,
+  setChartType: noOp,
+  setDescription: noOp,
+  setLibraryVersion: noOp
 });
@@ -812,28 +863,20 @@ var ComponentContextProvider = function ComponentContextProvider(props) {
 
-  var setVersion = function setVersion(version, resetResultAndQueries) {
-    if (resetResultAndQueries === void 0) {
-      resetResultAndQueries = true;
-    }
-
-    var resultsAndQueries = resetResultAndQueries ? {
-      results: [],
-      queries: []
-    } : {};
-    setState(_extends({}, state, {
-      version: version
-    }, resultsAndQueries));
-  };
-
   var componentContextValues = _extends({}, state, {
-    setVersion: setVersion,
-    setProps: function setProps(props) {
-      setVersion(_extends({}, state.version, {
-        props: props
-      }));
+    setChartType: function setChartType$1(type) {
+      return setChartType(state, setState, type);
     },
-    setResults: function setResults(results, queries) {
-      return setState(_extends({}, state, {
-        results: results,
-        queries: queries
-      }));
+    setDescription: function setDescription$1(description) {
+      return setDescription(state, setState, description);
+    },
+    setTitle: function setTitle$1(title) {
+      return setTitle(state, setState, title);
+    },
+    setLibraryVersion: function setLibraryVersion$1(libraryVersion) {
+      return setLibraryVersion(state, setState, libraryVersion);
+    },
+    setProps: function setProps$1(props) {
+      return setProps(state, setState, props);
+    },
+    setResults: function setResults$1(results, queries) {
+      return setResults(state, setState, results, queries);
     }
@@ -883,3 +926,3 @@ });
   var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -907,3 +950,3 @@
   var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -931,3 +974,3 @@
   var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -958,3 +1001,3 @@
   var query = build(measures, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -961,0 +1004,0 @@

dist/components.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=t(e),n=require("@vizzly/puppet"),o=require("lodash"),i=t(require("isomorphic-fetch"));function u(){u=function(){return t};var t={},e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function s(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,r){return t[e]=r}}function c(t,e,r,n){var o=Object.create((e&&e.prototype instanceof p?e:p).prototype),i=new L(n||[]);return o._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return{value:void 0,done:!0}}for(r.method=o,r.arg=i;;){var u=r.delegate;if(u){var a=b(u,r);if(a){if(a===l)continue;return a}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var s=f(t,e,r);if("normal"===s.type){if(n=r.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n="completed",r.method="throw",r.arg=s.arg)}}}(t,r,i),o}function f(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var l={};function p(){}function h(){}function d(){}var v={};s(v,o,(function(){return this}));var m=Object.getPrototypeOf,y=m&&m(m(O([])));y&&y!==e&&r.call(y,o)&&(v=y);var g=d.prototype=p.prototype=Object.create(v);function w(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){var n;this._invoke=function(o,i){function u(){return new e((function(n,u){!function n(o,i,u,a){var s=f(t[o],t,i);if("throw"!==s.type){var c=s.arg,l=c.value;return l&&"object"==typeof l&&r.call(l,"__await")?e.resolve(l.__await).then((function(t){n("next",t,u,a)}),(function(t){n("throw",t,u,a)})):e.resolve(l).then((function(t){c.value=t,u(c)}),(function(t){return n("throw",t,u,a)}))}a(s.arg)}(o,i,n,u)}))}return n=n?n.then(u,u):u()}}function b(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,b(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var n=f(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,l;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function O(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:_}}function _(){return{value:void 0,done:!0}}return h.prototype=d,s(g,"constructor",d),s(d,"constructor",h),h.displayName=s(d,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,s(t,a,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},w(x.prototype),s(x.prototype,i,(function(){return this})),t.AsyncIterator=x,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var u=new x(c(e,r,n,o),i);return t.isGeneratorFunction(r)?u:u.next().then((function(t){return t.done?t.value:u.next()}))},w(g),s(g,a,"Generator"),s(g,o,(function(){return this})),s(g,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=O,L.prototype={constructor:L,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return u.type="throw",u.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var a=r.call(i,"catchLoc"),s=r.call(i,"finallyLoc");if(a&&s){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var u=i?i.completion:{};return u.type=t,u.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(u)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:O(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),l}},t}function a(t,e,r,n,o,i,u){try{var a=t[i](u),s=a.value}catch(t){return void r(t)}a.done?e(s):Promise.resolve(s).then(n,o)}function s(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function u(t){a(i,n,o,u,s,"next",t)}function s(t){a(i,n,o,u,s,"throw",t)}u(void 0)}))}}function c(){return(c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}var f=function(t){return{id:t.id,dataType:t.type,title:t.title}},l=function(t){return{fields:[].concat(t.fields).map(f)}},p=function(t){var e=t.versions.map((function(t){return{type:t.frontend_context.type,title:t.title,description:t.description,props:t.frontend_context.props,libraryVersion:t.frontend_context.libraryVersion,secureFilters:t.secure_filters.map((function(t){return{field:t.field,op:t.operator}})),savedAt:t.inserted_at}}));return{id:t.id,dataSets:t.data_sets.map(l),versions:e}},h=function(t){return o.last(t.versions)},d=function(t){return function(){var e=s(u().mark((function e(r,n){var o,i;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t({path:r,method:"get",headers:c({},n)});case 2:if(i=(o=e.sent).body,200!=o.status){e.next=7;break}return e.abrupt("return",i);case 7:return e.abrupt("return",void 0);case 8:case"end":return e.stop()}}),e)})));return function(t,r){return e.apply(this,arguments)}}()},v=function(t){return t.content=t.content.map((function(e){return e.map((function(e,r){return function(t,e){if(null===t)return null;switch(e){case"date_time":return new Date(t);case"number":case"string":return t;case"boolean":return!!t}throw"Cannot parse value of unrecognised type."}(e,t.fields[r].dataType)}))})),t},m=function(t){return function(){var e=s(u().mark((function e(r,n,o){var i,a;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t({path:"/api/create-result",method:"post",body:{queries:n.map((function(t){return y(t,r)}))},abortSignal:o});case 2:if(a=(i=e.sent).body,200!=i.status){e.next=7;break}return e.abrupt("return",a.results.map(v));case 7:return e.abrupt("return",void 0);case 8:case"end":return e.stop()}}),e)})));return function(t,r,n){return e.apply(this,arguments)}}()},y=function(t,e){var r=t.timeDimension;return r&&(r=c({},r,{timeZone:n.Utils.DateTime.currentTimezone()})),c({},t,{componentId:e,timeDimension:r})},g=function(t,r,n,i){e.useEffect((function(){var e=new AbortController,a=function(){var o=s(u().mark((function o(){var a;return u().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,t.createQueryResult(null==n?void 0:n.id,r,e.signal);case 2:(a=o.sent)&&i(a,r);case 4:case"end":return o.stop()}}),o)})));return function(){return o.apply(this,arguments)}}();return n&&!o.isEmpty(r)&&a(),function(){e.abort()}}),[JSON.stringify(n),JSON.stringify(r)])},w=function(t){if(!t)return null;var e,r=function(t){return function(){var e=s(u().mark((function e(r){var n,o,a;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.authToken?{auth:"Bearer "+t.authToken}:{},o=r.headers||{},e.next=4,i(""+t.host+r.path,{method:r.method,headers:c({"Content-Type":"application/json",Accept:"application/json"},n,o),redirect:"follow",referrerPolicy:"no-referrer",body:r.body?JSON.stringify(r.body):null,signal:r.abortSignal});case 4:return a=e.sent,e.next=7,a.json();case 7:return e.abrupt("return",{body:e.sent,status:a.status});case 9:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()}(t);return{config:t,getComponent:(e=r,function(){var t=s(u().mark((function t(r){var n,o;return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e({path:"/api/component/"+r,method:"get"});case 2:if(o=(n=t.sent).body,200!=n.status){t.next=7;break}return t.abrupt("return",p(o));case 7:return t.abrupt("return",void 0);case 8:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()),getComponentAuth:d(r),createQueryResult:m(r)}},x=function(){throw"Function not initialised."},b=r.createContext({component:null,version:null,apiConfig:null,results:[],queries:[],setVersion:x,setResults:x,setProps:x}),C=function(){return r.useContext(b)},E=function(){return r.useContext(b)},L=function(){return r.useContext(b)},O=function(){return r.useContext(b)},_=function(t,e,r,n,o,i){var u={measure:t,order:e,filter:r,dimension:n,timeDimension:o,limit:i};return j(u)?u:null},j=function(t){return null!==t&&!o.isEmpty(t.measure)},P=function(t,e,r,n){var o=_(r.measure,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(o)?[o]:[],e,n)},k=function(t,e,r,n){var o=_(r.measure,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(o)?[o]:[],e,n)},q=function(t,e,r,n){var o=_(r.measure,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(o)?[o]:[],e,n)},S=function(t,e,r,n){var o=[];r.xMeasure&&o.push(r.xMeasure),r.yMeasure&&o.push(r.yMeasure);var i=_(o,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(i)?[i]:[],e,n)};exports.AreaChart=function(t){var e=L(),i=e.apiConfig,u=e.component,a=e.setResults,s=e.results,c=e.queries,f=e.version,l=n.mergeProps(t,null==f?void 0:f.props,n.Components.LineChartView.defaultProps);return q(i,u,l,a),o.isEmpty(s)?null:r.createElement(n.Components.AreaChartView,Object.assign({},l,{result:s[0],query:c[0]}))},exports.BarChart=function(t){var e=E(),i=e.apiConfig,u=e.results,a=e.component,s=e.queries,c=e.version,f=e.setResults,l=n.mergeProps(t,null==c?void 0:c.props,n.Components.LineChartView.defaultProps);return k(i,a,l,f),o.isEmpty(u)?null:r.createElement(n.Components.BarChartView,Object.assign({},l,{result:u[0],query:s[0]}))},exports.ComponentContextProvider=function(t){var n=t.children,o=t.apiConfig,i=t.componentId,a=r.useState({apiConfig:o,results:[],queries:[],component:null,version:null}),f=a[0],l=a[1];e.useEffect((function(){!function(){var t=s(u().mark((function t(){var e,r,n;return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,null==(e=w(o))?void 0:e.getComponent(i);case 2:(r=t.sent)&&(n=h(r),l(c({},f,{queries:[],results:[],component:r,version:n||null})));case 4:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}()()}),[i]);var p=function(t,e){void 0===e&&(e=!0),l(c({},f,{version:t},e?{results:[],queries:[]}:{}))},d=c({},f,{setVersion:p,setProps:function(t){p(c({},f.version,{props:t}))},setResults:function(t,e){return l(c({},f,{results:t,queries:e}))}});return r.createElement(b.Provider,{value:d},n)},exports.LineChart=function(t){var e=C(),i=e.apiConfig,u=e.results,a=e.queries,s=e.version,c=e.component,f=e.setResults,l=n.mergeProps(t,null==s?void 0:s.props,n.Components.LineChartView.defaultProps);return P(i,c,l,f),o.isEmpty(u)?null:r.createElement(n.Components.LineChartView,Object.assign({},l,{result:u[0],query:a[0]}))},exports.ScatterChart=function(t){var e=O(),i=e.apiConfig,u=e.setResults,a=e.component,s=e.results,c=e.queries,f=e.version,l=n.mergeProps(t,null==f?void 0:f.props,n.Components.LineChartView.defaultProps);return S(i,a,l,u),o.isEmpty(s)?null:r.createElement(n.Components.ScatterChartView,Object.assign({},l,{result:s[0],query:c[0]}))},exports.createQueryResult=m,exports.useAreaChart=L,exports.useAreaChartQueryEffect=q,exports.useBarChart=E,exports.useBarChartQueryEffect=k,exports.useComponentContext=function(){return r.useContext(b)},exports.useLineChart=C,exports.useLineChartQueryEffect=P,exports.useScatterChart=O,exports.useScatterChartQueryEffect=S;
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=t(e),n=require("@vizzly/puppet"),o=require("lodash"),i=t(require("isomorphic-fetch"));function u(){u=function(){return t};var t={},e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function s(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,r){return t[e]=r}}function c(t,e,r,n){var o=Object.create((e&&e.prototype instanceof p?e:p).prototype),i=new L(n||[]);return o._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return{value:void 0,done:!0}}for(r.method=o,r.arg=i;;){var u=r.delegate;if(u){var a=b(u,r);if(a){if(a===l)continue;return a}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var s=f(t,e,r);if("normal"===s.type){if(n=r.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n="completed",r.method="throw",r.arg=s.arg)}}}(t,r,i),o}function f(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var l={};function p(){}function h(){}function d(){}var v={};s(v,o,(function(){return this}));var m=Object.getPrototypeOf,y=m&&m(m(O([])));y&&y!==e&&r.call(y,o)&&(v=y);var g=d.prototype=p.prototype=Object.create(v);function w(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){var n;this._invoke=function(o,i){function u(){return new e((function(n,u){!function n(o,i,u,a){var s=f(t[o],t,i);if("throw"!==s.type){var c=s.arg,l=c.value;return l&&"object"==typeof l&&r.call(l,"__await")?e.resolve(l.__await).then((function(t){n("next",t,u,a)}),(function(t){n("throw",t,u,a)})):e.resolve(l).then((function(t){c.value=t,u(c)}),(function(t){return n("throw",t,u,a)}))}a(s.arg)}(o,i,n,u)}))}return n=n?n.then(u,u):u()}}function b(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,b(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var n=f(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,l;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function O(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:_}}function _(){return{value:void 0,done:!0}}return h.prototype=d,s(g,"constructor",d),s(d,"constructor",h),h.displayName=s(d,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,s(t,a,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},w(x.prototype),s(x.prototype,i,(function(){return this})),t.AsyncIterator=x,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var u=new x(c(e,r,n,o),i);return t.isGeneratorFunction(r)?u:u.next().then((function(t){return t.done?t.value:u.next()}))},w(g),s(g,a,"Generator"),s(g,o,(function(){return this})),s(g,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=O,L.prototype={constructor:L,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return u.type="throw",u.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var a=r.call(i,"catchLoc"),s=r.call(i,"finallyLoc");if(a&&s){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var u=i?i.completion:{};return u.type=t,u.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(u)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:O(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),l}},t}function a(t,e,r,n,o,i,u){try{var a=t[i](u),s=a.value}catch(t){return void r(t)}a.done?e(s):Promise.resolve(s).then(n,o)}function s(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function u(t){a(i,n,o,u,s,"next",t)}function s(t){a(i,n,o,u,s,"throw",t)}u(void 0)}))}}function c(){return(c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}var f=function(t){return{id:t.id,dataType:t.type,title:t.title}},l=function(t){return{fields:[].concat(t.fields).map(f)}},p=function(t){var e=t.versions.map((function(t){return{type:t.frontend_context.type,title:t.title,description:t.description,props:t.frontend_context.props,libraryVersion:t.frontend_context.libraryVersion,secureFilters:t.secure_filters.map((function(t){return{field:t.field,op:t.operator}})),savedAt:t.inserted_at}}));return{id:t.id,dataSets:t.data_sets.map(l),versions:e}},h=function(t){return o.last(t.versions)},d=function(t){return function(){var e=s(u().mark((function e(r,n){var o,i;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t({path:r,method:"get",headers:c({},n)});case 2:if(i=(o=e.sent).body,200!=o.status){e.next=7;break}return e.abrupt("return",i);case 7:return e.abrupt("return",void 0);case 8:case"end":return e.stop()}}),e)})));return function(t,r){return e.apply(this,arguments)}}()},v=function(t){return t.content=t.content.map((function(e){return e.map((function(e,r){return function(t,e){if(null===t)return null;switch(e){case"date_time":return new Date(t);case"number":case"string":return t;case"boolean":return!!t}throw"Cannot parse value of unrecognised type."}(e,t.fields[r].dataType)}))})),t},m=function(t){return function(){var e=s(u().mark((function e(r,n,o){var i,a;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t({path:"/api/create-result",method:"post",body:{queries:n.map((function(t){return y(t,r)}))},abortSignal:o});case 2:if(a=(i=e.sent).body,200!=i.status){e.next=7;break}return e.abrupt("return",a.results.map(v));case 7:return e.abrupt("return",void 0);case 8:case"end":return e.stop()}}),e)})));return function(t,r,n){return e.apply(this,arguments)}}()},y=function(t,e){var r=t.timeDimension;return r&&(r=c({},r,{timeZone:n.Utils.DateTime.currentTimezone()})),c({},t,{componentId:e,timeDimension:r})},g=function(t,r,n,i){e.useEffect((function(){var e=new AbortController,a=function(){var o=s(u().mark((function o(){var a;return u().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,t.createQueryResult(n,r,e.signal);case 2:(a=o.sent)&&i(a,r);case 4:case"end":return o.stop()}}),o)})));return function(){return o.apply(this,arguments)}}();return n&&!o.isEmpty(r)&&a(),function(){e.abort()}}),[JSON.stringify(n),JSON.stringify(r)])},w=function(t){if(!t)return null;var e,r=function(t){return function(){var e=s(u().mark((function e(r){var n,o,a;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.authToken?{auth:"Bearer "+t.authToken}:{},o=r.headers||{},e.next=4,i(""+t.host+r.path,{method:r.method,headers:c({"Content-Type":"application/json",Accept:"application/json"},n,o),redirect:"follow",referrerPolicy:"no-referrer",body:r.body?JSON.stringify(r.body):null,signal:r.abortSignal});case 4:return a=e.sent,e.next=7,a.json();case 7:return e.abrupt("return",{body:e.sent,status:a.status});case 9:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()}(t);return{config:t,getComponent:(e=r,function(){var t=s(u().mark((function t(r){var n,o;return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e({path:"/api/component/"+r,method:"get"});case 2:if(o=(n=t.sent).body,200!=n.status){t.next=7;break}return t.abrupt("return",p(o));case 7:return t.abrupt("return",void 0);case 8:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()),getComponentAuth:d(r),createQueryResult:m(r)}},x=function(){throw"Function not initialised."},b=r.createContext({component:null,version:null,apiConfig:null,results:[],queries:[],setResults:x,setProps:x,setTitle:x,setChartType:x,setDescription:x,setLibraryVersion:x}),C=function(){return r.useContext(b)},E=function(){return r.useContext(b)},L=function(){return r.useContext(b)},O=function(){return r.useContext(b)},_=function(t,e,r,n,o,i){var u={measure:t,order:e,filter:r,dimension:n,timeDimension:o,limit:i};return j(u)?u:null},j=function(t){return null!==t&&!o.isEmpty(t.measure)},P=function(t,e,r,n){var o=_(r.measure,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(o)?[o]:[],null==e?void 0:e.id,n)},q=function(t,e,r,n){var o=_(r.measure,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(o)?[o]:[],null==e?void 0:e.id,n)},k=function(t,e,r,n){var o=_(r.measure,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(o)?[o]:[],null==e?void 0:e.id,n)},S=function(t,e,r,n){var o=[];r.xMeasure&&o.push(r.xMeasure),r.yMeasure&&o.push(r.yMeasure);var i=_(o,r.order,r.filter,r.dimension,r.timeDimension,r.limit);g(w(t),j(i)?[i]:[],null==e?void 0:e.id,n)};exports.AreaChart=function(t){var e=L(),i=e.apiConfig,u=e.component,a=e.setResults,s=e.results,c=e.queries,f=e.version,l=n.mergeProps(t,null==f?void 0:f.props,n.Components.LineChartView.defaultProps);return k(i,u,l,a),o.isEmpty(s)?null:r.createElement(n.Components.AreaChartView,Object.assign({},l,{result:s[0],query:c[0]}))},exports.BarChart=function(t){var e=E(),i=e.apiConfig,u=e.results,a=e.component,s=e.queries,c=e.version,f=e.setResults,l=n.mergeProps(t,null==c?void 0:c.props,n.Components.LineChartView.defaultProps);return q(i,a,l,f),o.isEmpty(u)?null:r.createElement(n.Components.BarChartView,Object.assign({},l,{result:u[0],query:s[0]}))},exports.ComponentContextProvider=function(t){var n=t.children,o=t.apiConfig,i=t.componentId,a=r.useState({apiConfig:o,results:[],queries:[],component:null,version:null}),f=a[0],l=a[1];e.useEffect((function(){!function(){var t=s(u().mark((function t(){var e,r,n;return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,null==(e=w(o))?void 0:e.getComponent(i);case 2:(r=t.sent)&&(n=h(r),l(c({},f,{queries:[],results:[],component:r,version:n||null})));case 4:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}()()}),[i]);var p=c({},f,{setChartType:function(t){return function(t,e,r){e(c({},t,{results:[],queries:[],version:c({},t.version,{type:r})}))}(f,l,t)},setDescription:function(t){return function(t,e,r){e(c({},t,{version:c({},t.version,{description:r})}))}(f,l,t)},setTitle:function(t){return function(t,e,r){e(c({},t,{version:c({},t.version,{title:r})}))}(f,l,t)},setLibraryVersion:function(t){return function(t,e,r){e(c({},t,{results:[],queries:[],version:c({},t.version,{libraryVersion:r})}))}(f,l,t)},setProps:function(t){return function(t,e,r){e(c({},t,{results:[],queries:[],version:c({},t.version,{props:c({},r)})}))}(f,l,t)},setResults:function(t,e){return function(t,e,r,n){e(c({},t,{results:r,queries:n}))}(f,l,t,e)}});return r.createElement(b.Provider,{value:p},n)},exports.LineChart=function(t){var e=C(),i=e.apiConfig,u=e.results,a=e.queries,s=e.version,c=e.component,f=e.setResults,l=n.mergeProps(t,null==s?void 0:s.props,n.Components.LineChartView.defaultProps);return P(i,c,l,f),o.isEmpty(u)?null:r.createElement(n.Components.LineChartView,Object.assign({},l,{result:u[0],query:a[0]}))},exports.ScatterChart=function(t){var e=O(),i=e.apiConfig,u=e.setResults,a=e.component,s=e.results,c=e.queries,f=e.version,l=n.mergeProps(t,null==f?void 0:f.props,n.Components.LineChartView.defaultProps);return S(i,a,l,u),o.isEmpty(s)?null:r.createElement(n.Components.ScatterChartView,Object.assign({},l,{result:s[0],query:c[0]}))},exports.createQueryResult=m,exports.useAreaChart=L,exports.useAreaChartQueryEffect=k,exports.useBarChart=E,exports.useBarChartQueryEffect=q,exports.useComponentContext=function(){return r.useContext(b)},exports.useLineChart=C,exports.useLineChartQueryEffect=P,exports.useScatterChart=O,exports.useScatterChartQueryEffect=S;
 //# sourceMappingURL=components.cjs.production.min.js.map

dist/components.esm.js

@@ -679,3 +679,3 @@ import React, { useEffect } from 'react';
 
-var useQueryEffect = function useQueryEffect(api, queries, component, onResultsCallback) {
+var useQueryEffect = function useQueryEffect(api, queries, componentId, onResultsCallback) {
   // TODO re-introduce fetching secure filters using auth config...
@@ -693,3 +693,3 @@ useEffect(function () {
                 _context.next = 2;
-                return api.createQueryResult(component == null ? void 0 : component.id, queries, abortController.signal);
+                return api.createQueryResult(componentId, queries, abortController.signal);
 
@@ -713,7 +713,7 @@ case 2:
 
-    component && !isEmpty(queries) && fetch();
+    componentId && !isEmpty(queries) && fetch();
     return function () {
       abortController.abort();
     };
-  }, [JSON.stringify(component), JSON.stringify(queries)]);
+  }, [JSON.stringify(componentId), JSON.stringify(queries)]);
 };
@@ -732,2 +732,50 @@
 
+var setTitle = function setTitle(state, setState, title) {
+  setState(_extends({}, state, {
+    version: _extends({}, state.version, {
+      title: title
+    })
+  }));
+};
+var setDescription = function setDescription(state, setState, description) {
+  setState(_extends({}, state, {
+    version: _extends({}, state.version, {
+      description: description
+    })
+  }));
+};
+var setChartType = function setChartType(state, setState, type) {
+  setState(_extends({}, state, {
+    results: [],
+    queries: [],
+    version: _extends({}, state.version, {
+      type: type
+    })
+  }));
+};
+var setLibraryVersion = function setLibraryVersion(state, setState, libraryVersion) {
+  setState(_extends({}, state, {
+    results: [],
+    queries: [],
+    version: _extends({}, state.version, {
+      libraryVersion: libraryVersion
+    })
+  }));
+};
+var setProps = function setProps(state, setState, props) {
+  setState(_extends({}, state, {
+    results: [],
+    queries: [],
+    version: _extends({}, state.version, {
+      props: _extends({}, props)
+    })
+  }));
+};
+var setResults = function setResults(state, setState, results, queries) {
+  setState(_extends({}, state, {
+    results: results,
+    queries: queries
+  }));
+};
+
 var noOp = function noOp() {
@@ -743,5 +791,8 @@ throw 'Function not initialised.';
   queries: [],
-  setVersion: noOp,
   setResults: noOp,
-  setProps: noOp
+  setProps: noOp,
+  setTitle: noOp,
+  setChartType: noOp,
+  setDescription: noOp,
+  setLibraryVersion: noOp
 });
@@ -805,28 +856,20 @@ var ComponentContextProvider = function ComponentContextProvider(props) {
 
-  var setVersion = function setVersion(version, resetResultAndQueries) {
-    if (resetResultAndQueries === void 0) {
-      resetResultAndQueries = true;
-    }
-
-    var resultsAndQueries = resetResultAndQueries ? {
-      results: [],
-      queries: []
-    } : {};
-    setState(_extends({}, state, {
-      version: version
-    }, resultsAndQueries));
-  };
-
   var componentContextValues = _extends({}, state, {
-    setVersion: setVersion,
-    setProps: function setProps(props) {
-      setVersion(_extends({}, state.version, {
-        props: props
-      }));
+    setChartType: function setChartType$1(type) {
+      return setChartType(state, setState, type);
     },
-    setResults: function setResults(results, queries) {
-      return setState(_extends({}, state, {
-        results: results,
-        queries: queries
-      }));
+    setDescription: function setDescription$1(description) {
+      return setDescription(state, setState, description);
+    },
+    setTitle: function setTitle$1(title) {
+      return setTitle(state, setState, title);
+    },
+    setLibraryVersion: function setLibraryVersion$1(libraryVersion) {
+      return setLibraryVersion(state, setState, libraryVersion);
+    },
+    setProps: function setProps$1(props) {
+      return setProps(state, setState, props);
+    },
+    setResults: function setResults$1(results, queries) {
+      return setResults(state, setState, results, queries);
     }
@@ -876,3 +919,3 @@ });
   var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -900,3 +943,3 @@
   var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -924,3 +967,3 @@
   var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -951,3 +994,3 @@
   var query = build(measures, props.order, props.filter, props.dimension, props.timeDimension, props.limit);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component == null ? void 0 : component.id, setResults);
 };
@@ -954,0 +997,0 @@

dist/components/context/context.d.ts

 import React from 'react';
 import { VizzlyComponents } from '../../types';
 import { VizzlyPuppet } from '@vizzly/puppet';
+import { ComponentContextType } from './types';
 interface WithComponentContextProps {
@@ -10,17 +11,4 @@ children: React.ReactNode;
 }
-export interface ComponentContextState<ComponentProps> {
-    component: VizzlyComponents.Component | null;
-    version: VizzlyComponents.Version<ComponentProps> | null;
-    results: VizzlyPuppet.Result[];
-    queries: VizzlyPuppet.Query[];
-    apiConfig: VizzlyComponents.ApiConfig | null;
-}
-export interface ComponentContextMethods<ComponentProps> {
-    setVersion: (version: VizzlyComponents.Version<ComponentProps>, resetResultAndQueries?: boolean) => void;
-    setResults: (results: VizzlyPuppet.Result[], queries: VizzlyPuppet.Query[]) => void;
-    setProps: (partialProps: ComponentProps) => void;
-}
-export declare type ComponentContextType<ComponentProps> = ComponentContextState<ComponentProps> & ComponentContextMethods<ComponentProps>;
 export declare const ComponentContext: React.Context<ComponentContextType<any>>;
 export declare const ComponentContextProvider: React.FC<WithComponentContextProps>;
 export {};

dist/components/context/useComponentContext.d.ts

 import { VizzlyPuppet } from '@vizzly/puppet';
-import { ComponentContextType } from './context';
+import { ComponentContextType } from './types';
 export declare const useLineChart: () => ComponentContextType<VizzlyPuppet.Component.LineChart.Props>;
@@ -4,0 +4,0 @@ export declare const useBarChart: () => ComponentContextType<VizzlyPuppet.Component.BarChart.Props>;

package.json

 {
   "name": "@vizzly/components",
   "author": "James Bowers",
-  "version": "0.0.79",
+  "version": "0.0.80",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "dist/index.js",

src/api/useAreaChartQueryEffect.ts

@@ -28,5 +28,5 @@ import { useQueryEffect } from './useQueryEffect';
     (Query.isRunnable(query) ? [query] : []) as VizzlyPuppet.Query[],
-    component,
+    component?.id,
     setResults
   );
 };

src/api/useBarChartQueryEffect.ts

@@ -28,5 +28,5 @@ import { useQueryEffect } from './useQueryEffect';
     (Query.isRunnable(query) ? [query] : []) as VizzlyPuppet.Query[],
-    component,
+    component?.id,
     setResults
   );
 };

src/api/useLineChartQueryEffect.ts

@@ -28,5 +28,5 @@ import { useQueryEffect } from './useQueryEffect';
     (Query.isRunnable(query) ? [query] : []) as VizzlyPuppet.Query[],
-    component,
+    component?.id,
     setResults
   );
 };

src/api/useQueryEffect.ts

 import { isEmpty } from 'lodash';
 import { useEffect } from 'react';
 import { VizzlyPuppet } from '@vizzly/puppet';
-import { VizzlyComponents } from '../types';
 
@@ -9,3 +8,3 @@ export const useQueryEffect = (
   queries: VizzlyPuppet.Query[],
-  component: VizzlyComponents.Component | null,
+  componentId: string | undefined,
   onResultsCallback: (
@@ -22,3 +21,3 @@ results: VizzlyPuppet.Result[],
       let results = await api.createQueryResult(
-        component?.id,
+        componentId,
         queries,
@@ -31,3 +30,3 @@ abortController.signal
 
-    component && !isEmpty(queries) && fetch();
+    componentId && !isEmpty(queries) && fetch();
 
@@ -37,3 +36,3 @@ return () => {
     };
-  }, [JSON.stringify(component), JSON.stringify(queries)]);
+  }, [JSON.stringify(componentId), JSON.stringify(queries)]);
 };

src/api/useScatterChartQueryEffect.ts

@@ -33,5 +33,5 @@ import { useQueryEffect } from './useQueryEffect';
     (Query.isRunnable(query) ? [query] : []) as VizzlyPuppet.Query[],
-    component,
+    component?.id,
     setResults
   );
 };

src/components/context/useComponentContext.ts

 import { VizzlyPuppet } from '@vizzly/puppet';
 import React from 'react';
-import { ComponentContext, ComponentContextType } from './context';
+import { ComponentContext } from './context';
+import { ComponentContextType } from './types';
 
@@ -5,0 +6,0 @@ export const useLineChart = () =>

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

235538

increased by6.45%

Number of package files

66

increased by6.45%

Lines of code

2821

increased by6.82%

No dependency changes