Add LoadingOverlay for Component And Bundle Loading (#388)

This PR adds the LoadingOverlay components, which will provide a loading screen while user components and the rest of the application are being loaded over the network. In the future we can add additional information to this screen regarding hitting the management api and loading in localData files, if necessary. J=SLAP-2895 TEST=manual
yext · Sep 28, 2023 · 0455cbd · 0455cbd
1 parent 5d4e056
commit 0455cbd
Show file tree

Hide file tree

Showing 43 changed files with 1,482 additions and 1,413 deletions.
diff --git a/...sts/__screenshots__/darwin/add-element.spec.ts/can-add-a-Footer-component-1.png b/...sts/__screenshots__/darwin/add-element.spec.ts/can-add-a-Footer-component-1.png
diff --git a/...sts/__screenshots__/darwin/add-element.spec.ts/can-add-a-Footer-component-2.png b/...sts/__screenshots__/darwin/add-element.spec.ts/can-add-a-Footer-component-2.png
diff --git a/...sts/__screenshots__/darwin/add-element.spec.ts/can-add-a-Footer-component-3.png b/...sts/__screenshots__/darwin/add-element.spec.ts/can-add-a-Footer-component-3.png
diff --git a/...nshots__/darwin/rearrange-elements.spec.ts/can-rearrange-elements-in-tree-1.png b/...nshots__/darwin/rearrange-elements.spec.ts/can-rearrange-elements-in-tree-1.png
diff --git a/...s/__screenshots__/darwin/viewport-menu.spec.ts/can-set-and-reset-Viewport-1.png b/...s/__screenshots__/darwin/viewport-menu.spec.ts/can-set-and-reset-Viewport-1.png
diff --git a/...s/__screenshots__/darwin/viewport-menu.spec.ts/can-set-and-reset-Viewport-2.png b/...s/__screenshots__/darwin/viewport-menu.spec.ts/can-set-and-reset-Viewport-2.png
diff --git a/...s/__screenshots__/darwin/viewport-menu.spec.ts/can-set-and-reset-Viewport-3.png b/...s/__screenshots__/darwin/viewport-menu.spec.ts/can-set-and-reset-Viewport-3.png
diff --git a/...ernal-feature-static-file-generation-BasicPage__en__cfcd208495d565ef66e7dff9f98764da.json b/...ernal-feature-static-file-generation-BasicPage__en__cfcd208495d565ef66e7dff9f98764da.json
@@ -1,16 +1,16 @@
 {
-  "__": {
-    "name": "BasicPage",
-    "staticPage": {},
-    "templateType": "JS"
-  },
-  "businessId": 3350634,
-  "key": "0:BasicPage:knowledgeGraph:0:en",
-  "locale": "en",
-  "meta": {
-    "locale": "en"
-  },
-  "siteDomain": "",
-  "siteId": 0,
-  "siteInternalHostName": ""
-}
+	"__": {
+		"name": "BasicPage",
+		"staticPage": {},
+		"templateType": "JS"
+	},
+	"businessId": 3350634,
+	"key": "0:BasicPage:knowledgeGraph:0:en",
+	"locale": "en",
+	"meta": {
+		"locale": "en"
+	},
+	"siteDomain": "",
+	"siteId": 0,
+	"siteInternalHostName": ""
+}
diff --git a/...-static-file-generation-ErrorComponentPreviews__en__cfcd208495d565ef66e7dff9f98764da.json b/...-static-file-generation-ErrorComponentPreviews__en__cfcd208495d565ef66e7dff9f98764da.json
@@ -1,16 +1,16 @@
 {
-  "__": {
-    "name": "ErrorComponentPreviews",
-    "staticPage": {},
-    "templateType": "JS"
-  },
-  "businessId": 3350634,
-  "key": "0:ErrorComponentPreviews:knowledgeGraph:0:en",
-  "locale": "en",
-  "meta": {
-    "locale": "en"
-  },
-  "siteDomain": "",
-  "siteId": 0,
-  "siteInternalHostName": ""
-}
+	"__": {
+		"name": "ErrorComponentPreviews",
+		"staticPage": {},
+		"templateType": "JS"
+	},
+	"businessId": 3350634,
+	"key": "0:ErrorComponentPreviews:knowledgeGraph:0:en",
+	"locale": "en",
+	"meta": {
+		"locale": "en"
+	},
+	"siteDomain": "",
+	"siteId": 0,
+	"siteInternalHostName": ""
+}
diff --git a/...ernal-feature-static-file-generation-ErrorPage__en__cfcd208495d565ef66e7dff9f98764da.json b/...ernal-feature-static-file-generation-ErrorPage__en__cfcd208495d565ef66e7dff9f98764da.json
@@ -0,0 +1,16 @@
+{
+	"__": {
+		"name": "ErrorPage",
+		"staticPage": {},
+		"templateType": "JS"
+	},
+	"businessId": 3350634,
+	"key": "0:ErrorPage:knowledgeGraph:0:en",
+	"locale": "en",
+	"meta": {
+		"locale": "en"
+	},
+	"siteDomain": "",
+	"siteId": 0,
+	"siteInternalHostName": ""
+}
diff --git a/...l-feature-static-file-generation-NewStaticPage__en__cfcd208495d565ef66e7dff9f98764da.json b/...l-feature-static-file-generation-NewStaticPage__en__cfcd208495d565ef66e7dff9f98764da.json
diff --git a/e2e-tests/localData/mapping.json b/e2e-tests/localData/mapping.json
@@ -1,23 +1,23 @@
 {
-  "BasicPage": [
-    "cog-internal-feature-static-file-generation-BasicPage__en__cfcd208495d565ef66e7dff9f98764da.json"
-  ],
-  "ErrorComponentPreviews": [
-    "cog-internal-feature-static-file-generation-ErrorComponentPreviews__en__cfcd208495d565ef66e7dff9f98764da.json"
-  ],
-  "ErrorPage": [
-    "cog-internal-feature-static-file-generation-ErrorPage__en__cfcd208495d565ef66e7dff9f98764da.json"
-  ],
-  "LocationPage": [
-    "studio-stream-id-LocationPage__en__b5c72eb6622ba376c857dbedac25989b.json",
-    "studio-stream-id-LocationPage__en__c436bc541570239fdbb3c86a549f7a71.json",
-    "studio-stream-id-LocationPage__en__138daa2e17fc5803f9d87d45899b6bd1.json",
-    "studio-stream-id-LocationPage__en__74f6cc7a9108951c20122cd3dabb7eb5.json",
-    "studio-stream-id-LocationPage__en__3a148c2b8fc08ea238566ecbca52ed91.json",
-    "studio-stream-id-LocationPage__en__7d5f646cf2f84c4ce9ef3a0f92afe207.json",
-    "studio-stream-id-LocationPage__en__ab9a660c88afbd8dafb14c8c8b281274.json",
-    "studio-stream-id-LocationPage__en__a09d94986018c82320dfe5e138ea88ef.json",
-    "studio-stream-id-LocationPage__en__63332cafcabf752f4ecfa57bb7f83e42.json",
-    "studio-stream-id-LocationPage__en__8f3df878733e5e0969823b81e3bf497f.json"
-  ]
-}
+	"BasicPage": [
+		"cog-internal-feature-static-file-generation-BasicPage__en__cfcd208495d565ef66e7dff9f98764da.json"
+	],
+	"ErrorComponentPreviews": [
+		"cog-internal-feature-static-file-generation-ErrorComponentPreviews__en__cfcd208495d565ef66e7dff9f98764da.json"
+	],
+	"ErrorPage": [
+		"cog-internal-feature-static-file-generation-ErrorPage__en__cfcd208495d565ef66e7dff9f98764da.json"
+	],
+	"LocationPage": [
+		"studio-stream-id-LocationPage__en__b5c72eb6622ba376c857dbedac25989b.json",
+		"studio-stream-id-LocationPage__en__c436bc541570239fdbb3c86a549f7a71.json",
+		"studio-stream-id-LocationPage__en__138daa2e17fc5803f9d87d45899b6bd1.json",
+		"studio-stream-id-LocationPage__en__74f6cc7a9108951c20122cd3dabb7eb5.json",
+		"studio-stream-id-LocationPage__en__3a148c2b8fc08ea238566ecbca52ed91.json",
+		"studio-stream-id-LocationPage__en__7d5f646cf2f84c4ce9ef3a0f92afe207.json",
+		"studio-stream-id-LocationPage__en__ab9a660c88afbd8dafb14c8c8b281274.json",
+		"studio-stream-id-LocationPage__en__a09d94986018c82320dfe5e138ea88ef.json",
+		"studio-stream-id-LocationPage__en__63332cafcabf752f4ecfa57bb7f83e42.json",
+		"studio-stream-id-LocationPage__en__8f3df878733e5e0969823b81e3bf497f.json"
+	]
+}
diff --git a/e2e-tests/localData/studio-stream-id-LocationPage__en__138daa2e17fc5803f9d87d45899b6bd1.json b/e2e-tests/localData/studio-stream-id-LocationPage__en__138daa2e17fc5803f9d87d45899b6bd1.json
@@ -1,108 +1,114 @@
 {
-  "__": {
-    "entityPageSet": {},
-    "name": "LocationPage",
-    "streamId": "studio-stream-id-LocationPage",
-    "templateType": "JS"
-  },
-  "address": {
-    "city": "London",
-    "countryCode": "GB",
-    "line1": "48 Warwick St.",
-    "line2": "Office 410",
-    "localizedCountryName": "United Kingdom",
-    "localizedRegionName": "City of London",
-    "postalCode": "W1B 5AW",
-    "region": "Gt Lon"
-  },
-  "addressHidden": false,
-  "businessId": 3350634,
-  "c_features": ["OPEN_NOW"],
-  "cityCoordinate": {
-    "latitude": 51.50642013549805,
-    "longitude": -0.12721000611782074
-  },
-  "description": "Yext is the global digital knowledge management leader, and our Knowledge Engine puts businesses in control of their digital knowledge.",
-  "displayCoordinate": {
-    "latitude": 51.5107139,
-    "longitude": -0.1377914
-  },
-  "geocodedCoordinate": {
-    "latitude": 51.5106898,
-    "longitude": -0.1378107
-  },
-  "hours": {
-    "friday": {
-      "isClosed": true
-    },
-    "monday": {
-      "isClosed": true
-    },
-    "saturday": {
-      "isClosed": true
-    },
-    "sunday": {
-      "isClosed": true
-    },
-    "thursday": {
-      "isClosed": true
-    },
-    "tuesday": {
-      "openIntervals": [
-        {
-          "end": "16:00",
-          "start": "15:00"
-        }
-      ]
-    },
-    "wednesday": {
-      "isClosed": true
-    }
-  },
-  "id": "7941089580646240971",
-  "isoRegionCode": "LND",
-  "key": "0:LocationPage:knowledgeGraph:18714999:en",
-  "locale": "en",
-  "mainPhone": "+442037052290",
-  "meta": {
-    "entityType": {
-      "id": "location",
-      "uid": 0
-    },
-    "locale": "en"
-  },
-  "name": "Office Space",
-  "priceRange": "FOUR",
-  "ref_categories": [
-    {
-      "id": "668",
-      "name": "Software Consultant",
-      "uid": 668
-    }
-  ],
-  "ref_listings": [],
-  "ref_reviewsAgg": [],
-  "routableCoordinate": {
-    "latitude": 51.51076,
-    "longitude": -0.13767
-  },
-  "services": ["Dogs", "Cats", "Sleep"],
-  "siteDomain": "",
-  "siteId": 0,
-  "siteInternalHostName": "",
-  "slug": "office/7941089580646240971",
-  "timezone": "Europe/London",
-  "uid": 18714999,
-  "websiteUrl": {
-    "preferDisplayUrl": false,
-    "url": "https://locations.yext.com/gb/gt-lon/london/48-warwick-st-.html"
-  },
-  "yextDisplayCoordinate": {
-    "latitude": 51.5107139,
-    "longitude": -0.1377914
-  },
-  "yextRoutableCoordinate": {
-    "latitude": 51.51076,
-    "longitude": -0.13767
-  }
-}
+	"__": {
+		"entityPageSet": {},
+		"name": "LocationPage",
+		"streamId": "studio-stream-id-LocationPage",
+		"templateType": "JS"
+	},
+	"address": {
+		"city": "London",
+		"countryCode": "GB",
+		"line1": "48 Warwick St.",
+		"line2": "Office 410",
+		"localizedCountryName": "United Kingdom",
+		"localizedRegionName": "City of London",
+		"postalCode": "W1B 5AW",
+		"region": "Gt Lon"
+	},
+	"addressHidden": false,
+	"businessId": 3350634,
+	"c_features": [
+		"OPEN_NOW"
+	],
+	"cityCoordinate": {
+		"latitude": 51.50642013549805,
+		"longitude": -0.12721000611782074
+	},
+	"description": "Yext is the global digital knowledge management leader, and our Knowledge Engine puts businesses in control of their digital knowledge.",
+	"displayCoordinate": {
+		"latitude": 51.5107139,
+		"longitude": -0.1377914
+	},
+	"geocodedCoordinate": {
+		"latitude": 51.5106898,
+		"longitude": -0.1378107
+	},
+	"hours": {
+		"friday": {
+			"isClosed": true
+		},
+		"monday": {
+			"isClosed": true
+		},
+		"saturday": {
+			"isClosed": true
+		},
+		"sunday": {
+			"isClosed": true
+		},
+		"thursday": {
+			"isClosed": true
+		},
+		"tuesday": {
+			"openIntervals": [
+				{
+					"end": "16:00",
+					"start": "15:00"
+				}
+			]
+		},
+		"wednesday": {
+			"isClosed": true
+		}
+	},
+	"id": "7941089580646240971",
+	"isoRegionCode": "LND",
+	"key": "0:LocationPage:knowledgeGraph:18714999:en",
+	"locale": "en",
+	"mainPhone": "+442037052290",
+	"meta": {
+		"entityType": {
+			"id": "location",
+			"uid": 0
+		},
+		"locale": "en"
+	},
+	"name": "Office Space",
+	"priceRange": "FOUR",
+	"ref_categories": [
+		{
+			"id": "668",
+			"name": "Software Consultant",
+			"uid": 668
+		}
+	],
+	"ref_listings": [],
+	"ref_reviewsAgg": [],
+	"routableCoordinate": {
+		"latitude": 51.51076,
+		"longitude": -0.13767
+	},
+	"services": [
+		"Dogs",
+		"Cats",
+		"Sleep"
+	],
+	"siteDomain": "",
+	"siteId": 0,
+	"siteInternalHostName": "",
+	"slug": "office/7941089580646240971",
+	"timezone": "Europe/London",
+	"uid": 18714999,
+	"websiteUrl": {
+		"preferDisplayUrl": false,
+		"url": "https://locations.yext.com/gb/gt-lon/london/48-warwick-st-.html"
+	},
+	"yextDisplayCoordinate": {
+		"latitude": 51.5107139,
+		"longitude": -0.1377914
+	},
+	"yextRoutableCoordinate": {
+		"latitude": 51.51076,
+		"longitude": -0.13767
+	}
+}