solid-ui 2.4.29-ee8e69c2 → 2.4.30-00b22a41

package/lib/widgets/forms.js

@@ -81,6 +81,7 @@ var _error = require("./error");
 var _basic = require("./forms/basic");
 var _autocompleteField = require("./forms/autocomplete/autocompleteField");
 var style = _interopRequireWildcard(require("../style"));
+var _styleConstants = _interopRequireDefault(require("../styleConstants"));
 var _iconBase = require("../iconBase");
 var log = _interopRequireWildcard(require("../log"));
 var ns = _interopRequireWildcard(require("../ns"));
@@ -94,9 +95,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, 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; } /*       F O R M S
-                                                                                                                                                                                     *
-                                                                                                                                                                                     *      A Vanilla Dom implementation of the form language
-                                                                                                                                                                                     */ /* eslint-disable multiline-ternary */ /* global alert */ // Note default export
+ *
+ *      A Vanilla Dom implementation of the form language
+ */ /* eslint-disable multiline-ternary */ /* global alert */ // Note default export
 var checkMarkCharacter = "\u2713";
 var cancelCharacter = "\u2715";
 var dashCharacter = '-';
@@ -138,7 +139,6 @@ function refreshOpionsSubfieldinGroup(dom, already, subject, dataDoc, callbackFu
     }
   }
 }
-
 _fieldFunction.field[ns.ui('Form').uri] = _fieldFunction.field[ns.ui('Group').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   var box = dom.createElement('div');
   var ui = ns.ui;
@@ -679,7 +679,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
       vals = reverse ? kb.each(null, property, subject, dataDoc) : kb.each(subject, property, null, dataDoc);
       vals.sort(); // achieve consistency on each refresh
     }
-
     utils.syncTableToArrayReOrdered(body, vals, renderItem);
   }
   body.refresh = refresh; // Allow live update
@@ -769,7 +768,7 @@ _fieldFunction.field[ns.ui('MultiLineTextField').uri] = function (dom, container
   box.style.display = 'flex';
   box.style.flexDirection = 'row';
   var left = box.appendChild(dom.createElement('div'));
-  left.style.width = style.formFieldNameBoxWidth;
+  left.style.width = _styleConstants["default"].formFieldNameBoxWidth;
   var right = box.appendChild(dom.createElement('div'));
   left.appendChild((0, _basic.fieldLabel)(dom, property, form));
   dataDoc = (0, _basic.fieldStore)(subject, property, dataDoc);
@@ -928,7 +927,6 @@ _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, s
   if (kb.any(form, ui('canMintNew'))) {
     opts.mint = '* Create new *'; // @@ could be better
   }
-
   var multiSelect = kb.any(form, ui('multiselect')); // Optional
   if (multiSelect) opts.multiSelect = true;
 
@@ -1194,9 +1192,8 @@ function promptForNew(dom, kb, subject, predicate, theClass, form, dataDoc, call
     log.debug('lists[0] is ' + lists[0]);
     form = lists[0]; // Pick any one
   }
-
   log.debug('form is ' + form);
-  box.setAttribute('style', "border: 0.05em solid ".concat(style.formBorderColor, "; color: ").concat(style.formBorderColor)); // @@color?
+  box.setAttribute('style', "border: 0.05em solid ".concat(_styleConstants["default"].formBorderColor, "; color: ").concat(_styleConstants["default"].formBorderColor)); // @@color?
   box.innerHTML = '<h3>New ' + utils.label(theClass) + '</h3>';
   var formFunction = (0, _fieldFunction.fieldFunction)(dom, form);
   var object = newThing(dataDoc);
@@ -1244,7 +1241,6 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
     // field.value = utils.label(predicate); // Was"enter a description here" @@ possibly: add prompt which disappears
     field.select(); // Select it ready for user input -- doesn't work
   }
-
   group.refresh = function () {
     var v = kb.any(subject, predicate, null, dataDoc);
     if (v && v.value !== field.value) {
@@ -1252,17 +1248,16 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
       // @@ this is the place to color the field from the user who chanaged it
     }
   };
-
   function saveChange(_e) {
     submit.disabled = true;
     submit.setAttribute('style', 'visibility: hidden; float: right;'); // Keep UI clean
     field.disabled = true;
-    field.style.color = style.textInputColorPending; // setAttribute('style', style + 'color: gray;') // pending
+    field.style.color = _styleConstants["default"].textInputColorPending;
     var ds = kb.statementsMatching(subject, predicate, null, dataDoc);
     var is = $rdf.st(subject, predicate, field.value, dataDoc);
     kb.updater.update(ds, is, function (uri, ok, body) {
       if (ok) {
-        field.style.color = style.textInputColor;
+        field.style.color = _styleConstants["default"].textInputColor;
         field.disabled = false;
       } else {
         group.appendChild((0, _error.errorMessageBlock)(dom, 'Error (while saving change to ' + dataDoc.uri + '): ' + body));
@@ -1291,7 +1286,7 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
     field.addEventListener('change', saveChange, true);
   } else {
     field.disabled = true; // @@ change color too
-    field.style.backgroundColor = style.textInputBackgroundColorUneditable;
+    field.style.backgroundColor = _styleConstants["default"].textInputBackgroundColorUneditable;
   }
   return group;
 }
@@ -1359,7 +1354,6 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
               }); // @@ if ok, need some form of refresh of the select for the new thing
             }
           });
