ywana-core8 0.0.867 → 0.0.869

package/dist/index.cjs

@@ -930,7 +930,7 @@ var Property = function Property(props) {
 /**
  * Radio Button
  */
-var RadioButton = function RadioButton(props) {
+var RadioButton$1 = function RadioButton(props) {
   var id = props.id,
     name = props.name,
     label = props.label,
@@ -1085,7 +1085,9 @@ var FORMATS$1 = {
   IMG: 'IMG',
   COLOR: 'COLOR',
   TOKENS: 'TOKENS',
-  PASSWORD: 'PASSWORD'
+  PASSWORD: 'PASSWORD',
+  RADIO: 'RADIO',
+  CHECKBOX: 'CHECKBOX'
 };
 
 /**
@@ -1773,7 +1775,8 @@ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
       className: "filter-cell"
     }, filterable ? /*#__PURE__*/React__default["default"].createElement(TextField, {
       id: id,
-      onChange: onFilter
+      onChange: onFilter,
+      outlined: true
     }) : null);
   }));
 };
@@ -4895,20 +4898,20 @@ var TaskMonitor = function TaskMonitor(props) {
   var table = {
     columns: [{
       id: "state",
-      label: "Estado"
+      label: "State"
     }, {
       id: "init",
-      label: "Inicio",
+      label: "Init Date",
       type: TYPES$1.STRING,
       format: FORMATS$1.DATE
     }, {
       id: "end",
-      label: "Fin",
+      label: "End Date",
       type: TYPES$1.STRING,
       format: FORMATS$1.DATE
     }, {
       id: "description",
-      label: "Descripcion"
+      label: "Description"
     }, {
       id: "progress",
       label: "%"
@@ -5704,7 +5707,9 @@ var MultiSelectionEditor = function MultiSelectionEditor(_ref10) {
     onChange = _ref10.onChange;
   var id = field.id,
     label = field.label,
-    options = field.options;
+    options = field.options,
+    _field$format = field.format,
+    format = _field$format === void 0 ? FORMATS$1.CHECKBOX : _field$format;
   function change(v) {
     var index = value.indexOf(v);
     if (index >= 0) {
@@ -5722,13 +5727,32 @@ var MultiSelectionEditor = function MultiSelectionEditor(_ref10) {
     className: "multiselection-editor"
   }, /*#__PURE__*/React__default["default"].createElement("label", null, label), buildOptions().map(function (option) {
     var checked = value.includes(option.value);
-    return /*#__PURE__*/React__default["default"].createElement(CheckBox, {
-      value: checked,
-      label: option.label,
-      onChange: function onChange() {
-        return change(option.value);
-      }
-    });
+    switch (format) {
+      case FORMATS$1.CHECKBOX:
+        return /*#__PURE__*/React__default["default"].createElement(CheckBox, {
+          value: checked,
+          label: option.label,
+          onChange: function onChange() {
+            return change(option.value);
+          }
+        });
+      case FORMATS$1.RADIO:
+        return /*#__PURE__*/React__default["default"].createElement(RadioButton, {
+          value: checked,
+          label: option.label,
+          onChange: function onChange() {
+            return change(option.value);
+          }
+        });
+      default:
+        return /*#__PURE__*/React__default["default"].createElement(CheckBox, {
+          value: checked,
+          label: option.label,
+          onChange: function onChange() {
+            return change(option.value);
+          }
+        });
+    }
   }));
 };
 
@@ -6139,7 +6163,8 @@ var BooleanViewer = function BooleanViewer(props) {
 var StringViewer = function StringViewer(props) {
   var field = props.field,
     value = props.value;
-  var format = field.format,
+  var id = field.id,
+    format = field.format,
     label = field.label,
     options = field.options;
   switch (format) {
@@ -6149,6 +6174,15 @@ var StringViewer = function StringViewer(props) {
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         src: value
       }));
+    case FORMATS$1.TOKENS:
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "tokens-field"
+      }, /*#__PURE__*/React__default["default"].createElement(TokenField, {
+        id: id,
+        label: label,
+        tokens: value,
+        readOnly: true
+      }));
     default:
       return /*#__PURE__*/React__default["default"].createElement(Property, {
         label: label,
@@ -10918,7 +10952,7 @@ exports.PasswordEditor = PasswordEditor;
 exports.PasswordField = PasswordField;
 exports.Planner = Planner;
 exports.Property = Property;
-exports.RadioButton = RadioButton;
+exports.RadioButton = RadioButton$1;
 exports.ResetPasswordBox = ResetPasswordBox;
 exports.Section = Section;
 exports.Session = Session;