ywana-core8 0.0.195 → 0.0.199

package/dist/index.modern.js

@@ -1018,6 +1018,234 @@ var DropDown = function DropDown(props) {
   }) : null, renderOptions());
 };
 
+/**
+ * TYPES
+ */
+var TYPES = {
+  STRING: 'String',
+  NUMBER: 'Number',
+  BOOLEAN: 'Boolean',
+  ARRAY: 'Array',
+  ENTITY: 'Object',
+  FUNCTION: 'Function'
+};
+/**
+ * FORMATS
+ */
+
+var FORMATS = {
+  NONE: '',
+  DATE: 'date',
+  EMAIL: 'email',
+  HTML: 'HTML',
+  URL: 'URL'
+};
+/**
+ * CHECK
+ */
+
+var CHECK = Object.values(TYPES).reduce(function (obj, name) {
+  obj['is' + name] = function (x) {
+    return toString.call(x) == '[object ' + name + ']';
+  };
+
+  return obj;
+}, {});
+/**
+ * Content Type
+ */
+
+var ContentType = /*#__PURE__*/function () {
+  function ContentType(schema) {
+    this._schema = schema;
+  }
+
+  var _proto = ContentType.prototype;
+
+  _proto.checkType = function checkType(_ref, data) {
+    var type = _ref.type,
+        item = _ref.item;
+    var valid = true;
+    var validChildren = true;
+
+    if (item) {
+      var child = new ContentType(item);
+
+      switch (type) {
+        case TYPES.ARRAY:
+          valid = CHECK['is' + type](data);
+          validChildren = data.every(function (element) {
+            return child.validate(element);
+          });
+          break;
+
+        case TYPES.ENTITY:
+          valid = CHECK['is' + type](data);
+          validChildren = child.validate(data);
+          break;
+
+        case TYPES.NUMBER:
+          valid = CHECK['is' + type](data.value);
+          validChildren = true;
+          break;
+
+        default:
+          valid = true;
+          validChildren = true;
+      }
+    }
+
+    return valid && validChildren;
+  }
+  /**
+   * Validate entity data
+   * - Inspect required attributes only
+   * - Check attributes type
+   */
+  ;
+
+  _proto.validate = function validate(data) {
+    var _this = this;
+
+    var attributes = Object.entries(this._schema);
+    return attributes.filter(function (_ref2) {
+      var attr = _ref2[1];
+      return attr.required === true;
+    }).every(function (_ref3) {
+      var name = _ref3[0],
+          attr = _ref3[1];
+      return data[name] !== undefined ? _this.checkType(attr, data[name]) : false;
+    });
+  }
+  /**
+   * Content Type Form
+   */
+  ;
+
+  _proto.form = function form(data) {
+    var entries = Object.entries(this._schema);
+    var form = entries.reduce(function (form, _ref4) {
+      var id = _ref4[0],
+          field = _ref4[1];
+      form[id] = Object.assign({}, field, {
+        value: data[id]
+      });
+      return form;
+    }, {});
+    return form;
+  }
+  /**
+   * Content Type Sections
+   */
+  ;
+
+  _proto.sections = function sections(data) {
+    var form = this.form(data);
+    var fields = Object.values(form);
+    var sections = fields.reduce(function (sections, field) {
+      var section = field.section;
+      var title = section ? section : '';
+      if (!sections.hasOwnProperty(title)) sections[title] = {
+        title: title,
+        fields: []
+      };
+      sections[title].fields.push(field);
+      return sections;
+    }, {});
+    return Object.values(sections);
+  }
+  /**
+   * value 
+   */
+  ;
+
+  _proto.value = function value(data) {
+    var fields = Object.entries(this._schema);
+    var next = fields.reduce(function (next, _ref5) {
+      var name = _ref5[0],
+          field = _ref5[1];
+      var type = field.type,
+          item = field.item;
+      var entryData = data ? data[name] : null;
+
+      switch (type) {
+        case TYPES.STRING:
+          next[name] = entryData || field["default"];
+          break;
+
+        case TYPES.NUMBER:
+          next[name] = entryData || field["default"];
+          break;
+
+        case TYPES.BOOLEAN:
+          next[name] = entryData || field["default"];
+          break;
+
+        case TYPES.ENTITY:
+          var child1 = new ContentType(item);
+          next[name] = child1.value(entryData);
+          break;
+
+        case TYPES.ARRAY:
+          if (item === TYPES.STRING) {
+            next[name] = entryData ? entryData : [];
+          } else {
+            var child2 = new ContentType(item);
+            next[name] = entryData ? entryData.map(function (data2) {
+              return child2.value(data2);
+            }) : [];
+          }
+
+          break;
+
+        default:
+          next[name] = field;
+          break;
+      }
+
+      return next;
+    }, {});
+    return next;
+  };
+
+  return ContentType;
+}();
+/**
+ * Content
+ */
+
+var Content = /*#__PURE__*/function () {
+  function Content(type, value) {
+    this.type = type;
+    this._type = new ContentType(type);
+    this._value = value;
+  }
+
+  var _proto2 = Content.prototype;
+
+  _proto2.isValid = function isValid() {
+    return this._type.validate(this._value);
+  };
+
+  _proto2.value = function value() {
+    return this._type.value(this._value);
+  };
+
+  _proto2.form = function form() {
+    return this._type.form(this._value);
+  };
+
+  _proto2.sections = function sections() {
+    return this._type.sections(this._value);
+  };
+
+  _proto2.update = function update(value) {
+    this._value = value;
+  };
+
+  return Content;
+}();
+
 var isFunction$1 = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
