@plasmicpkgs/plasmic-strapi 0.1.61 → 0.1.63

package/dist/plasmic-strapi.esm.js

@@ -2,8 +2,9 @@ import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import { DataProvider, repeatedElement, useSelector } from '@plasmicapp/host';
 import { usePlasmicQueryData } from '@plasmicapp/query';
-import { pascalCase } from 'change-case';
+import { stringify } from 'qs';
 import get from 'dlv';
+import { pascalCase } from 'change-case';
 import React, { useContext } from 'react';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -14,33 +15,42 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     reject(error);
     return;
   }
-
   if (info.done) {
     resolve(value);
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-
 function _asyncToGenerator(fn) {
   return function () {
     var self = this,
-        args = arguments;
+      args = arguments;
     return new Promise(function (resolve, reject) {
       var gen = fn.apply(self, args);
-
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
-
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
-
       _next(undefined);
     });
   };
 }
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -53,17 +63,16 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   var runtime = function (exports) {
 
     var Op = Object.prototype;
     var hasOwn = Op.hasOwnProperty;
     var undefined$1; // More compressible than void 0.
-
     var $Symbol = typeof Symbol === "function" ? Symbol : {};
     var iteratorSymbol = $Symbol.iterator || "@@iterator";
     var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
     var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
     function define(obj, key, value) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -73,7 +82,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       });
       return obj[key];
     }
-
     try {
       // IE 8 has a broken Object.defineProperty that only works on DOM objects.
       define({}, "");
@@ -82,19 +90,20 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         return obj[key] = value;
       };
     }
-
     function wrap(innerFn, outerFn, self, tryLocsList) {
       // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
       var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
       var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
+      var context = new Context(tryLocsList || []);
 
+      // The ._invoke method unifies the implementations of the .next,
+      // .throw, and .return methods.
       generator._invoke = makeInvokeMethod(innerFn, self, context);
       return generator;
     }
+    exports.wrap = wrap;
 
-    exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
+    // Try/catch helper to minimize deoptimizations. Returns a completion
     // record like context.tryEntries[i].completion. This interface could
     // have been (and was previously) designed to take a closure to be
     // invoked without arguments, but in all the cases we care about we
@@ -104,7 +113,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     // in every case, so we don't have to touch the arguments object. The
     // only additional allocation required is the completion record, which
     // has a stable shape and so hopefully should be cheap to allocate.
-
     function tryCatch(fn, obj, arg) {
       try {
         return {
@@ -118,46 +126,44 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         };
       }
     }
-
     var GenStateSuspendedStart = "suspendedStart";
     var GenStateSuspendedYield = "suspendedYield";
     var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
+    var GenStateCompleted = "completed";
+
+    // Returning this object from the innerFn has the same effect as
     // breaking out of the dispatch switch statement.
+    var ContinueSentinel = {};
 
-    var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
+    // Dummy constructor functions that we use as the .constructor and
     // .constructor.prototype properties for functions that return Generator
     // objects. For full spec compliance, you may wish to configure your
     // minifier not to mangle the names of these two functions.
-
     function Generator() {}
-
     function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
 
-    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
+    // This is a polyfill for %IteratorPrototype% for environments that
     // don't natively support it.
-
-
     var IteratorPrototype = {};
     define(IteratorPrototype, iteratorSymbol, function () {
       return this;
     });
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-
     if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
       // This environment has a native %IteratorPrototype%; use it instead
       // of the polyfill.
       IteratorPrototype = NativeIteratorPrototype;
     }
-
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
     GeneratorFunction.prototype = GeneratorFunctionPrototype;
     define(Gp, "constructor", GeneratorFunctionPrototype);
     define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
+    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction");
 
+    // Helper for defining the .next, .throw, and .return methods of the
+    // Iterator interface in terms of a single ._invoke method.
     function defineIteratorMethods(prototype) {
       ["next", "throw", "return"].forEach(function (method) {
         define(prototype, method, function (arg) {
@@ -165,14 +171,13 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         });
       });
     }
