ywana-core8 0.0.552 → 0.0.555

package/dist/index.umd.js

@@ -749,7 +749,8 @@
         value = props.value,
         _props$editable = props.editable,
         editable = _props$editable === void 0 ? false : _props$editable,
-        onChange = props.onChange;
+        onChange = props.onChange,
+        options = props.options;
 
     function change(event) {
       if (onChange) {
@@ -762,19 +763,26 @@
       if (onChange) onChange(id, "");
     }
 
+    var value2 = value || initial;
+
+    if (options) {
+      var opt = options.find(function (option) {
+        return option.value == value2;
+      });
+      if (opt) value2 = opt.label;
+    }
+
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "property property-" + id + " " + className
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "property-name"
-    }, name || label), initial ? /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "property-value"
-    }, initial) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, name || label), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "property-value"
     }, editable ? /*#__PURE__*/React__default["default"].createElement("input", {
       type: "text",
-      value: value,
+      value: value2,
       onChange: change
-    }) : value, editable && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+    }) : value2, editable && value2.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "close",
       size: "small",
       clickable: true,
@@ -2621,7 +2629,7 @@
       setPosition(today);
     }, []);
     React.useEffect(function () {
-      if (onChange) {
+      if (position && onChange) {
         var _firstDayOfMonth = position.clone().startOf('month');
 
         var _firstDayOfRange = _firstDayOfMonth.clone().startOf('isoweek');
@@ -3788,7 +3796,8 @@
   };
   var TabbedView = function TabbedView(props) {
     var title = props.title,
-        className = props.className;
+        className = props.className,
+        selected = props.selected;
 
     var _useState2 = React.useState(0),
         tab = _useState2[0],
@@ -3801,6 +3810,9 @@
         label: child.props.label
       });
     });
+    React.useEffect(function () {
+      if (selected && selected !== tab) setTab(selected);
+    }, [selected]);
     var toolbar = /*#__PURE__*/React__default["default"].createElement(Tabs, {
       selected: tab,
       onChange: function onChange(tab) {
@@ -5989,7 +6001,8 @@
       case TYPES.STRING:
         return /*#__PURE__*/React__default["default"].createElement(Property, {
           label: label,
-          value: value
+          value: value,
+          options: field.options
         });
 
       case TYPES.ENTITY: