ywana-core8 0.0.437 → 0.0.440

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,
@@ -3746,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
  */
@@ -4682,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,
@@ -4699,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 () {
@@ -5021,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: [],
@@ -5031,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) {
@@ -5146,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) {
@@ -5168,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);