ywana-core8 0.0.626 → 0.0.629

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,
@@ -5637,6 +5657,8 @@
         autosave = _props$autosave === void 0 ? false : _props$autosave,
         _props$delay = props.delay,
         delay = _props$delay === void 0 ? 1000 : _props$delay,
+        _props$patch = props.patch,
+        patch = _props$patch === void 0 ? false : _props$patch,
         groupBy = props.groupBy,
         levels = props.levels,
         sorter = props.sorter,
@@ -5755,7 +5777,8 @@
       delay: delay,
       canDelete: canDelete,
       canEdit: canEdit,
-      onReload: reloadSelection
+      onReload: reloadSelection,
+      patch: patch
     }), children ? /*#__PURE__*/React__default["default"].createElement("article", null, children) : null, /*#__PURE__*/React__default["default"].createElement("footer", null, footer)));
   };
   var CollectionFilters = function CollectionFilters(props) {
@@ -5862,7 +5885,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;
@@ -6037,9 +6060,19 @@
   var CollectionEditor = function CollectionEditor(props) {
     var save = function save() {
       try {
-        return Promise.resolve(pageContext.update(form)).then(function () {
+        var _temp3 = function _temp3() {
           setPageContext(Object.assign({}, pageContext));
-        });
+        };
+
+        var _temp4 = function () {
+          if (patch) {
+            return Promise.resolve(pageContext.patch(form.id, form)).then(function () {});
+          } else {
+            return Promise.resolve(pageContext.update(form)).then(function () {});
+          }
+        }();
+
+        return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -6069,7 +6102,9 @@
         _props$delay2 = props.delay,
         delay = _props$delay2 === void 0 ? 1000 : _props$delay2,
         canDelete = props.canDelete,
-        onReload = props.onReload;
+        onReload = props.onReload,
+        _props$patch2 = props.patch,
+        patch = _props$patch2 === void 0 ? false : _props$patch2;
     var timer = React.useRef(null);
 
     var _useState5 = React.useState(selected),
@@ -6167,7 +6202,7 @@
         try {
           var _this2 = this;
 
-          var _temp2 = _catch$3(function () {
+          var _temp6 = _catch$3(function () {
             return Promise.resolve(API.all(null, page)).then(function (data) {
               _this2.all = field ? data[field] : data;
             });
@@ -6175,7 +6210,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6184,7 +6219,7 @@
         try {
           var _this4 = this;
 
-          var _temp4 = function () {
+          var _temp8 = function () {
             if (fetching) {
               return Promise.resolve(_this4.fetch(id)).then(function (result) {
                 _this4.selected = result;
@@ -6198,7 +6233,7 @@
             }
           }();
 
-          return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+          return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6232,7 +6267,7 @@
         try {
           var _this8 = this;
 
-          var _temp6 = _catch$3(function () {
+          var _temp10 = _catch$3(function () {
             return Promise.resolve(API.create(form)).then(function () {
               return Promise.resolve(_this8.load()).then(function () {});
             });
@@ -6240,7 +6275,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+          return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6249,7 +6284,7 @@
         try {
           var _this10 = this;
 
-          var _temp8 = _catch$3(function () {
+          var _temp12 = _catch$3(function () {
             return Promise.resolve(API.update(form)).then(function () {
               return Promise.resolve(_this10.load()).then(function () {});
             });
@@ -6257,7 +6292,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
+          return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6266,7 +6301,7 @@
         try {
           var _this12 = this;
 
-          var _temp10 = _catch$3(function () {
+          var _temp14 = _catch$3(function () {
             return Promise.resolve(API.patch(id, form)).then(function () {
               return Promise.resolve(_this12.load()).then(function () {});
             });
@@ -6274,7 +6309,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(function () {}) : void 0);
+          return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6283,7 +6318,7 @@
         try {
           var _this14 = this;
 
-          var _temp12 = _catch$3(function () {
+          var _temp16 = _catch$3(function () {
             return Promise.resolve(API.updateProperty(id, propertyName, form)).then(function () {
               return Promise.resolve(_this14.load()).then(function () {});
             });
@@ -6291,7 +6326,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(function () {}) : void 0);
+          return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6300,7 +6335,7 @@
         try {
           var _this16 = this;
 
-          var _temp14 = _catch$3(function () {
+          var _temp18 = _catch$3(function () {
             return Promise.resolve(API.remove(id)).then(function () {
               return Promise.resolve(_this16.load()).then(function () {});
             });
@@ -6308,7 +6343,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(function () {}) : void 0);
+          return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }