Use CacheFirst strategy for docs sw.

Author: Hyperkid123

.circleci/config.yml

@@ -52,7 +52,7 @@ jobs:
       - run:
           name: Predeploy demo
           command: |
-              yarn --cwd packages/react-renderer-demo/ create-deploy-files
+              yarn --cwd packages/react-renderer-demo/ build
       - persist_to_workspace:
           root: ~/react-forms
           paths:

packages/pf3-component-mapper/src/tests/__snapshots__/form-fields.test.js.snap

@@ -502,6 +502,7 @@ exports[`FormFields <Slider /> should render correctly 1`] = `
               onBlur={[Function]}
               onChange={[Function]}
               onFocus={[Function]}
+              onFormatChange={[Function]}
               onSlide={[Function]}
               orientation="horizontal"
               sliderClass={null}
@@ -527,6 +528,7 @@ exports[`FormFields <Slider /> should render correctly 1`] = `
                     onBlur={[Function]}
                     onChange={[Function]}
                     onFocus={[Function]}
+                    onFormatChange={[Function]}
                     onSlide={[Function]}
                     orientation="horizontal"
                     reversed={false}
@@ -547,6 +549,7 @@ exports[`FormFields <Slider /> should render correctly 1`] = `
                         onBlur={[Function]}
                         onChange={[Function]}
                         onFocus={[Function]}
+                        onFormatChange={[Function]}
                         onSlide={[Function]}
                         orientation="horizontal"
                         sliderClass={null}
@@ -579,6 +582,7 @@ exports[`FormFields <Slider /> should render correctly 1`] = `
                         onBlur={[Function]}
                         onChange={[Function]}
                         onFocus={[Function]}
+                        onFormatChange={[Function]}
                         onSlide={[Function]}
                         orientation="horizontal"
                         sliderClass={null}

packages/react-renderer-demo/.firebaserc

@@ -1,5 +1,5 @@
 {
   "projects": {
-    "default": "debug-functions"
+    "default": "data-driven-forms"
   }
 }

packages/react-renderer-demo/src/next.config.js

@@ -13,7 +13,35 @@ module.exports = withBundleAnalyzer(
   withOffline(
     withMDX({
       workboxOpts: {
-        swDest: '../public/service-worker.js'
+        swDest: '../public/service-worker.js',
+        runtimeCaching: [
+          {
+            urlPattern: /^https?.*/,
+            handler: 'CacheFirst',
+            options: {
+              cacheName: 'offlineCache',
+              expiration: {
+                maxEntries: 200
+              }
+            }
+          },
+          {
+            urlPattern: /.png$/,
+            handler: 'CacheFirst'
+          },
+          {
+            urlPattern: /data-driven-forms.firebaseio.com/,
+            handler: 'NetworkFirst',
+            options: {
+              cacheableResponse: {
+                statuses: [0, 200],
+                headers: {
+                  'x-test': 'true'
+                }
+              }
+            }
+          }
+        ]
       },
       crossOrigin: 'anonymous',
       pageExtensions: ['js', 'jsx', 'md', 'mdx'],