contacts-pane 2.4.8 → 2.4.12-beta4

package/lib/autocompleteField.js

@@ -0,0 +1,157 @@
+"use strict";
+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.autocompleteField = void 0;
+/* Form field for doing autocompleete
+ */
+const rdflib_1 = require("rdflib");
+const solid_logic_1 = require("solid-logic");
+const solid_ui_1 = require("solid-ui");
+const autocompletePicker_1 = require("./autocompletePicker"); // dbpediaParameters
+const AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
+const AUTOCOMPLETE_ROWS = 12; // 20?
+/**
+ * Render a autocomplete form field
+ *
+ * The same function is used for many similar one-value fields, with different
+ * regexps used to validate.
+ *
+ * @param dom The HTML Document object aka Document Object Model
+ * @param container  If present, the created widget will be appended to this
+ * @param already A hash table of (form, subject) kept to prevent recursive forms looping
+ * @param subject The thing about which the form displays/edits data
+ * @param form The form or field to be rendered
+ * @param doc The web document in which the data is
+ * @param callbackFunction Called when data is changed?
+ *
+ * @returns The HTML widget created
+ */
+// eslint-disable-next-line complexity
+function autocompleteField(// @@ are they allowed too be async??
+dom, container, already, subject, form, doc, callbackFunction) {
+    function addOneIdAndRefresh(result, _name) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const ds = kb.statementsMatching(subject, property); // remove any multiple values
+            let is = ds.map(statement => (0, rdflib_1.st)(statement.subject, statement.predicate, result, statement.why)); // can include >1 doc
+            if (is.length === 0) {
+                // or none
+                is = [(0, rdflib_1.st)(subject, property, result, doc)];
+            }
+            try {
+                yield kb.updater.updateMany(ds, is);
+            }
+            catch (err) {
+                callbackFunction(false, err);
+                box.appendChild(solid_ui_1.widgets.errorMessageBlock(dom, 'Autocomplete form data write error:' + err));
+                return;
+            }
+            callbackFunction(true, '');
+        });
+    }
+    const kb = solid_logic_1.store;
+    const formDoc = form.doc ? form.doc() : null; // @@ if blank no way to know
+    const box = dom.createElement('tr');
+    if (container)
+        container.appendChild(box);
+    const lhs = dom.createElement('td');
+    lhs.setAttribute('class', 'formFieldName');
+    lhs.setAttribute('style', '  vertical-align: middle;');
+    box.appendChild(lhs);
+    const rhs = dom.createElement('td');
+    rhs.setAttribute('class', 'formFieldValue');
+    box.appendChild(rhs);
+    const property = kb.any(form, solid_ui_1.ns.ui('property'));
+    if (!property) {
+        box.appendChild(dom.createTextNode('Error: No property given for autocomplete field: ' + form));
+        return box;
+    }
+    const searchClass = kb.any(form, solid_ui_1.ns.ui('searchClass'));
+    if (!searchClass) {
+        box.appendChild(dom.createTextNode('Error: No searchClass given for autocomplete field: ' + form));
+        return box;
+    }
+    const endPoint = kb.any(form, solid_ui_1.ns.ui('endPoint'));
+    if (!endPoint) {
+        box.appendChild(dom.createTextNode('Error: No SPARQL endPoint given for autocomplete field: ' + form));
+        return box;
+    }
+    const queryTemplate = kb.any(form, solid_ui_1.ns.ui('queryTemplate'));
+    if (!queryTemplate) {
+        box.appendChild(dom.createTextNode('Error: No queryTemplate given for autocomplete field: ' + form));
+        return box;
+    }
+    // It can be cleaner to just remove empty fields if you can't edit them anyway
+    const suppressEmptyUneditable = kb.anyJS(form, solid_ui_1.ns.ui('suppressEmptyUneditable'), null, formDoc);
+    lhs.appendChild(solid_ui_1.widgets.fieldLabel(dom, property, form));
+    const uri = solid_ui_1.widgets.mostSpecificClassURI(form);
+    let params = solid_ui_1.widgets.fieldParams[uri];
+    if (params === undefined)
+        params = {}; // non-bottom field types can do this
+    const theStyle = params.style || solid_ui_1.style.textInputStyle;
+    const klass = kb.the(form, solid_ui_1.ns.ui('category'), null, formDoc);
+    /*
+    { label: string;
+      logo: string;
+      searchByNameQuery?: string;
+      searchByNameURI?: string;
+      insitituteDetailsQuery?: string;
+      endPoint?: string;
+      class: object
+    }
+  */
+    queryParams.endPoint = endPoint.uri;
+    const searchByNameQuery = kb.the(form, solid_ui_1.ns.ui('searchByNameQuery'), null, formDoc);
+    queryParams.searchByNameQuery = searchByNameQuery;
+    var queryParams = { label: 'from form', logo: '', class: klass, endPoint, searchByNameQuery };
+    const options = {
+        // acceptButton?: HTMLElement,
+        class: klass,
+        queryParams
+    };
+    // const acWiget = rhs.appendChild(await renderAutoComplete(dom, options, addOneIdAndRefresh))
+    // @@ set existing value is any
+    (0, autocompletePicker_1.renderAutoComplete)(dom, options, addOneIdAndRefresh).then(acWiget => rhs.appendChild(acWiget));
+    const field = dom.createElement('input');
+    field.style = solid_ui_1.style.textInputStyle; // Do we have to override length etc?
+    rhs.appendChild(field);
+    field.setAttribute('type', params.type ? params.type : 'text');
+    const size = kb.any(form, solid_ui_1.ns.ui('size')); // Form has precedence
+    field.setAttribute('size', size ? '' + size : params.size ? '' + params.size : '20');
+    const maxLength = kb.any(form, solid_ui_1.ns.ui('maxLength'));
+    field.setAttribute('maxLength', maxLength ? '' + maxLength : '4096');
+    doc = doc || solid_ui_1.widgets.fieldStore(subject, property, doc);
+    let obj = kb.any(subject, property, undefined, doc);
+    if (!obj) {
+        obj = kb.any(form, solid_ui_1.ns.ui('default'));
+    }
+    if (obj) {
+        /* istanbul ignore next */
+        field.value = obj.value || obj.value || '';
+    }
+    field.setAttribute('style', solid_ui_1.style);
+    if (!kb.updater) {
+        throw new Error('kb has no updater');
+    }
+    if (!kb.updater.editable(doc.uri)) {
+        field.readOnly = true // was: disabled. readOnly is better
+        ;
+        field.style = solid_ui_1.style.textInputStyleUneditable;
+        // backgroundColor = textInputBackgroundColorUneditable
+        if (suppressEmptyUneditable && field.value === '') {
+            box.style.display = 'none'; // clutter
+        }
+        return box;
+    }
+    return box;
+}
+exports.autocompleteField = autocompleteField;
+// ends
+//# sourceMappingURL=autocompleteField.js.map

