Fix: Timeline to honour padding right property (fixes #45) (#77)

* Update: creationhelper to use padding-right and example

* Update: contributors.md

* Update: jest

* Update: Removed unneeded line

* Update: Removed unneeded line change

CONTRIBUTORS.md

@@ -5,9 +5,11 @@ Cerner Corporation
 -   Veronica Mazur [@veronimazur]
 -   Swati Kode [@swatikode]
 -   Sharath M H [@SharathAlur]
+-   Pranav Agarwal [@pranav300]
 
 [@abhijit945]: https://github.com/abhijit945
 [@dinesh94singh]: https://github.com/Dinesh94Singh
 [@veronimazur]: https://github.com/veronimazur
 [@swatikode]: https://github.com/swatikode
 [@SharathAlur]: https://github.com/SharathAlur
+[@pranav300]: https://github.com/pranav300

dev/examples/controls/timeline.js

@@ -15,8 +15,8 @@ export const renderTimelineCustomPadding = (id) => {
     data.showLegend = false;
     data.axis.x.show = false;
     data.padding = {
-        left: 0,
-        right: 0,
+        left: 150,
+        right: 300,
         top: 0,
         bottom: 0
     };

src/main/js/controls/Timeline/helpers/creationHelpers.js

@@ -101,7 +101,7 @@ const getXAxisYPosition = (config) =>
  * @returns {number} X Axis width
  */
 const getXAxisWidth = (config) =>
-    config.canvasWidth - config.padding.left - getXAxisYPosition(config);
+    config.canvasWidth - config.padding.left - config.padding.right - getXAxisYPosition(config);
 /**
  * X Axis label's starting position below the graph
  *

src/test/unit/controls/Timeline/Timeline-spec.js

@@ -494,7 +494,7 @@ describe("Timeline", () => {
         });
         it("Creates defs element with height and width", () => {
             const currentWidth =
-                constants.PADDING.left +
+                constants.PADDING.left + constants.PADDING.right +
                 (constants.PADDING.top + constants.PADDING.bottom) * 2;
             const defsElement = fetchElementByClass(styles.canvas).firstChild;
             expect(defsElement.nodeName).toBe("defs");