feat: Use popper for popovers (#467)

* Implemented react-popper for popovers

* Removed clickHandler prop to let onClick filter through

* Abstracted react-popper functionality to an internal component

* Updated jest config to support popper.js and updated Popover tests

* Added out-of-boundaries handling and changed popper to default to no portal

* Removed default placement

* Updated examples

* Updated tests and components to match new Popover API

* Remove unused code blocks

* Updates to Popover component page

* Fixed tests for TimePicker and LocalizationEditor

* Updated components, tests and snapshots

* Updated size limit

* Split out popper-based styles into separate scss file

.size-limit

@@ -3,6 +3,6 @@
     name: "Fundamental-React Size",
     webpack: true,
     path: "lib/index.js",
-    limit: "40 KB"
+    limit: "50 KB"
   }
 ]

__mocks__/popper.js.js

@@ -0,0 +1,12 @@
+import PopperJs from 'popper.js';
+
+export default class Popper {
+    static placements = PopperJs.placements;
+
+    constructor() {
+        return {
+            destroy: () => { },
+            scheduleUpdate: () => { }
+        };
+    }
+}

config/jest/jest.config.js

@@ -3,6 +3,18 @@ import { configure } from 'enzyme';
 
 configure({ adapter: new Adapter() });
 
+//https://github.com/FezVrasta/popper.js/issues/478
+if (global.document) {
+    document.createRange = () => ({
+        setStart: () => { },
+        setEnd: () => { },
+        commonAncestorContainer: {
+            nodeName: 'BODY',
+            ownerDocument: document
+        }
+    });
+}
+
 module.exports = {
     'testURL': 'http://localhost/'
 };