ywana-core8 0.0.242 → 0.0.246

package/dist/index.cjs

@@ -707,16 +707,45 @@ var LinearProgress = function LinearProgress(props) {
  */
 
 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));
 };
 
 /**
@@ -1010,8 +1039,8 @@ var DropDown = function DropDown(props) {
       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;
 
@@ -1036,7 +1065,7 @@ var DropDown = function DropDown(props) {
   }, [value]);
 
   function change(id, value) {
-    if (canFilter) {
+    if (predictive) {
       setLabel(value);
     } else {
       if (onChange) onChange(id, value);
@@ -1069,7 +1098,7 @@ var DropDown = function DropDown(props) {
     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;
@@ -1087,6 +1116,7 @@ var DropDown = function DropDown(props) {
     }
   }
 
+  console.log('dropdown', id, 'predictive', predictive);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "dropdown"
   }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
@@ -3451,7 +3481,7 @@ var StringEditor = function StringEditor(_ref6) {
           onChange: change,
           options: buildOptions(),
           readOnly: !editable,
-          canFilter: predictive
+          predictive: predictive
         }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
           outlined: outlined,
           id: id,