-
     exports.isGeneratorFunction = function (genFun) {
       var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
+      return ctor ? ctor === GeneratorFunction ||
+      // For the native GeneratorFunction constructor, the best we can
       // do is to check its .name property.
       (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
     };
-
     exports.mark = function (genFun) {
       if (Object.setPrototypeOf) {
         Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
@@ -180,31 +185,27 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         genFun.__proto__ = GeneratorFunctionPrototype;
         define(genFun, toStringTagSymbol, "GeneratorFunction");
       }
-
       genFun.prototype = Object.create(Gp);
       return genFun;
-    }; // Within the body of any async function, `await x` is transformed to
+    };
+
+    // Within the body of any async function, `await x` is transformed to
     // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
     // `hasOwn.call(value, "__await")` to determine if the yielded value is
     // meant to be awaited.
-
-
     exports.awrap = function (arg) {
       return {
         __await: arg
       };
     };
-
     function AsyncIterator(generator, PromiseImpl) {
       function invoke(method, arg, resolve, reject) {
         var record = tryCatch(generator[method], generator, arg);
-
         if (record.type === "throw") {
           reject(record.arg);
         } else {
           var result = record.arg;
           var value = result.value;
-
           if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
             return PromiseImpl.resolve(value.__await).then(function (value) {
               invoke("next", value, resolve, reject);
@@ -212,7 +213,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
               invoke("throw", err, resolve, reject);
             });
           }
-
           return PromiseImpl.resolve(value).then(function (unwrapped) {
             // When a yielded Promise is resolved, its final value becomes
             // the .value of the Promise<{value,done}> result for the
@@ -226,17 +226,15 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
           });
         }
       }
-
       var previousPromise;
-
       function enqueue(method, arg) {
         function callInvokeWithMethodAndArg() {
           return new PromiseImpl(function (resolve, reject) {
             invoke(method, arg, resolve, reject);
           });
         }
-
-        return previousPromise = // If enqueue has been called before, then we want to wait until
+        return previousPromise =
+        // If enqueue has been called before, then we want to wait until
         // all previous Promises have been resolved before calling invoke,
         // so that results are always delivered in the correct order. If
         // enqueue has not been called before, then it is important to
@@ -248,24 +246,25 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         // execute code before the first await. Since we implement simple
         // async functions in terms of async generators, it is especially
         // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
+        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg,
+        // Avoid propagating failures to Promises returned by later
         // invocations of the iterator.
         callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      } // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-
+      }
 
+      // Define the unified helper method that is used to implement .next,
+      // .throw, and .return (see defineIteratorMethods).
       this._invoke = enqueue;
     }
-
     defineIteratorMethods(AsyncIterator.prototype);
     define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
       return this;
     });
-    exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
+    exports.AsyncIterator = AsyncIterator;
+
+    // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
-
     exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
       if (PromiseImpl === void 0) PromiseImpl = Promise;
       var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
@@ -274,39 +273,32 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         return result.done ? result.value : iter.next();
       });
     };
