Revert breaking API naming changes on tick property (#14)

scolladon · web-flow · commit 02af81851d95 · 2020-09-18T19:51:35.000+02:00
diff --git a/__tests__/unit/attributes/baseAxis.test.js b/__tests__/unit/attributes/baseAxis.test.js
@@ -3,7 +3,7 @@ import BaseAxis from 'c/baseAxis';
 const TEST_DATA_PROPERTIES = [
   ChartOptionMock('display', true, { display: true }),
   ChartOptionMock('weight', 'foo', { weight: 'foo' }),
-  ChartOptionMock('tickCallback', 'foo', {
+  ChartOptionMock('ticksCallback', 'foo', {
     ticks: { callback: 'foo' }
   }),
   ChartOptionMock('callbackBeforeupdate', 'foo', {
diff --git a/__tests__/unit/attributes/cartesianAxis.test.js b/__tests__/unit/attributes/cartesianAxis.test.js
@@ -8,34 +8,34 @@ const TEST_DATA_PROPERTIES = [
   }),
   ChartOptionMock('offset', 'foo', { yAxes: [{ offset: 'foo' }] }),
   ChartOptionMock('id', 'foo', { yAxes: [{ id: 'foo' }] }),
-  ChartOptionMock('tickMin', 'foo', {
+  ChartOptionMock('ticksMin', 'foo', {
     yAxes: [{ ticks: { min: 'foo' } }]
   }),
-  ChartOptionMock('tickMax', 'foo', {
+  ChartOptionMock('ticksMax', 'foo', {
     yAxes: [{ ticks: { max: 'foo' } }]
   }),
-  ChartOptionMock('tickSamplesize', 1, {
+  ChartOptionMock('ticksSamplesize', 1, {
     yAxes: [{ ticks: { sampleSize: 1 } }]
   }),
-  ChartOptionMock('tickAutoskip', 'foo', {
+  ChartOptionMock('ticksAutoskip', 'foo', {
     yAxes: [{ ticks: { autoSkip: 'foo' } }]
   }),
-  ChartOptionMock('tickAutoskippadding', 1, {
+  ChartOptionMock('ticksAutoskippadding', 1, {
     yAxes: [{ ticks: { autoSkipPadding: 1 } }]
   }),
-  ChartOptionMock('tickLabeloffset', 1, {
+  ChartOptionMock('ticksLabeloffset', 1, {
     yAxes: [{ ticks: { labelOffset: 1 } }]
   }),
-  ChartOptionMock('tickMaxrotation', 1, {
+  ChartOptionMock('ticksMaxrotation', 1, {
     yAxes: [{ ticks: { maxRotation: 1 } }]
   }),
-  ChartOptionMock('tickMinrotation', 1, {
+  ChartOptionMock('ticksMinrotation', 1, {
     yAxes: [{ ticks: { minRotation: 1 } }]
   }),
-  ChartOptionMock('tickMirror', 'foo', {
+  ChartOptionMock('ticksMirror', 'foo', {
     yAxes: [{ ticks: { mirror: 'foo' } }]
   }),
-  ChartOptionMock('tickPadding', 1, {
+  ChartOptionMock('ticksPadding', 1, {
     yAxes: [{ ticks: { padding: 1 } }]
   }),
   ChartOptionMock('titleDisplay', 'foo', {
diff --git a/__tests__/unit/attributes/cartesianCategoryAxis.test.js b/__tests__/unit/attributes/cartesianCategoryAxis.test.js
@@ -1,7 +1,7 @@
 import CartesianCategoryAxis from 'c/cartesianCategoryAxis';
 
 const TEST_DATA_PROPERTIES = [
-  ChartOptionMock('tickLabels', 'foo', {
+  ChartOptionMock('ticksLabels', 'foo', {
     yAxes: [{ ticks: { labels: 'foo' } }]
   })
 ];
diff --git a/__tests__/unit/attributes/cartesianLinearAxis.test.js b/__tests__/unit/attributes/cartesianLinearAxis.test.js
@@ -1,22 +1,22 @@
 import CartesianLinearAxis from 'c/cartesianLinearAxis';
 
 const TEST_DATA_PROPERTIES = [
-  ChartOptionMock('tickBeginatzero', true, {
+  ChartOptionMock('ticksBeginatzero', true, {
     yAxes: [{ ticks: { beginAtZero: true } }]
   }),
-  ChartOptionMock('tickMaxtickslimit', 1, {
+  ChartOptionMock('ticksMaxtickslimit', 1, {
     yAxes: [{ ticks: { maxTicksLimit: 1 } }]
   }),
-  ChartOptionMock('tickPrecision', 'foo', {
+  ChartOptionMock('ticksPrecision', 'foo', {
     yAxes: [{ ticks: { precision: 'foo' } }]
   }),
-  ChartOptionMock('tickStepsize', 1, {
+  ChartOptionMock('ticksStepsize', 1, {
     yAxes: [{ ticks: { stepSize: 1 } }]
   }),
-  ChartOptionMock('tickSuggestedmax', '1', {
+  ChartOptionMock('ticksSuggestedmax', '1', {
     yAxes: [{ ticks: { suggestedMax: '1' } }]
   }),
-  ChartOptionMock('tickSuggestedmin', '1', {
+  ChartOptionMock('ticksSuggestedmin', '1', {
     yAxes: [{ ticks: { suggestedMin: '1' } }]
   })
 ];
diff --git a/force-app/main/default/lwc/baseAxis/baseAxis.js b/force-app/main/default/lwc/baseAxis/baseAxis.js
@@ -22,11 +22,11 @@ export default class BaseAxis extends BaseAttribute {
   }
 
   @api
-  get tickCallback() {
+  get ticksCallback() {
     this._content.ticks = this._content.ticks || {};
     return this._content.ticks.callback;
   }
-  set tickCallback(v) {
+  set ticksCallback(v) {
     this._content.ticks = this._content.ticks || {};
     this._content.ticks.callback = v;
   }
diff --git a/force-app/main/default/lwc/cartesianAxis/cartesianAxis.js b/force-app/main/default/lwc/cartesianAxis/cartesianAxis.js
@@ -62,82 +62,82 @@ export default class CartesianAxis extends BaseAxis {
 
   // Ticks Configuration: https://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration
   @api
-  get tickMin() {
+  get ticksMin() {
     return this._content.ticks.min;
   }
-  set tickMin(v) {
+  set ticksMin(v) {
     this._content.ticks.min = Number(v) || v;
   }
 
   @api
-  get tickMax() {
+  get ticksMax() {
     return this._content.ticks.max;
   }
-  set tickMax(v) {
+  set ticksMax(v) {
     this._content.ticks.max = Number(v) || v;
   }
 
   @api
-  get tickSamplesize() {
+  get ticksSamplesize() {
     return this._content.ticks.sampleSize;
   }
-  set tickSamplesize(v) {
+  set ticksSamplesize(v) {
     this._content.ticks.sampleSize = Number(v);
   }
 
   @api
-  get tickAutoskip() {
+  get ticksAutoskip() {
     return this._content.ticks.autoSkip;
   }
-  set tickAutoskip(v) {
+  set ticksAutoskip(v) {
     this._content.ticks.autoSkip = v;
   }
 
   @api
-  get tickAutoskippadding() {
+  get ticksAutoskippadding() {
     return this._content.ticks.autoSkipPadding;
   }
-  set tickAutoskippadding(v) {
+  set ticksAutoskippadding(v) {
     this._content.ticks.autoSkipPadding = Number(v);
   }
 
   @api
-  get tickLabeloffset() {
+  get ticksLabeloffset() {
     return this._content.ticks.labelOffset;
   }
-  set tickLabeloffset(v) {
+  set ticksLabeloffset(v) {
     this._content.ticks.labelOffset = Number(v);
   }
 
   @api
-  get tickMaxrotation() {
+  get ticksMaxrotation() {
     return this._content.ticks.maxRotation;
   }
-  set tickMaxrotation(v) {
+  set ticksMaxrotation(v) {
     this._content.ticks.maxRotation = Number(v);
   }
 
   @api
-  get tickMinrotation() {
+  get ticksMinrotation() {
     return this._content.ticks.minRotation;
   }
-  set tickMinrotation(v) {
+  set ticksMinrotation(v) {
     this._content.ticks.minRotation = Number(v);
   }
 
   @api
-  get tickMirror() {
+  get ticksMirror() {
     return this._content.ticks.mirror;
   }
-  set tickMirror(v) {
+  set ticksMirror(v) {
     this._content.ticks.mirror = v;
   }
 
   @api
-  get tickPadding() {
+  get ticksPadding() {
     return this._content.ticks.padding;
   }
-  set tickPadding(v) {
+  set ticksPadding(v) {
     this._content.ticks.padding = Number(v);
   }
 
diff --git a/force-app/main/default/lwc/cartesianCategoryAxis/cartesianCategoryAxis.js b/force-app/main/default/lwc/cartesianCategoryAxis/cartesianCategoryAxis.js
@@ -7,10 +7,10 @@ import { CARTESIAN_AXIS_TYPE_CATEGORY } from 'c/constants';
  */
 export default class CartesianCategoryAxis extends CartesianAxis {
   @api
-  get tickLabels() {
+  get ticksLabels() {
     return this._content.ticks.labels;
   }
-  set tickLabels(v) {
+  set ticksLabels(v) {
     this._content.ticks.labels = v;
   }
 
diff --git a/force-app/main/default/lwc/cartesianLinearAxis/cartesianLinearAxis.js b/force-app/main/default/lwc/cartesianLinearAxis/cartesianLinearAxis.js
@@ -7,50 +7,50 @@ import { CARTESIAN_AXIS_TYPE_LINEAR } from 'c/constants';
  */
 export default class CartesianLinearAxis extends CartesianAxis {
   @api
-  get tickBeginatzero() {
+  get ticksBeginatzero() {
     return this._content.ticks.beginAtZero;
   }
-  set tickBeginatzero(v) {
+  set ticksBeginatzero(v) {
     this._content.ticks.beginAtZero = Boolean(v);
   }
 
   @api
-  get tickMaxtickslimit() {
+  get ticksMaxtickslimit() {
     return this._content.ticks.maxTicksLimit;
   }
-  set tickMaxtickslimit(v) {
+  set ticksMaxtickslimit(v) {
     this._content.ticks.maxTicksLimit = Number(v);
   }
 
   @api
-  get tickPrecision() {
+  get ticksPrecision() {
     return this._content.ticks.precision;
   }
-  set tickPrecision(v) {
+  set ticksPrecision(v) {
     this._content.ticks.precision = v;
   }
 
   @api
-  get tickStepsize() {
+  get ticksStepsize() {
     return this._content.ticks.stepSize;
   }
-  set tickStepsize(v) {
+  set ticksStepsize(v) {
     this._content.ticks.stepSize = Number(v);
   }
 
   @api
-  get tickSuggestedmax() {
+  get ticksSuggestedmax() {
     return this._content.ticks.suggestedMax;
   }
-  set tickSuggestedmax(v) {
+  set ticksSuggestedmax(v) {
     this._content.ticks.suggestedMax = v;
   }
 
   @api
-  get tickSuggestedmin() {
+  get ticksSuggestedmin() {
     return this._content.ticks.suggestedMin;
   }
-  set tickSuggestedmin(v) {
+  set ticksSuggestedmin(v) {
     this._content.ticks.suggestedMin = v;
   }
 
diff --git a/force-app/main/default/lwc/chartBuilder/chartBuilder.html b/force-app/main/default/lwc/chartBuilder/chartBuilder.html
@@ -35,12 +35,12 @@
           <template if:false={isRadial}>
             <c-cartesian-linear-axis
               axis="y"
-              tick-beginatzero="true"
+              ticks-beginatzero="true"
             ></c-cartesian-linear-axis>
           </template>
           <template if:true={isRadial}>
             <c-radial-linear-axis
-              tick-beginatzero="true"
+              ticks-beginatzero="true"
             ></c-radial-linear-axis>
           </template>
         </c-chart>
diff --git a/force-app/sample/default/lwc/sampleApp/sampleApp.html b/force-app/sample/default/lwc/sampleApp/sampleApp.html
@@ -180,7 +180,7 @@
         <c-cartesian-linear-axis
           axis="y"
           position="right"
-          tick-min="-10"
+          ticks-min="-10"
           title-display="true"
           title-labelstring="yAxis items"
           grid-zerolinecolor="rgba(225, 96, 50, 1"
@@ -212,7 +212,7 @@
         &emsp;&lt;c-cartesian-axis axis=&quot;x&quot; position=&quot;top&quot;
         type=&quot;category&quot;&gt;&lt;/c-cartesian-axis&gt;<br />
         &emsp;&lt;c-cartesian-linear-axis axis=&quot;y&quot;
-        position=&quot;right&quot; tick-min=&quot;-10&quot;
+        position=&quot;right&quot; ticks-min=&quot;-10&quot;
         title-display=&quot;true&quot;<br />
         &emsp;&emsp;title-labelstring=&quot;yAxis items&quot;
         grid-zerolinecolor=&quot;rgba(225, 96, 50, 1&quot;
@@ -550,7 +550,7 @@
         </c-cartesian-category-axis>
         <c-cartesian-linear-axis
           axis="y"
-          tick-stepsize="15"
+          ticks-stepsize="15"
           position="right"
           title-display="true"
           title-labelstring="Linear axis"
@@ -574,7 +574,7 @@
         title-labelstring=&quot;Category axis&quot;&gt;<br />
         &emsp;&lt;/c-cartesian-category-axis&gt;<br />
         &emsp;&lt;c-cartesian-linear-axis axis=&quot;y&quot;
-        tick-stepsize=&quot;15&quot; position=&quot;right&quot;
+        ticks-stepsize=&quot;15&quot; position=&quot;right&quot;
         title-display=&quot;true&quot; title-labelstring=&quot;Linear
         axis&quot;&gt;&lt;/c-cartesian-linear-axis&gt;<br />
         &lt;/c-chart&gt;
@@ -656,7 +656,7 @@
         ></c-cartesian-category-axis>
         <c-cartesian-linear-axis
           axis="x"
-          tick-beginatzero="true"
+          ticks-beginatzero="true"
         ></c-cartesian-linear-axis>
       </c-chart>
       <code slot="chartCode" lang="html">
@@ -676,7 +676,7 @@
         &emsp;&lt;c-cartesian-category-axis axis=&quot;y&quot;
         position=&quot;left&quot;&gt;&lt;/c-cartesian-category-axis&gt;<br />
         &emsp;&lt;c-cartesian-linear-axis axis=&quot;x&quot;
-        tick-beginatzero=&quot;true&quot;&gt;&lt;/c-cartesian-linear-axis&gt;<br />
+        ticks-beginatzero=&quot;true&quot;&gt;&lt;/c-cartesian-linear-axis&gt;<br />
         &lt;/c-chart&gt;
       </code>
     </c-sample-app-item>
@@ -699,7 +699,7 @@
           axis="y"
           position="left"
           display="true"
-          tick-beginatzero="true"
+          ticks-beginatzero="true"
         ></c-cartesian-linear-axis>
         <c-cartesian-time-axis
           axis="x"
@@ -723,7 +723,7 @@
         Chart&quot;&gt;&lt;/c-title&gt;<br />
         &emsp;&lt;c-cartesian-linear-axis axis=&quot;y&quot;
         position=&quot;left&quot; display=&quot;true&quot;
-        tick-beginatzero=&quot;true&quot;&gt;&lt;/c-cartesian-linear-axis&gt;<br />
+        ticks-beginatzero=&quot;true&quot;&gt;&lt;/c-cartesian-linear-axis&gt;<br />
         &emsp;&lt;c-cartesian-time-axis axis=&quot;x&quot;
         time-unit=&quot;day&quot; display=&quot;true&quot;
         tick-source=&quot;data&quot; bounds=&quot;ticks&quot;&gt;<br />

Original file line number	Diff line number	Diff line change
`@@ -22,11 +22,11 @@ export default class BaseAxis extends BaseAttribute {`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`@api`
`25`		`- get tickCallback() {`
	`25`	`+ get ticksCallback() {`
`26`	`26`	`this._content.ticks = this._content.ticks \|\| {};`
`27`	`27`	`return this._content.ticks.callback;`
`28`	`28`	`}`
`29`		`- set tickCallback(v) {`
	`29`	`+ set ticksCallback(v) {`
`30`	`30`	`this._content.ticks = this._content.ticks \|\| {};`
`31`	`31`	`this._content.ticks.callback = v;`
`32`	`32`	`}`
Original file line number	Diff line number	Diff line change
`@@ -62,82 +62,82 @@ export default class CartesianAxis extends BaseAxis {`
`62`	`62`
`63`	`63`	`// Ticks Configuration: https://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration`
`64`	`64`	`@api`
`65`		`- get tickMin() {`
	`65`	`+ get ticksMin() {`
`66`	`66`	`return this._content.ticks.min;`
`67`	`67`	`}`
`68`		`- set tickMin(v) {`
	`68`	`+ set ticksMin(v) {`
`69`	`69`	`this._content.ticks.min = Number(v) \|\| v;`
`70`	`70`	`}`
`71`	`71`
`72`	`72`	`@api`
`73`		`- get tickMax() {`
	`73`	`+ get ticksMax() {`
`74`	`74`	`return this._content.ticks.max;`
`75`	`75`	`}`
`76`		`- set tickMax(v) {`
	`76`	`+ set ticksMax(v) {`
`77`	`77`	`this._content.ticks.max = Number(v) \|\| v;`
`78`	`78`	`}`
`79`	`79`
`80`	`80`	`@api`
`81`		`- get tickSamplesize() {`
	`81`	`+ get ticksSamplesize() {`
`82`	`82`	`return this._content.ticks.sampleSize;`
`83`	`83`	`}`
`84`		`- set tickSamplesize(v) {`
	`84`	`+ set ticksSamplesize(v) {`
`85`	`85`	`this._content.ticks.sampleSize = Number(v);`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`@api`
`89`		`- get tickAutoskip() {`
	`89`	`+ get ticksAutoskip() {`
`90`	`90`	`return this._content.ticks.autoSkip;`
`91`	`91`	`}`
`92`		`- set tickAutoskip(v) {`
	`92`	`+ set ticksAutoskip(v) {`
`93`	`93`	`this._content.ticks.autoSkip = v;`
`94`	`94`	`}`
`95`	`95`
`96`	`96`	`@api`
`97`		`- get tickAutoskippadding() {`
	`97`	`+ get ticksAutoskippadding() {`
`98`	`98`	`return this._content.ticks.autoSkipPadding;`
`99`	`99`	`}`
`100`		`- set tickAutoskippadding(v) {`
	`100`	`+ set ticksAutoskippadding(v) {`
`101`	`101`	`this._content.ticks.autoSkipPadding = Number(v);`
`102`	`102`	`}`
`103`	`103`
`104`	`104`	`@api`
`105`		`- get tickLabeloffset() {`
	`105`	`+ get ticksLabeloffset() {`
`106`	`106`	`return this._content.ticks.labelOffset;`
`107`	`107`	`}`
`108`		`- set tickLabeloffset(v) {`
	`108`	`+ set ticksLabeloffset(v) {`
`109`	`109`	`this._content.ticks.labelOffset = Number(v);`
`110`	`110`	`}`
`111`	`111`
`112`	`112`	`@api`
`113`		`- get tickMaxrotation() {`
	`113`	`+ get ticksMaxrotation() {`
`114`	`114`	`return this._content.ticks.maxRotation;`
`115`	`115`	`}`
`116`		`- set tickMaxrotation(v) {`
	`116`	`+ set ticksMaxrotation(v) {`
`117`	`117`	`this._content.ticks.maxRotation = Number(v);`
`118`	`118`	`}`
`119`	`119`
`120`	`120`	`@api`
`121`		`- get tickMinrotation() {`
	`121`	`+ get ticksMinrotation() {`
`122`	`122`	`return this._content.ticks.minRotation;`
`123`	`123`	`}`
`124`		`- set tickMinrotation(v) {`
	`124`	`+ set ticksMinrotation(v) {`
`125`	`125`	`this._content.ticks.minRotation = Number(v);`
`126`	`126`	`}`
`127`	`127`
`128`	`128`	`@api`
`129`		`- get tickMirror() {`
	`129`	`+ get ticksMirror() {`
`130`	`130`	`return this._content.ticks.mirror;`
`131`	`131`	`}`
`132`		`- set tickMirror(v) {`
	`132`	`+ set ticksMirror(v) {`
`133`	`133`	`this._content.ticks.mirror = v;`
`134`	`134`	`}`
`135`	`135`
`136`	`136`	`@api`
`137`		`- get tickPadding() {`
	`137`	`+ get ticksPadding() {`
`138`	`138`	`return this._content.ticks.padding;`
`139`	`139`	`}`
`140`		`- set tickPadding(v) {`
	`140`	`+ set ticksPadding(v) {`
`141`	`141`	`this._content.ticks.padding = Number(v);`
`142`	`142`	`}`
`143`	`143`
Original file line number	Diff line number	Diff line change
`@@ -7,10 +7,10 @@ import { CARTESIAN_AXIS_TYPE_CATEGORY } from 'c/constants';`
`7`	`7`	`*/`
`8`	`8`	`export default class CartesianCategoryAxis extends CartesianAxis {`
`9`	`9`	`@api`
`10`		`- get tickLabels() {`
	`10`	`+ get ticksLabels() {`
`11`	`11`	`return this._content.ticks.labels;`
`12`	`12`	`}`
`13`		`- set tickLabels(v) {`
	`13`	`+ set ticksLabels(v) {`
`14`	`14`	`this._content.ticks.labels = v;`
`15`	`15`	`}`
`16`	`16`
Original file line number	Diff line number	Diff line change
`@@ -7,50 +7,50 @@ import { CARTESIAN_AXIS_TYPE_LINEAR } from 'c/constants';`
`7`	`7`	`*/`
`8`	`8`	`export default class CartesianLinearAxis extends CartesianAxis {`
`9`	`9`	`@api`
`10`		`- get tickBeginatzero() {`
	`10`	`+ get ticksBeginatzero() {`
`11`	`11`	`return this._content.ticks.beginAtZero;`
`12`	`12`	`}`
`13`		`- set tickBeginatzero(v) {`
	`13`	`+ set ticksBeginatzero(v) {`
`14`	`14`	`this._content.ticks.beginAtZero = Boolean(v);`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`@api`
`18`		`- get tickMaxtickslimit() {`
	`18`	`+ get ticksMaxtickslimit() {`
`19`	`19`	`return this._content.ticks.maxTicksLimit;`
`20`	`20`	`}`
`21`		`- set tickMaxtickslimit(v) {`
	`21`	`+ set ticksMaxtickslimit(v) {`
`22`	`22`	`this._content.ticks.maxTicksLimit = Number(v);`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`@api`
`26`		`- get tickPrecision() {`
	`26`	`+ get ticksPrecision() {`
`27`	`27`	`return this._content.ticks.precision;`
`28`	`28`	`}`
`29`		`- set tickPrecision(v) {`
	`29`	`+ set ticksPrecision(v) {`
`30`	`30`	`this._content.ticks.precision = v;`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`@api`
`34`		`- get tickStepsize() {`
	`34`	`+ get ticksStepsize() {`
`35`	`35`	`return this._content.ticks.stepSize;`
`36`	`36`	`}`
`37`		`- set tickStepsize(v) {`
	`37`	`+ set ticksStepsize(v) {`
`38`	`38`	`this._content.ticks.stepSize = Number(v);`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`@api`
`42`		`- get tickSuggestedmax() {`
	`42`	`+ get ticksSuggestedmax() {`
`43`	`43`	`return this._content.ticks.suggestedMax;`
`44`	`44`	`}`
`45`		`- set tickSuggestedmax(v) {`
	`45`	`+ set ticksSuggestedmax(v) {`
`46`	`46`	`this._content.ticks.suggestedMax = v;`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`@api`
`50`		`- get tickSuggestedmin() {`
	`50`	`+ get ticksSuggestedmin() {`
`51`	`51`	`return this._content.ticks.suggestedMin;`
`52`	`52`	`}`
`53`		`- set tickSuggestedmin(v) {`
	`53`	`+ set ticksSuggestedmin(v) {`
`54`	`54`	`this._content.ticks.suggestedMin = v;`
`55`	`55`	`}`
`56`	`56`