solid-ui 2.4.14-alpha → 2.4.14-bbf45639-aade069c

package/lib/widgets/forms/autocomplete/autocompleteBar.js

@@ -1,249 +1,340 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderAutocompleteControl = void 0;
-/* The Autocomplete Control with decorations
-
-This control has the buttons which control the state between editing, viewing, searching, accepting
-and so on.  See the state diagram in the documentation.  The AUtocomplete Picker does the main work.
-
-*/
-var ns = __importStar(require("../../../ns"));
-var iconBase_1 = require("../../../iconBase");
-var logic_1 = require("../../../logic");
-var widgets = __importStar(require("../../../widgets"));
-var utils = __importStar(require("../../../utils"));
-var autocompletePicker_1 = require("./autocompletePicker"); // dbpediaParameters
+exports.renderAutocompleteControl = renderAutocompleteControl;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var ns = _interopRequireWildcard(require("../../../ns"));
+
+var _iconBase = require("../../../iconBase");
+
+var _logic = require("../../../logic");
+
+var widgets = _interopRequireWildcard(require("../../../widgets"));
+
+var utils = _interopRequireWildcard(require("../../../utils"));
+
+var _autocompletePicker = require("./autocompletePicker");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 var WEBID_NOUN = 'Solid ID';
-var GREEN_PLUS = iconBase_1.icons.iconBase + 'noun_34653_green.svg';
-var SEARCH_ICON = iconBase_1.icons.iconBase + 'noun_Search_875351.svg';
-var EDIT_ICON = iconBase_1.icons.iconBase + 'noun_253504.svg';
-// const DELETE_ICON = icons.iconBase + 'noun_2188_red.svg'
-function renderAutocompleteControl(dom, person, barOptions, acOptions, addOneIdAndRefresh, deleteOne) {
-    return __awaiter(this, void 0, void 0, function () {
-        function autoCompleteDone(object, name) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    if (acOptions.permanent) { // remember to set this in publicid panel
-                        (0, autocompletePicker_1.setVisible)(editButton, true);
-                        (0, autocompletePicker_1.setVisible)(acceptButton, false);
-                        (0, autocompletePicker_1.setVisible)(cancelButton, false);
+var GREEN_PLUS = _iconBase.icons.iconBase + 'noun_34653_green.svg';
+var SEARCH_ICON = _iconBase.icons.iconBase + 'noun_Search_875351.svg';
+var EDIT_ICON = _iconBase.icons.iconBase + 'noun_253504.svg'; // const DELETE_ICON = icons.iconBase + 'noun_2188_red.svg'
+
+function renderAutocompleteControl(_x, _x2, _x3, _x4, _x5, _x6) {
+  return _renderAutocompleteControl.apply(this, arguments);
+} // renderAutocompleteControl
+// ends
+
+
+function _renderAutocompleteControl() {
+  _renderAutocompleteControl = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(dom, person, barOptions, acOptions, addOneIdAndRefresh, deleteOne) {
+    var autoCompleteDone, _autoCompleteDone, greenButtonHandler, _greenButtonHandler, removeDecorated, displayAutocomplete, _displayAutocomplete, searchButtonHandler, _searchButtonHandler, droppedURIHandler, _droppedURIHandler, acceptButton, cancelButton, deleteButtonContainer, noun, deleteButton, editButton, editing, syncEditingStatus, decoration, decoratedAutocomplete, creationArea, plus;
+
+    return _regenerator["default"].wrap(function _callee6$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            syncEditingStatus = function _syncEditingStatus() {
+              if (editing) {
+                (0, _autocompletePicker.setVisible)(editButton, false);
+                (0, _autocompletePicker.setVisible)(acceptButton, false); // not till got it
+
+                (0, _autocompletePicker.setVisible)(cancelButton, false);
+              } else {
+                (0, _autocompletePicker.setVisible)(editButton, true);
+                (0, _autocompletePicker.setVisible)(acceptButton, false);
+                (0, _autocompletePicker.setVisible)(cancelButton, false);
+              }
+            };
+
+            _droppedURIHandler = function _droppedURIHandler3() {
+              _droppedURIHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(uris) {
+                var _iterator, _step, webid;
+
+                return _regenerator["default"].wrap(function _callee5$(_context5) {
+                  while (1) {
+                    switch (_context5.prev = _context5.next) {
+                      case 0:
+                        _iterator = _createForOfIteratorHelper(uris);
+                        _context5.prev = 1;
+
+                        _iterator.s();
+
+                      case 3:
+                        if ((_step = _iterator.n()).done) {
+                          _context5.next = 9;
+                          break;
+                        }
+
+                        webid = _step.value;
+                        _context5.next = 7;
+                        return addOneIdAndRefresh(person, webid);
+
+                      case 7:
+                        _context5.next = 3;
+                        break;
+
+                      case 9:
+                        _context5.next = 14;
+                        break;
+
+                      case 11:
+                        _context5.prev = 11;
+                        _context5.t0 = _context5["catch"](1);
+
+                        _iterator.e(_context5.t0);
+
+                      case 14:
+                        _context5.prev = 14;
+
+                        _iterator.f();
+
+                        return _context5.finish(14);
+
+                      case 17:
+                      case "end":
+                        return _context5.stop();
                     }
-                    else {
-                        // console.log('temporary - removed decoratiion')
-                        removeDecorated();
+                  }
+                }, _callee5, null, [[1, 11, 14, 17]]);
+              }));
+              return _droppedURIHandler.apply(this, arguments);
+            };
+
+            droppedURIHandler = function _droppedURIHandler2(_x11) {
+              return _droppedURIHandler.apply(this, arguments);
+            };
+
+            _searchButtonHandler = function _searchButtonHandler3() {
+              _searchButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(_event) {
+                return _regenerator["default"].wrap(function _callee4$(_context4) {
+                  while (1) {
+                    switch (_context4.prev = _context4.next) {
+                      case 0:
+                        if (!decoratedAutocomplete) {
+                          _context4.next = 5;
+                          break;
+                        }
+
+                        creationArea.removeChild(decoratedAutocomplete);
+                        decoratedAutocomplete = undefined;
+                        _context4.next = 7;
+                        break;
+
+                      case 5:
+                        _context4.next = 7;
+                        return displayAutocomplete();
+
+                      case 7:
+                      case "end":
+                        return _context4.stop();
                     }
-                    return [2 /*return*/, addOneIdAndRefresh(object, name)];
-                });
-            });
-        }
-        function greenButtonHandler(_event) {
-            return __awaiter(this, void 0, void 0, function () {
-                var webid;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, widgets.askName(dom, logic_1.store, creationArea, ns.vcard('url'), undefined, WEBID_NOUN)];
-                        case 1:
-                            webid = _a.sent();
-                            if (!webid) {
-                                return [2 /*return*/]; // cancelled by user
-                            }
-                            return [2 /*return*/, addOneIdAndRefresh(person, webid)];
+                  }
+                }, _callee4);
+              }));
+              return _searchButtonHandler.apply(this, arguments);
+            };
+
+            searchButtonHandler = function _searchButtonHandler2(_x10) {
+              return _searchButtonHandler.apply(this, arguments);
+            };
+
+            _displayAutocomplete = function _displayAutocomplete3() {
+              _displayAutocomplete = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+                return _regenerator["default"].wrap(function _callee3$(_context3) {
+                  while (1) {
+                    switch (_context3.prev = _context3.next) {
+                      case 0:
+                        decoratedAutocomplete = dom.createElement('div');
+                        decoratedAutocomplete.setAttribute('style', 'display: flex; flex-flow: wrap;');
+                        _context3.t0 = decoratedAutocomplete;
+                        _context3.next = 5;
+                        return (0, _autocompletePicker.renderAutoComplete)(dom, acOptions, decoration, autoCompleteDone);
+
+                      case 5:
+                        _context3.t1 = _context3.sent;
+
+                        _context3.t0.appendChild.call(_context3.t0, _context3.t1);
+
+                        // console.log('@@ acceptButton', acceptButton)
+                        decoratedAutocomplete.appendChild(acceptButton); // console.log('@@ cancelButton', cancelButton)
+
+                        decoratedAutocomplete.appendChild(cancelButton); // console.log('@@ editButton', editButton)
+
+                        decoratedAutocomplete.appendChild(editButton); // console.log('@@ deleteButtonContainer', deleteButtonContainer)
+
+                        decoratedAutocomplete.appendChild(deleteButtonContainer);
+                        creationArea.appendChild(decoratedAutocomplete);
+
+                      case 12:
+                      case "end":
+                        return _context3.stop();
                     }
-                });
-            });
-        }
-        function removeDecorated() {
-            if (decoratedAutocomplete) {
+                  }
+                }, _callee3);
+              }));
+              return _displayAutocomplete.apply(this, arguments);
+            };
+
+            displayAutocomplete = function _displayAutocomplete2() {
+              return _displayAutocomplete.apply(this, arguments);
+            };
+
+            removeDecorated = function _removeDecorated() {
+              if (decoratedAutocomplete) {
                 creationArea.removeChild(decoratedAutocomplete);
                 decoratedAutocomplete = undefined;
-            }
-        }
-        function displayAutocomplete() {
-            return __awaiter(this, void 0, void 0, function () {
-                var _a, _b;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            decoratedAutocomplete = dom.createElement('div');
-                            decoratedAutocomplete.setAttribute('style', 'display: flex; flex-flow: wrap;');
-                            _b = (_a = decoratedAutocomplete).appendChild;
-                            return [4 /*yield*/, (0, autocompletePicker_1.renderAutoComplete)(dom, acOptions, decoration, autoCompleteDone)];
-                        case 1:
-                            _b.apply(_a, [_c.sent()]);
-                            // console.log('@@ acceptButton', acceptButton)
-                            decoratedAutocomplete.appendChild(acceptButton);
-                            // console.log('@@ cancelButton', cancelButton)
-                            decoratedAutocomplete.appendChild(cancelButton);
-                            // console.log('@@ editButton', editButton)
-                            decoratedAutocomplete.appendChild(editButton);
-                            // console.log('@@ deleteButtonContainer', deleteButtonContainer)
-                            decoratedAutocomplete.appendChild(deleteButtonContainer);
-                            creationArea.appendChild(decoratedAutocomplete);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        function searchButtonHandler(_event) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!decoratedAutocomplete) return [3 /*break*/, 1];
-                            creationArea.removeChild(decoratedAutocomplete);
-                            decoratedAutocomplete = undefined;
-                            return [3 /*break*/, 3];
-                        case 1: return [4 /*yield*/, displayAutocomplete()];
-                        case 2:
-                            _a.sent();
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
+              }
+            };
+
+            _greenButtonHandler = function _greenButtonHandler3() {
+              _greenButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_event) {
+                var webid;
+                return _regenerator["default"].wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 2;
+                        return widgets.askName(dom, _logic.store, creationArea, ns.vcard('url'), undefined, WEBID_NOUN);
+
+                      case 2:
+                        webid = _context2.sent;
+
+                        if (webid) {
+                          _context2.next = 5;
+                          break;
+                        }
+
+                        return _context2.abrupt("return");
+
+                      case 5:
+                        return _context2.abrupt("return", addOneIdAndRefresh(person, webid));
+
+                      case 6:
+                      case "end":
+                        return _context2.stop();
                     }
-                });
-            });
-        }
-        function droppedURIHandler(uris) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _i, uris_1, webid;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _i = 0, uris_1 = uris;
-                            _a.label = 1;
-                        case 1:
-                            if (!(_i < uris_1.length)) return [3 /*break*/, 4];
-                            webid = uris_1[_i];
-                            return [4 /*yield*/, addOneIdAndRefresh(person, webid)];
-                        case 2:
-                            _a.sent();
-                            _a.label = 3;
-                        case 3:
-                            _i++;
-                            return [3 /*break*/, 1];
-                        case 4: return [2 /*return*/];
+                  }
+                }, _callee2);
+              }));
+              return _greenButtonHandler.apply(this, arguments);
+            };
+
+            greenButtonHandler = function _greenButtonHandler2(_x9) {
+              return _greenButtonHandler.apply(this, arguments);
+            };
+
+            _autoCompleteDone = function _autoCompleteDone3() {
+              _autoCompleteDone = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(object, name) {
+                return _regenerator["default"].wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        if (acOptions.permanent) {
+                          // remember to set this in publicid panel
+                          (0, _autocompletePicker.setVisible)(editButton, true);
+                          (0, _autocompletePicker.setVisible)(acceptButton, false);
+                          (0, _autocompletePicker.setVisible)(cancelButton, false);
+                        } else {
+                          // console.log('temporary - removed decoratiion')
+                          removeDecorated();
+                        }
+
+                        return _context.abrupt("return", addOneIdAndRefresh(object, name));
+
+                      case 2:
+                      case "end":
+                        return _context.stop();
                     }
-                });
+                  }
+                }, _callee);
+              }));
+              return _autoCompleteDone.apply(this, arguments);
+            };
+
+            autoCompleteDone = function _autoCompleteDone2(_x7, _x8) {
+              return _autoCompleteDone.apply(this, arguments);
+            };
+
+            acceptButton = widgets.continueButton(dom);
+            acceptButton.setAttribute('data-testid', 'accept-button');
+            cancelButton = widgets.cancelButton(dom);
+            cancelButton.setAttribute('data-testid', 'cancel-button');
+            deleteButtonContainer = dom.createElement('div');
+            noun = acOptions.targetClass ? utils.label(acOptions.targetClass) : 'item';
+            deleteButton = widgets.deleteButtonWithCheck(dom, deleteButtonContainer, noun, deleteOne); // need to knock out this UI or caller does that
+
+            deleteButton.setAttribute('data-testid', 'delete-button');
+            editButton = widgets.button(dom, EDIT_ICON, 'Edit', function (_event) {
+              editing = !editing;
+              syncEditingStatus();
             });
-        }
-        function syncEditingStatus() {
-            if (editing) {
-                (0, autocompletePicker_1.setVisible)(editButton, false);
-                (0, autocompletePicker_1.setVisible)(acceptButton, false); // not till got it
-                (0, autocompletePicker_1.setVisible)(cancelButton, false);
+            editButton.setAttribute('data-testid', 'edit-button');
+            editing = true;
+            decoration = {
+              acceptButton: acceptButton,
+              cancelButton: cancelButton,
+              editButton: editButton,
+              deleteButton: deleteButton
+            };
+            decoratedAutocomplete = undefined;
+            creationArea = dom.createElement('div');
+            creationArea.style.display = 'flex';
+            creationArea.style.flexDirection = 'row';
+
+            if (!(acOptions.permanent || acOptions.currentObject)) {
+              _context6.next = 31;
+              break;
             }
-            else {
-                (0, autocompletePicker_1.setVisible)(editButton, true);
-                (0, autocompletePicker_1.setVisible)(acceptButton, false);
-                (0, autocompletePicker_1.setVisible)(cancelButton, false);
+
+            _context6.next = 31;
+            return displayAutocomplete();
+
+          case 31:
+            if (barOptions.editable) {
+              // creationArea.appendChild(await renderAutoComplete(dom, barOptions, autoCompleteDone)) wait for searchButton
+              creationArea.style.width = '100%';
+
+              if (barOptions.manualURIEntry) {
+                plus = creationArea.appendChild(widgets.button(dom, GREEN_PLUS, barOptions.idNoun, greenButtonHandler));
+                widgets.makeDropTarget(plus, droppedURIHandler, undefined);
+              }
+
+              if (barOptions.dbLookup && !acOptions.currentObject && !acOptions.permanent) {
+                creationArea.appendChild(widgets.button(dom, SEARCH_ICON, barOptions.idNoun, searchButtonHandler));
+              }
             }
+
+            syncEditingStatus();
+            return _context6.abrupt("return", creationArea);
+
+          case 34:
+          case "end":
+            return _context6.stop();
         }
-        var acceptButton, cancelButton, deleteButtonContainer, noun, deleteButton, editButton, editing, decoration, decoratedAutocomplete, creationArea, plus;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    acceptButton = widgets.continueButton(dom);
-                    acceptButton.setAttribute('data-testid', 'accept-button');
-                    cancelButton = widgets.cancelButton(dom);
-                    cancelButton.setAttribute('data-testid', 'cancel-button');
-                    deleteButtonContainer = dom.createElement('div');
-                    noun = acOptions.targetClass ? utils.label(acOptions.targetClass) : 'item';
-                    deleteButton = widgets.deleteButtonWithCheck(dom, deleteButtonContainer, noun, deleteOne) // need to knock out this UI or caller does that
-                    ;
-                    deleteButton.setAttribute('data-testid', 'delete-button');
-                    editButton = widgets.button(dom, EDIT_ICON, 'Edit', function (_event) {
-                        editing = !editing;
-                        syncEditingStatus();
-                    });
-                    editButton.setAttribute('data-testid', 'edit-button');
-                    editing = true;
-                    decoration = {
-                        acceptButton: acceptButton,
-                        cancelButton: cancelButton,
-                        editButton: editButton,
-                        deleteButton: deleteButton
-                    };
-                    decoratedAutocomplete = undefined;
-                    creationArea = dom.createElement('div');
-                    creationArea.style.display = 'flex';
-                    creationArea.style.flexDirection = 'row';
-                    if (!(acOptions.permanent || acOptions.currentObject)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, displayAutocomplete()];
-                case 1:
-                    _a.sent();
-                    _a.label = 2;
-                case 2:
-                    if (barOptions.editable) {
-                        // creationArea.appendChild(await renderAutoComplete(dom, barOptions, autoCompleteDone)) wait for searchButton
-                        creationArea.style.width = '100%';
-                        if (barOptions.manualURIEntry) {
-                            plus = creationArea.appendChild(widgets.button(dom, GREEN_PLUS, barOptions.idNoun, greenButtonHandler));
-                            widgets.makeDropTarget(plus, droppedURIHandler, undefined);
-                        }
-                        if (barOptions.dbLookup && !acOptions.currentObject && !acOptions.permanent) {
-                            creationArea.appendChild(widgets.button(dom, SEARCH_ICON, barOptions.idNoun, searchButtonHandler));
-                        }
-                    }
-                    syncEditingStatus();
-                    return [2 /*return*/, creationArea];
-            }
-        });
-    });
-} // renderAutocompleteControl
-exports.renderAutocompleteControl = renderAutocompleteControl;
-// ends
+      }
+    }, _callee6);
+  }));
+  return _renderAutocompleteControl.apply(this, arguments);
+}
 //# sourceMappingURL=autocompleteBar.js.map