-
     function makeInvokeMethod(innerFn, self, context) {
       var state = GenStateSuspendedStart;
       return function invoke(method, arg) {
         if (state === GenStateExecuting) {
           throw new Error("Generator is already running");
         }
-
         if (state === GenStateCompleted) {
           if (method === "throw") {
             throw arg;
-          } // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-
+          }
 
+          // Be forgiving, per 25.3.3.3.3 of the spec:
+          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
           return doneResult();
         }
-
         context.method = method;
         context.arg = arg;
-
         while (true) {
           var delegate = context.delegate;
-
           if (delegate) {
             var delegateResult = maybeInvokeDelegate(delegate, context);
-
             if (delegateResult) {
               if (delegateResult === ContinueSentinel) continue;
               return delegateResult;
             }
           }
-
           if (context.method === "next") {
             // Setting context._sent for legacy support of Babel's
             // function.sent implementation.
@@ -316,51 +308,44 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
               state = GenStateCompleted;
               throw context.arg;
             }
-
             context.dispatchException(context.arg);
           } else if (context.method === "return") {
             context.abrupt("return", context.arg);
           }
-
           state = GenStateExecuting;
           var record = tryCatch(innerFn, self, context);
-
           if (record.type === "normal") {
             // If an exception is thrown from innerFn, we leave state ===
             // GenStateExecuting and loop back for another invocation.
             state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-
             if (record.arg === ContinueSentinel) {
               continue;
             }
-
             return {
               value: record.arg,
               done: context.done
             };
           } else if (record.type === "throw") {
-            state = GenStateCompleted; // Dispatch the exception by looping back around to the
+            state = GenStateCompleted;
+            // Dispatch the exception by looping back around to the
             // context.dispatchException(context.arg) call above.
-
             context.method = "throw";
             context.arg = record.arg;
           }
         }
       };
-    } // Call delegate.iterator[context.method](context.arg) and handle the
+    }
+
+    // Call delegate.iterator[context.method](context.arg) and handle the
     // result, either by returning a { value, done } result from the
     // delegate iterator, or by modifying context.method and context.arg,
     // setting context.delegate to null, and returning the ContinueSentinel.
-
-
     function maybeInvokeDelegate(delegate, context) {
       var method = delegate.iterator[context.method];
-
       if (method === undefined$1) {
         // A .throw or .return when the delegate iterator has no .throw
         // method always terminates the yield* loop.
         context.delegate = null;
-
         if (context.method === "throw") {
           // Note: ["return"] must be used for ES3 parsing compatibility.
           if (delegate.iterator["return"]) {
@@ -369,51 +354,45 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
             context.method = "return";
             context.arg = undefined$1;
             maybeInvokeDelegate(delegate, context);
-
             if (context.method === "throw") {
               // If maybeInvokeDelegate(context) changed context.method from
               // "return" to "throw", let that override the TypeError below.
               return ContinueSentinel;
             }
           }
-
           context.method = "throw";
           context.arg = new TypeError("The iterator does not provide a 'throw' method");
         }
-
         return ContinueSentinel;
       }
-
       var record = tryCatch(method, delegate.iterator, context.arg);
-
       if (record.type === "throw") {
         context.method = "throw";
         context.arg = record.arg;
         context.delegate = null;
         return ContinueSentinel;
       }
-
       var info = record.arg;
-
       if (!info) {
         context.method = "throw";
         context.arg = new TypeError("iterator result is not an object");
         context.delegate = null;
         return ContinueSentinel;
       }
-
       if (info.done) {
         // Assign the result of the finished delegate to the temporary
         // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
+        context[delegate.resultName] = info.value;
+
+        // Resume execution at the desired location (see delegateYield).
+        context.next = delegate.nextLoc;
 
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
+        // If context.method was "throw" but the delegate handled the
         // exception, let the outer generator proceed normally. If
         // context.method was "next", forget context.arg since it has been
         // "consumed" by the delegate iterator. If context.method was
         // "return", allow the original .return call to continue in the
         // outer generator.
-
         if (context.method !== "return") {
           context.method = "next";
           context.arg = undefined$1;
@@ -421,54 +400,49 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       } else {
         // Re-yield the result returned by the delegate method.
         return info;
-      } // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-
+      }
 
+      // The delegate iterator is finished, so forget it and continue with
+      // the outer generator.
       context.delegate = null;
       return ContinueSentinel;
-    } // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-
+    }
 
+    // Define Generator.prototype.{next,throw,return} in terms of the
+    // unified ._invoke helper method.
     defineIteratorMethods(Gp);
