@vizzly/components - npm Package Compare versions

Comparing version 0.0.59 to 0.0.60

dist/components.cjs.development.js

@@ -876,2 +876,7 @@ 'use strict';
 
+var useLineChartQueryEffect = function useLineChartQueryEffect(apiConfig, component, props, setResults) {
+  var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var LineChart = function LineChart(explicitProps) {
@@ -881,2 +886,3 @@ var _useLineChart = useLineChart(),
       results = _useLineChart.results,
+      queries = _useLineChart.queries,
       version = _useLineChart.version,
@@ -887,11 +893,15 @@ component = _useLineChart.component,
   var componentProps = puppet.mergeProps(explicitProps, version == null ? void 0 : version.props, puppet.Components.LineChartView.defaultProps);
-  var query = build(componentProps.measure, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useLineChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (lodash.isEmpty(results)) return null;
   return React__default.createElement(puppet.Components.LineChartView, Object.assign({}, componentProps, {
     result: results[0],
-    query: query
+    query: queries[0]
   }));
 };
 
+var useBarChartQueryEffect = function useBarChartQueryEffect(apiConfig, component, props, setResults) {
+  var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var BarChart = function BarChart(explicitProps) {
@@ -907,4 +917,3 @@ var _useBarChart = useBarChart(),
   var componentProps = puppet.mergeProps(explicitProps, version == null ? void 0 : version.props, puppet.Components.LineChartView.defaultProps);
-  var query = build(componentProps.measure, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useBarChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (lodash.isEmpty(results)) return null;
@@ -917,2 +926,7 @@ return React__default.createElement(puppet.Components.BarChartView, Object.assign({}, componentProps, {
 
+var useAreaChartQueryEffect = function useAreaChartQueryEffect(apiConfig, component, props, setResults) {
+  var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var AreaChart = function AreaChart(explicitProps) {
@@ -928,4 +942,3 @@ var _useAreaChart = useAreaChart(),
   var componentProps = puppet.mergeProps(explicitProps, version == null ? void 0 : version.props, puppet.Components.LineChartView.defaultProps);
-  var query = build(componentProps.measure, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useAreaChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (lodash.isEmpty(results)) return null;
@@ -938,2 +951,10 @@ return React__default.createElement(puppet.Components.AreaChartView, Object.assign({}, componentProps, {
 
+var useScatterChartQueryEffect = function useScatterChartQueryEffect(apiConfig, component, props, setResults) {
+  var measures = [];
+  props.xMeasure && measures.push(props.xMeasure);
+  props.yMeasure && measures.push(props.yMeasure);
+  var query = build(measures, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var ScatterChart = function ScatterChart(explicitProps) {
@@ -949,7 +970,3 @@ var _useScatterChart = useScatterChart(),
   var componentProps = puppet.mergeProps(explicitProps, version == null ? void 0 : version.props, puppet.Components.LineChartView.defaultProps);
-  var measures = [];
-  componentProps.xMeasure && measures.push(componentProps.xMeasure);
-  componentProps.yMeasure && measures.push(componentProps.yMeasure);
-  var query = build(measures, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useScatterChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (lodash.isEmpty(results)) return null;
@@ -969,6 +986,10 @@ return React__default.createElement(puppet.Components.ScatterChartView, Object.assign({}, componentProps, {
 exports.useAreaChart = useAreaChart;
+exports.useAreaChartQueryEffect = useAreaChartQueryEffect;
 exports.useBarChart = useBarChart;
+exports.useBarChartQueryEffect = useBarChartQueryEffect;
 exports.useComponentContext = useComponentContext;
 exports.useLineChart = useLineChart;
+exports.useLineChartQueryEffect = useLineChartQueryEffect;
 exports.useScatterChart = useScatterChart;
+exports.useScatterChartQueryEffect = useScatterChartQueryEffect;
 //# sourceMappingURL=components.cjs.development.js.map

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===f)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=l(t,e,r);if("normal"===s.type){if(n=r.done?"completed":"suspendedYield",s.arg===f)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 l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var f={};function p(){}function h(){}function d(){}var v={};s(v,o,(function(){return this}));var y=Object.getPrototypeOf,m=y&&y(y(O([])));m&&m!==e&&r.call(m,o)&&(v=m);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=l(t[o],t,i);if("throw"!==s.type){var c=s.arg,f=c.value;return f&&"object"==typeof f&&r.call(f,"__await")?e.resolve(f.__await).then((function(t){n("next",t,u,a)}),(function(t){n("throw",t,u,a)})):e.resolve(f).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 f;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=l(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,f;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,f):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,f)}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,f):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),f},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),f}},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),f}},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 l=function(t){return{id:t.id,dataType:t.type,title:t.title}},f=function(t){return{fields:[].concat(t.fields).map(l)}},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(f),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},y=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 m(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)}}()},m=function(t,e){return c({},t,{componentId:e})},g=function(t,r,n,i){console.log("usequeryeffect",r),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,console.log("fetched query result",n,r,a),a&&i(a,r);case 5: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:y(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){var i={measure:t,order:e,filter:r,dimension:n,timeDimension:o};return j(i)?i:null},j=function(t){return null!==t&&!o.isEmpty(t.measure)};exports.AreaChart=function(t){var e=L(),i=e.apiConfig,u=e.component,a=e.setResults,s=e.results,c=e.queries,l=e.version,f=n.mergeProps(t,null==l?void 0:l.props,n.Components.LineChartView.defaultProps),p=_(f.measure,f.order,f.filter,f.dimension,f.timeDimension);return g(w(i),j(p)?[p]:[],u,a),o.isEmpty(s)?null:r.createElement(n.Components.AreaChartView,Object.assign({},f,{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,l=e.setResults,f=n.mergeProps(t,null==c?void 0:c.props,n.Components.LineChartView.defaultProps),p=_(f.measure,f.order,f.filter,f.dimension,f.timeDimension);return g(w(i),j(p)?[p]:[],a,l),o.isEmpty(u)?null:r.createElement(n.Components.BarChartView,Object.assign({},f,{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}),l=a[0],f=a[1];e.useEffect((function(){!function(){var e=s(u().mark((function e(){var r,n,a;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,null==(r=w(o))?void 0:r.getComponent(i);case 2:(n=e.sent)&&((a=h(n))||(a={type:t.initialComponentType||"lineChart",title:"",description:"",secureFilters:[],savedAt:null,libraryVersion:"0.0.51",props:{}}),f(c({},l,{queries:[],results:[],component:n,version:a})));case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()()}),[i]);var p=function(t){f(c({},l,{version:t}))},d=c({},l,{setVersion:p,setProps:function(t){p(c({},l.version,{props:t}))},setResults:function(t,e){return f(c({},l,{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.version,s=e.component,c=e.setResults,l=n.mergeProps(t,null==a?void 0:a.props,n.Components.LineChartView.defaultProps),f=_(l.measure,l.order,l.filter,l.dimension,l.timeDimension);return g(w(i),j(f)?[f]:[],s,c),o.isEmpty(u)?null:r.createElement(n.Components.LineChartView,Object.assign({},l,{result:u[0],query:f}))},exports.ScatterChart=function(t){var e=O(),i=e.apiConfig,u=e.setResults,a=e.component,s=e.results,c=e.queries,l=e.version,f=n.mergeProps(t,null==l?void 0:l.props,n.Components.LineChartView.defaultProps),p=[];f.xMeasure&&p.push(f.xMeasure),f.yMeasure&&p.push(f.yMeasure);var h=_(p,f.order,f.filter,f.dimension,f.timeDimension);return g(w(i),j(h)?[h]:[],a,u),o.isEmpty(s)?null:r.createElement(n.Components.ScatterChartView,Object.assign({},f,{result:s[0],query:c[0]}))},exports.createQueryResult=y,exports.useAreaChart=L,exports.useBarChart=E,exports.useComponentContext=function(){return r.useContext(b)},exports.useLineChart=C,exports.useScatterChart=O;
+"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 y=Object.getPrototypeOf,m=y&&y(y(O([])));m&&m!==e&&r.call(m,o)&&(v=m);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},y=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 m(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)}}()},m=function(t,e){return c({},t,{componentId:e})},g=function(t,r,n,i){console.log("usequeryeffect",r),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,console.log("fetched query result",n,r,a),a&&i(a,r);case 5: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:y(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){var i={measure:t,order:e,filter:r,dimension:n,timeDimension:o};return j(i)?i: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);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);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);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);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 e=s(u().mark((function e(){var r,n,a;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,null==(r=w(o))?void 0:r.getComponent(i);case 2:(n=e.sent)&&((a=h(n))||(a={type:t.initialComponentType||"lineChart",title:"",description:"",secureFilters:[],savedAt:null,libraryVersion:"0.0.51",props:{}}),l(c({},f,{queries:[],results:[],component:n,version:a})));case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()()}),[i]);var p=function(t){l(c({},f,{version:t}))},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=y,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;
 //# sourceMappingURL=components.cjs.production.min.js.map

dist/components.esm.js

@@ -869,2 +869,7 @@ import React, { useEffect } from 'react';
 
+var useLineChartQueryEffect = function useLineChartQueryEffect(apiConfig, component, props, setResults) {
+  var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var LineChart = function LineChart(explicitProps) {
@@ -874,2 +879,3 @@ var _useLineChart = useLineChart(),
       results = _useLineChart.results,
+      queries = _useLineChart.queries,
       version = _useLineChart.version,
@@ -880,11 +886,15 @@ component = _useLineChart.component,
   var componentProps = mergeProps(explicitProps, version == null ? void 0 : version.props, Components.LineChartView.defaultProps);
-  var query = build(componentProps.measure, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useLineChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (isEmpty(results)) return null;
   return React.createElement(Components.LineChartView, Object.assign({}, componentProps, {
     result: results[0],
-    query: query
+    query: queries[0]
   }));
 };
 
+var useBarChartQueryEffect = function useBarChartQueryEffect(apiConfig, component, props, setResults) {
+  var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var BarChart = function BarChart(explicitProps) {
@@ -900,4 +910,3 @@ var _useBarChart = useBarChart(),
   var componentProps = mergeProps(explicitProps, version == null ? void 0 : version.props, Components.LineChartView.defaultProps);
-  var query = build(componentProps.measure, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useBarChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (isEmpty(results)) return null;
@@ -910,2 +919,7 @@ return React.createElement(Components.BarChartView, Object.assign({}, componentProps, {
 
+var useAreaChartQueryEffect = function useAreaChartQueryEffect(apiConfig, component, props, setResults) {
+  var query = build(props.measure, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var AreaChart = function AreaChart(explicitProps) {
@@ -921,4 +935,3 @@ var _useAreaChart = useAreaChart(),
   var componentProps = mergeProps(explicitProps, version == null ? void 0 : version.props, Components.LineChartView.defaultProps);
-  var query = build(componentProps.measure, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useAreaChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (isEmpty(results)) return null;
@@ -931,2 +944,10 @@ return React.createElement(Components.AreaChartView, Object.assign({}, componentProps, {
 
+var useScatterChartQueryEffect = function useScatterChartQueryEffect(apiConfig, component, props, setResults) {
+  var measures = [];
+  props.xMeasure && measures.push(props.xMeasure);
+  props.yMeasure && measures.push(props.yMeasure);
+  var query = build(measures, props.order, props.filter, props.dimension, props.timeDimension);
+  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+};
+
 var ScatterChart = function ScatterChart(explicitProps) {
@@ -942,7 +963,3 @@ var _useScatterChart = useScatterChart(),
   var componentProps = mergeProps(explicitProps, version == null ? void 0 : version.props, Components.LineChartView.defaultProps);
-  var measures = [];
-  componentProps.xMeasure && measures.push(componentProps.xMeasure);
-  componentProps.yMeasure && measures.push(componentProps.yMeasure);
-  var query = build(measures, componentProps.order, componentProps.filter, componentProps.dimension, componentProps.timeDimension);
-  useQueryEffect(api(apiConfig), isRunnable(query) ? [query] : [], component, setResults);
+  useScatterChartQueryEffect(apiConfig, component, componentProps, setResults);
   if (isEmpty(results)) return null;
@@ -955,3 +972,3 @@ return React.createElement(Components.ScatterChartView, Object.assign({}, componentProps, {
 
-export { AreaChart, BarChart, ComponentContextProvider, LineChart, ScatterChart, createQueryResult, useAreaChart, useBarChart, useComponentContext, useLineChart, useScatterChart };
+export { AreaChart, BarChart, ComponentContextProvider, LineChart, ScatterChart, createQueryResult, useAreaChart, useAreaChartQueryEffect, useBarChart, useBarChartQueryEffect, useComponentContext, useLineChart, useLineChartQueryEffect, useScatterChart, useScatterChartQueryEffect };
 //# sourceMappingURL=components.esm.js.map

dist/index.d.ts

 export * from './components';
 export * from './types';
 export { createQueryResult } from './api/createQueryResult';
+export { useAreaChartQueryEffect } from './api/useAreaChartQueryEffect';
+export { useBarChartQueryEffect } from './api/useBarChartQueryEffect';
+export { useScatterChartQueryEffect } from './api/useScatterChartQueryEffect';
+export { useLineChartQueryEffect } from './api/useLineChartQueryEffect';

package.json

 {
   "name": "@vizzly/components",
   "author": "James Bowers",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "license": "MIT",
@@ -77,3 +77,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@vizzly/puppet": "0.0.3",
+    "@vizzly/puppet": "0.0.10",
     "isomorphic-fetch": "^3.0.0",
@@ -80,0 +80,0 @@ "lodash": "^4.17.21"

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

221133

increased by7.56%

Number of package files

64

increased by14.29%

Lines of code

2634

increased by4.77%

Dependency changes

• Updated@vizzly/puppet@0.0.10