react-ui-basics 0.0.168 → 0.0.171

package/AutocompleteSelect.js

@@ -10,7 +10,7 @@ import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
 import TextField from './TextField.js';
 import FilteredList, { getLabel } from './FilteredList.js';
-import { isString, memo, continuousIncludes, orNoop, preventDefault, stopPropagation, getRandomId, isFunction, isObject, addEventListener, DOCUMENT, removeEventListener, UNDEFINED, classNames, ref } from './Tools.js';
+import { isString, memo, continuousIncludes, orNoop, isFunction, preventDefault, stopPropagation, getRandomId, isObject, addEventListener, DOCUMENT, removeEventListener, UNDEFINED, classNames, ref } from './Tools.js';
 import Button from './Button.js';
 import MaterialIcon from './MaterialIcon.js';
 import { PureComponent } from './ReactConstants.js';
@@ -115,6 +115,8 @@ var AutocompleteSelect = function (_PureComponent) {
       var _this$state = __state(_this),
           filterValue = _this$state.filterValue,
           currentSelection = _this$state.selected;
+      var _this$props$labels = __props(_this).labels,
+          labels = _this$props$labels === void 0 ? {} : _this$props$labels;
       if (selectedId == null && (!!filterValue || !required) && allowCustom && (!_this.input || !_this.input.check())) selectedId = filterValue.trim();
       var isMultiSelect = isMultipleSelect(mode);
       if (!selectedId && isMultiSelect) {
@@ -132,10 +134,17 @@ var AutocompleteSelect = function (_PureComponent) {
       }
       var errored = required && Object.keys(selected) === 0;
       var isActive = mode === MODE_MULTIPLE_MINI_INLINE || isMultiSelect && isSelected;
+      var customValue = '';
+      if (allowCustom && selectedId) {
+        var label;
+        if (isFunction(labels)) label = labels(selectedId);else label = labels[selectedId];
+        if (label && isString(label)) customValue = label;
+      }
+      var filterValueWithCustom = isMultiSelect ? '' : customValue;
       _this.setState({
         isActive: isActive,
         selected: selected,
-        filterValue: isMultiSelect ? '' : allowCustom ? selectedId || '' : '',
+        filterValue: filterValueWithCustom,
         errored: errored
       });
       if (isActive && _this.input) _this.input.getInput().focus();

package/Button.css

@@ -13,6 +13,7 @@
   background: #dfdfdf;
   text-transform: uppercase;
   font-family: Roboto, sans-serif;
+  -webkit-tap-highlight-color: transparent;
   display: inline-flex;
   justify-content: center;
   align-items: center;

package/FilteredList.js

@@ -137,7 +137,9 @@ var ItemWrapper = /** @class */ (function (_super) {
     ItemWrapper.prototype[ReactConstants[3]] = function () {
         var _this = this;
         var _a = __props(this), id = _a.id, label = _a.label, onClick = _a[ReactConstants[6]], onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, classProvider = _a.classProvider, className = _a[ReactConstants[5]], childComponent = _a.childComponent, childProps = _a.childProps;
-        var child = React.createElement(childComponent, __extends(__extends({}, childProps), { id: id, label: label, dataConsumer: function (data) { return _this.data = data; } }));
+        var child = React.createElement(childComponent, __extends(__extends({}, childProps), { id: id, label: label, dataConsumer: function (data) {
+                _this.data = data;
+            } }));
         var cssClass = orNoop(classProvider)(__data(this));
         return (jsxRuntime_2("div", __extends({ [ReactConstants[5]]: classNames('ItemWrapper', cssClass, className), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, 
             // onMouseDown={onMouseDown}

package/TextField.js

@@ -7,7 +7,7 @@ import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
 import './TextField.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
-import { classNames, isUndefined, orNoop, addEventListener, getRandomId, createRef, setTimeout } from './Tools.js';
+import { classNames, isUndefined, setTimeout, orNoop, addEventListener, getRandomId, createRef } from './Tools.js';
 import { stateGSs, render, componentDidMount, componentDidUpdate, propsGetter, PureComponent } from './ReactConstants.js';
 import PropTypes from 'prop-types';
 
@@ -110,7 +110,12 @@ var TextField = function (_PureComponent) {
           focused = _props3.focused,
           input = _props3.input,
           i = inputRef();
-      isWithValue(!!__value(i));
+      var hasValue = !!__value(i);
+      isWithValue(hasValue);
+      !hasValue && setTimeout(function () {
+        var matches = i.matches(':-internal-autofill-selected');
+        matches && isWithValue(matches);
+      }, 100);
       focused && i.focus();
       orNoop(input)(i);
     };

package/Tools.d.ts

@@ -12,11 +12,12 @@ export declare const allPropsExcept: (obj: any, except: any) => {};
 export declare const continuousIncludes: (value: any, inc: any) => boolean;
 export declare const debounce: (func: any, delay: any) => () => void;
 export declare const memo: (func: any) => () => any;
+export declare const constructorOf: (v: any) => any;
 export declare const typeOf: (v: any) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 export declare const isFunction: (v: any) => boolean;
 export declare const isString: (v: any) => boolean;
 export declare const isObject: (v: any) => boolean;
-export declare const isDifferent: (a: any, b: any) => any;
+export declare const isDifferent: (a: any, b: any) => boolean;
 export declare const preventDefault: (e: any) => void;
 export declare const stopPropagation: (e: any) => void;
 export declare const setTimeout: (callback: (...args: any[]) => void, ms?: number, ...args: any[]) => any;

package/Tools.js

@@ -36,7 +36,7 @@ var createAccessor = function (field) { return function (o, value) {
     return !o ? null : value != UNDEFINED ? o[field] = value : o[field];
 }; };
 var setOf = function (list) { return (list || []).reduce(function (map, key) {
-    map[key] = true;
+    map[key] = TRUE;
     return map;
 }, {}); };
 var allPropsExcept = function (obj, except) {
@@ -53,20 +53,19 @@ var continuousIncludes = function (value, inc) {
     for (var i = 0; i < length; i++) {
         from = value.indexOf(inc[i], from + 1);
         if (from === -1)
-            return false;
+            return FALSE;
     }
-    return true;
+    return TRUE;
 };
 var isArrayShallowEqual = function (a, b) {
     if (a === b)
-        return true;
+        return TRUE;
     if (a == null || b == null)
-        return false;
-    if (__length(a) !== __length(b)) {
-        return false;
-    }
+        return FALSE;
+    if (__length(a) !== __length(b))
+        return FALSE;
     var i = __length(a) - 1;
-    var result = true;
+    var result = TRUE;
     while (i >= 0 && (result = (a[i] === b[i]))) {
         i--;
     }
@@ -96,47 +95,42 @@ var memo = function (func) {
         return prevResult;
     };
 };
+var constructorOf = function (v) { return v && v.constructor; };
 var typeOf = function (v) { return typeof v; };
 var isFunction = function (v) { return typeOf(v) === 'function'; };
 var isString = function (v) { return typeOf(v) === 'string'; };
 var isObject = function (v) { return typeOf(v) === 'object'; };
+var FALSE = false;
+var TRUE = true;
 var isDifferent = function (a, b) {
-    if (a == null && b == null)
-        return false;
-    if (a == null || b == null)
-        return true;
+    if (a === null && b === null)
+        return FALSE;
+    if (a === null || b === null)
+        return TRUE;
     if (a === b)
-        return false;
-    var typeA = typeOf(a);
-    var typeB = typeOf(b);
-    if (typeA !== typeB) {
-        return true;
+        return FALSE;
+    var constructorA = constructorOf(a);
+    var constructorB = constructorOf(b);
+    if (constructorA !== constructorB) {
+        return TRUE;
     }
-    if (Array.isArray(a)) {
-        if (__length(a) !== __length(b)) {
-            return true;
-        }
-        var i = __length(a) - 1;
-        var result = false;
-        while (i >= 0 && !(result = isDifferent(a[i], b[i]))) {
-            i--;
+    var i;
+    if (constructorA === Array) {
+        if ((i = __length(a)) === __length(b)) {
+            while (i-- && !isDifferent(a[i], b[i])) {
+            }
         }
-        return result;
     }
-    if (typeA === 'object') {
+    else if (constructorA === Object) {
         var keysA = Object.keys(a);
         var keysB = Object.keys(b);
-        if (__length(keysA) !== __length(keysB)) {
-            return true;
-        }
-        var j = __length(keysA) - 1;
-        var r = false;
-        while (j >= 0 && !(r = keysA[j] !== keysB[j]) && !(r = isDifferent(a[keysA[j]], b[keysB[j]]))) {
-            j--;
+        if ((i = __length(keysA)) === __length(keysB)) {
+            var key = void 0;
+            while (i-- && ((key = keysA[i]) in b) && !isDifferent(a[key], b[key])) {
+            }
         }
-        return r;
     }
-    return true;
+    return i !== -1;
 };
 var preventDefault = function (e) {
     e && e.preventDefault();
@@ -232,5 +226,5 @@ if (process.env.NODE_ENV !== 'production') {
     };
 }
 
-export { Comparators, DOCUMENT, NOOP, UNDEFINED, WINDOW, addEventListener, allPropsExcept, classNames, clearInterval, clearTimeout, continuousIncludes, createAccessor, createRef, debounce, getRandomId, isDifferent, isFunction, isObject, isString, isUndefined, memo, orNoop, preventDefault, ref, removeEventListener, requestAnimationFrame, setInterval, setOf, setTimeout, stopPropagation, typeOf };
+export { Comparators, DOCUMENT, NOOP, UNDEFINED, WINDOW, addEventListener, allPropsExcept, classNames, clearInterval, clearTimeout, constructorOf, continuousIncludes, createAccessor, createRef, debounce, getRandomId, isDifferent, isFunction, isObject, isString, isUndefined, memo, orNoop, preventDefault, ref, removeEventListener, requestAnimationFrame, setInterval, setOf, setTimeout, stopPropagation, typeOf };
 //# sourceMappingURL=Tools.js.map