-    define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the
+    define(Gp, toStringTagSymbol, "Generator");
+
+    // A Generator should always return itself as the iterator object when the
     // @@iterator function is called on it. Some browsers' implementations of the
     // iterator prototype chain incorrectly implement this, causing the Generator
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
-
     define(Gp, iteratorSymbol, function () {
       return this;
     });
     define(Gp, "toString", function () {
       return "[object Generator]";
     });
-
     function pushTryEntry(locs) {
       var entry = {
         tryLoc: locs[0]
       };
-
       if (1 in locs) {
         entry.catchLoc = locs[1];
       }
-
       if (2 in locs) {
         entry.finallyLoc = locs[2];
         entry.afterLoc = locs[3];
       }
-
       this.tryEntries.push(entry);
     }
-
     function resetTryEntry(entry) {
       var record = entry.completion || {};
       record.type = "normal";
       delete record.arg;
       entry.completion = record;
     }
-
     function Context(tryLocsList) {
       // The root entry object (effectively a try statement without a catch
       // or a finally block) gives us a place to store values thrown from
@@ -479,97 +453,84 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       tryLocsList.forEach(pushTryEntry, this);
       this.reset(true);
     }
-
     exports.keys = function (object) {
       var keys = [];
-
       for (var key in object) {
         keys.push(key);
       }
+      keys.reverse();
 
-      keys.reverse(); // Rather than returning an object with a next method, we keep
+      // Rather than returning an object with a next method, we keep
       // things simple and return the next function itself.
-
       return function next() {
         while (keys.length) {
           var key = keys.pop();
-
           if (key in object) {
             next.value = key;
             next.done = false;
             return next;
           }
-        } // To avoid creating an additional object, we just hang the .value
+        }
+
+        // To avoid creating an additional object, we just hang the .value
         // and .done properties off the next function object itself. This
         // also ensures that the minifier will not anonymize the function.
-
-
         next.done = true;
         return next;
       };
     };
-
     function values(iterable) {
       if (iterable) {
         var iteratorMethod = iterable[iteratorSymbol];
-
         if (iteratorMethod) {
           return iteratorMethod.call(iterable);
         }
-
         if (typeof iterable.next === "function") {
           return iterable;
         }
-
         if (!isNaN(iterable.length)) {
           var i = -1,
-              next = function next() {
-            while (++i < iterable.length) {
-              if (hasOwn.call(iterable, i)) {
-                next.value = iterable[i];
-                next.done = false;
-                return next;
+            next = function next() {
+              while (++i < iterable.length) {
+                if (hasOwn.call(iterable, i)) {
+                  next.value = iterable[i];
+                  next.done = false;
+                  return next;
+                }
               }
-            }
-
-            next.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
+              next.value = undefined$1;
+              next.done = true;
+              return next;
+            };
           return next.next = next;
         }
-      } // Return an iterator with no values.
-
+      }
 
+      // Return an iterator with no values.
       return {
         next: doneResult
       };
     }
-
     exports.values = values;
-
     function doneResult() {
       return {
         value: undefined$1,
         done: true
       };
     }
-
     Context.prototype = {
       constructor: Context,
       reset: function reset(skipTempReset) {
         this.prev = 0;
-        this.next = 0; // Resetting context._sent for legacy support of Babel's
+        this.next = 0;
+        // Resetting context._sent for legacy support of Babel's
         // function.sent implementation.
-
         this.sent = this._sent = undefined$1;
         this.done = false;
         this.delegate = null;
         this.method = "next";
         this.arg = undefined$1;
         this.tryEntries.forEach(resetTryEntry);
-
         if (!skipTempReset) {
           for (var name in this) {
             // Not sure about the optimal order of these conditions:
@@ -583,50 +544,40 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         this.done = true;
         var rootEntry = this.tryEntries[0];
         var rootRecord = rootEntry.completion;
-
         if (rootRecord.type === "throw") {
           throw rootRecord.arg;
         }
-
         return this.rval;
       },
       dispatchException: function dispatchException(exception) {
         if (this.done) {
           throw exception;
         }
-
         var context = this;
-
         function handle(loc, caught) {
           record.type = "throw";
           record.arg = exception;
           context.next = loc;
-
           if (caught) {
             // If the dispatched exception was caught by a catch block,
             // then let that catch block handle the exception normally.
             context.method = "next";
             context.arg = undefined$1;
           }
-
           return !!caught;
         }
-
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
           var record = entry.completion;
-
           if (entry.tryLoc === "root") {
             // Exception thrown outside of any try block that could handle
             // it, so set the completion value of the entire function to
             // throw the exception.
             return handle("end");
           }
-
           if (entry.tryLoc <= this.prev) {
             var hasCatch = hasOwn.call(entry, "catchLoc");
             var hasFinally = hasOwn.call(entry, "finallyLoc");
-
             if (hasCatch && hasFinally) {
               if (this.prev < entry.catchLoc) {
                 return handle(entry.catchLoc, true);
@@ -650,36 +601,30 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       abrupt: function abrupt(type, arg) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
             var finallyEntry = entry;
             break;
           }
         }
-
         if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
           // Ignore the finally entry if control is not jumping to a
           // location outside the try/catch block.
           finallyEntry = null;
         }
-
         var record = finallyEntry ? finallyEntry.completion : {};
         record.type = type;
         record.arg = arg;
-
         if (finallyEntry) {
           this.method = "next";
           this.next = finallyEntry.finallyLoc;
           return ContinueSentinel;
         }
-
         return this.complete(record);
       },
       complete: function complete(record, afterLoc) {
         if (record.type === "throw") {
           throw record.arg;
         }
-
         if (record.type === "break" || record.type === "continue") {
           this.next = record.arg;
         } else if (record.type === "return") {
@@ -689,13 +634,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         } else if (record.type === "normal" && afterLoc) {
           this.next = afterLoc;
         }
-
         return ContinueSentinel;
       },
       finish: function finish(finallyLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.finallyLoc === finallyLoc) {
             this.complete(entry.completion, entry.afterLoc);
             resetTryEntry(entry);
@@ -706,21 +649,18 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       "catch": function _catch(tryLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc === tryLoc) {
             var record = entry.completion;
-
             if (record.type === "throw") {
               var thrown = record.arg;
               resetTryEntry(entry);
             }
-
             return thrown;
           }
-        } // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-
+        }
 
+        // The context.catch method must only be called with a location
+        // argument that corresponds to a known catch block.
         throw new Error("illegal catch attempt");
       },
       delegateYield: function delegateYield(iterable, resultName, nextLoc) {
@@ -729,27 +669,26 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
           resultName: resultName,
           nextLoc: nextLoc
         };
-
         if (this.method === "next") {
           // Deliberately forget the last sent value so that we don't
           // accidentally pass it on to the delegate.
           this.arg = undefined$1;
         }
-
         return ContinueSentinel;
       }
-    }; // Regardless of whether this script is executing as a CommonJS module
+    };
+
+    // Regardless of whether this script is executing as a CommonJS module
     // or not, return the runtime object so that we can declare the variable
     // regeneratorRuntime in the outer scope, which allows this module to be
     // injected easily by `bin/regenerator --include-runtime script.js`.
-
     return exports;
-  }( // If this script is executing as a CommonJS module, use module.exports
+  }(
+  // If this script is executing as a CommonJS module, use module.exports
   // as the regeneratorRuntime namespace. Otherwise create a new empty
   // object. Either way, the resulting object will be used to initialize
   // the regeneratorRuntime variable at the top of this file.
    module.exports );
-
   try {
     regeneratorRuntime = runtime;
   } catch (accidentalStrictMode) {
@@ -771,6 +710,41 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
   }
 });
 
