@plasmicpkgs/commerce 0.0.57 → 0.0.60

package/dist/commerce.cjs.development.js

@@ -971,7 +971,7 @@ var defaultProduct = {
   options: []
 };
 
-var productSelector = "product";
+var productSelector = "currentProduct";
 function ProductProvider(_ref) {
   var product = _ref.product,
       children = _ref.children;
@@ -988,7 +988,7 @@ var useProduct = function useProduct() {
 };
 var PrimaryCategoryContext = /*#__PURE__*/React__default.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
 
-var categorySelector = "category";
+var categorySelector = "currentCategory";
 function CategoryProvider(_ref2) {
   var category = _ref2.category,
       children = _ref2.children;
@@ -1607,9 +1607,6 @@ var categoryCollectionMeta = {
         }
       }]
     },
-    noLayout: {
-      type: "boolean"
-    },
     emptyMessage: {
       type: "slot",
       defaultValue: {
@@ -1638,6 +1635,16 @@ var categoryCollectionMeta = {
           };
         })) != null ? _ctx$categories$map : [];
       }
+    },
+    noLayout: {
+      type: "boolean",
+      displayName: "No layout",
+      description: "Do not render a container element."
+    },
+    noAutoRepeat: {
+      type: "boolean",
+      displayName: "No auto-repeat",
+      description: "Do not automatically repeat children for every category."
     }
   },
   defaultStyles: {
@@ -1656,6 +1663,7 @@ function CategoryCollection(props) {
 
   var children = props.children,
       noLayout = props.noLayout,
+      noAutoRepeat = props.noAutoRepeat,
       className = props.className,
       loadingMessage = props.loadingMessage,
       emptyMessage = props.emptyMessage,
@@ -1686,7 +1694,7 @@ function CategoryCollection(props) {
   var firstCategoryNotEmptyIndex = (_categories$findIndex = categories == null ? void 0 : categories.findIndex(function (category) {
     return !category.isEmpty;
   })) != null ? _categories$findIndex : -1;
-  var renderedData = categories == null ? void 0 : categories.map(function (category, i) {
+  var renderedData = noAutoRepeat ? children : categories == null ? void 0 : categories.map(function (category, i) {
     return React__default.createElement(CategoryProvider, {
       category: category,
       key: category.id
@@ -1701,11 +1709,14 @@ function CategoryCollection(props) {
     return React__default.isValidElement(emptyMessage) ? emptyMessage : null;
   }
 
-  return React__default.createElement(PrimaryCategoryContext.Provider, {
+  return React__default.createElement(host.DataProvider, {
+    name: "categories",
+    data: categories
+  }, React__default.createElement(PrimaryCategoryContext.Provider, {
     value: firstCategoryNotEmpty != null ? firstCategoryNotEmpty : categories[0]
   }, noLayout ? React__default.createElement(React__default.Fragment, null, renderedData) : React__default.createElement("div", {
     className: className
-  }, renderedData));
+  }, renderedData)));
 }
 function registerCategoryCollection(loader, customCategoryCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
@@ -2118,7 +2129,16 @@ var productCollectionMeta = {
         value: "price-desc"
       }]
     },
-    noLayout: "boolean"
+    noLayout: {
+      type: "boolean",
+      displayName: "No layout",
+      description: "Do not render a container element."
+    },
+    noAutoRepeat: {
+      type: "boolean",
+      displayName: "No auto-repeat",
+      description: "Do not automatically repeat children for every category."
+    }
   },
   defaultStyles: {
     display: "grid",
@@ -2142,6 +2162,7 @@ function ProductCollection(props) {
       includeSubCategories = props.includeSubCategories,
       brand = props.brand,
       noLayout = props.noLayout,
+      noAutoRepeat = props.noAutoRepeat,
       setControlContextData = props.setControlContextData,
       emptyMessage = props.emptyMessage,
       loadingMessage = props.loadingMessage,
@@ -2182,7 +2203,7 @@ function ProductCollection(props) {
     });
   }
 
-  var renderedData = data == null ? void 0 : data.products.map(function (product, i) {
+  var renderedData = noAutoRepeat ? children : data == null ? void 0 : data.products.map(function (product, i) {
     return React__default.createElement(ProductProvider, {
       product: product,
       key: product.id
@@ -2197,9 +2218,12 @@ function ProductCollection(props) {
     return React__default.isValidElement(emptyMessage) ? emptyMessage : null;
   }
 
-  return noLayout ? React__default.createElement(React__default.Fragment, null, renderedData) : React__default.createElement("div", {
+  return React__default.createElement(host.DataProvider, {
+    name: "products",
+    data: data == null ? void 0 : data.products
+  }, noLayout ? React__default.createElement(React__default.Fragment, null, renderedData) : React__default.createElement("div", {
     className: className
-  }, renderedData);
+  }, renderedData));
 }
 function registerProductCollection(loader, customProductCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {