ywana-core8 0.0.624 → 0.0.627

package/dist/index.umd.js

@@ -176,7 +176,8 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         action = _ref.action,
         _ref$eventPropagation = _ref.eventPropagation,
-        eventPropagation = _ref$eventPropagation === void 0 ? false : _ref$eventPropagation;
+        eventPropagation = _ref$eventPropagation === void 0 ? false : _ref$eventPropagation,
+        className = _ref.className;
 
     function click(event) {
       if (!eventPropagation) {
@@ -189,7 +190,7 @@
 
     var style = disabled ? "disabled" : clickable ? "clickable" : "";
     return /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "icon " + size + " " + style + " material-icons",
+      className: "icon " + size + " " + style + " " + className + " material-icons",
       onClick: click
     }, icon);
   };
@@ -1442,6 +1443,8 @@
         readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3,
         _props$verbose = props.verbose,
         verbose = _props$verbose === void 0 ? true : _props$verbose,
+        _props$editable = props.editable,
+        editable = _props$editable === void 0 ? false : _props$editable,
         onBlur = props.onBlur;
 
     var _useState = React.useState(false),
@@ -1460,7 +1463,8 @@
 
         var _label = option ? option.label : "";
 
-        setLabel(_label);
+        if (editable && _label === "") setLabel(value);
+        if (!editable) setLabel(_label);
       }
     }, [value]);
 
@@ -1468,10 +1472,15 @@
       if (predictive) {
         setLabel(value);
       } else {
+        console.log('change', id, value);
         if (onChange) onChange(id, value);
       }
     }
 
+    function onFocus() {
+      if (!editable) toggle();
+    }
+
     function toggle() {
       if (site && site.changeFocus) {
         site.changeFocus({
@@ -1522,14 +1531,22 @@
       }
     }
 
+    var title = editable ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row"
+    }, props.label, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      className: "decorator",
+      icon: "edit",
+      size: "small"
+    })) : props.label;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
-      onClick: toggle,
+      label: title,
+      onClick: onFocus,
       value: label,
       onChange: change,
       onBlur: blur,
-      readOnly: !predictive
+      readOnly: !predictive && !editable
     })), !readOnly ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "expand_more",
       clickable: true,
@@ -4653,6 +4670,8 @@
         predictive = _field$predictive === void 0 ? false : _field$predictive,
         _field$multivalue = field.multivalue,
         multivalue = _field$multivalue === void 0 ? false : _field$multivalue,
+        _field$freeValue = field.freeValue,
+        freeValue = _field$freeValue === void 0 ? false : _field$freeValue,
         Editor = field.Editor;
 
     function change(id, value) {
@@ -4735,7 +4754,8 @@
             onChange: change,
             options: buildOptions(),
             readOnly: !editable,
-            predictive: predictive
+            predictive: predictive,
+            editable: freeValue
           }) : multivalue ? /*#__PURE__*/React__default["default"].createElement(TokenField, {
             id: id,
             label: label,
@@ -5862,7 +5882,7 @@
     function search() {
       var items = filter ? all.filter(function (item) {
         var result = searchBy.some(function (fieldName) {
-          var value = item[fieldName];
+          var value = item[fieldName] ? item[fieldName].toUpperCase() : "";
           return value ? value.indexOf(filter.toUpperCase()) >= 0 : false;
         });
         return result;