solid-ui 2.4.23 → 2.4.24

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

@@ -1,55 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _solidLogic = require("solid-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.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'
-
+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) {
@@ -58,7 +39,6 @@ function _renderAutocompleteControl() {
               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);
@@ -66,51 +46,38 @@ function _renderAutocompleteControl() {
                 (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();
@@ -120,11 +87,9 @@ function _renderAutocompleteControl() {
               }));
               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) {
@@ -135,16 +100,13 @@ function _renderAutocompleteControl() {
                           _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();
@@ -154,11 +116,9 @@ function _renderAutocompleteControl() {
               }));
               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) {
@@ -170,22 +130,21 @@ function _renderAutocompleteControl() {
                         _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(acceptButton);
+                        // console.log('@@ cancelButton', cancelButton)
 
-                        decoratedAutocomplete.appendChild(cancelButton); // console.log('@@ editButton', editButton)
+                        decoratedAutocomplete.appendChild(cancelButton);
+                        // console.log('@@ editButton', editButton)
 
-                        decoratedAutocomplete.appendChild(editButton); // console.log('@@ deleteButtonContainer', deleteButtonContainer)
+                        decoratedAutocomplete.appendChild(editButton);
+                        // console.log('@@ deleteButtonContainer', deleteButtonContainer)
 
                         decoratedAutocomplete.appendChild(deleteButtonContainer);
                         creationArea.appendChild(decoratedAutocomplete);
-
                       case 12:
                       case "end":
                         return _context3.stop();
@@ -195,18 +154,15 @@ function _renderAutocompleteControl() {
               }));
               return _displayAutocomplete.apply(this, arguments);
             };
-
             displayAutocomplete = function _displayAutocomplete2() {
               return _displayAutocomplete.apply(this, arguments);
             };
-
             removeDecorated = function _removeDecorated() {
               if (decoratedAutocomplete) {
                 creationArea.removeChild(decoratedAutocomplete);
                 decoratedAutocomplete = undefined;
               }
             };
-
             _greenButtonHandler = function _greenButtonHandler3() {
               _greenButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_event) {
                 var webid;
@@ -216,20 +172,15 @@ function _renderAutocompleteControl() {
                       case 0:
                         _context2.next = 2;
                         return widgets.askName(dom, _solidLogic.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();
@@ -239,11 +190,9 @@ function _renderAutocompleteControl() {
               }));
               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) {
@@ -259,9 +208,7 @@ function _renderAutocompleteControl() {
                           // console.log('temporary - removed decoratiion')
                           removeDecorated();
                         }
-
                         return _context.abrupt("return", addOneIdAndRefresh(object, name));
-
                       case 2:
                       case "end":
                         return _context.stop();
@@ -271,11 +218,9 @@ function _renderAutocompleteControl() {
               }));
               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);
@@ -283,7 +228,6 @@ function _renderAutocompleteControl() {
             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;
@@ -301,33 +245,26 @@ function _renderAutocompleteControl() {
             creationArea = dom.createElement('div');
             creationArea.style.display = 'flex';
             creationArea.style.flexDirection = 'row';
-
             if (!(acOptions.permanent || acOptions.currentObject)) {
               _context6.next = 31;
               break;
             }
-
             _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();

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

@@ -1 +1 @@
-{"version":3,"file":"autocompleteBar.js","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","setVisible","editButton","acceptButton","cancelButton","uris","webid","_event","decoratedAutocomplete","creationArea","removeChild","undefined","createElement","setAttribute","renderAutoComplete","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"],"sources":["../../../../src/widgets/forms/autocomplete/autocompleteBar.ts"],"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 'solid-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"],"mappings":"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"}
+{"version":3,"file":"autocompleteBar.js","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","setVisible","editButton","acceptButton","cancelButton","uris","webid","_event","decoratedAutocomplete","creationArea","removeChild","undefined","createElement","setAttribute","renderAutoComplete","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"],"sources":["../../../../src/widgets/forms/autocomplete/autocompleteBar.ts"],"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 'solid-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"],"mappings":"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"}

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

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.autocompleteField = autocompleteField;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var ns = _interopRequireWildcard(require("../../../ns"));
-
 var _solidLogic = require("solid-logic");
-
 var widgets = _interopRequireWildcard(require("../../../widgets"));
-
 var style = _interopRequireWildcard(require("../../../style"));
-
 var _autocompleteBar = require("./autocompleteBar");
-
 var _rdflib = require("rdflib");
-
 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; }
-
 /* Form field for doing autocompleete
  */
 
