Merge branch 'issue-#6-Safari-CSP-error' into master

Author: Daniel Tonon

README.md

@@ -123,3 +123,37 @@ export const TimeInput = ({ label, currentValue, onInputChange }) => {
     )
 }
 ```
+
+## Content Security Policy (CSP) work around
+
+The way that the polyfill avoids downloading the full polyfill code in modern browsers is by injecting the following script tag onto the page:
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/react-time-input-polyfill@1/dist/timePolyfillHelpers.js"></script>
+```
+
+That downloads the extra helper functions that the polyfill needs to function.
+
+Your CSP might not allow for this.
+
+To work around the issue, first create a `timePolyfillHelpers.js` file and ensure that whatever you are using to compile your JS also compiles this file as it's own separate thing. Don't import it into your main js file.
+
+```js
+// timePolyfillHelpers.js
+
+// ES5
+require('react-time-input-polyfill/timePolyfillHelpers.js')
+
+// ES6
+import 'react-time-input-polyfill/timePolyfillHelpers.js'
+```
+
+Then when using the component, add a `polyfillSource` prop that points to the compiled helpers file on your server.
+
+```jsx
+<TimeInput
+    value={currentValue}
+    onChange={({ value }) => setCurrentValue(value)}
+    polyfillSource="/path/to/timePolyfillHelpers.js"
+/>
+```

dist/timePolyfillHelpers.js

@@ -1,21 +1,21 @@
 {
   "files": {
     "main.css": "/react-time-input-polyfill/static/css/main.2743c8fd.chunk.css",
-    "main.js": "/react-time-input-polyfill/static/js/main.f0da9f91.chunk.js",
-    "main.js.map": "/react-time-input-polyfill/static/js/main.f0da9f91.chunk.js.map",
+    "main.js": "/react-time-input-polyfill/static/js/main.03077436.chunk.js",
+    "main.js.map": "/react-time-input-polyfill/static/js/main.03077436.chunk.js.map",
     "runtime-main.js": "/react-time-input-polyfill/static/js/runtime-main.c87944e3.js",
     "runtime-main.js.map": "/react-time-input-polyfill/static/js/runtime-main.c87944e3.js.map",
     "static/js/2.7acf07de.chunk.js": "/react-time-input-polyfill/static/js/2.7acf07de.chunk.js",
     "static/js/2.7acf07de.chunk.js.map": "/react-time-input-polyfill/static/js/2.7acf07de.chunk.js.map",
     "index.html": "/react-time-input-polyfill/index.html",
-    "precache-manifest.4f3e04b9ba9f8c07accdf6ee7315b4d0.js": "/react-time-input-polyfill/precache-manifest.4f3e04b9ba9f8c07accdf6ee7315b4d0.js",
+    "precache-manifest.6432c87ab3a1d71b5eabc5de5e9d5e31.js": "/react-time-input-polyfill/precache-manifest.6432c87ab3a1d71b5eabc5de5e9d5e31.js",
     "service-worker.js": "/react-time-input-polyfill/service-worker.js",
     "static/css/main.2743c8fd.chunk.css.map": "/react-time-input-polyfill/static/css/main.2743c8fd.chunk.css.map"
   },
   "entrypoints": [
     "static/js/runtime-main.c87944e3.js",
     "static/js/2.7acf07de.chunk.js",
     "static/css/main.2743c8fd.chunk.css",
-    "static/js/main.f0da9f91.chunk.js"
+    "static/js/main.03077436.chunk.js"
   ]
 }