contacts-pane 2.4.8 → 2.4.12-beta4

package/contactLogic.js

@@ -1,11 +1,13 @@
 // Logic for solid contacts
 
 import * as UI from 'solid-ui'
+import { store } from 'solid-logic'
+import { getPersonas } from './webidControl'
 
 const ns = UI.ns
 const $rdf = UI.rdf
 const utils = UI.utils
-const kb = UI.store
+const kb = store
 const updater = kb.updater
 
 /** Perform updates on more than one document   @@ Move to rdflib!
@@ -28,6 +30,7 @@ export async function updateMany (deletions, insertions = []) {
 * @returns {NamedNode} the person
 */
 export async function saveNewContact (book, name, selectedGroups, klass) {
+  await kb.fetcher.load(book.doc())
   const nameEmailIndex = kb.any(book, ns.vcard('nameEmailIndex'))
 
   const uuid = utils.genUuid()
@@ -59,9 +62,9 @@ export async function saveNewContact (book, name, selectedGroups, klass) {
   }
 
   try {
-    await updateMany([], agenda) // @@ in future, updater.updateMany
+    await updater.updateMany([], agenda) // @@ in future, updater.updateMany
   } catch (e) {
-    console.log("Error: can't update " + person + ' as new contact:' + e)
+    console.error("Error: can't update " + person + ' as new contact:' + e)
     throw new Error('Updating new contact: ' + e)
   }
   return person
@@ -77,12 +80,13 @@ export function sanitizeToAlpha (name) { // https://mathiasbynens.be/notes/es6-u
  * @returns group
 */
 export async function saveNewGroup (book, name) {
+  await kb.fetcher.load(book.doc())
   const gix = kb.any(book, ns.vcard('groupIndex'))
 
   const gname = sanitizeToAlpha(name)
   const group = kb.sym(book.dir().uri + 'Group/' + gname + '.ttl#this')
   const doc = group.doc()
-  console.log(' New group will be: ' + group + '\n')
+  // console.log(' New group will be: ' + group + '\n')
   try {
     await kb.fetcher.load(gix)
   } catch (err) {
@@ -125,7 +129,7 @@ export async function addPersonToGroup (thing, group) {
 
   const types = kb.findTypeURIs(thing)
   for (const ty in types) {
-    console.log('    drop object type includes: ' + ty) // @@ Allow email addresses and phone numbers to be dropped?
+    // console.log('    drop object type includes: ' + ty) // @@ Allow email addresses and phone numbers to be dropped?
   }
   if (!(ns.vcard('Individual').uri in types ||
      ns.vcard('Organization').uri in types)) {
@@ -134,7 +138,7 @@ export async function addPersonToGroup (thing, group) {
   const pname = kb.any(thing, ns.vcard('fn'))
   const gname = kb.any(group, ns.vcard('fn'))
   if (!pname) { return alert('No vcard name known for ' + thing) }
-  const already = kb.holds(group, ns.vcard('hasMember'), thing, group.doc())
+  const already = kb.holds(thing, ns.vcard('fn'), null, group.doc())
   if (already) {
     return alert(
       'ALREADY added ' + pname + ' to group ' + gname
@@ -143,13 +147,86 @@ export async function addPersonToGroup (thing, group) {
   const message = 'Add ' + pname + ' to group ' + gname + '?'
   if (!confirm(message)) return
   const ins = [
-    $rdf.st(group, ns.vcard('hasMember'), thing, group.doc()),
     $rdf.st(thing, ns.vcard('fn'), pname, group.doc())
   ]
+  // find person webIDs and insert in vcard:hasMember
+  const webIDs = getPersonas(kb, thing).map(webid => webid.value)
+  if (webIDs.length) {
+    webIDs.forEach(webid => {
+      ins.push($rdf.st(kb.sym(webid), ns.owl('sameAs'), thing, group.doc()))
+      ins.push($rdf.st(group, ns.vcard('hasMember'), kb.sym(webid), group.doc()))
+    })
+  } else {
+    ins.push($rdf.st(group, ns.vcard('hasMember'), thing, group.doc()))
+  }
   try {
     await updater.update([], ins)
+    // to allow refresh of card groupList
+    kb.fetcher.unload(group.doc())
+    await kb.fetcher.load(group.doc())
   } catch (e) {
     throw new Error(`Error adding ${pname} to group ${gname}:` + e)
   }
   return thing
 }
+
+/**
+ * Find persons member of a group
+ */
+
+export function groupMembers (kb, group) {
+  const a = kb.each(group, ns.vcard('hasMember'), null, group.doc())
+  let b = []
+  a.forEach(item => {
+    /* const contacts = kb.each(item, ns.owl('sameAs'), null, group.doc())
+    if (contacts.length) {
+      if (!kb.any(contacts[0], ns.vard('fn'))) b = b.concat(item) // this is the old data model
+      else b = b.concat(contacts)
+    } else { b = b.concat(item) }
+    b = b.concat(item) */
+
+    // to keep compatibility with old data model
+    // check if item is a contact, else it is a WebID and parse 'sameAs' for contacts
+    b = kb.any(item, ns.vcard('fn'), null, group.doc()) ? b.concat(item) : b.concat(kb.each(item, ns.owl('sameAs'), null, group.doc()))
+  })
+  const strings = new Set(b.map(contact => contact.uri)) // remove dups
+  b = [...strings].map(uri => kb.sym(uri))
+  return b
+}
+
+export function isLocal(group, item) {
+  const tree = group.dir().dir().dir()
+  const local = item.uri && item.uri.startsWith(tree.uri)
+  // console.log(`   isLocal ${local} for ${item.uri} in group ${group} tree ${tree.uri}`)
+  return local
+}
+
+export function getSameAs(kb, item, doc) {
+  return kb.each(item, ns.owl('sameAs'), null, doc).concat(
+      kb.each(null, ns.owl('sameAs'), item, doc))
+}
+
+export async function getDataModelIssues(groups) {
+  let del = []
+  let ins = []
+  groups.forEach(group => {
+    const members = kb.each(group, ns.vcard('hasMember'), null, group.doc())
+    members.forEach((member) => {
+      const others = getSameAs(kb, member, group.doc())
+      if (others.length && isLocal(group, member)) { // Problem: local ID used instead of webID
+        for (const other of others) {
+          if (!isLocal(group, other)) { // Let's use this one as the immediate member for CSS ACLs'
+            // console.warn(`getDataModelIssues:  Need to swap ${member} to ${other}`)
+            del.push($rdf.st(group, ns.vcard('hasMember'), member, group.doc()))
+            ins.push($rdf.st(group, ns.vcard('hasMember'), other, group.doc()))
+            break
+          }
+          // console.log('getDataModelIssues: ??? expected id not to be local ' + other)
+        } // other
+      } // if
+    }) // member
+  }) // next group
+  return {del, ins }
+} // getDataModelIssues
+
+// Ends

package/contactsPane.js

@@ -14,11 +14,14 @@ to change its state according to an ontology, comment on it, etc.
 */
 /* global alert, confirm */
 
+import { authn } from 'solid-logic'
+import { addPersonToGroup, saveNewContact, saveNewGroup, groupMembers } from './contactLogic'
 import * as UI from 'solid-ui'
-import { toolsPane } from './toolsPane'
 import { mintNewAddressBook } from './mintNewAddressBook'
 import { renderIndividual } from './individual'
-import { saveNewContact, saveNewGroup, addPersonToGroup } from './contactLogic'
+import { toolsPane } from './toolsPane'
+import { groupMembership } from './groupMembershipControl'
+import { getDataModelIssues } from './contactLogic'
 
 // const $rdf = UI.rdf
 const ns = UI.ns
@@ -63,7 +66,7 @@ export default {
 
     //  Reproduction: Spawn a new instance of this app
     function newAddressBookButton (thisAddressBook) {
-      return UI.authn.newAppInstance(
+      return UI.login.newAppInstance(
         dom,
         { noun: 'address book', appPathSegment: 'contactorator.timbl.com' },
         function (ws, newBase) {
@@ -79,14 +82,14 @@ export default {
     const dom = dataBrowserContext.dom
     const kb = dataBrowserContext.session.store
     const div = dom.createElement('div')
-    const me = UI.authn.currentUser() // If already logged on
+    const me = authn.currentUser() // If already logged on
 
     UI.aclControl.preventBrowserDropEvents(dom) // protect drag and drop
 
     div.setAttribute('class', 'contactPane')
 
     asyncRender().then(
-      () => console.log('contctsPane Rendered ' + subject),
+      () => console.log('contactsPane Rendered ' + subject),
       err => complain('' + err))
     return div
 
@@ -96,7 +99,7 @@ export default {
 
       const t = kb.findTypeURIs(subject)
 
-      let me = UI.authn.currentUser()
+      let me = authn.currentUser()
 
       const context = {
         target: subject,
@@ -212,9 +215,30 @@ export default {
                 ) {
                   console.log('Deleting a contact ' + pname)
                   await loadAllGroups() // need to wait for all groups to be loaded in case they have a link to this person
-                  await deleteThingAndDoc(person)
+                  // load people.ttl
+                  const nameEmailIndex = kb.any(book, ns.vcard('nameEmailIndex'))
+                  await kb.fetcher.load(nameEmailIndex)
+
+                  //  - delete person's WebID's in each Group
                   //  - delete the references to it in group files and save them back
-                  //   - delete the reference in people.ttl and save it back
+                  //  - delete the reference in people.ttl and save it back
+
+                  // find all Groups
+                  const groups = groupMembership(person)
+                  let removeFromGroups = []
+                  // find person WebID's
+                  groups.map( group => {
+                    const webids = getSameAs(kb, person, group.doc())
+                    // for each check in each Group that it is not used by an other person then delete
+                    webids.map( webid => {
+                      if (getSameAs(kb, webid, group.doc()).length = 1) {
+                        removeFromGroups = removeFromGroups.concat(kb.statementsMatching(group, ns.vcard('hasMember'), webid, group.doc()))
+                      }
+                    })
+                  })
+                  // console.log(removeFromGroups)
+                  await kb.updater.updateMany(removeFromGroups)
+                  await deleteThingAndDoc(person)
                   await deleteRecursive(kb, container)
                   refreshNames() // "Doesn't work" -- maybe does now with waiting for async
                   cardMain.innerHTML = 'Contact Data Deleted.'
@@ -289,8 +313,10 @@ export default {
         }
 
         async function loadAllGroups () {
+          await kb.fetcher.load(groupIndex)
           const gs = book ? kb.each(book, ns.vcard('includesGroup'), null, groupIndex) : []
           await kb.fetcher.load(gs)
+          return gs
         }
 
         function groupsInOrder () {
@@ -409,12 +435,12 @@ export default {
           }
 
           let cards = []
-          for (const u in selectedGroups) {
-            if (selectedGroups[u]) {
-              const a = kb.each(kb.sym(u), ns.vcard('hasMember'))
-              cards = cards.concat(a)
+          const groups = Object.keys(selectedGroups).map(groupURI => kb.sym(groupURI))
+          groups.forEach(group => {
+            if (selectedGroups[group.value]) {
+              cards = cards.concat(groupMembers(kb, group))
             }
-          }
+          })
           cards.sort(compareForSort) // @@ sort by name not UID later
           for (let k = 0; k < cards.length - 1;) {
             if (cards[k].uri === cards[k + 1].uri) {
@@ -572,14 +598,28 @@ export default {
           const groups = groupsInOrder()
           utils.syncTableToArrayReOrdered(groupsMainTable, groups, renderGroupRow)
           refreshGroupsSelected()
+          // await checkDataModel(groups)
         } // syncGroupTable
 
+
+       async function checkDataModel () {
+          // await kb.fetcher.load(groups) // asssume loaded already
+          const groups = await loadAllGroups()
+
+          const { del, ins } = await getDataModelIssues(groups)
+
+          if (del.length && confirm(`Groups data model need to be updated? (${del.length})`)) {
+            await kb.updater.updateMany(del, ins)
+            alert('Update done')
+          }
+        } // checkDataModel
+
         // Click on New Group button
         async function newGroupClickHandler (_event) {
           cardMain.innerHTML = ''
           const groupIndex = kb.any(book, ns.vcard('groupIndex'))
           try {
-            await fetch.load(groupIndex)
+            await kb.fetcher.load(groupIndex)
           } catch (e) {
             console.log('Error: Group index  NOT loaded:' + e + '\n')
           }
@@ -623,7 +663,7 @@ export default {
           const nameEmailIndex = kb.any(ourBook, ns.vcard('nameEmailIndex'))
           if (!nameEmailIndex) throw new Error('Wot no nameEmailIndex?')
           await kb.fetcher.load(nameEmailIndex)
-          console.log('Name index loaded async' + nameEmailIndex)
+          // console.log('Name index loaded async' + nameEmailIndex)
 
           const name = await UI.widgets
             .askName(dom, kb, cardMain, UI.ns.foaf('name'), klass) // @@ was, 'person'
@@ -772,7 +812,7 @@ export default {
         const container = dom.createElement('div')
         newContactButton.setAttribute('type', 'button')
         if (!me) newContactButton.setAttribute('disabled', 'true')
-        UI.authn.checkUser().then(webId => {
+        authn.checkUser().then(webId => {
           if (webId) {
             me = webId
             newContactButton.removeAttribute('disabled')
@@ -788,7 +828,7 @@ export default {
         const container2 = dom.createElement('div')
         newOrganizationButton.setAttribute('type', 'button')
         if (!me) newOrganizationButton.setAttribute('disabled', 'true')
-        UI.authn.checkUser().then(webId => {
+        authn.checkUser().then(webId => {
           if (webId) {
             me = webId
             newOrganizationButton.removeAttribute('disabled')
@@ -835,6 +875,10 @@ export default {
         // })
 
         div.appendChild(dom.createElement('hr'))
+
+        // const groups = await loadAllGroups()   @@@
+        checkDataModel().then(()=> {console.log('async checkDataModel done.')})
+
         //  div.appendChild(newAddressBookButton(book))       // later
         // end of AddressBook instance
       } // renderThreeColumnBrowser
@@ -855,7 +899,7 @@ export default {
         //          Render a Group instance
       } else if (t[ns.vcard('Group').uri]) {
         // If we have a main address book, then render this group as a guest group within it
-        UI.authn
+        UI.login
           .findAppInstances(context, ns.vcard('AddressBook'))
           .then(function (context) {
             const addressBooks = context.instances
@@ -883,12 +927,12 @@ export default {
         )
       }
 
-      me = UI.authn.currentUser()
+      me = authn.currentUser()
       if (!me) {
         console.log(
           '(You do not have your Web Id set. Sign in or sign up to make changes.)'
         )
-        UI.authn.logInLoadProfile(context).then(
+        UI.login.ensureLoadedProfile(context).then(
           context => {
             console.log('Logged in as ' + context.me)
             me = context.me

package/groupMembershipControl.js

@@ -1,23 +1,41 @@
 
 // Render a control to record the group memberships we have for this agent
 import * as UI from 'solid-ui'
+import { store } from 'solid-logic'
 
-const $rdf = UI.rdf
+// const $rdf = UI.rdf
 const ns = UI.ns
 // const buttons = UI.buttonsn  no
 // const widgets = UI.widgets
 const utils = UI.utils
-const kb = UI.store
 // const style = UI.style
+const kb = store
 
 // Groups the person is a member of
+export function groupMembership (person) {
+  let groups = kb.statementsMatching(null, ns.owl('sameAs'), person).map(st => st.why)
+    .concat(kb.each(null, ns.vcard('hasMember'), person))
+  const strings = new Set(groups.map(group => group.uri)) // remove dups
+  groups = [...strings].map(uri => kb.sym(uri))
+  return groups
+}
 
 export async function renderGroupMemberships (person, context) {
   // Remove a person from a group
-  function removeFromGroup (thing, group) {
+  async function removeFromGroup (thing, group) {
     const pname = kb.any(thing, ns.vcard('fn'))
     const gname = kb.any(group, ns.vcard('fn'))
-    const groups = kb.each(null, ns.vcard('hasMember'), thing)
+    // find all WebIDs of thing
+    const thingwebids = kb.each(null, ns.owl('sameAs'), thing, group.doc())
+    // WebID can be deleted only if not used in another thing
+    let webids = []
+    thingwebids.map(webid => {
+      if (kb.statementsMatching(webid, ns.owl('sameAs'), thing, group.doc())) webids = webids.concat(webid)
+      }
+    )
+    let thingOrWebid = thing
+    if (webids.length > 0) thingOrWebid = webids[0]
+    const groups = kb.each(null, ns.vcard('hasMember'), thingOrWebid) // in all groups a person has same structure
     if (groups.length < 2) {
       alert(
         'Must be a member of at least one group.  Add to another group first.'
@@ -26,21 +44,28 @@ export async function renderGroupMemberships (person, context) {
     }
     const message = 'Remove ' + pname + ' from group ' + gname + '?'
     if (confirm(message)) {
-      const del = [
-        $rdf.st(group, ns.vcard('hasMember'), thing, group.doc()),
-        $rdf.st(thing, ns.vcard('fn'), pname, group.doc())
-      ]
+      let del = kb
+        .statementsMatching(person, undefined, undefined, group.doc())
+        .concat(kb.statementsMatching(undefined, undefined, person, group.doc()))
+      webids.map(webid => {
+        if (kb.statementsMatching(webid, ns.owl('sameAs'), undefined, group.doc()).length < 2) {
+         del = del.concat(kb.statementsMatching(undefined, undefined, webid, group.doc()))
+        }
+      })
       kb.updater.update(del, [], function (uri, ok, err) {
         if (!ok) {
           const message = 'Error removing member from group ' + group + ': ' + err
           groupList.parentNode.appendChild(UI.widgets.errorMessageBlock(dom, message, 'pink'))
-          return
         }
-        console.log('Removed ' + pname + ' from group ' + gname)
-        syncGroupList()
       })
+      console.log('Removed ' + pname + ' from group ' + gname)
+      // to allow refresh of card groupList
+      kb.fetcher.unload(group.doc())
+      await kb.fetcher.load(group.doc())
+      syncGroupList()
     }
   }
+
   function newRowForGroup (group) {
     const options = {
       deleteFunction: function () {
@@ -52,13 +77,31 @@ export async function renderGroupMemberships (person, context) {
     return tr
   }
 
+  // find all groups where person has membership
   function syncGroupList () {
-    const groups = kb.each(null, ns.vcard('hasMember'), person)
-    utils.syncTableToArray(groupList, groups, newRowForGroup)
+    // person and/or WebIDs to be changed
+    utils.syncTableToArray(groupList, groupMembership(person), newRowForGroup)
+  }
+
+  async function loadGroupsFromBook (book = null) {
+    if (!book) {
+      book = kb.any(undefined, ns.vcard('includesGroup'))
+      if (!book) {
+        throw new Error('findBookFromGroups: Cant find address book which this group is part of')
+      }
+    }
+    const groupIndex = kb.any(book, ns.vcard('groupIndex'))
+    const gs = book ? kb.each(book, ns.vcard('includesGroup'), null, groupIndex) : []
+    await kb.fetcher.load(gs)
   }
 
   const { dom } = context
+  const kb = context.session.store
   const groupList = dom.createElement('table')
+
+  // find book any group and load all groups
+  await loadGroupsFromBook()
+
   groupList.refresh = syncGroupList
   syncGroupList()
   return groupList

package/individual.js

@@ -1,4 +1,5 @@
 import * as UI from 'solid-ui'
+import { authn, store } from 'solid-logic'
 import { renderMugshotGallery } from './mugshotGallery'
 import { renderWebIdControl, renderPublicIdControl } from './webidControl'
 import { renderGroupMemberships } from './groupMembershipControl.js'
@@ -7,7 +8,7 @@ import VCARD_ONTOLOGY_TEXT from './lib/vcard.js'
 
 const $rdf = UI.rdf
 const ns = UI.ns
-const kb = UI.store
+const kb = store
 const style = UI.style
 
 export function loadTurtleText (kb, thing, text) {
@@ -68,7 +69,7 @@ export async function renderIndividual (dom, div, subject, dataBrowserContext) {
 
   div.style = style.paneDivStyle || 'padding: 0.5em 1.5em 1em 1.5em;'
 
-  UI.authn.checkUser() // kick off async operation @@@ use async version
+  authn.checkUser() // kick off async operation @@@ use async version
 
   div.appendChild(renderMugshotGallery(dom, subject))
 

package/jest.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  "verbose": true, // Turn on console.log
+
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ["./jest.setup.ts"],
+  transformIgnorePatterns: ["/node_modules/(?!lit-html).+\\.js"],
+
+  testEnvironmentOptions: {
+      customExportConditions: ['node']
+}
+};

package/jest.setup.ts

@@ -0,0 +1,10 @@
+import "@testing-library/jest-dom";
+import fetchMock from "jest-fetch-mock";
+
+fetchMock.enableMocks();
+
+// Polyfill for encoding which isn't present globally in jsdom
+import { TextEncoder, TextDecoder } from 'util';
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;

package/lib/autocompleteBar.js

@@ -0,0 +1,99 @@
+"use strict";
+// The Control with decorations
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderAutocompleteControl = void 0;
+const solid_logic_1 = require("solid-logic");
+const solid_ui_1 = require("solid-ui");
+const autocompletePicker_1 = require("./autocompletePicker"); // dbpediaParameters
+const publicData_1 = require("./publicData");
+const WEBID_NOUN = 'Solid ID';
+const kb = solid_logic_1.store;
+const AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
+const AUTOCOMPLETE_ROWS = 12; // 20?
+const GREEN_PLUS = solid_ui_1.icons.iconBase + 'noun_34653_green.svg';
+const SEARCH_ICON = solid_ui_1.icons.iconBase + 'noun_Search_875351.svg';
+function renderAutocompleteControl(dom, person, options, addOneIdAndRefresh) {
+    return __awaiter(this, void 0, void 0, function* () {
+        function autoCompleteDone(object, _name) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const webid = object.uri;
+                removeDecorated();
+                return addOneIdAndRefresh(person, webid);
+            });
+        }
+        function greenButtonHandler(_event) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const webid = yield solid_ui_1.widgets.askName(dom, solid_logic_1.store, creationArea, solid_ui_1.ns.vcard('url'), null, WEBID_NOUN);
+                if (!webid) {
+                    return; // cancelled by user
+                }
+                return addOneIdAndRefresh(person, webid);
+            });
+        }
+        function removeDecorated() {
+            creationArea.removeChild(decoratedAutocomplete);
+            decoratedAutocomplete = null;
+        }
+        function searchButtonHandler(_event) {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (decoratedAutocomplete) {
+                    creationArea.removeChild(decoratedAutocomplete);
+                    decoratedAutocomplete = null;
+                }
+                else {
+                    decoratedAutocomplete = dom.createElement('div');
+                    decoratedAutocomplete.setAttribute('style', 'display: flex; flex-flow: wrap;');
+                    decoratedAutocomplete.appendChild(yield (0, autocompletePicker_1.renderAutoComplete)(dom, acOptions, autoCompleteDone));
+                    decoratedAutocomplete.appendChild(acceptButton);
+                    decoratedAutocomplete.appendChild(cancelButton);
+                    creationArea.appendChild(decoratedAutocomplete);
+                }
+            });
+        }
+        function droppedURIHandler(uris) {
+            return __awaiter(this, void 0, void 0, function* () {
+                for (const webid of uris) { // normally one but can be more than one
+                    yield addOneIdAndRefresh(person, webid);
+                }
+            });
+        }
+        const queryParams = options.queryParameters || publicData_1.wikidataParameters;
+        const acceptButton = solid_ui_1.widgets.continueButton(dom);
+        const cancelButton = solid_ui_1.widgets.cancelButton(dom, removeDecorated);
+        const klass = options.class;
+        const acOptions = {
+            queryParams,
+            class: klass,
+            acceptButton,
+            cancelButton
+        };
+        var decoratedAutocomplete = null;
+        // const { dom } = dataBrowserContext
+        options = options || {};
+        options.editable = kb.updater.editable(person.doc().uri, kb);
+        const creationArea = dom.createElement('div');
+        creationArea.setAttribute('style', 'display: flex; flex-flow: wrap;');
+        if (options.editable) {
+            // creationArea.appendChild(await renderAutoComplete(dom, options, autoCompleteDone)) wait for searchButton
+            creationArea.style.width = '100%';
+            const plus = creationArea.appendChild(solid_ui_1.widgets.button(dom, GREEN_PLUS, options.idNoun, greenButtonHandler));
+            solid_ui_1.widgets.makeDropTarget(plus, droppedURIHandler, null);
+            if (options.dbLookup) {
+                creationArea.appendChild(solid_ui_1.widgets.button(dom, SEARCH_ICON, options.idNoun, searchButtonHandler));
+            }
+        }
+        return creationArea;
+    });
+} // renderAutocompleteControl
+exports.renderAutocompleteControl = renderAutocompleteControl;
+// ends
+//# sourceMappingURL=autocompleteBar.js.map

package/lib/autocompleteBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteBar.js","sourceRoot":"","sources":["../src/autocompleteBar.ts"],"names":[],"mappings":"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"}