@@ -59,15 +46,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // eslint-disable-next-line complexity
 function autocompleteField(dom, container, already, subject, form, doc, callbackFunction) {
   var _kb$updater;
-
   function addOneIdAndRefresh(_x, _x2) {
     return _addOneIdAndRefresh.apply(this, arguments);
   }
-
   function _addOneIdAndRefresh() {
     _addOneIdAndRefresh = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(result, name) {
       var oldValue, oldName, deletables, insertables, _kb$updater2;
-
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -76,50 +60,37 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
                 _context.next = 2;
                 break;
               }
-
               throw new Error('autocompleteField:  No name set.');
-
             case 2:
               oldValue = kb.the(subject, property, null, doc);
-
               if (!oldValue) {
                 _context.next = 7;
                 break;
               }
-
               oldName = kb.any(oldValue, labelProperty, null, doc);
-
               if (!(oldValue.equals(result) && oldName && oldName.sameTerm(name))) {
                 _context.next = 7;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 7:
               deletables = oldValue ? kb.statementsMatching(subject, property, oldValue, doc).concat(kb.statementsMatching(oldValue, labelProperty, null, doc)) : []; // console.log('autocompleteField Deletables ' + deletables.map(st => st.toNT()))
-
               insertables = [(0, _rdflib.st)(subject, property, result, doc), (0, _rdflib.st)(result, labelProperty, name, doc)]; // @@ track the language of the  name too!
               // console.log(`AC form: ${deletables.length} to delete and ${insertables.length} to insert`)
-
               _context.prev = 9;
               _context.next = 12;
               return (_kb$updater2 = kb.updater) === null || _kb$updater2 === void 0 ? void 0 : _kb$updater2.updateMany(deletables, insertables);
-
             case 12:
               _context.next = 19;
               break;
-
             case 14:
               _context.prev = 14;
               _context.t0 = _context["catch"](9);
               callbackFunction(false, _context.t0);
               box.appendChild(widgets.errorMessageBlock(dom, 'Autocomplete form data update error:' + _context.t0, null, _context.t0));
               return _context.abrupt("return");
-
             case 19:
               callbackFunction(true, '');
-
             case 20:
             case "end":
               return _context.stop();
@@ -129,44 +100,34 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
     }));
     return _addOneIdAndRefresh.apply(this, arguments);
   }
-
   function deleteOne(_x3, _x4) {
     return _deleteOne.apply(this, arguments);
   }
-
   function _deleteOne() {
     _deleteOne = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_result, _name) {
       var oldValue, deletables, insertables, _kb$updater3, e2;
-
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               oldValue = kb.the(subject, property, null, doc);
-
               if (oldValue) {
                 _context2.next = 5;
                 break;
               }
-
               callbackFunction(false, 'NO data to elete');
               box.appendChild(widgets.errorMessageBlock(dom, 'Autocomplete delete: no old data!'));
               return _context2.abrupt("return");
-
             case 5:
               // const oldName = kb.any(oldValue as any, labelProperty as any, null, doc)
               deletables = kb.statementsMatching(subject, property, oldValue, doc).concat(kb.statementsMatching(oldValue, labelProperty, null, doc)); // console.log('autocompleteField Deletables ' + deletables.map(st => st.toNT()))
-
               insertables = []; // console.log(`AC form delete: ${deletables.length} to delete and ${insertables.length} to insert`)
-
               _context2.prev = 7;
               _context2.next = 10;
               return (_kb$updater3 = kb.updater) === null || _kb$updater3 === void 0 ? void 0 : _kb$updater3.updateMany(deletables, insertables);
-
             case 10:
               _context2.next = 18;
               break;
-
             case 12:
               _context2.prev = 12;
               _context2.t0 = _context2["catch"](7);
@@ -174,10 +135,8 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
               callbackFunction(false, _context2.t0);
               box.appendChild(widgets.errorMessageBlock(dom, e2, null, _context2.t0));
               return _context2.abrupt("return");
-
             case 18:
               callbackFunction(true, ''); // changed
-
             case 19:
             case "end":
               return _context2.stop();
@@ -187,11 +146,9 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
     }));
     return _deleteOne.apply(this, arguments);
   }
-
   if (subject.termType !== 'NamedNode') {
     throw new Error('Sorry this field only works on NamedNode subjects (for editable)');
   }
-
   var kb = _solidLogic.store;
   var formDoc = form.doc ? form.doc() : null; // @@ if blank no way to know
 
@@ -205,34 +162,33 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
   rhs.setAttribute('class', 'formFieldValue');
   box.appendChild(rhs);
   var property = kb.any(form, ns.ui('property'));
-
   if (!property) {
     return box.appendChild(widgets.errorMessageBlock(dom, 'Error: No property given for autocomplete field: ' + form));
   }
+  var labelProperty = kb.any(form, ns.ui('labelProperty')) || ns.schema('name');
 
-  var labelProperty = kb.any(form, ns.ui('labelProperty')) || ns.schema('name'); // Parse the data source into query options
+  // Parse the data source into query options
 
   var dataSource = kb.any(form, ns.ui('dataSource'));
