Use scopes.enforced to determine selectability

Previously, isScopedToUri took into account enforcement but now
it does not. Thus, isSelectable logic based on scopes.enforced
and isScopedToUri was added to the group-list-section controller
to determine whether a group should be out of scope/not selectable.

src/sidebar/components/group-list-section.js

@@ -4,7 +4,11 @@
 function GroupListSectionController() {
   this.isSelectable = function(groupId) {
     const group = this.sectionGroups.find(g => g.id === groupId);
-    return !this.disableOosGroupSelection || group.isScopedToUri;
+    return (
+      !this.disableOosGroupSelection ||
+      !group.scopes.enforced ||
+      group.isScopedToUri
+    );
   };
 }
 

src/sidebar/components/test/group-list-section-test.js

@@ -31,26 +31,49 @@ describe('groupListSection', () => {
       {
         description: 'always returns true if disableOosGroupSelection is false',
         fakeDisableOosGroupSelection: false,
+        scopesEnforced: true,
         expectedIsSelectable: [true, true],
       },
       {
         description:
           'always returns true if disableOosGroupSelection is undefined',
         fakeDisableOosGroupSelection: undefined,
+        scopesEnforced: true,
         expectedIsSelectable: [true, true],
       },
       {
         description:
           'returns false if disableOosGroupSelection is true and group is out of scope',
         fakeDisableOosGroupSelection: true,
+        scopesEnforced: true,
         expectedIsSelectable: [true, false],
       },
+      {
+        description:
+          'returns true if disableOosGroupSelection is true and group is out of scope but not enforced',
+        fakeDisableOosGroupSelection: true,
+        scopesEnforced: false,
+        expectedIsSelectable: [true, true],
+      },
     ].forEach(
-      ({ description, fakeDisableOosGroupSelection, expectedIsSelectable }) => {
+      ({
+        description,
+        fakeDisableOosGroupSelection,
+        scopesEnforced,
+        expectedIsSelectable,
+      }) => {
         it(description, () => {
           const fakeSectionGroups = [
-            { isScopedToUri: true, id: 0 },
-            { isScopedToUri: false, id: 1 },
+            {
+              isScopedToUri: true,
+              scopes: { enforced: scopesEnforced },
+              id: 0,
+            },
+            {
+              isScopedToUri: false,
+              scopes: { enforced: scopesEnforced },
+              id: 1,
+            },
           ];
 
           const element = createGroupListSection(