ywana-core8 0.0.626 → 0.0.629

package/dist/index.cjs

@@ -182,7 +182,8 @@ var Icon = function Icon(_ref) {
       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) {
@@ -195,7 +196,7 @@ var Icon = function Icon(_ref) {
 
   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);
 };
@@ -1448,6 +1449,8 @@ var DropDown = function DropDown(props) {
       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),
@@ -1466,7 +1469,8 @@ var DropDown = function DropDown(props) {
 
       var _label = option ? option.label : "";
 
-      setLabel(_label);
+      if (editable && _label === "") setLabel(value);
+      if (!editable) setLabel(_label);
     }
   }, [value]);
 
@@ -1474,10 +1478,15 @@ var DropDown = function DropDown(props) {
     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({
@@ -1528,14 +1537,22 @@ var DropDown = function DropDown(props) {
     }
   }
 
+  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,
@@ -4659,6 +4676,8 @@ var StringEditor = function StringEditor(_ref7) {
       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) {
@@ -4741,7 +4760,8 @@ var StringEditor = function StringEditor(_ref7) {
           onChange: change,
           options: buildOptions(),
           readOnly: !editable,
-          predictive: predictive
+          predictive: predictive,
+          editable: freeValue
         }) : multivalue ? /*#__PURE__*/React__default["default"].createElement(TokenField, {
           id: id,
           label: label,
@@ -5643,6 +5663,8 @@ var CollectionPage = function CollectionPage(props) {
       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,
@@ -5761,7 +5783,8 @@ var CollectionPage = function CollectionPage(props) {
     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) {
@@ -5868,7 +5891,7 @@ var CollectionList = function CollectionList(props) {
   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;
@@ -6043,9 +6066,19 @@ var CollectionTree = function CollectionTree(props) {
 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);
     }
@@ -6075,7 +6108,9 @@ var CollectionEditor = function CollectionEditor(props) {
       _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),
@@ -6173,7 +6208,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       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;
           });
@@ -6181,7 +6216,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           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);
       }
@@ -6190,7 +6225,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       try {
         var _this4 = this;
 
-        var _temp4 = function () {
+        var _temp8 = function () {
           if (fetching) {
             return Promise.resolve(_this4.fetch(id)).then(function (result) {
               _this4.selected = result;
@@ -6204,7 +6239,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           }
         }();
 
-        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);
       }
@@ -6238,7 +6273,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       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 () {});
           });
@@ -6246,7 +6281,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           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);
       }
@@ -6255,7 +6290,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       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 () {});
           });
@@ -6263,7 +6298,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           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);
       }
@@ -6272,7 +6307,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       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 () {});
           });
@@ -6280,7 +6315,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           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);
       }
@@ -6289,7 +6324,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       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 () {});
           });
@@ -6297,7 +6332,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           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);
       }
@@ -6306,7 +6341,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
       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 () {});
           });
@@ -6314,7 +6349,7 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
           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);
       }