ywana-core8 0.0.867 → 0.0.869

package/dist/index.umd.js

@@ -923,7 +923,7 @@
     /**
      * Radio Button
      */
-    var RadioButton = function RadioButton(props) {
+    var RadioButton$1 = function RadioButton(props) {
       var id = props.id,
         name = props.name,
         label = props.label,
@@ -1078,7 +1078,9 @@
       IMG: 'IMG',
       COLOR: 'COLOR',
       TOKENS: 'TOKENS',
-      PASSWORD: 'PASSWORD'
+      PASSWORD: 'PASSWORD',
+      RADIO: 'RADIO',
+      CHECKBOX: 'CHECKBOX'
     };
 
     /**
@@ -1766,7 +1768,8 @@
           className: "filter-cell"
         }, filterable ? /*#__PURE__*/React__default["default"].createElement(TextField, {
           id: id,
-          onChange: onFilter
+          onChange: onFilter,
+          outlined: true
         }) : null);
       }));
     };
@@ -4888,20 +4891,20 @@
       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: "%"
@@ -5697,7 +5700,9 @@
         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) {
@@ -5715,13 +5720,32 @@
         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);
+              }
+            });
+        }
       }));
     };
 
@@ -6132,7 +6156,8 @@
     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) {
@@ -6142,6 +6167,15 @@
           }, /*#__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,
@@ -10911,7 +10945,7 @@
     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;