-
   if (!dataSource) {
     // console.log('@@ connectedStatements ACF ', kb.connectedStatements(form).map(x => x.toNT()).join('\n'))
     return box.appendChild(widgets.errorMessageBlock(dom, 'Error: No data source given for autocomplete field: ' + form));
   }
-
   var queryParams = {
     // targetClass: kb.any(dataSource, ns.ui('targetClass'), null, dataSource.doc()) as NamedNode | undefined,
     label: kb.anyJS(dataSource, ns.schema('name'), null, dataSource.doc()),
     logo: kb.any(dataSource, ns.schema('logo'), null, dataSource.doc())
-  }; // @@ Should we pass the target class in from the data source definition or use a current type of the subject
+  };
 
-  var targetClass = kb.any(form, ns.ui('targetClass'), null, form.doc()) || // class in form takes pecedence
+  // @@ Should we pass the target class in from the data source definition or use a current type of the subject
+  var targetClass = kb.any(form, ns.ui('targetClass'), null, form.doc()) ||
+  // class in form takes pecedence
   kb.any(dataSource, ns.ui('targetClass'), null, dataSource.doc());
-
   if (targetClass) {
     queryParams.targetClass = targetClass;
   }
-
   queryParams.objectURIBase = kb.any(dataSource, ns.ui('objectURIBase'), null, dataSource.doc()) || undefined;
+
   /*
   if (!queryParams.targetClass) {
     const klass = kb.any(subject, ns.rdf('type')) as NamedNode | undefined
@@ -243,32 +199,25 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
     queryParams.targetClass = klass
   }
   */
-
   var endpoint = kb.anyJS(dataSource, ns.ui('endpoint'), null, dataSource.doc());
-
   if (endpoint) {
     // SPARQL
     queryParams.endpoint = endpoint;
     queryParams.searchByNameQuery = kb.anyJS(dataSource, ns.ui('searchByNameQuery'), null, dataSource.doc());
-
     if (!queryParams.searchByNameQuery) {
       return box.appendChild(widgets.errorMessageBlock(dom, 'Error: No searchByNameQuery given for endpoint data Source: ' + form));
     }
-
     queryParams.insitituteDetailsQuery = kb.anyJS(dataSource, ns.ui('insitituteDetailsQuery'), null, dataSource.doc());
   } else {
     // return box.appendChild(
     //  widgets.errorMessageBlock(dom, 'Error: No SPARQL endpoint given for autocomplete field: ' + form))
     var searchByNameURI = kb.anyJS(dataSource, ns.ui('searchByNameURI'));
-
     if (!searchByNameURI) {
       return box.appendChild(widgets.errorMessageBlock(dom, 'Error: No searchByNameURI OR sparql endpoint given for dataSource: ' + dataSource));
     }
-
     queryParams.searchByNameURI = searchByNameURI;
-  } // It can be cleaner to just remove empty fields if you can't edit them anyway
-
-
+  }
+  // It can be cleaner to just remove empty fields if you can't edit them anyway
   var suppressEmptyUneditable = kb.anyJS(form, ns.ui('suppressEmptyUneditable'), null, formDoc);
   var editable = (_kb$updater = kb.updater) === null || _kb$updater === void 0 ? void 0 : _kb$updater.editable(doc.uri);
   var autocompleteOptions = {
@@ -280,10 +229,8 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
   };
   autocompleteOptions.size = kb.anyJS(form, ns.ui('size'), null, formDoc) || undefined;
   var obj = kb.any(subject, property, undefined, doc);
-
   if (!obj) {
     obj = kb.any(form, ns.ui('default'));
-
     if (obj) {
       autocompleteOptions.currentObject = obj;
       autocompleteOptions.currentName = kb.any(autocompleteOptions.currentObject, labelProperty, null, doc);
@@ -291,7 +238,6 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
       // No data or default. Should we suprress the whole field?
       if (suppressEmptyUneditable && !editable) {
         box.style.display = 'none'; // clutter removal
-
         return box;
       }
     }
@@ -300,7 +246,6 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
     autocompleteOptions.currentObject = obj;
     autocompleteOptions.currentName = kb.any(autocompleteOptions.currentObject, labelProperty, null, doc);
   }
-
   lhs.appendChild(widgets.fieldLabel(dom, property, form));
   var barOptions = {
     editable: editable,
@@ -311,6 +256,9 @@ function autocompleteField(dom, container, already, subject, form, doc, callback
   }, function (err) {
     rhs.appendChild(widgets.errorMessageBlock(dom, "Error rendering autocomplete ".concat(form, ": ").concat(err), '#fee', err)); //
   });
+
   return box;
-} // ends
+}
+
+// ends
 //# sourceMappingURL=autocompleteField.js.map