-
           select.parentNode.appendChild(thisForm);
           newObject = thisForm.AJAR_subject;
         } else {
@@ -1416,7 +1410,7 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
     });
   };
   var select = dom.createElement('select');
-  select.setAttribute('style', style.formSelectSTyle);
+  select.setAttribute('style', style.formSelectStyle);
   if (options.multiple) select.setAttribute('multiple', 'true');
   select.currentURI = null;
   select.refresh = function () {
@@ -1429,7 +1423,6 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
     }
     select.disabled = false; // unlocked any conflict we had got into
   };
-
   for (var uri in uris) {
     var c = kb.sym(uri);
     var option = dom.createElement('option');
@@ -1438,7 +1431,6 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
     } else {
       option.appendChild(dom.createTextNode(utils.label(c, true))); // Init.
     }
-
     var backgroundColor = kb.any(c, kb.sym('http://www.w3.org/ns/ui#backgroundColor'));
     if (backgroundColor) {
       option.setAttribute('style', 'background-color: ' + backgroundColor.value + '; ');
@@ -1449,7 +1441,6 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
       select.currentURI = uri;
       // dump("Already in class: "+ uri+"\n")
     }
-
     select.appendChild(option);
   }
   if (editable && options.mint) {
@@ -1559,7 +1550,7 @@ function makeSelectForOptions(dom, kb, subject, predicate, possible, options, da
     });
   };
   var select = dom.createElement('select');
-  select.setAttribute('style', style.formSelectSTyle);
+  select.setAttribute('style', style.formSelectStyle);
   select.currentURI = null;
   select.refresh = function () {
     actual = getActual(); // refresh
@@ -1571,7 +1562,6 @@ function makeSelectForOptions(dom, kb, subject, predicate, possible, options, da
     }
     select.disabled = false; // unlocked any conflict we had got into
   };
-
   for (var uri in uris) {
     var c = kb.sym(uri);
     var option = dom.createElement('option');
@@ -1580,7 +1570,6 @@ function makeSelectForOptions(dom, kb, subject, predicate, possible, options, da
     } else {
       option.appendChild(dom.createTextNode(utils.label(c, true))); // Init.
     }
-
     var backgroundColor = kb.any(c, kb.sym('http://www.w3.org/ns/ui#backgroundColor'));
     if (backgroundColor) {
       option.setAttribute('style', 'background-color: ' + backgroundColor.value + '; ');
@@ -1591,7 +1580,6 @@ function makeSelectForOptions(dom, kb, subject, predicate, possible, options, da
       select.currentURI = uri;
       // dump("Already in class: "+ uri+"\n")
     }
-
     select.appendChild(option);
   }
   if (!select.currentURI) {
@@ -1689,10 +1677,8 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
       if (!x.why) {
         x.why = dataDoc; // be back-compaitible  with old code
       }
-
       return [x]; // one statements
     }
-
     if (x instanceof Array) return x;
     throw new Error('buildCheckboxForm: bad param ' + x);
   }
@@ -1758,7 +1744,6 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
       }
     });
   };
-
   input.addEventListener('click', boxHandler, false);
   return box;
 }
@@ -1845,7 +1830,7 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
     select.refresh();
   };
   var select = dom.createElement('select');
-  select.setAttribute('style', style.formSelectSTyle);
+  select.setAttribute('style', style.formSelectStyle);
   select.setAttribute('id', 'formSelect');
   select.currentURI = null;
   for (var uri in optionsFromClassUIfrom) {
@@ -1872,13 +1857,11 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
         is.push($rdf.st(subject, predicate, t, dataDoc));
         // console.log("----value added " + t)
       }
-
       if (uiFrom && !kb.holds(t, ns.rdf('type'), kb.sym(uiFrom), dataDoc)) {
         is.push($rdf.st(t, ns.rdf('type'), kb.sym(uiFrom), dataDoc));
         // console.log("----added type to value " + uiFrom)
       }
     };
-
     var existingValues = kb.each(subject, predicate, null, dataDoc).map(function (object) {
       return object.value;
     });
@@ -1931,7 +1914,6 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
               }); // @@ if ok, need some form of refresh of the select for the new thing
             }
           });
-
           select.parentNode.appendChild(thisForm);
           newObject = thisForm.AJAR_subject;
         } else {