Allow customization for QuickNavigation (#913)

Resolves: rdar://139682470

Co-authored-by: Marcus Ortiz <[email protected]>

Author: hqhhuang

src/components/DocumentationLayout.vue

@@ -33,9 +33,10 @@
         <div class="documentation-layout-aside">
           <QuickNavigationModal
             v-if="enableQuickNavigation"
-            :children="indexNodes"
+            :children="quickNavNodes || indexNodes"
             :showQuickNavigationModal.sync="showQuickNavigationModal"
             :technology="technology ? technology.title : ''"
+            :placeholder="quickNavPlaceholder"
           />
           <transition name="delay-hiding">
             <slot
@@ -134,7 +135,7 @@ export default {
     },
     technology: {
       type: Object,
-      require: false,
+      required: false,
     },
     parentTopicIdentifiers: {
       type: Array,
@@ -144,6 +145,14 @@ export default {
       type: Number,
       default: null,
     },
+    quickNavNodes: {
+      type: Array,
+      default: null,
+    },
+    quickNavPlaceholder: {
+      type: String,
+      default: null,
+    },
   },
   data() {
     return {

src/components/Navigator/QuickNavigationModal.vue

@@ -195,6 +195,10 @@ export default {
       type: String,
       required: false,
     },
+    placeholder: {
+      type: String,
+      required: false,
+    },
   },
   computed: {
     childrenMap({ children }) {
@@ -224,6 +228,7 @@ export default {
       return orderSymbolsByPriority(uniqueMatches).slice(0, MAX_RESULTS);
     },
     placeholderText() {
+      if (this.placeholder) return this.placeholder;
       if (!this.technology) return this.$t('filter.search');
       return this.$t('filter.search-symbols', { technology: this.technology });
     },

src/lang/locales/en-US.json

@@ -133,7 +133,7 @@
   "filter": {
     "title": "Filter",
     "search": "Search",
-    "search-symbols": "Search symbols in {technology}",
+    "search-symbols": "Search for symbols in {technology}",
     "suggested-tags": "Suggested tag | Suggested tags",
     "selected-tags": "Selected tag | Selected tags",
     "add-tag": "Add tag",