ywana-core8 0.0.624 → 0.0.627

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,
@@ -5868,7 +5888,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;