Repeater Block

src/__block-container-template/block.json

@@ -4,7 +4,13 @@
 	"title": "New Block",
 	"description": "A new block.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Keywords that are not in the title"
 	],

src/__block-template/block.json

@@ -4,7 +4,13 @@
 	"title": "New Block",
 	"description": "A new block.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Keywords that are not in the title"
 	],

src/block-components/typography/index.js

@@ -20,6 +20,7 @@ import { useDynamicContent } from '~stackable/components/dynamic-content-control
 /**
  * WordPress dependencies
  */
+import { Spinner } from '@wordpress/components'
 import { RichText } from '@wordpress/block-editor'
 import {
 	useEffect,
@@ -92,6 +93,9 @@ export const Typography = memo( forwardRef( ( props, ref ) => {
 	}, [ debouncedText, onChange ] ) // Don't include `value` in the dependency list because it will cause a double triggering of the `onChange`.
 
 	const dynamicContentText = useDynamicContent( debouncedText )
+	if ( dynamicContentText.includes( 'data-stk-dynamic=' ) && dynamicContentText.includes( '></span>' ) ) {
+		return <Spinner />
+	}
 
 	if ( ! editable ) {
 		return <TagName className={ className }>{ dynamicContentText }</TagName>

src/block/accordion/block.json

@@ -4,7 +4,13 @@
 	"title": "Accordion",
 	"description": "A title that your visitors can toggle to view more text. Use as FAQs or multiple ones for an Accordion.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Toggle",
 		"Faq"

src/block/blockquote/block.json

@@ -4,7 +4,13 @@
 	"title": "Blockquote",
 	"description": "Display a quote in style",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"textdomain": "stackable-ultimate-gutenberg-blocks",
 	"stk-type": "section",
 	"stk-demo": "https://wpstackable.com/blockquote-block/?utm_source=welcome&utm_medium=settings&utm_campaign=view_demo&utm_content=demolink"

src/block/button-group/block.json

@@ -4,7 +4,13 @@
 	"title": "Button Group",
 	"description": "Add a customizable button.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Link"
 	],

src/block/button/block.json

@@ -4,7 +4,13 @@
 	"title": "Button",
 	"description": "Add a customizable button.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"parent": [
 		"stackable/button-group"
 	],

src/block/call-to-action/block.json

@@ -4,7 +4,13 @@
 	"title": "Call to Action",
 	"description": "A small section you can use to call the attention of your visitors. Great for calling attention to your products or deals.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"providesContext": {
 		"stackable/innerBlockOrientation": "innerBlockOrientation"
 	},

src/block/card/block.json

@@ -4,7 +4,13 @@
 	"title": "Card",
 	"description": "Describe a single subject in a small card. You can use this to describe your product, service or a person.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"providesContext": {
 		"stackable/innerBlockOrientation": "innerBlockOrientation"
 	},

src/block/carousel/block.json

@@ -4,7 +4,13 @@
 	"title": "Carousel",
 	"description": "A carousel slider.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Slider"
 	],

src/block/column/block.json

@@ -4,7 +4,14 @@
 	"title": "Inner Column",
 	"description": "A single column with advanced layout options.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId", "stackable/innerBlockOrientation", "stackable/columnWrapDesktop" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/columnWrapDesktop",
+		"stackable/repeaterValue"
+	],
 	"providesContext": {
 		"stackable/innerBlockOrientation": "innerBlockOrientation"
 	},

src/block/columns/block.json

@@ -7,7 +7,8 @@
 	"usesContext": [
 		"postId",
 		"postType",
-		"queryId"
+		"queryId",
+		"stackable/repeaterValue"
 	],
 	"keywords": [
 		"Section rows",

src/block/count-up/block.json

@@ -4,7 +4,13 @@
 	"title": "Count Up",
 	"description": "Showcase your stats. Display how many customers you have or the number of downloads of your app.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Number"
 	],

src/block/countdown/block.json

@@ -4,7 +4,13 @@
 	"title": "Countdown",
 	"description": "Display a countdown timer on your website.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Timer"
 	],

src/block/design-library/block.json

@@ -8,7 +8,8 @@
 		"postId",
 		"postType",
 		"queryId",
-		"stackable/innerBlockOrientation"
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
 	],
 	"keywords": [
 		"Template"

src/block/divider/block.json

@@ -4,7 +4,13 @@
 	"title": "Divider",
 	"description": "Add a pause between your content.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Horizontal Rule",
 		"HR"

src/block/expand/block.json

@@ -4,7 +4,13 @@
 	"title": "Expand / Show More",
 	"description": "Display a small snippet of text. Your readers can toggle it to show more information.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Hide",
 		"Less"

src/block/feature-grid/block.json

@@ -4,7 +4,13 @@
 	"title": "Feature Grid",
 	"description": "Display multiple product features or services. You can use Feature Grids one after another.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"providesContext": {
 		"stackable/columnWrapDesktop": "columnWrapDesktop"
 	},

src/block/feature/block.json

@@ -4,7 +4,13 @@
 	"title": "Feature",
 	"description": "Display a product feature or a service in a large area.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"providesContext": {
 		"stackable/columnWrapDesktop": "columnWrapDesktop"
 	},

src/block/heading/block.json

@@ -4,7 +4,13 @@
 	"title": "Heading",
 	"description": "Introduce new sections of your content in style.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Title"
 	],

src/block/hero/block.json

@@ -8,7 +8,8 @@
 		"postId",
 		"postType",
 		"queryId",
-		"stackable/innerBlockOrientation"
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
 	],
 	"providesContext": {
 		"stackable/innerBlockOrientation": "innerBlockOrientation"

src/block/horizontal-scroller/block.json

@@ -4,7 +4,13 @@
 	"title": "Horizontal Scroller",
 	"description": "A slider that scrolls horizontally.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId", "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Slider",
 		"Carousel"

src/block/icon-box/block.json

@@ -8,7 +8,8 @@
 		"postId",
 		"postType",
 		"queryId",
-		"stackable/innerBlockOrientation"
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
 	],
 	"textdomain": "stackable-ultimate-gutenberg-blocks",
 	"stk-type": "section",

src/block/icon-button/block.json

@@ -4,7 +4,13 @@
 	"title": "Icon Button",
 	"description": "Add a customizable button.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"parent": [
 		"stackable/button-group"
 	],

src/block/icon-label/block.json

@@ -8,7 +8,8 @@
 		"postId",
 		"postType",
 		"queryId",
-		"stackable/innerBlockOrientation"
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
 	],
 	"keywords": [
 		"SVG"

src/block/icon-list-item/block.json

@@ -4,7 +4,15 @@
 	"title": "Icon List Item",
 	"description": "A single list entry in the Icon List block",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation", "stackable/ordered", "stackable/uniqueId" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/ordered",
+		"stackable/uniqueId",
+		"stackable/repeaterValue"
+	],
 	"keywords": [],
 	"parent": [
 		"stackable/icon-list"

src/block/icon-list/block.json

@@ -4,7 +4,13 @@
 	"title": "Icon List",
 	"description": "An unordered list with icons. You can use this as a list of features or benefits.",
 	"category": "stackable",
-	"usesContext": [ "postId", "postType", "queryId" , "stackable/innerBlockOrientation" ],
+	"usesContext": [
+		"postId",
+		"postType",
+		"queryId",
+		"stackable/innerBlockOrientation",
+		"stackable/repeaterValue"
+	],
 	"keywords": [
 		"Checklist",
 		"Bullets",