package/lib/widgets/forms/autocomplete/autocompleteBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteBar.js","sourceRoot":"","sources":["../../../../src/widgets/forms/autocomplete/autocompleteBar.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/widgets/forms/autocomplete/autocompleteBar.ts"],"names":["WEBID_NOUN","GREEN_PLUS","icons","iconBase","SEARCH_ICON","EDIT_ICON","renderAutocompleteControl","dom","person","barOptions","acOptions","addOneIdAndRefresh","deleteOne","autoCompleteDone","greenButtonHandler","removeDecorated","displayAutocomplete","searchButtonHandler","droppedURIHandler","syncEditingStatus","editing","editButton","acceptButton","cancelButton","uris","webid","_event","decoratedAutocomplete","creationArea","removeChild","undefined","createElement","setAttribute","decoration","appendChild","deleteButtonContainer","widgets","askName","store","ns","vcard","object","name","permanent","continueButton","noun","targetClass","utils","label","deleteButton","deleteButtonWithCheck","button","style","display","flexDirection","currentObject","editable","width","manualURIEntry","plus","idNoun","makeDropTarget","dbLookup"],"mappings":"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","sourcesContent":["/* The Autocomplete Control with decorations\n\nThis control has the buttons which control the state between editing, viewing, searching, accepting\nand so on.  See the state diagram in the documentation.  The AUtocomplete Picker does the main work.\n\n*/\nimport * as ns from '../../../ns'\nimport { icons } from '../../../iconBase'\nimport { store } from '../../../logic'\nimport * as widgets from '../../../widgets'\nimport * as utils from '../../../utils'\n\nimport { renderAutoComplete, AutocompleteDecoration, setVisible } from './autocompletePicker' // dbpediaParameters\n\nimport { NamedNode } from 'rdflib'\n\nconst WEBID_NOUN = 'Solid ID'\n\nconst GREEN_PLUS = icons.iconBase + 'noun_34653_green.svg'\nconst SEARCH_ICON = icons.iconBase + 'noun_Search_875351.svg'\nconst EDIT_ICON = icons.iconBase + 'noun_253504.svg'\n// const DELETE_ICON = icons.iconBase + 'noun_2188_red.svg'\n\nexport async function renderAutocompleteControl (dom:HTMLDocument,\n  person:NamedNode,\n  barOptions,\n  acOptions,\n  addOneIdAndRefresh,\n  deleteOne): Promise<HTMLElement> {\n  async function autoCompleteDone (object, name) {\n    if (acOptions.permanent) { // remember to set this in publicid panel\n      setVisible(editButton, true)\n      setVisible(acceptButton, false)\n      setVisible(cancelButton, false)\n    } else {\n      // console.log('temporary - removed decoratiion')\n      removeDecorated()\n    }\n    return addOneIdAndRefresh(object, name)\n  }\n\n  async function greenButtonHandler (_event) {\n    const webid = await widgets.askName(dom, store, creationArea, ns.vcard('url'), undefined, WEBID_NOUN)\n    if (!webid) {\n      return // cancelled by user\n    }\n    return addOneIdAndRefresh(person, webid)\n  }\n\n  function removeDecorated () {\n    if (decoratedAutocomplete) {\n      creationArea.removeChild(decoratedAutocomplete)\n      decoratedAutocomplete = undefined\n    }\n  }\n\n  async function displayAutocomplete () {\n    decoratedAutocomplete = dom.createElement('div') as HTMLElement\n    decoratedAutocomplete.setAttribute('style', 'display: flex; flex-flow: wrap;')\n    decoratedAutocomplete.appendChild(await renderAutoComplete(dom, acOptions, decoration, autoCompleteDone))\n    // console.log('@@ acceptButton', acceptButton)\n    decoratedAutocomplete.appendChild(acceptButton)\n    // console.log('@@ cancelButton', cancelButton)\n\n    decoratedAutocomplete.appendChild(cancelButton)\n    // console.log('@@ editButton', editButton)\n\n    decoratedAutocomplete.appendChild(editButton)\n    // console.log('@@ deleteButtonContainer', deleteButtonContainer)\n\n    decoratedAutocomplete.appendChild(deleteButtonContainer)\n    creationArea.appendChild(decoratedAutocomplete)\n  }\n\n  async function searchButtonHandler (_event) {\n    if (decoratedAutocomplete) {\n      creationArea.removeChild(decoratedAutocomplete)\n      decoratedAutocomplete = undefined\n    } else {\n      await displayAutocomplete()\n    }\n  }\n\n  async function droppedURIHandler (uris) {\n    for (const webid of uris) { // normally one but can be more than one\n      await addOneIdAndRefresh(person, webid)\n    }\n  }\n\n  const acceptButton = widgets.continueButton(dom)\n  acceptButton.setAttribute('data-testid', 'accept-button')\n\n  const cancelButton = widgets.cancelButton(dom)\n  cancelButton.setAttribute('data-testid', 'cancel-button')\n  const deleteButtonContainer = dom.createElement('div')\n  const noun = acOptions.targetClass ? utils.label(acOptions.targetClass) : 'item'\n  const deleteButton = widgets.deleteButtonWithCheck(dom, deleteButtonContainer, noun, deleteOne) // need to knock out this UI or caller does that\n  deleteButton.setAttribute('data-testid', 'delete-button')\n  const editButton = widgets.button(dom, EDIT_ICON, 'Edit', _event => {\n    editing = !editing\n    syncEditingStatus()\n  })\n  editButton.setAttribute('data-testid', 'edit-button')\n  let editing = true\n\n  function syncEditingStatus () {\n    if (editing) {\n      setVisible(editButton, false)\n      setVisible(acceptButton, false) // not till got it\n      setVisible(cancelButton, false)\n    } else {\n      setVisible(editButton, true)\n      setVisible(acceptButton, false)\n      setVisible(cancelButton, false)\n    }\n  }\n\n  const decoration:AutocompleteDecoration = {\n    acceptButton, cancelButton, editButton, deleteButton\n  }\n\n  let decoratedAutocomplete = undefined as HTMLElement | undefined\n\n  const creationArea = dom.createElement('div')\n  creationArea.style.display = 'flex'\n  creationArea.style.flexDirection = 'row'\n\n  if (acOptions.permanent || acOptions.currentObject) {\n    await displayAutocomplete()\n  }\n  if (barOptions.editable) {\n    // creationArea.appendChild(await renderAutoComplete(dom, barOptions, autoCompleteDone)) wait for searchButton\n    creationArea.style.width = '100%'\n    if (barOptions.manualURIEntry) {\n      const plus = creationArea.appendChild(widgets.button(dom, GREEN_PLUS, barOptions.idNoun, greenButtonHandler))\n      widgets.makeDropTarget(plus, droppedURIHandler, undefined)\n    }\n    if (barOptions.dbLookup && !acOptions.currentObject && !acOptions.permanent) {\n      creationArea.appendChild(widgets.button(dom, SEARCH_ICON, barOptions.idNoun, searchButtonHandler))\n    }\n  }\n  syncEditingStatus()\n  return creationArea\n} // renderAutocompleteControl\n\n// ends\n"],"file":"autocompleteBar.js"}