ywana-core8 0.0.867 → 0.0.869

package/dist/index.modern.js

@@ -921,7 +921,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,
@@ -1076,7 +1076,9 @@ var FORMATS$1 = {
   IMG: 'IMG',
   COLOR: 'COLOR',
   TOKENS: 'TOKENS',
-  PASSWORD: 'PASSWORD'
+  PASSWORD: 'PASSWORD',
+  RADIO: 'RADIO',
+  CHECKBOX: 'CHECKBOX'
 };
 
 /**
@@ -1764,7 +1766,8 @@ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
       className: "filter-cell"
     }, filterable ? /*#__PURE__*/React.createElement(TextField, {
       id: id,
-      onChange: onFilter
+      onChange: onFilter,
+      outlined: true
     }) : null);
   }));
 };
@@ -4886,20 +4889,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: "%"
@@ -5695,7 +5698,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) {
@@ -5713,13 +5718,32 @@ var MultiSelectionEditor = function MultiSelectionEditor(_ref10) {
     className: "multiselection-editor"
   }, /*#__PURE__*/React.createElement("label", null, label), buildOptions().map(function (option) {
     var checked = value.includes(option.value);
-    return /*#__PURE__*/React.createElement(CheckBox, {
-      value: checked,
-      label: option.label,
-      onChange: function onChange() {
-        return change(option.value);
-      }
-    });
+    switch (format) {
+      case FORMATS$1.CHECKBOX:
+        return /*#__PURE__*/React.createElement(CheckBox, {
+          value: checked,
+          label: option.label,
+          onChange: function onChange() {
+            return change(option.value);
+          }
+        });
+      case FORMATS$1.RADIO:
+        return /*#__PURE__*/React.createElement(RadioButton, {
+          value: checked,
+          label: option.label,
+          onChange: function onChange() {
+            return change(option.value);
+          }
+        });
+      default:
+        return /*#__PURE__*/React.createElement(CheckBox, {
+          value: checked,
+          label: option.label,
+          onChange: function onChange() {
+            return change(option.value);
+          }
+        });
+    }
   }));
 };
 
@@ -6130,7 +6154,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) {
@@ -6140,6 +6165,15 @@ var StringViewer = function StringViewer(props) {
       }, /*#__PURE__*/React.createElement("img", {
         src: value
       }));
+    case FORMATS$1.TOKENS:
+      return /*#__PURE__*/React.createElement("div", {
+        className: "tokens-field"
+      }, /*#__PURE__*/React.createElement(TokenField, {
+        id: id,
+        label: label,
+        tokens: value,
+        readOnly: true
+      }));
     default:
       return /*#__PURE__*/React.createElement(Property, {
         label: label,
@@ -10851,5 +10885,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, Switch2, TASK_STATES, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton$1 as RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, Switch2, TASK_STATES, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
 //# sourceMappingURL=index.modern.js.map