+var queryParameters = [{
+  value: '$eq',
+  label: 'Equal'
+}, {
+  value: '$ne',
+  label: 'Not equal'
+}, {
+  value: '$lt',
+  label: 'Less than'
+}, {
+  value: '$lte',
+  label: 'Less than or equal to'
+}, {
+  value: '$gt',
+  label: 'Greater than'
+}, {
+  value: '$gte',
+  label: 'Greater than or equal to'
+}, {
+  value: '$in',
+  label: 'Included in an array'
+}, {
+  value: '$notIn',
+  label: 'Not included in an array'
+}, {
+  value: '$contains',
+  label: 'Contains'
+}, {
+  value: '$notContains',
+  label: 'Does not contain'
+}];
+var uniq = function uniq(xs) {
+  return Array.from(new Set(xs));
+};
+
 function ensure(x) {
   if (x === null || x === undefined) {
     debugger;
@@ -780,11 +754,9 @@ function ensure(x) {
   }
 }
 var modulePath = "@plasmicpkgs/plasmic-strapi";
-
 var makeDataProviderName = function makeDataProviderName(collection) {
   return "currentStrapi" + pascalCase(collection) + "Item";
 };
-
 var CredentialsContext = /*#__PURE__*/React.createContext(undefined);
 var strapiCredentialsProviderMeta = {
   name: "StrapiCredentialsProvider",
@@ -809,10 +781,9 @@ var strapiCredentialsProviderMeta = {
 };
 function StrapiCredentialsProvider(_ref) {
   var _host;
-
   var host = _ref.host,
-      token = _ref.token,
-      children = _ref.children;
+    token = _ref.token,
+    children = _ref.children;
   host = ((_host = host) == null ? void 0 : _host.slice(-1)) === "/" ? host.slice(0, -1) : host;
   return React.createElement(CredentialsContext.Provider, {
     value: {
@@ -853,32 +824,87 @@ var strapiCollectionMeta = {
       description: "Name of the collection to be fetched.",
       defaultValueHint: "restaurants"
     },
+    filterField: {
+      type: "choice",
+      displayName: "Filter field",
+      description: "Field (from Collection) to filter by",
+      options: function options(props, ctx) {
+        var _ctx$strapiFields;
+        return (_ctx$strapiFields = ctx == null ? void 0 : ctx.strapiFields) != null ? _ctx$strapiFields : [];
+      },
+      hidden: function hidden(props, ctx) {
+        return !props.name;
+      }
+    },
+    filterParameter: {
+      type: "choice",
+      displayName: "Filter Parameter",
+      description: "Field Parameter filter by",
+      options: function options(props, ctx) {
+        return queryParameters.map(function (item) {
+          return {
+            label: item == null ? void 0 : item.label,
+            value: item == null ? void 0 : item.value
+          };
+        });
+      },
+      hidden: function hidden(props, ctx) {
+        return !props.filterField;
+      }
+    },
+    filterValue: {
+      type: "string",
+      displayName: "Filter value",
+      description: "Value to filter by, should be of filter field type",
+      hidden: function hidden(props, ctx) {
+        return !props.filterParameter;
+      }
+    },
+    limit: {
+      type: "number",
+      displayName: "Limit",
+      description: "Maximum n umber of collections to fetch (0 for unlimited)."
+    },
     noLayout: {
       type: "boolean",
       displayName: "No layout",
       description: "When set, Strapi Collection will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.",
       defaultValue: false
+    },
+    noAutoRepeat: {
+      type: "boolean",
+      displayName: "No auto-repeat",
+      description: "Do not automatically repeat children for every category.",
+      defaultValue: false
     }
   }
 };
 function StrapiCollection(_ref2) {
   var name = _ref2.name,
-      children = _ref2.children,
-      className = _ref2.className,
-      noLayout = _ref2.noLayout;
+    filterParameter = _ref2.filterParameter,
+    filterValue = _ref2.filterValue,
+    filterField = _ref2.filterField,
+    limit = _ref2.limit,
+    children = _ref2.children,
+    className = _ref2.className,
+    noLayout = _ref2.noLayout,
+    noAutoRepeat = _ref2.noAutoRepeat,
+    setControlContextData = _ref2.setControlContextData;
   var creds = ensure(useContext(CredentialsContext));
-
   if (!creds.host) {
     return React.createElement("div", null, "Please specify a host.");
   }
-
-  var query = creds.host + "/api/" + name + "?populate=*";
+  var query = creds.host + "/api/" + name;
   var cacheKey = JSON.stringify({
     creds: creds,
-    name: name
+    name: name,
+    filterField: filterField,
+    filterValue: filterValue,
+    filterParameter: filterParameter
   });
   var data = usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-    var requestInit, resp;
+    var _filterField, _filters;
+    var requestInit, queryParams, resp;
     return runtime_1.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -887,45 +913,76 @@ function StrapiCollection(_ref2) {
               _context.next = 2;
               break;
             }
-
             return _context.abrupt("return", null);
-
           case 2:
             requestInit = {
               method: "GET"
             };
-
             if (creds.token) {
               requestInit.headers = {
                 Authorization: "Bearer " + creds.token
               };
             }
-
-            _context.next = 6;
-            return fetch(query, requestInit);
-
-          case 6:
+            queryParams = stringify(_extends({}, filterField && filterParameter && filterValue ? {
+              filters: (_filters = {}, _filters[filterField] = (_filterField = {}, _filterField[filterParameter] = filterValue, _filterField), _filters)
+            } : {}, {
+              populate: "*"
+            }));
+            _context.next = 7;
+            return fetch(query + "?" + queryParams, requestInit);
+          case 7:
             resp = _context.sent;
             return _context.abrupt("return", resp.json());
-
-          case 8:
+          case 9:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
   })));
-
   if (!(data != null && data.data)) {
     return React.createElement("div", null, "Please configure the Strapi provider with a valid host and token.");
   }
-
   if (!get(data.data, ["data"])) {
     return React.createElement("div", null, "Please specify a valid collection.");
   }
-
-  var collection = get(data.data, ["data"]);
-  var repElements = collection.map(function (item, index) {
+  var collectionData = get(data.data, ["data"]);
+  var filterFieds = collectionData.flatMap(function (item) {
+    var attributes = get(item, ["attributes"]);
+    var displayableFields = Object.keys(attributes).filter(function (field) {
+      var _value$data, _value$data$attribute;
+      var value = attributes[field];
+      var maybeMime = (_value$data = value.data) == null ? void 0 : (_value$data$attribute = _value$data.attributes) == null ? void 0 : _value$data$attribute.mime;
+      return typeof value !== "object" || typeof maybeMime === "string" && maybeMime.startsWith("image");
+    });
+    return displayableFields;
+  });
+  setControlContextData == null ? void 0 : setControlContextData({
+    strapiFields: uniq(filterFieds != null ? filterFieds : [])
+  });
+  if (filterParameter && !filterValue && !filterField) {
+    return React.createElement("div", null, "Please specify a Filter Field and a Filter Value");
+  }
+  if (!filterParameter && filterValue && !filterField) {
+    return React.createElement("div", null, "Please specify a Filter Parameter and a Filter Field");
+  }
+  if (!filterParameter && !filterValue && filterField) {
+    return React.createElement("div", null, "Please specify a Filter Parameter and a Filter Value");
+  }
+  if (filterParameter && filterValue && !filterField) {
+    return React.createElement("div", null, "Please specify a Filter Field");
+  }
+  if (!filterParameter && filterValue && filterField) {
+    return React.createElement("div", null, "Please specify a Filter Parameter");
+  }
+  if (filterParameter && !filterValue && filterField) {
+    return React.createElement("div", null, "Please specify a Filter Value");
+  }
+  var collection = limit > 0 ? collectionData.slice(0, limit) : collectionData;
+  if (collection.length === 0) {
+    return React.createElement("div", null, "No collection found ");
+  }
+  var repElements = noAutoRepeat ? children : collection.map(function (item, index) {
     return React.createElement(DataProvider, {
       key: item.id,
       name: "strapiItem",
@@ -936,9 +993,12 @@ function StrapiCollection(_ref2) {
       data: item
     }, repeatedElement(index, children)));
   });
-  return noLayout ? React.createElement(React.Fragment, null, " ", repElements, " ") : React.createElement("div", {
+  return React.createElement(DataProvider, {
+    name: "strapiItems",
+    data: collection
+  }, noLayout ? React.createElement(React.Fragment, null, " ", repElements, " ") : React.createElement("div", {
     className: className
-  }, " ", repElements, " ");
+  }, " ", repElements, " "));
 }
 var strapiFieldMeta = {
   name: "StrapiField",
@@ -950,7 +1010,6 @@ var strapiFieldMeta = {
       type: "choice",
       options: function options(props, ctx) {
         var _ctx$fields;
-
         return (_ctx$fields = ctx == null ? void 0 : ctx.fields) != null ? _ctx$fields : [];
       },
       displayName: "Field",
@@ -960,41 +1019,34 @@ var strapiFieldMeta = {
 };
 function StrapiField(_ref4) {
   var _data$data, _data$data$attributes;
-
   var className = _ref4.className,
-      path = _ref4.path,
-      setControlContextData = _ref4.setControlContextData;
+    path = _ref4.path,
+    setControlContextData = _ref4.setControlContextData;
   var item = useSelector("strapiItem");
-
   if (!item) {
     return React.createElement("div", null, "StrapiField must be used within a StrapiCollection");
-  } // Getting only fields that aren't objects
-
-
+  }
+  // Getting only fields that aren't objects
   var attributes = get(item, ["attributes"]);
   var displayableFields = Object.keys(attributes).filter(function (field) {
-    var _value$data, _value$data$attribute;
-
+    var _value$data2, _value$data2$attribut;
     var value = attributes[field];
-    var maybeMime = (_value$data = value.data) == null ? void 0 : (_value$data$attribute = _value$data.attributes) == null ? void 0 : _value$data$attribute.mime;
+    var maybeMime = (_value$data2 = value.data) == null ? void 0 : (_value$data2$attribut = _value$data2.attributes) == null ? void 0 : _value$data2$attribut.mime;
     return typeof value !== "object" || typeof maybeMime === "string" && maybeMime.startsWith("image");
   });
   setControlContextData == null ? void 0 : setControlContextData({
     fields: displayableFields,
     isImage: false
   });
-
   if (!path) {
     return React.createElement("div", null, "StrapiField must specify a field name.");
   }
-
   var data = get(item, ["attributes", path]);
   var maybeMime = data == null ? void 0 : (_data$data = data.data) == null ? void 0 : (_data$data$attributes = _data$data.attributes) == null ? void 0 : _data$data$attributes.mime;
   setControlContextData == null ? void 0 : setControlContextData({
     fields: displayableFields,
     isImage: typeof maybeMime === "string" && maybeMime.startsWith("image")
   });
-
   if (!data) {
     return React.createElement("div", null, "Please specify a valid field name.");
   } else if (typeof maybeMime === "string" && maybeMime.startsWith("image")) {
@@ -1024,15 +1076,12 @@ function registerAll(loader) {
       registerComponent(Component, defaultMeta);
     }
   };
-
   if (loader) {
     loader.registerGlobalContext(StrapiCredentialsProvider, strapiCredentialsProviderMeta);
   } else {
     registerGlobalContext(StrapiCredentialsProvider, strapiCredentialsProviderMeta);
   }
-
   _registerComponent(StrapiCollection, strapiCollectionMeta);
-
   _registerComponent(StrapiField, strapiFieldMeta);
 }