Fixed issue with filtering out quick add items in the section item picker

The quick add items were added to the returned json from the server and the official flag was not set on them so they were filtered out.  This fix adds the official flag to those appended items.

Author: dougmartin

app/assets/javascripts/lara-typescript.js

@@ -125704,7 +125704,8 @@ var getLaraAuthoringAPI = function (authoringArgs) {
         type: "MwInteractive",
         useCount: 0,
         dateAdded: 0,
-        isQuickAddItem: true
+        isQuickAddItem: true,
+        official: true
       });
       result.allEmbeddables.push({
         id: "Embeddable::Xhtml",
@@ -125713,7 +125714,8 @@ var getLaraAuthoringAPI = function (authoringArgs) {
         type: "Embeddable::Xhtml",
         useCount: 0,
         dateAdded: 0,
-        isQuickAddItem: true
+        isQuickAddItem: true,
+        official: true
       });
       var plugins = json.plugins;
 
@@ -130287,8 +130289,6 @@ var SectionItemButton = function (_a) {
 };
 
 var SectionItemPicker = function (props) {
-  var _a;
-
   var api = (0, use_api_provider_1.usePageAPI)();
   var allItems = (0, react_1.useMemo)(function () {
     if (!api.getAllEmbeddables.data) {
@@ -130306,28 +130306,28 @@ var SectionItemPicker = function (props) {
       allEmbeddables: allEmbeddables
     };
   }, [api.getAllEmbeddables.data, api.isAdmin]);
-  var quickAddItems = (_a = api.getAllEmbeddables.data) === null || _a === void 0 ? void 0 : _a.allEmbeddables.filter(function (e) {
+  var quickAddItems = allItems === null || allItems === void 0 ? void 0 : allItems.allEmbeddables.filter(function (e) {
     return e.isQuickAddItem;
   });
   var onClose = props.onClose,
       onAdd = props.onAdd;
   var modalIsVisible = true;
 
-  var _b = (0, react_1.useState)(null),
-      currentSelectedItem = _b[0],
-      setCurrentSelectedItem = _b[1];
+  var _a = (0, react_1.useState)(null),
+      currentSelectedItem = _a[0],
+      setCurrentSelectedItem = _a[1];
 
-  var _c = (0, react_1.useState)((allItems === null || allItems === void 0 ? void 0 : allItems.allEmbeddables) || []),
-      allItemsList = _c[0],
-      setAllItemsList = _c[1];
+  var _b = (0, react_1.useState)((allItems === null || allItems === void 0 ? void 0 : allItems.allEmbeddables) || []),
+      allItemsList = _b[0],
+      setAllItemsList = _b[1];
 
-  var _d = (0, react_1.useState)(false),
-      isSearching = _d[0],
-      setIsSearching = _d[1];
+  var _c = (0, react_1.useState)(false),
+      isSearching = _c[0],
+      setIsSearching = _c[1];
 
-  var _e = (0, react_1.useState)(modalIsVisible),
-      modalVisibility = _e[0],
-      setModalVisibility = _e[1];
+  var _d = (0, react_1.useState)(modalIsVisible),
+      modalVisibility = _d[0],
+      setModalVisibility = _d[1];
 
   var itemSelected = currentSelectedItem !== null; // Escape key deselects the current item:
 

lara-typescript/src/section-authoring/api/lara-api-provider.ts

@@ -261,7 +261,8 @@ export const getLaraAuthoringAPI =
           type: "MwInteractive",
           useCount: 0,
           dateAdded: 0,
-          isQuickAddItem: true
+          isQuickAddItem: true,
+          official: true,
         });
         result.allEmbeddables.push({
           id: "Embeddable::Xhtml",
@@ -270,7 +271,8 @@ export const getLaraAuthoringAPI =
           type: "Embeddable::Xhtml",
           useCount: 0,
           dateAdded: 0,
-          isQuickAddItem: true
+          isQuickAddItem: true,
+          official: true,
         });
         const plugins = (json.plugins as IPluginType[]);
         for (const plugin of plugins) {

lara-typescript/src/section-authoring/components/section-item-picker.tsx

@@ -37,7 +37,7 @@ export const SectionItemPicker: React.FC<IProps> = (props) => {
     });
     return {allEmbeddables};
   }, [api.getAllEmbeddables.data, api.isAdmin]);
-  const quickAddItems = api.getAllEmbeddables.data?.allEmbeddables.filter(e => e.isQuickAddItem);
+  const quickAddItems = allItems?.allEmbeddables.filter(e => e.isQuickAddItem);
   const { onClose, onAdd } = props;
   const modalIsVisible = true;
   const [currentSelectedItem, setCurrentSelectedItem]