ywana-core8 0.0.242 → 0.0.246

package/dist/index.umd.js

@@ -702,16 +702,45 @@
    */
 
   var Property = function Property(props) {
-    var label = props.label,
+    var id = props.id,
+        className = props.className,
+        label = props.label,
         name = props.name,
-        value = props.value;
+        initial = props.initial,
+        value = props.value,
+        _props$editable = props.editable,
+        editable = _props$editable === void 0 ? false : _props$editable,
+        onChange = props.onChange;
+
+    function change(event) {
+      if (onChange) {
+        var _value = event.target.value;
+        onChange(id, _value);
+      }
+    }
+
+    function clear() {
+      if (onChange) onChange(id, "");
+    }
+
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "property"
+      className: "property property-" + id + " " + className
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "property-name"
-    }, name || label), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, name || label), initial ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "property-value"
+    }, initial) : null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "property-value"
-    }, value));
+    }, editable ? /*#__PURE__*/React__default["default"].createElement("input", {
+      type: "text",
+      value: value,
+      onChange: change
+    }) : value, editable && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "close",
+      size: "small",
+      clickable: true,
+      action: clear
+    }) : null));
   };
 
   /**
@@ -1005,8 +1034,8 @@
         options = _props$options === void 0 ? [] : _props$options,
         value = props.value,
         onChange = props.onChange,
-        _props$canFilter = props.canFilter,
-        canFilter = _props$canFilter === void 0 ? false : _props$canFilter,
+        _props$predictive = props.predictive,
+        predictive = _props$predictive === void 0 ? false : _props$predictive,
         _props$readOnly3 = props.readOnly,
         readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3;
 
@@ -1031,7 +1060,7 @@
     }, [value]);
 
     function change(id, value) {
-      if (canFilter) {
+      if (predictive) {
         setLabel(value);
       } else {
         if (onChange) onChange(id, value);
@@ -1064,7 +1093,7 @@
       var canShow = open == true && Array.isArray(options);
 
       if (canShow) {
-        var filterActive = canFilter === true && label && label.length > 0;
+        var filterActive = predictive === true && label && label.length > 0;
         var items = filterActive ? options.filter(function (option) {
           return option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0;
         }) : options;
@@ -1082,6 +1111,7 @@
       }
     }
 
+    console.log('dropdown', id, 'predictive', predictive);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
@@ -3446,7 +3476,7 @@
             onChange: change,
             options: buildOptions(),
             readOnly: !editable,
-            canFilter: predictive
+            predictive: predictive
           }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
             outlined: outlined,
             id: id,