package/lib/autocompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteField.js","sourceRoot":"","sources":["../src/autocompleteField.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;GACG;AACH,mCAA2D;AAC3D,6CAAmC;AACnC,uCAA6C;AAC7C,6DAAyD,CAAC,oBAAoB;AAE9E,MAAM,sBAAsB,GAAG,CAAC,CAAA,CAAC,+CAA+C;AAChF,MAAM,iBAAiB,GAAG,EAAE,CAAA,CAAC,MAAM;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,sCAAsC;AACtC,SAAgB,iBAAiB,CAAG,qCAAqC;AACvE,GAAiB,EACjB,SAAkC,EAClC,OAAO,EACP,OAAyC,EACzC,IAAe,EACf,GAA0B,EAC1B,gBAA6D;IAG7D,SAAe,kBAAkB,CAAE,MAAM,EAAE,KAAK;;YAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAe,CAAC,CAAA,CAAC,6BAA6B;YAExF,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,IAAA,WAAE,EAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,qBAAqB;YACrH,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACpB,UAAU;gBACV,EAAE,GAAG,CAAC,IAAA,WAAE,EAAC,OAAO,EAAE,QAAe,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;YAClD,CAAC;YACD,IAAI,CAAC;gBACH,MAAM,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;YACrC,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;gBAC5B,GAAG,CAAC,WAAW,CAAC,kBAAO,CAAC,iBAAiB,CAAC,GAAG,EAAE,qCAAqC,GAAG,GAAG,CAAC,CAAC,CAAA;gBAC5F,OAAM;YACR,CAAC;YACD,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QAC5B,CAAC;KAAA;IAED,MAAM,EAAE,GAAG,mBAAK,CAAA;IAChB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,CAAC,6BAA6B;IAE1E,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IACnC,IAAI,SAAS;QAAE,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IACzC,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IACnC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;IAC1C,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAA;IACtD,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IACpB,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IACnC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAA;IAC3C,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IAEpB,MAAM,QAAQ,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAChD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,GAAG,CAAC,WAAW,CACb,GAAG,CAAC,cAAc,CAAC,mDAAmD,GAAG,IAAI,CAAC,CAC/E,CAAA;QACD,OAAO,GAAG,CAAA;IACZ,CAAC;IACD,MAAM,WAAW,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IACtD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,GAAG,CAAC,WAAW,CACb,GAAG,CAAC,cAAc,CAAC,sDAAsD,GAAG,IAAI,CAAC,CAClF,CAAA;QACD,OAAO,GAAG,CAAA;IACZ,CAAC;IACD,MAAM,QAAQ,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAChD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,GAAG,CAAC,WAAW,CACb,GAAG,CAAC,cAAc,CAAC,0DAA0D,GAAG,IAAI,CAAC,CACtF,CAAA;QACD,OAAO,GAAG,CAAA;IACZ,CAAC;IACD,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAC1D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,GAAG,CAAC,WAAW,CACb,GAAG,CAAC,cAAc,CAAC,wDAAwD,GAAG,IAAI,CAAC,CACpF,CAAA;QACD,OAAO,GAAG,CAAA;IACZ,CAAC;IACD,8EAA8E;IAC9E,MAAM,uBAAuB,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,yBAAyB,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;IAE/F,GAAG,CAAC,WAAW,CAAC,kBAAO,CAAC,UAAU,CAAC,GAAG,EAAE,QAAe,EAAE,IAAI,CAAC,CAAC,CAAA;IAC/D,MAAM,GAAG,GAAG,kBAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAC9C,IAAI,MAAM,GAAG,kBAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IACrC,IAAI,MAAM,KAAK,SAAS;QAAE,MAAM,GAAG,EAAE,CAAA,CAAC,qCAAqC;IAC3E,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,gBAAK,CAAC,cAAc,CAAA;IACrD,MAAM,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;IAC5D;;;;;;;;;IASA;IAEA,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAA;IAEnC,MAAM,iBAAiB,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;IACjF,WAAW,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;IAEjD,IAAI,WAAW,GAAG,EAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAC,CAAA;IAE3F,MAAM,OAAO,GAAG;QACa,8BAA8B;QAC9B,KAAK,EAAE,KAAK;QACZ,WAAW;KAAE,CAAA;IAE1C,8FAA8F;IAE9F,+BAA+B;IAC/B,IAAA,uCAAkB,EAAC,GAAG,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;IAG9F,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CACvC;IAAC,KAAa,CAAC,KAAK,GAAG,gBAAK,CAAC,cAAc,CAAA,CAAC,qCAAqC;IAClF,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACtB,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAE9D,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA,CAAC,sBAAsB;IAC/D,KAAK,CAAC,YAAY,CAChB,MAAM,EACN,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACzD,CAAA;IACD,MAAM,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAClD,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAEpE,GAAG,GAAG,GAAG,IAAI,kBAAO,CAAC,UAAU,CAAC,OAAO,EAAE,QAAe,EAAE,GAAG,CAAC,CAAA;IAE9D,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAe,EAAE,SAAS,EAAE,GAAG,CAAC,CAAA;IAC1D,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,aAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACtC,CAAC;IACD,IAAI,GAAG,EAAE,CAAC;QACR,0BAA0B;QAC1B,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,CAAA;IAC5C,CAAC;IACD,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAK,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAA;IACtC,CAAC;IACD,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAE,GAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;QACjD,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oCAAoC;SACzD;QAAC,KAAa,CAAC,KAAK,GAAG,gBAAK,CAAC,wBAAwB,CAAA;QACtD,uDAAuD;QACvD,IAAI,uBAAuB,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;YAClD,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA,CAAC,UAAU;QACvC,CAAC;QACD,OAAO,GAAG,CAAA;IACZ,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAhJD,8CAgJC;AAQD,OAAO"}

package/lib/autocompletePicker.js

@@ -0,0 +1,240 @@
+"use strict";
+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.renderAutoComplete = void 0;
+const solid_logic_1 = require("solid-logic");
+const solid_ui_1 = require("solid-ui");
+const publicData_1 = require("./publicData");
+const AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
+const AUTOCOMPLETE_ROWS = 20; // 20?
+const AUTOCOMPLETE_ROWS_STRETCH = 40;
+const AUTOCOMPLETE_DEBOUNCE_MS = 300;
+const autocompleteRowStyle = 'border: 0.2em solid straw;'; // @@ white
+// The core of the autocomplete UI
+function renderAutoComplete(dom, options, // subject:NamedNode, predicate:NamedNode,
+callback) {
+    return __awaiter(this, void 0, void 0, function* () {
+        function complain(message) {
+            const errorRow = table.appendChild(dom.createElement('tr'));
+            console.log(message);
+            errorRow.appendChild(solid_ui_1.widgets.errorMessageBlock(dom, message, 'pink'));
+            solid_ui_1.style.setStyle(errorRow, 'autocompleteRowStyle');
+            errorRow.style.padding = '1em';
+        }
+        function remove(ele) {
+            if (ele) {
+                ele.parentNode.removeChild(ele);
+            }
+        }
+        function finish(object, name) {
+            console.log('Auto complete: finish! ' + object);
+            // remove(options.cancelButton)
+            // remove(options.acceptButton)
+            // remove(div)
+            callback(object, name);
+        }
+        function gotIt(object, name) {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (options.acceptButton) {
+                    options.acceptButton.disabled = false;
+                    searchInput.value = name; // complete it
+                    foundName = name;
+                    foundObject = object;
+                    console.log('Auto complete: name: ' + name);
+                    console.log('Auto complete: waiting for accept ' + object);
+                    return;
+                }
+                finish(object, name);
+            });
+        }
+        function acceptButtonHandler(_event) {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (searchInput.value === foundName) { // still
+                    finish(foundObject, foundName);
+                }
+                else {
+                    options.acceptButton.disabled = true;
+                }
+            });
+        }
+        function cancelButtonHandler(_event) {
+            return __awaiter(this, void 0, void 0, function* () {
+                console.log('Auto complete: Canceled by user! ');
+                div.innerHTML = ''; // Clear out the table
+            });
+        }
+        function nameMatch(filter, candidate) {
+            const parts = filter.split(' '); // Each name part must be somewhere
+            for (let j = 0; j < parts.length; j++) {
+                const word = parts[j];
+                if (candidate.toLowerCase().indexOf(word) < 0)
+                    return false;
+            }
+            return true;
+        }
+        function cancelText(_event) {
+            searchInput.value = '';
+            if (options.acceptButton) {
+                options.acceptButton.disabled == true; // start again
+            }
+            candidatesLoaded = false;
+        }
+        function thinOut(filter) {
+            var hits = 0;
+            var pick = null, pickedName = '';
+            for (let j = table.children.length - 1; j > 0; j--) { // backwards as we are removing rows
+                let row = table.children[j];
+                if (nameMatch(filter, row.textContent)) {
+                    hits += 1;
+                    pick = row.getAttribute('subject');
+                    pickedName = row.textContent;
+                    row.style.display = '';
+                    row.style.color = 'blue'; // @@ chose color
+                }
+                else {
+                    ;
+                    row.style.display = 'none';
+                }
+            }
+            if (hits == 1) { // Maybe require green confirmation button be clicked?
+                console.log(`  auto complete elimination:  "${filter}" -> "${pickedName}"`);
+                gotIt(solid_logic_1.store.sym(pick), pickedName); // uri, name
+            }
+        }
+        function clearList() {
+            while (table.children.length > 1) {
+                table.removeChild(table.lastChild);
+            }
+        }
+        function inputEventHHandler(_event) {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (runningTimeout) {
+                    clearTimeout(runningTimeout);
+                }
+                setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS);
+            });
+        }
+        function refreshList() {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (inputEventHandlerLock) {
+                    console.log(`Ignoring "${searchInput.value}" because of lock `);
+                    return;
+                }
+                inputEventHandlerLock = true;
+                var languagePrefs = yield (0, publicData_1.getPreferredLanguages)();
+                const filter = searchInput.value.trim().toLowerCase();
+                if (filter.length < AUTOCOMPLETE_THRESHOLD) { // too small
+                    clearList();
+                    candidatesLoaded = false;
+                    numberOfRows = AUTOCOMPLETE_ROWS;
+                }
+                else {
+                    if (allDisplayed && lastFilter && filter.startsWith(lastFilter)) {
+                        thinOut(filter); // reversible?
+                        inputEventHandlerLock = false;
+                        return;
+                    }
+                    var bindings;
+                    try {
+                        bindings = yield (0, publicData_1.queryPublicDataByName)(filter, OrgClass, options.queryParams);
+                        // bindings = await queryDbpedia(sparql)
+                    }
+                    catch (err) {
+                        complain('Error querying db of organizations: ' + err);
+                        inputEventHandlerLock = false;
+                        return;
+                    }
+                    candidatesLoaded = true;
+                    const loadedEnough = bindings.length < publicData_1.AUTOCOMPLETE_LIMIT;
+                    if (loadedEnough) {
+                        lastFilter = filter;
+                    }
+                    else {
+                        lastFilter = null;
+                    }
+                    clearList();
+                    const slimmed = (0, publicData_1.filterByLanguage)(bindings, languagePrefs);
+                    if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {
+                        numberOfRows = slimmed.length; // stretch if it means we get all items
+                    }
+                    allDisplayed = loadedEnough && slimmed.length <= numberOfRows;
+                    console.log(` Filter:"${filter}" bindings: ${bindings.length}, slimmed to ${slimmed.length}; rows: ${numberOfRows}, Enough? ${loadedEnough}, All displayed? ${allDisplayed}`);
+                    slimmed.slice(0, numberOfRows).forEach(binding => {
+                        const row = table.appendChild(dom.createElement('tr'));
+                        solid_ui_1.style.setStyle(row, 'autocompleteRowStyle');
+                        var uri = binding.subject.value;
+                        var name = binding.name.value;
+                        row.setAttribute('style', 'padding: 0.3em;');
+                        row.setAttribute('subject', uri);
+                        row.style.color = allDisplayed ? '#080' : '#000'; // green means 'you should find it here'
+                        row.textContent = name;
+                        row.addEventListener('click', (_event) => __awaiter(this, void 0, void 0, function* () {
+                            console.log('       click row textContent: ' + row.textContent);
+                            console.log('       click name: ' + name);
+                            gotIt(solid_logic_1.store.sym(uri), name);
+                        }));
+                    });
+                }
+                inputEventHandlerLock = false;
+            });
+        } // refreshList
+        /* sparqlForSearch
+        *
+        * name -- e.g., "mass"
+        * theType -- e.g., <http://umbel.org/umbel/rc/EducationalOrganization>
+        */
+        function sparqlForSearch(name, theType) {
+            let clean = name.replace(/\W/g, ''); // Remove non alphanum so as to protect regexp
+            const sparql = `select distinct ?subject, ?name where {
+      ?subject a <${theType.uri}>; rdfs:label ?name
+      FILTER regex(?name, "${clean}", "i")
+    } LIMIT ${publicData_1.AUTOCOMPLETE_LIMIT}`;
+            return sparql;
+        }
+        const queryParams = options.queryParams;
+        const OrgClass = options.class; // kb.sym('http://umbel.org/umbel/rc/EducationalOrganization') // @@@ other
+        if (options.acceptButton) {
+            options.acceptButton.addEventListener('click', acceptButtonHandler, false);
+        }
+        if (options.cancelButton) {
+            // options.cancelButton.addEventListener('click', cancelButtonHandler, false)
+        }
+        let candidatesLoaded = false;
+        let runningTimeout = null;
+        let inputEventHandlerLock = false;
+        let allDisplayed = false;
+        var lastFilter = null;
+        var numberOfRows = AUTOCOMPLETE_ROWS;
+        var div = dom.createElement('div');
+        var foundName = null; // once found accepted string must match this
+        var foundObject = null;
+        var table = div.appendChild(dom.createElement('table'));
+        table.setAttribute('style', 'max-width: 30em; margin: 0.5em;');
+        const head = table.appendChild(dom.createElement('tr'));
+        solid_ui_1.style.setStyle(head, 'autocompleteRowStyle');
+        const cell = head.appendChild(dom.createElement('td'));
+        const searchInput = cell.appendChild(dom.createElement('input'));
+        searchInput.setAttribute('type', 'text');
+        const searchInputStyle = solid_ui_1.style.searchInputStyle ||
+            'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em'; // @
+        searchInput.setAttribute('style', searchInputStyle);
+        searchInput.addEventListener('keyup', function (event) {
+            if (event.keyCode === 13) {
+                acceptButtonHandler(event);
+            }
+        }, false);
+        searchInput.addEventListener('input', inputEventHHandler);
+        return div;
+    });
+} // renderAutoComplete
+exports.renderAutoComplete = renderAutoComplete;
+const ends = 'ENDS';
+//# sourceMappingURL=autocompletePicker.js.map

package/lib/autocompletePicker.js.map

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