ywana-core8 0.0.436 → 0.0.439

package/dist/index.cjs

@@ -1417,6 +1417,30 @@ var Content = /*#__PURE__*/function () {
   return Content;
 }();
 
+var ColorField = function ColorField(props) {
+  var id = props.id,
+      _props$label = props.label,
+      label = _props$label === void 0 ? "Color" : _props$label,
+      value = props.value,
+      onChange = props.onChange;
+
+  function change(event) {
+    var color = event.target.value;
+    if (onChange) onChange(id, color);
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "color-field"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    htmlFor: id
+  }, label), /*#__PURE__*/React__default["default"].createElement("input", {
+    id: id,
+    type: "color",
+    onChange: change,
+    value: value
+  }));
+};
+
 var isFunction$1 = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
@@ -1816,6 +1840,13 @@ var StringCellViewer = function StringCellViewer(_ref7) {
   var locale = window.navigator.userLanguage || window.navigator.language;
 
   switch (format) {
+    case FORMATS.COLOR:
+      text = /*#__PURE__*/React__default["default"].createElement("input", {
+        type: "color",
+        value: text,
+        disabled: true
+      });
+
     case FORMATS.URL:
       text = /*#__PURE__*/React__default["default"].createElement("a", {
         href: text,
@@ -2819,7 +2850,6 @@ var UploadIcon = function UploadIcon(_ref) {
   React.useEffect(function () {
     if (resumable && iconElement.current) {
       resumable.assignBrowse(iconElement.current);
-      console.log('uploadicon');
     }
   }, [iconElement]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3747,30 +3777,6 @@ var NumberField = function NumberField(_ref3) {
   });
 };
 
-var ColorField = function ColorField(props) {
-  var id = props.id,
-      _props$label = props.label,
-      label = _props$label === void 0 ? "Color" : _props$label,
-      value = props.value,
-      onChange = props.onChange;
-
-  function change(event) {
-    var color = event.target.value;
-    if (onChange) onChange(id, color);
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "color-field"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    htmlFor: id
-  }, label), /*#__PURE__*/React__default["default"].createElement("input", {
-    id: id,
-    type: "color",
-    onChange: change,
-    value: value
-  }));
-};
-
 /**
  * Content Editor
  */
@@ -4215,7 +4221,6 @@ var NumberEditor = function NumberEditor(_ref7) {
   var min = field.min;
   var max = field.max;
   var disabled = !editable;
-  console.log('NumberEditor: ', label, val, value);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "field-editor number-editor"
   }, /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -4684,6 +4689,7 @@ var CollectionPage = function CollectionPage(props) {
       name = _props$name === void 0 ? "Collection 1" : _props$name,
       schema = props.schema,
       url = props.url,
+      page = props.page,
       host = props.host,
       groupBy = props.groupBy,
       editor = props.editor,
@@ -4701,7 +4707,7 @@ var CollectionPage = function CollectionPage(props) {
       pageContext = _useContext[0],
       setPageContext = _useContext[1];
 
-  var context = CollectionContext(url, field, host);
+  var context = CollectionContext(url, field, host, page);
   React.useEffect(function () {
     try {
       return Promise.resolve(context.load()).then(function () {
@@ -5023,7 +5029,7 @@ var CollectionEditor = function CollectionEditor(props) {
  */
 
 
-var CollectionContext = function CollectionContext(url, field, host) {
+var CollectionContext = function CollectionContext(url, field, host, page) {
   var API = CollectionAPI(url, host);
   return {
     all: [],
@@ -5033,7 +5039,7 @@ var CollectionContext = function CollectionContext(url, field, host) {
         var _this2 = this;
 
         var _temp2 = _catch$1(function () {
-          return Promise.resolve(API.all()).then(function (data) {
+          return Promise.resolve(API.all(null, page)).then(function (data) {
             _this2.all = field ? data[field] : data;
           });
         }, function (error) {
@@ -5148,8 +5154,8 @@ var CollectionContext = function CollectionContext(url, field, host) {
 var CollectionAPI = function CollectionAPI(url, host) {
   var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
   return {
-    all: function all(filters) {
-      var queryParams = "?";
+    all: function all(filters, page) {
+      var queryParams = page ? "?page={page}&" : "?";
 
       if (filters) {
         var filterQuery = Object.keys(filters).reduce(function (query, key) {
@@ -5170,7 +5176,7 @@ var CollectionAPI = function CollectionAPI(url, host) {
         queryParams = queryParams.concat(filterQuery);
       }
 
-      return http.GET(url);
+      return http.GET(url + queryParams);
     },
     find: function find(id) {
       return http.GET(url + "/" + id);
@@ -5303,7 +5309,6 @@ var ArrayViewer = function ArrayViewer(props) {
   var columns = Object.keys(item).map(function (key) {
     return item[key]["label"];
   });
-  console.log("ARRAYVIEWER", item, value, columns);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "array-viewer"
   }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
@@ -5736,7 +5741,6 @@ var TableQueries = function TableQueries(props) {
       setSelected = _useState2[1];
 
   function select(query) {
-    console.log("TableQueries.select", query);
     setSelected(query.id);
     pageContext.changeFilters(query.filters);
     setPageContext(Object.assign({}, pageContext));
@@ -6210,7 +6214,6 @@ var TableContext = function TableContext(url, field, host, urlQuery) {
       }
     },
     changeFilters: function changeFilters(filters) {
-      console.log("TableContext.changeFilters", filters);
       this.filters = filters;
     },
     loadQueries: function loadQueries(user) {