ywana-core8 0.0.791 → 0.0.793

package/dist/index.modern.js

@@ -1128,7 +1128,7 @@ var Stack = function Stack(props) {
 /**
  * TYPES
  */
-var TYPES = {
+var TYPES$1 = {
   STRING: 'String',
   NUMBER: 'Number',
   BOOLEAN: 'Boolean',
@@ -1157,7 +1157,7 @@ var FORMATS$1 = {
  * CHECK
  */
 
-var CHECK = Object.values(TYPES).reduce(function (obj, name) {
+var CHECK = Object.values(TYPES$1).reduce(function (obj, name) {
   obj['is' + name] = function (x) {
     return toString.call(x) == '[object ' + name + ']';
   };
@@ -1185,19 +1185,19 @@ var ContentType = /*#__PURE__*/function () {
       var child = new ContentType(item);
 
       switch (type) {
-        case TYPES.ARRAY:
+        case TYPES$1.ARRAY:
           valid = CHECK['is' + type](data);
           validChildren = data.every(function (element) {
             return child.validate(element);
           });
           break;
 
-        case TYPES.ENTITY:
+        case TYPES$1.ENTITY:
           valid = CHECK['is' + type](data);
           validChildren = child.validate(data);
           break;
 
-        case TYPES.NUMBER:
+        case TYPES$1.NUMBER:
           valid = CHECK['is' + type](data.value);
           validChildren = true;
           break;
@@ -1285,26 +1285,26 @@ var ContentType = /*#__PURE__*/function () {
 
       if (outsider === true) ; else {
         switch (type) {
-          case TYPES.STRING:
+          case TYPES$1.STRING:
             next[name] = entryData || field["default"];
             break;
 
-          case TYPES.NUMBER:
+          case TYPES$1.NUMBER:
             next[name] = entryData || field["default"];
             break;
 
-          case TYPES.BOOLEAN:
+          case TYPES$1.BOOLEAN:
             next[name] = entryData || field["default"];
             break;
 
-          case TYPES.ENTITY:
+          case TYPES$1.ENTITY:
             if (optional === true && !entryData) break;
             var child1 = new ContentType(item);
             next[name] = child1.value(entryData);
             break;
 
-          case TYPES.ARRAY:
-            if (item === TYPES.STRING) {
+          case TYPES$1.ARRAY:
+            if (item === TYPES$1.STRING) {
               next[name] = entryData ? entryData : [];
             } else {
               var child2 = new ContentType(item);
@@ -1852,7 +1852,7 @@ var DataTable = function DataTable(props) {
         item = _ref.item,
         sortable = _ref.sortable;
 
-    var _ref2 = type === TYPES.ENTITY ? [1, Object.values(item).filter(function (v) {
+    var _ref2 = type === TYPES$1.ENTITY ? [1, Object.values(item).filter(function (v) {
       return v.column === true;
     }).length] : [2, 1],
         rowspan = _ref2[0],
@@ -1878,7 +1878,7 @@ var DataTable = function DataTable(props) {
     colSpan: 1
   })), /*#__PURE__*/React.createElement("tr", null, columns.filter(function (_ref3) {
     var type = _ref3.type;
-    return type === TYPES.ENTITY;
+    return type === TYPES$1.ENTITY;
   }).map(function (column) {
     var item = column.item;
     var fields = item ? Object.values(item) : [];
@@ -2120,7 +2120,7 @@ var DataTableCell = function DataTableCell(_ref4) {
     }
   };
 
-  return column.type === TYPES.ENTITY ? /*#__PURE__*/React.createElement(EntityCellViewer, {
+  return column.type === TYPES$1.ENTITY ? /*#__PURE__*/React.createElement(EntityCellViewer, {
     id: column.id,
     item: column.item,
     value: cell
@@ -3055,6 +3055,7 @@ var ImageViewer = function ImageViewer(_ref) {
     draw();
   }, [zoom, offset]);
   return /*#__PURE__*/React.createElement("div", {
+    className: "image-viewer",
     ref: containerRef
   }, /*#__PURE__*/React.createElement("canvas", {
     onMouseDown: handleMouseDown,
@@ -4678,12 +4679,12 @@ var ContentFormField = function ContentFormField(props) {
   var type = props.type;
 
   switch (type) {
-    case TYPES.BOOLEAN:
+    case TYPES$1.BOOLEAN:
       return /*#__PURE__*/React.createElement(CheckBox, _extends({
         key: props.id
       }, props));
 
-    case TYPES.NUMBER:
+    case TYPES$1.NUMBER:
       return /*#__PURE__*/React.createElement(NumberField, _extends({
         key: props.id
       }, props));
@@ -4712,7 +4713,7 @@ var StringField = function StringField(_ref2) {
       value = _ref2.value,
       onChange = _ref2.onChange,
       outlined = _ref2.outlined;
-  var fieldTypes = (_fieldTypes = {}, _fieldTypes[TYPES.NUMBER] = 'number', _fieldTypes[TYPES.DATE] = 'date', _fieldTypes);
+  var fieldTypes = (_fieldTypes = {}, _fieldTypes[TYPES$1.NUMBER] = 'number', _fieldTypes[TYPES$1.DATE] = 'date', _fieldTypes);
 
   function buildOptions() {
     var opts = typeof options === 'function' ? options() : options;
@@ -5218,12 +5219,12 @@ var TaskMonitor = function TaskMonitor(props) {
     }, {
       id: "init",
       label: "Inicio",
-      type: TYPES.STRING,
+      type: TYPES$1.STRING,
       format: FORMATS$1.DATE
     }, {
       id: "end",
       label: "Fin",
-      type: TYPES.STRING,
+      type: TYPES$1.STRING,
       format: FORMATS$1.DATE
     }, {
       id: "description",
@@ -5508,7 +5509,7 @@ var TreededContentEditor = function TreededContentEditor(_ref4) {
       onChange = _ref4.onChange;
   var value = content.value();
   var nodes = Object.values(content.type).filter(function (field) {
-    return field.type === TYPES.ARRAY;
+    return field.type === TYPES$1.ARRAY;
   });
 
   var _useState2 = useState(),
@@ -5601,14 +5602,14 @@ var FieldEditor = function FieldEditor(_ref5) {
       return null;
     } else {
       switch (type) {
-        case TYPES.ENTITY:
+        case TYPES$1.ENTITY:
           return /*#__PURE__*/React.createElement(EntityEditor, {
             field: field,
             value: value1,
             onChange: change
           });
 
-        case TYPES.STRING:
+        case TYPES$1.STRING:
           return /*#__PURE__*/React.createElement(StringEditor, {
             outlined: outlined,
             field: field,
@@ -5617,7 +5618,7 @@ var FieldEditor = function FieldEditor(_ref5) {
             content: content
           });
 
-        case TYPES.BOOLEAN:
+        case TYPES$1.BOOLEAN:
           return /*#__PURE__*/React.createElement(CheckBox, {
             outlined: true,
             id: id,
@@ -5626,7 +5627,7 @@ var FieldEditor = function FieldEditor(_ref5) {
             onChange: change
           });
 
-        case TYPES.NUMBER:
+        case TYPES$1.NUMBER:
           return /*#__PURE__*/React.createElement(NumberEditor, {
             outlined: outlined,
             field: field,
@@ -5634,8 +5635,8 @@ var FieldEditor = function FieldEditor(_ref5) {
             onChange: change
           });
 
-        case TYPES.ARRAY:
-          return item === TYPES.STRING ? options ? /*#__PURE__*/React.createElement(MultiSelectionEditor, {
+        case TYPES$1.ARRAY:
+          return item === TYPES$1.STRING ? options ? /*#__PURE__*/React.createElement(MultiSelectionEditor, {
             content: content,
             field: field,
             value: value1,
@@ -6322,26 +6323,26 @@ var FieldViewer = function FieldViewer(props) {
   if (hidden) return null;
 
   switch (type) {
-    case TYPES.BOOLEAN:
+    case TYPES$1.BOOLEAN:
       return /*#__PURE__*/React.createElement(BooleanViewer, {
         field: field,
         value: value
       });
 
-    case TYPES.STRING:
+    case TYPES$1.STRING:
       return /*#__PURE__*/React.createElement(StringViewer, {
         field: field,
         value: value
       });
 
-    case TYPES.ENTITY:
+    case TYPES$1.ENTITY:
       return /*#__PURE__*/React.createElement(EntityViewer, {
         field: field,
         value: value
       });
 
-    case TYPES.ARRAY:
-      return item === TYPES.STRING ? /*#__PURE__*/React.createElement(ListViewer, {
+    case TYPES$1.ARRAY:
+      return item === TYPES$1.STRING ? /*#__PURE__*/React.createElement(ListViewer, {
         field: field,
         value: value
       }) : /*#__PURE__*/React.createElement(ArrayViewer, {
@@ -6880,7 +6881,7 @@ var CollectionFilters$1 = function CollectionFilters(props) {
       if (filterSchema[key].filter === false) {
         delete filterSchema[key];
       } else {
-        if (filterSchema[key].type === TYPES.ENTITY) {
+        if (filterSchema[key].type === TYPES$1.ENTITY) {
           var fs = filterSchema[key].item;
 
           for (var key in fs) {
@@ -7531,12 +7532,12 @@ var CollectionContext$1 = function CollectionContext(url, field, host, page, fet
 var QUERY = {
   id: {
     id: "id",
-    type: TYPES.STRING,
+    type: TYPES$1.STRING,
     editable: false
   },
   name: {
     id: "name",
-    type: TYPES.STRING,
+    type: TYPES$1.STRING,
     required: true,
     label: "Name"
   }
@@ -8044,7 +8045,7 @@ var TableFilters$2 = function TableFilters(props) {
       if (filterSchema[key].filter === false) {
         delete filterSchema[key];
       } else {
-        if (filterSchema[key].type === TYPES.ENTITY) {
+        if (filterSchema[key].type === TYPES$1.ENTITY) {
           var fs = filterSchema[key].item;
 
           for (var key in fs) {
@@ -9039,7 +9040,7 @@ var TableFilters$1 = function TableFilters(props) {
       if (filterSchema[key].filter === false) {
         delete filterSchema[key];
       } else {
-        if (filterSchema[key].type === TYPES.ENTITY) {
+        if (filterSchema[key].type === TYPES$1.ENTITY) {
           var fs = filterSchema[key].item;
 
           for (var key in fs) {
@@ -10180,7 +10181,7 @@ var TableFilters = function TableFilters(props) {
       if (filterSchema[key].filter === false) {
         delete filterSchema[key];
       } else {
-        if (filterSchema[key].type === TYPES.ENTITY) {
+        if (filterSchema[key].type === TYPES$1.ENTITY) {
           var fs = filterSchema[key].item;
 
           for (var key in fs) {
@@ -10832,33 +10833,12 @@ function _catch(body, recover) {
 
 var CollectionContext = React.createContext();
 var CollectionContextProvider = function CollectionContextProvider(props) {
-  var fetch = function fetch(id) {
-    try {
-      return Promise.resolve(_catch(function () {
-        return Promise.resolve(API.find(id));
-      }, function (error) {
-        console.log(error);
-      }));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
   /*
   async function reloadSelection() {
       const result = await this.fetch(this.selected.id)
       this.selected = result
   }
-     async function create(form) {
-      try {
-          if (versioning) form.version = 1
-          await API.create(form);
-          await this.load();
-      } catch (error) {
-          console.log(error)
-      }
-      return
-  }
-   async function update(form) {
+    async function update(form) {
       try {
           if (versioning) form.version = form.version ? form.version + 1 : 1
           await API.update(form)
@@ -10899,6 +10879,18 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
    */
 
 
+  var fetch = function fetch(id) {
+    try {
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(API.find(id));
+      }, function (error) {
+        console.log(error);
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   var removeCustomFilter = function removeCustomFilter(id) {
     try {
       var next = _extends({}, customFilters);
@@ -11010,7 +11002,6 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
       setSelected = _useState6[1];
 
   useEffect(function () {
-    console.log("CONTEXT LOAD for Filters", filters, customFilters);
     var mounted = true;
 
     var callLoad = function callLoad() {
@@ -11021,7 +11012,6 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
 
     callLoad();
     return function () {
-      console.log("CONTEXT UNMOUNT", filters, customFilters);
       mounted = false;
     };
   }, [filters, customFilters]);
@@ -11066,6 +11056,18 @@ var FORMATS = {
   TOKENS: 'TOKENS'
 };
 
+/**
+ * TYPES
+ */
+var TYPES = {
+  STRING: 'String',
+  NUMBER: 'Number',
+  BOOLEAN: 'Boolean',
+  ARRAY: 'Array',
+  ENTITY: 'Object',
+  FUNCTION: 'Function'
+};
+
 /**
  * Dynamic Form
  */
@@ -11172,7 +11174,7 @@ var DynamicFormField = function DynamicFormField(props) {
           label: label,
           value: value,
           onChange: change,
-          options: options,
+          options: buildOptions(),
           outlined: true
         }) : /*#__PURE__*/React.createElement(TextField, {
           id: id,
@@ -11186,7 +11188,7 @@ var DynamicFormField = function DynamicFormField(props) {
 
   function renderByType() {
     switch (type) {
-      case "boolean":
+      case TYPES.BOOLEAN:
         return /*#__PURE__*/React.createElement(CheckBox, {
           id: id,
           label: field.label,
@@ -11403,7 +11405,8 @@ var CollectionPage = function CollectionPage(props) {
   }, /*#__PURE__*/React.createElement(CollectionContextProvider, {
     host: host,
     url: url,
-    filtersValue: filtersValue
+    filtersValue: filtersValue,
+    versioning: false
   }, /*#__PURE__*/React.createElement(Header, {
     title: title
   }, actions), canFilter ? /*#__PURE__*/React.createElement(CollectionFilters, {
@@ -11424,5 +11427,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, 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, 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, TEXTFORMATS, 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, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, 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, 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, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
 //# sourceMappingURL=index.modern.js.map