@@ -1181,6 +1409,7 @@ var DataTableCell = function DataTableCell(_ref2) {
         min = column.min,
         max = column.max,
         _onChange = column.onChange,
+        format = column.format,
         options = column.options;
 
     if (id === "checked") {
@@ -1300,6 +1529,7 @@ var DataTableCell = function DataTableCell(_ref2) {
           return /*#__PURE__*/React.createElement(StringCellViewer, {
             id: id,
             value: cell,
+            format: format,
             options: options
           });
 
@@ -1334,11 +1564,19 @@ var BooleanCellViewer = function BooleanCellViewer(_ref3) {
 
 var StringCellViewer = function StringCellViewer(_ref4) {
   var value = _ref4.value,
+      format = _ref4.format,
       options = _ref4.options;
   var option = options ? options.find(function (o) {
     return o.value === value;
   }) : null;
   var text = option ? option.label : value;
+
+  switch (format) {
+    case FORMATS.DATE:
+      text = new Date(text).toLocaleString();
+      break;
+  }
+
   return /*#__PURE__*/React.createElement("div", {
     className: "field-editor string-viewer"
   }, text);
@@ -2263,234 +2501,6 @@ var Dialog = function Dialog(props) {
   }) : null, /*#__PURE__*/React.createElement(Text, null, title)), /*#__PURE__*/React.createElement("main", null, children), /*#__PURE__*/React.createElement("footer", null, actions))));
 };
 
-/**
- * TYPES
- */
-var TYPES = {
-  STRING: 'String',
-  NUMBER: 'Number',
-  BOOLEAN: 'Boolean',
-  ARRAY: 'Array',
-  ENTITY: 'Object',
-  FUNCTION: 'Function'
-};
-/**
- * FORMATS
- */
-
-var FORMATS = {
-  NONE: '',
-  DATE: 'date',
-  EMAIL: 'email',
-  HTML: 'HTML',
-  URL: 'URL'
-};
-/**
- * CHECK
- */
-
-var CHECK = Object.values(TYPES).reduce(function (obj, name) {
-  obj['is' + name] = function (x) {
-    return toString.call(x) == '[object ' + name + ']';
-  };
-
-  return obj;
-}, {});
-/**
- * Content Type
- */
-
-var ContentType = /*#__PURE__*/function () {
-  function ContentType(schema) {
-    this._schema = schema;
-  }
-
-  var _proto = ContentType.prototype;
-
-  _proto.checkType = function checkType(_ref, data) {
-    var type = _ref.type,
-        item = _ref.item;
-    var valid = true;
-    var validChildren = true;
-
-    if (item) {
-      var child = new ContentType(item);
-
-      switch (type) {
-        case TYPES.ARRAY:
-          valid = CHECK['is' + type](data);
-          validChildren = data.every(function (element) {
-            return child.validate(element);
-          });
-          break;
-
-        case TYPES.ENTITY:
-          valid = CHECK['is' + type](data);
-          validChildren = child.validate(data);
-          break;
-
-        case TYPES.NUMBER:
-          valid = CHECK['is' + type](data.value);
-          validChildren = true;
-          break;
-
-        default:
-          valid = true;
-          validChildren = true;
-      }
-    }
-
-    return valid && validChildren;
-  }
-  /**
-   * Validate entity data
-   * - Inspect required attributes only
-   * - Check attributes type
-   */
-  ;
-
-  _proto.validate = function validate(data) {
-    var _this = this;
-
-    var attributes = Object.entries(this._schema);
-    return attributes.filter(function (_ref2) {
-      var attr = _ref2[1];
-      return attr.required === true;
-    }).every(function (_ref3) {
-      var name = _ref3[0],
-          attr = _ref3[1];
-      return data[name] !== undefined ? _this.checkType(attr, data[name]) : false;
-    });
-  }
-  /**
-   * Content Type Form
-   */
-  ;
-
-  _proto.form = function form(data) {
-    var entries = Object.entries(this._schema);
-    var form = entries.reduce(function (form, _ref4) {
-      var id = _ref4[0],
-          field = _ref4[1];
-      form[id] = Object.assign({}, field, {
-        value: data[id]
-      });
-      return form;
-    }, {});
-    return form;
-  }
-  /**
-   * Content Type Sections
-   */
-  ;
-
-  _proto.sections = function sections(data) {
-    var form = this.form(data);
-    var fields = Object.values(form);
-    var sections = fields.reduce(function (sections, field) {
-      var section = field.section;
-      var title = section ? section : '';
-      if (!sections.hasOwnProperty(title)) sections[title] = {
-        title: title,
-        fields: []
-      };
-      sections[title].fields.push(field);
-      return sections;
-    }, {});
-    return Object.values(sections);
-  }
-  /**
-   * value 
-   */
-  ;
-
-  _proto.value = function value(data) {
-    var fields = Object.entries(this._schema);
-    var next = fields.reduce(function (next, _ref5) {
-      var name = _ref5[0],
-          field = _ref5[1];
-      var type = field.type,
-          item = field.item;
-      var entryData = data ? data[name] : null;
-
-      switch (type) {
-        case TYPES.STRING:
-          next[name] = entryData || field["default"];
-          break;
-
-        case TYPES.NUMBER:
-          next[name] = entryData || field["default"];
-          break;
-
-        case TYPES.BOOLEAN:
-          next[name] = entryData || field["default"];
-          break;
-
-        case TYPES.ENTITY:
-          var child1 = new ContentType(item);
-          next[name] = child1.value(entryData);
-          break;
-
-        case TYPES.ARRAY:
-          if (item === TYPES.STRING) {
-            next[name] = entryData ? entryData : [];
-          } else {
-            var child2 = new ContentType(item);
-            next[name] = entryData ? entryData.map(function (data2) {
-              return child2.value(data2);
-            }) : [];
-          }
-
-          break;
-
-        default:
-          next[name] = field;
-          break;
-      }
-
-      return next;
-    }, {});
-    return next;
-  };
-
-  return ContentType;
-}();
-/**
- * Content
- */
-
-var Content$1 = /*#__PURE__*/function () {
-  function Content(type, value) {
-    this.type = type;
-    this._type = new ContentType(type);
-    this._value = value;
-  }
-
-  var _proto2 = Content.prototype;
-
-  _proto2.isValid = function isValid() {
-    return this._type.validate(this._value);
-  };
-
-  _proto2.value = function value() {
-    return this._type.value(this._value);
-  };
-
-  _proto2.form = function form() {
-    return this._type.form(this._value);
-  };
-
-  _proto2.sections = function sections() {
-    return this._type.sections(this._value);
-  };
-
-  _proto2.update = function update(value) {
-    this._value = value;
-  };
-
-  return Content;
-}();
-
 /**
  * Content Form 
  */
@@ -2773,7 +2783,7 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
       setSelected = _useState2[1];
 
   function select(index, field, node) {
-    var item = new Content$1(node.item, field);
+    var item = new Content(node.item, field);
     setSelected({
       index: index,
       item: item,
@@ -2923,7 +2933,7 @@ var EntityEditor = function EntityEditor(_ref5) {
   var id = field.id,
       item = field.item,
       label = field.label;
-  var content = new Content$1(item, value);
+  var content = new Content(item, value);
 
   function change(fid, value) {
     var _Object$assign4;
@@ -2938,7 +2948,7 @@ var EntityEditor = function EntityEditor(_ref5) {
   });
   return /*#__PURE__*/React.createElement("div", {
     className: "entity-editor"
-  }, /*#__PURE__*/React.createElement("header", null, "\u2202", /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text, {
     use: "caption"
   }, label)), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
     return /*#__PURE__*/React.createElement(FieldEditor, {
@@ -3349,7 +3359,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
   var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
-  var content = new Content$1(type, form);
+  var content = new Content(type, form);
   return /*#__PURE__*/React.createElement(Dialog, {
     title: title,
     open: true,
@@ -3438,7 +3448,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
   var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
-  var content = new Content$1(type, form);
+  var content = new Content(type, form);
   return /*#__PURE__*/React.createElement(Dialog, {
     title: title,
     open: true,
@@ -3531,7 +3541,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
   var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
-  var content = new Content$1(type, form);
+  var content = new Content(type, form);
   return /*#__PURE__*/React.createElement(Dialog, {
     title: title,
     open: true,
@@ -3864,7 +3874,7 @@ var CollectionEditor = function CollectionEditor(props) {
   }
 
   function renderEditor() {
-    var content = new Content$1(schema, form);
+    var content = new Content(schema, form);
 
     switch (layout) {
       case 'TABBED':
@@ -4096,6 +4106,7 @@ var ContentViewer = function ContentViewer(props) {
 };
 /**
  * Field Viewer
+ * 
  * @param {} props 
  * @returns 
  */
@@ -4330,7 +4341,7 @@ var TablePage = function TablePage(props) {
       return /*#__PURE__*/React.createElement("aside", {
         className: "table-page"
       }, rowSelected ? /*#__PURE__*/React.createElement(TableRowEditor, {
-        content: new Content$1(schema, form),
+        content: new Content(schema, form),
         filter: editorFilter,
         onChange: change,
         onClose: closeAside,
@@ -4528,7 +4539,7 @@ var TableFilters = function TableFilters(props) {
     change({});
   }
 
-  var content = new Content$1(filterSchema, form);
+  var content = new Content(filterSchema, form);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-filters",
     title: /*#__PURE__*/React.createElement(Text, null, "Filters")
@@ -4671,6 +4682,7 @@ var TableEditor = function TableEditor(props) {
             id: field.id,
             label: field.label,
             type: field.type,
+            format: field.format,
             onChange: field.id === "checked" ? checkOne : field.editable ? change : null,
 
             /* checked has it´s own handler */
@@ -5233,5 +5245,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Avatar, Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content$1 as Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TYPES, Tab, TabbedContentEditor, TablePage, Tabs, Text, TextField, TokenField, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, isFunction };
+export { Avatar, Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TYPES, Tab, TabbedContentEditor, TablePage, Tabs, Text, TextField, TokenField, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, isFunction };
 //# sourceMappingURL=index.modern.js.map