Upgrade dependencies (#21)

* Update dependencies * Update sourceApiVersion * Fix prettier
SalesforceLabs · Oct 9, 2020 · 0c0967c · 0c0967c
1 parent d2688f0
commit 0c0967c
Show file tree

Hide file tree

Showing 15 changed files with 9,950 additions and 6,951 deletions.
diff --git a/__tests__/__utils__/testAttributeHandler.js b/__tests__/__utils__/testAttributeHandler.js
@@ -5,7 +5,7 @@ import { randomBytes } from 'crypto';
 
 Object.defineProperty(global.self, 'crypto', {
   value: {
-    getRandomValues: arr => randomBytes(arr.length)
+    getRandomValues: (arr) => randomBytes(arr.length)
   }
 });
 
@@ -54,13 +54,13 @@ function testChartOptions(
 ) {
   describe.each(listChartOptionMock)(
     'Exposed property matches ChartJS option',
-    item => {
+    (item) => {
       test(`${item.propertyName}`, async () => {
         const element = createElement('x-test', { is: constructor });
         document.body.appendChild(element);
 
         let detail;
-        document.body.addEventListener(eventName, evt => {
+        document.body.addEventListener(eventName, (evt) => {
           detail = evt.detail;
         });
 
@@ -81,5 +81,5 @@ global.testAttribute = (constructor, listChartOptionMock, eventName) => {
 
 global.flushPromises = () => {
   // eslint-disable-next-line no-undef
-  return new Promise(resolve => setImmediate(resolve));
+  return new Promise((resolve) => setImmediate(resolve));
 };
diff --git a/__tests__/unit/chart.test.js b/__tests__/unit/chart.test.js
@@ -66,7 +66,7 @@ describe('Chart: ChartJs library', () => {
 });
 
 // TODO: For each type of Chart: test that can be created, that contains canvas and that elements can be inserted
-describe.each(CHARTS)('DOM Tests for individual charts', chart => {
+describe.each(CHARTS)('DOM Tests for individual charts', (chart) => {
   const chartName = chart.class.prototype.constructor.name;
   const element = createElement('x-chart', {
     is: chart.class
@@ -129,7 +129,7 @@ const TEST_DATA_PROPERTIES = [
 describe('Chart: property', () => {
   const element = createElement('x-chart', { is: Chart });
   document.body.appendChild(element);
-  describe.each(TEST_DATA_PROPERTIES)('matches options', item => {
+  describe.each(TEST_DATA_PROPERTIES)('matches options', (item) => {
     test(`${item.propertyName}`, async () => {
       element[item.propertyName] = item.propertyValue;
 
@@ -250,7 +250,7 @@ describe('Chart: methods', () => {
   });
   test('getElementAtEventChart', async () => {
     let el = null;
-    chart.canvasOnclick = evt => {
+    chart.canvasOnclick = (evt) => {
       el = chart.getElementAtEventChart(evt);
     };
     const canvas = chart.shadowRoot.querySelector('canvas');
@@ -261,7 +261,7 @@ describe('Chart: methods', () => {
   });
   test('getElementsAtEventChart', async () => {
     let el = null;
-    chart.canvasOnclick = evt => {
+    chart.canvasOnclick = (evt) => {
       el = chart.getElementsAtEventChart(evt);
     };
     const canvas = chart.shadowRoot.querySelector('canvas');
@@ -272,7 +272,7 @@ describe('Chart: methods', () => {
   });
   test('getDatasetAtEventChart', async () => {
     let el = null;
-    chart.canvasOnclick = evt => {
+    chart.canvasOnclick = (evt) => {
       el = chart.getDatasetAtEventChart(evt);
     };
     const canvas = chart.shadowRoot.querySelector('canvas');

diff --git a/force-app/main/default/lwc/chart/chart.js b/force-app/main/default/lwc/chart/chart.js
@@ -179,8 +179,9 @@ export default class Chart extends LightningElement {
   }
 
   get chartStyle() {
-    return `width: ${this.width}; height: ${this.height}; ${this.stylecss ||
-      ''}`;
+    return `width: ${this.width}; height: ${this.height}; ${
+      this.stylecss || ''
+    }`;
   }
 
   ariaLabel;
@@ -342,7 +343,7 @@ export default class Chart extends LightningElement {
         this._callChartjsloadedCallback();
         this._reactivityManager.throttleRegisteredJob();
       },
-      reason => {
+      (reason) => {
         this.errorCallback(reason);
       }
     );
@@ -414,7 +415,7 @@ export default class Chart extends LightningElement {
 
   _listenerHandlers = {
     // store option and throttle a drawChart
-    handleOption: evt => {
+    handleOption: (evt) => {
       evt.stopPropagation();
       const { payload, option } = evt.detail;
       if (option === ATTRIBUTE_DATA) {
@@ -429,7 +430,7 @@ export default class Chart extends LightningElement {
       this._reactivityManager.throttleRegisteredJob();
     },
     // remove option and throttle a drawChart
-    handleDisconnect: evt => {
+    handleDisconnect: (evt) => {
       evt.stopPropagation();
       const { payload, option } = evt.detail;
       if (option === ATTRIBUTE_DATA) {

diff --git a/force-app/main/default/lwc/chartBuilder/chartBuilder.html b/force-app/main/default/lwc/chartBuilder/chartBuilder.html
@@ -58,9 +58,7 @@
           <h3 class="slds-text-heading_medium slds-text-color_error">
             {error}
           </h3>
-          <p class="slds-text-body_regular">
-            {stack}
-          </p>
+          <p class="slds-text-body_regular">{stack}</p>
         </div>
       </div>
     </template>

diff --git a/force-app/main/default/lwc/chartBuilder/chartBuilder.js b/force-app/main/default/lwc/chartBuilder/chartBuilder.js
@@ -88,7 +88,7 @@ export default class ChartBuilder extends LightningElement {
           // and create data component in the template
           const palette = ChartBuilder.DEFAULT_PALETTE[this.colorPalette];
           this.dimensionsLabels = this.dimensionsLabels || [
-            ...new Set(data.map(x => x.labels).flat())
+            ...new Set(data.map((x) => x.labels).flat())
           ];
           this._details = data.map((x, i) => ({
             detail: x.detail,
@@ -102,7 +102,7 @@ export default class ChartBuilder extends LightningElement {
           }));
           this.error = false;
         })
-        .catch(error => this.errorCallback(error));
+        .catch((error) => this.errorCallback(error));
     } catch (error) {
       this.errorCallback(error);
     }
@@ -176,10 +176,11 @@ export default class ChartBuilder extends LightningElement {
   _getChartDataHandler(handlerName, input) {
     this.isLoaded = false;
     getChartData({ chartDataProviderType: handlerName, ctx: input })
-      .then(result => {
+      .then((result) => {
+        // eslint-disable-next-line @lwc/lwc/no-api-reassignments
         this.details = result;
       })
-      .catch(error => {
+      .catch((error) => {
         this.errorCallback(error.body.message);
       });
   }

diff --git a/force-app/main/default/lwc/chartConfigService/chartConfigService.js b/force-app/main/default/lwc/chartConfigService/chartConfigService.js
@@ -29,7 +29,7 @@ export default class ChartConfigService {
       };
     } else {
       this._config[option] = this._config[option] || {};
-      Object.keys(payload).forEach(attribut => {
+      Object.keys(payload).forEach((attribut) => {
         // If the attribut is an array
         if (Array.isArray(this._config[option][attribut])) {
           if (Array.isArray(payload[attribut])) {
@@ -72,10 +72,10 @@ export default class ChartConfigService {
     // In the scales case we need to remove the uuid related to the scale object
     if (option === ATTRIBUTE_CARTESIAN_AXES) {
       Object.keys(this._config[option])
-        .filter(scale => this._config[option][scale])
-        .forEach(scale => {
+        .filter((scale) => this._config[option][scale])
+        .forEach((scale) => {
           this._config[option][scale] = this._config[option][scale].filter(
-            axis => axis.uuid !== payload[scale][0].uuid
+            (axis) => axis.uuid !== payload[scale][0].uuid
           );
           this._scales[scale] = this._config[option][scale];
         });
@@ -100,16 +100,16 @@ export default class ChartConfigService {
   // - undefined attribute
   // do it recursively and store the result to avoid multiple times the same computation
   static cleanObject(obj) {
-    const validObj = o =>
+    const validObj = (o) =>
       (Object.keys(o).length || (Array.isArray(o) && o.length)) && o;
-    const itemToBool = item => {
+    const itemToBool = (item) => {
       return typeof item !== 'object' || item === null
         ? item
         : // eslint-disable-next-line no-use-before-define
           validObj(clean(item));
     };
 
-    const clean = o =>
+    const clean = (o) =>
       validObj(
         Array.isArray(o)
           ? o.map(itemToBool).filter(Boolean)

diff --git a/force-app/main/default/lwc/dataset/dataset.js b/force-app/main/default/lwc/dataset/dataset.js
@@ -50,14 +50,14 @@ export default class Dataset extends BaseAttribute {
 
   _listenerHandlers = {
     // Capture child data event and store it using the uuid of the child
-    handleDataChange: evt => {
+    handleDataChange: (evt) => {
       evt.stopPropagation();
       this._details[evt.detail.payload.uuid] = evt.detail.payload;
       this._payload.datasets = Object.values(this._details);
     },
 
     // Capture child diqconnect event and remove child uuid from map
-    handleDataDeletion: evt => {
+    handleDataDeletion: (evt) => {
       evt.stopPropagation();
       delete this._details[evt.detail.payload.uuid];
       this._payload.datasets = Object.values(this._details);

diff --git a/force-app/sample/default/lwc/sampleApp/__tests__/sampleApp.test.js b/force-app/sample/default/lwc/sampleApp/__tests__/sampleApp.test.js
@@ -19,8 +19,8 @@ describe('c-sample-app-item', () => {
             'button.slds-button.slds-button_neutral'
           )
         ];
-        buttons.forEach(button => button.click());
-        buttons.reverse().forEach(button => button.click());
+        buttons.forEach((button) => button.click());
+        buttons.reverse().forEach((button) => button.click());
       })
       .then(() => {
         // Verify that property is correctly incremented.

diff --git a/force-app/sample/default/lwc/sampleApp/sampleApp.html b/force-app/sample/default/lwc/sampleApp/sampleApp.html
@@ -23,7 +23,7 @@
   </div>
 
   <!-- Samples -->
-  <div class="container" style="text-align: center;">
+  <div class="container" style="text-align: center">
     <!--
       <c-sample-app-item>
         <c-chart slot="chartExample" type="bar" responsive="true">

diff --git a/force-app/sample/default/lwc/sampleApp/sampleApp.js b/force-app/sample/default/lwc/sampleApp/sampleApp.js
@@ -8,21 +8,21 @@ export default class SampleApp extends LightningElement {
       this.filterTypes = [
         ...new Set(
           [...this.template.querySelectorAll('c-chart')].map(
-            chart => chart.type
+            (chart) => chart.type
           )
         )
       ];
     }
   }
 
   displayAllCharts() {
-    this.template.querySelectorAll('c-chart').forEach(item => {
+    this.template.querySelectorAll('c-chart').forEach((item) => {
       item.closest('c-sample-app-item').classList.remove('slds-hide');
     });
   }
 
   displayFilteredCharts(event) {
-    this.template.querySelectorAll('c-chart').forEach(item => {
+    this.template.querySelectorAll('c-chart').forEach((item) => {
       const parent = item.closest('c-sample-app-item');
       if (!parent) return;
       if (item.type.toUpperCase() === event.target.innerText) {

diff --git a/force-app/sample/default/lwc/sampleAppItem/sampleAppItem.html b/force-app/sample/default/lwc/sampleAppItem/sampleAppItem.html
@@ -59,6 +59,6 @@
         </footer>
       </div>
     </section>
-    <div class="slds-backdrop slds-backdrop_open" style="opacity: 1.0"></div>
+    <div class="slds-backdrop slds-backdrop_open" style="opacity: 1"></div>
   </template>
 </template>