ywana-core8 0.0.552 → 0.0.555

package/dist/index.cjs

@@ -755,7 +755,8 @@ var Property = function Property(props) {
       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) {
@@ -768,19 +769,26 @@ var Property = function Property(props) {
     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,
@@ -2627,7 +2635,7 @@ var Calendar = function Calendar(props) {
     setPosition(today);
   }, []);
   React.useEffect(function () {
-    if (onChange) {
+    if (position && onChange) {
       var _firstDayOfMonth = position.clone().startOf('month');
 
       var _firstDayOfRange = _firstDayOfMonth.clone().startOf('isoweek');
@@ -3794,7 +3802,8 @@ var View = function View(props) {
 };
 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],
@@ -3807,6 +3816,9 @@ var TabbedView = function TabbedView(props) {
       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) {
@@ -5995,7 +6007,8 @@ var FieldViewer = function FieldViewer(props) {
     case TYPES.STRING:
       return /*#__PURE__*/React__default["default"].createElement(Property, {
         label: label,
-        value: value
+        value: value,
+        options: field.options
       });
 
     case TYPES.ENTITY: