diff --git a/package.json b/package.json
index 9620e81a..729453be 100644
--- a/package.json
+++ b/package.json
@@ -2,12 +2,15 @@
     "name": "azure-kusto-trender",
     "main": "dist/kustotrender.js",
     "description": "",
-    "version": "0.0.18",
+    "version": "0.0.19",
     "types": "dist/kustotrender.d.ts",
     "repository": {
         "type": "git",
         "url": "https://github.com/Azure/azure-kusto-trender"
     },
+    "files": [
+        "dist"
+    ],
     "scripts": {
         "start": "webpack-dev-server --config webpack.dev.js",
         "build": "npm run clean && npm run rollup && npm run webpack && npm run post-build",
diff --git a/src/UXClient/Components/Grid/Grid.ts b/src/UXClient/Components/Grid/Grid.ts
index 5a74d37c..407ef1a7 100644
--- a/src/UXClient/Components/Grid/Grid.ts
+++ b/src/UXClient/Components/Grid/Grid.ts
@@ -75,7 +75,7 @@ class Grid extends Component {
 		}
 	}
 	
-	public renderFromAggregates(data: any, options: any, aggregateExpressionOptions: any, chartComponentData) {
+	public renderFromAggregates(data: any, options?: any, aggregateExpressionOptions?: any, chartComponentData? : any) {
 		this.chartOptions.setOptions(options);
 		var dataAsJson = data.reduce((p,c,i) => {
 			var aeName = Object.keys(c)[0]; 
@@ -237,7 +237,7 @@ class Grid extends Component {
         rowsEntered.exit().remove();
     }
 	
-	public render(data: any, options: any, aggregateExpressionOptions: any, chartComponentData: ChartComponentData = null) {
+	public render(data: any, options?: any, aggregateExpressionOptions?: any, chartComponentData: ChartComponentData = null) {
         data = Utils.standardizeTSStrings(data);
         this.chartOptions.setOptions(options);
         this.gridComponent = d3.select(this.renderTarget);
diff --git a/src/UXClient/Components/Heatmap/Heatmap.ts b/src/UXClient/Components/Heatmap/Heatmap.ts
index 8cc970d9..c3badbf3 100644
--- a/src/UXClient/Components/Heatmap/Heatmap.ts
+++ b/src/UXClient/Components/Heatmap/Heatmap.ts
@@ -86,7 +86,7 @@ class Heatmap extends TemporalXAxisComponent {
             heatmapCanvas.render(this.chartComponentData, this.chartOptions, hoveredAggKey, null, null, null, null, this.visibleAggs.length === 1);
     }
 
-    public render (data: any, chartOptions: any, aggregateExpressionOptions?: any) {
+    public render (data: any, chartOptions?: any, aggregateExpressionOptions?: any) {
         super.render(data, chartOptions, aggregateExpressionOptions);
         // override visibleSplitByCap
         this.aggregateExpressionOptions = this.aggregateExpressionOptions.map((aE: AggregateExpression) => {
diff --git a/src/UXClient/Components/Hierarchy/Hierarchy.ts b/src/UXClient/Components/Hierarchy/Hierarchy.ts
index 88f911ab..6df6c240 100644
--- a/src/UXClient/Components/Hierarchy/Hierarchy.ts
+++ b/src/UXClient/Components/Hierarchy/Hierarchy.ts
@@ -16,7 +16,7 @@ class Hierarchy extends Component {
         super(renderTarget);
     }
 
-    public render(data: any, options: any){
+    public render(data: any, options?: any){
         var self = this;
         var targetElement = d3.select(this.renderTarget).classed('tsi-hierarchy', true);
         targetElement.html('');
diff --git a/src/UXClient/Components/LineChart/LineChart.ts b/src/UXClient/Components/LineChart/LineChart.ts
index 098f15f2..b9f08f26 100644
--- a/src/UXClient/Components/LineChart/LineChart.ts
+++ b/src/UXClient/Components/LineChart/LineChart.ts
@@ -1533,7 +1533,7 @@ class LineChart extends TemporalXAxisComponent {
         };
     }
 
-    public render (data: any, options: any, aggregateExpressionOptions?: any) {
+    public render (data: any, options?: any, aggregateExpressionOptions?: any) {
         super.render(data, options, aggregateExpressionOptions);
 
         this.originalSwimLanes = this.aggregateExpressionOptions.map((aEO) => {
diff --git a/src/UXClient/Components/ModelAutocomplete/ModelAutocomplete.ts b/src/UXClient/Components/ModelAutocomplete/ModelAutocomplete.ts
index a98543fe..d0aef7c4 100644
--- a/src/UXClient/Components/ModelAutocomplete/ModelAutocomplete.ts
+++ b/src/UXClient/Components/ModelAutocomplete/ModelAutocomplete.ts
@@ -16,7 +16,7 @@ class ModelAutocomplete extends Component {
     this.delegate = delegate;
   }
 
-  public render(chartOptions: any) {
+  public render(chartOptions?: any) {
     this.chartOptions.setOptions(chartOptions);
     let targetElement = d3.select(this.renderTarget);
     targetElement.html("");
diff --git a/src/UXClient/Components/ModelSearch/ModelSearch.ts b/src/UXClient/Components/ModelSearch/ModelSearch.ts
index dd183747..500a65e7 100644
--- a/src/UXClient/Components/ModelSearch/ModelSearch.ts
+++ b/src/UXClient/Components/ModelSearch/ModelSearch.ts
@@ -35,7 +35,7 @@ class ModelSearch extends Component {
 
   ModelSearch() {}
 
-  public async render(hierarchyData: any, chartOptions: any) {
+  public async render(hierarchyData: any, chartOptions?: any) {
     this.chartOptions.setOptions(chartOptions);
     let self = this;
     let continuationToken, searchText;