updates

- add default placeholder
- fix adding background scheme
- fix adding margins on root

Author: kaeizen

src/block/design-library/edit.js

@@ -20,7 +20,7 @@ import { substitutionRules } from '../../blocks'
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n'
-import { dispatch } from '@wordpress/data'
+import { dispatch, select } from '@wordpress/data'
 import {
 	createBlock, createBlocksFromInnerBlocksTemplate, getBlockVariations, getBlockType,
 } from '@wordpress/blocks'
@@ -75,7 +75,7 @@ const checkIfImageUrl = async value => {
 }
 
 // Replaces the current block with a block made out of attributes.
-const createBlockWithAttributes = async ( blockName, attributes, innerBlocks, substituteBlocks ) => {
+const createBlockWithAttributes = async ( blockName, attributes, innerBlocks, substituteBlocks, parentClientId ) => {
 	const disabledBlocks = settings.stackable_block_states || {} // eslint-disable-line camelcase
 
 	// Recursively substitute core blocks to disabled Stackable blocks
@@ -162,14 +162,14 @@ const createBlockWithAttributes = async ( blockName, attributes, innerBlocks, su
 	attributes = block[ 0 ].attributes
 	innerBlocks = block[ 0 ].innerBlocks
 
-	if ( attributes.hasBackground ) {
+	if ( ! parentClientId && attributes.hasBackground ) {
 		attributes.blockMargin = {
 			top: '',
 			right: '',
 			bottom: '0',
 			left: '',
 		}
-	} else {
+	} else if ( ! parentClientId ) {
 		attributes.blockMargin = {
 			top: '120',
 			right: '',
@@ -199,6 +199,9 @@ const Edit = props => {
 	} )
 
 	const addDesigns = async substituteBlocks => {
+		const { getBlockRootClientId } = select( 'core/block-editor' )
+		const parentClientId = getBlockRootClientId( clientId )
+
 		if ( ! designsRef.current?.length ) {
 			console.error( 'Design library selection failed: No designs found' ) // eslint-disable-line no-console
 		}
@@ -211,7 +214,7 @@ const Edit = props => {
 				name, attributes, innerBlocks,
 			} = designData
 			if ( name && attributes ) {
-				const block = await createBlockWithAttributes( name, applyFilters( 'stackable.design-library.attributes', attributes ), innerBlocks || [], substituteBlocks )
+				const block = await createBlockWithAttributes( name, applyFilters( 'stackable.design-library.attributes', attributes ), innerBlocks || [], substituteBlocks, parentClientId )
 				blocks.push( block )
 			} else {
 				console.error( 'Design library selection failed: No block data found' ) // eslint-disable-line no-console

src/components/design-library-list/default.json

@@ -1,4 +1,39 @@
 {
+	"Call to Action": {
+		"heading_placeholder": "Transform Your Business Today",
+		"description_placeholder": "Unlock your full potential with our cutting-edge solutions. We empower businesses of all sizes to achieve their goals through innovative technology and unparalleled support.",
+		"kicker_placeholder": "Seize the Opportunity",
+		"btn-1_placeholder": "Get Started Now",
+		"btn-2_placeholder": "Learn More",
+		"item-1_placeholder": "Streamline your operations and boost efficiency.",
+		"item-2_placeholder": "Gain actionable insights with advanced analytics."
+	},
+	"Card": {
+		"heading_placeholder": "Unlock Your Full Potential",
+		"long-description_placeholder": "At XYZ Company, we partner for your growth. Our solutions leverage cutting-edge technology, provide expert guidance, and ensure seamless integration for measurable results. We empower you with the tools and support to confidently navigate challenges, building your success on innovation and reliability.",
+		"description_placeholder": "Discover how our comprehensive solutions empower your journey.",
+		"subtitle_placeholder": "Your Path to Innovation and Growth",
+		"title_placeholder": "Solutions Designed to Propel You Forward",
+		"c-btn_placeholder": "Learn More",
+		"c-title-1_placeholder": "Innovative Solutions",
+		"c-subtitle-1_placeholder": "Cutting-Edge Technology",
+		"c-description-1_placeholder": "Discover how our advanced solutions can revolutionize your approach, providing efficiency and unprecedented growth.",
+		"c-title-2_placeholder": "Expert Guidance",
+		"c-subtitle-2_placeholder": "Personalized Support",
+		"c-description-2_placeholder": "Benefit from our team's extensive knowledge and receive tailored advice to meet your unique challenges.",
+		"c-title-3_placeholder": "Seamless Integration",
+		"c-subtitle-3_placeholder": "Effortless Setup",
+		"c-description-3_placeholder": "Our products are designed for easy integration, ensuring a smooth transition and immediate productivity.",
+		"c-title-4_placeholder": "Measurable Results",
+		"c-subtitle-4_placeholder": "Data-Driven Outcomes",
+		"c-description-4_placeholder": "Track your progress with comprehensive analytics and see the tangible impact of our services on your goals.",
+		"c-title-5_placeholder": "Community & Support",
+		"c-subtitle-5_placeholder": "Connect and Collaborate",
+		"c-description-5_placeholder": "Join a thriving community of users and access dedicated support to help you every step of the way.",
+		"c-title-6_placeholder": "Future-Proof Design",
+		"c-subtitle-6_placeholder": "Scalable and Adaptable",
+		"c-description-6_placeholder": "Invest in solutions built for tomorrow, with the flexibility to grow and evolve with your needs."
+	},
 	"FAQ": {
 		"heading_placeholder": "Frequently Asked Questions (FAQs)",
 		"description_placeholder": "Find answers to the most common questions about [Your Product/Service]. If you can't find what you're looking for here, please contact us.",
@@ -26,5 +61,125 @@
 
 		"question-8_placeholder": "How can I provide feedback?",
     	"answer-8_placeholder": "We highly value your feedback as it helps us improve. You can provide feedback through several methods: Use the feedback form on our website, or email your suggestions or comments to [email protected]. You can also participate in surveys. We review all feedback submitted."
+	},
+	"Gallery": {
+		"heading_placeholder": "Nature's Grand Canvas",
+		"description_placeholder": "Explore breathtaking landscapes and the serene beauty of our planet. Each image unveils a unique story from the heart of nature.",
+		"kicker_placeholder": "Earth's Masterpieces",
+		"btn_placeholder": "Explore More",
+		"img-subtitle-1_placeholder": "Dolomite Majesty",
+		"img-title-1_placeholder": "Peaks of Tre Cime di Lavaredo",
+		"img-description-1_placeholder": "Towering rock formations of the Dolomites, including the formidable Tre Cime di Lavaredo, emerge through a misty sky, showcasing raw geological power.",
+
+		"img-subtitle-2_placeholder": "Alpine Valleys",
+		"img-title-2_placeholder": "South Tyrol's Autumn Embrace",
+		"img-description-2_placeholder": "A tranquil scene in South Tyrol, Italy, where golden larch trees dot verdant hillsides, backed by snow-dusted mountains under a soft light.",
+
+		"img-subtitle-3_placeholder": "Winter Wonderland",
+		"img-title-3_placeholder": "Phelps Lake Winter Reflection",
+		"img-description-3_placeholder": "A serene winter landscape featuring Phelps Lake, perfectly mirroring snow-covered mountains and frost-dusted pine trees under a clear, crisp sky.",
+
+		"img-subtitle-4_placeholder": "Twilight Glow",
+		"img-title-4_placeholder": "Valley Lights at Dusk",
+		"img-description-4_placeholder": "As twilight settles, a valley below glows with the golden lights of a town, nestled against dark, silhouetted mountains under a streaked sky.",
+
+		"img-subtitle-5_placeholder": "Ethereal Forest",
+		"img-title-5_placeholder": "Misty Woodland Pathways",
+		"img-description-5_placeholder": "A hauntingly beautiful forest shrouded in mist, where tall, bare trees stand solemnly above a carpet of rust-colored ferns, creating a sense of deep mystery.",
+
+		"img-subtitle-6_placeholder": "Autumn Slopes",
+		"img-title-6_placeholder": "Golden Larches of the Alps",
+		"img-description-6_placeholder": "A stunning view across a mountain valley where vibrant golden larch trees cascade down slopes, contrasting with darker evergreens and distant peaks.",
+		"img-subtitle-7_placeholder": "Dolomite Grandeur",
+		"img-title-7_placeholder": "Pale di San Martino's Fiery Peaks",
+		"img-description-7_placeholder": "The dramatic, sun-kissed peaks of the Pale di San Martino in the Dolomites catch the warm light, revealing their rugged textures and imposing scale.",
+		"img-subtitle-8_placeholder": "Reflective Waters",
+		"img-title-8_placeholder": "Lago di Limides Mirror",
+		"img-description-8_placeholder": "The still, clear waters of Lago di Limides flawlessly reflect the cloudy sky and distant, mist-shrouded Dolomites, framed by pine trees along the shore."
+	},
+	"Hero": {
+		"heading_placeholder": "Elevate Your Digital Future",
+		"long-description_placeholder": "At XYZ Company, we don't just build products; we forge partnerships. Our dedicated team works tirelessly to understand your unique challenges, crafting tailored strategies for sustainable growth. From concept to execution, we ensure a seamless and transformative experience.",
+		"description_placeholder": "Driving global business growth through innovative solutions and unparalleled expertise.",
+		"kicker_placeholder": "Future-Ready Solutions",
+		"btn-1_placeholder": "Get Started Today",
+		"btn-2_placeholder": "Learn More",
+		"item-1_placeholder": "Scalable Solutions",
+		"item-2_placeholder": "Expert Guidance",
+		"item-3_placeholder": "Proven Impact",
+		"metric-1_placeholder": "10M",
+		"metric-label-1_placeholder": "Users Engaged",
+		"metric-2_placeholder": "250",
+		"metric-label-2_placeholder": "Solutions",
+		"metric-3_placeholder": "20",
+		"metric-label-3_placeholder": "Years of Expertise"
+	},
+	"List": {
+		"heading_placeholder": "Solutions for Your Growth",
+		"long-description_placeholder": "We offer tailored solutions designed to meet your unique needs, from initial consultation to ongoing support. Our team of experts is dedicated to delivering high-quality results and ensuring your satisfaction.",
+		"description_placeholder": "Here's a glimpse into the comprehensive services we provide to help you succeed. ",
+		"kicker_placeholder": "Our Offerings",
+		"btn_placeholder": "Learn More",
+		"group-title-1_placeholder": "Core Services",
+		"group-title-2_placeholder": "Specialized Solutions",
+		"title-1_placeholder": "Strategic Planning",
+		"item-1_placeholder": "Develop a clear roadmap for your business with our expert strategic planning services.",
+		"title-2_placeholder": "Market Research",
+		"item-2_placeholder": "Gain valuable insights into your target audience and industry trends through our in-depth market research.",
+		"title-3_placeholder": "Brand Development",
+		"item-3_placeholder": "Build a strong and recognizable brand identity that resonates with your customers.",
+		"title-4_placeholder": "Digital Marketing",
+		"item-4_placeholder": "Expand your online reach and engage with your audience through our comprehensive digital marketing strategies.",
+		"title-5_placeholder": "Financial Consulting",
+		"item-5_placeholder": "Optimize your financial performance and make informed decisions with our expert financial guidance.",
+		"title-6_placeholder": "Operational Efficiency",
+		"item-6_placeholder": "Streamline your processes and boost productivity with our operational efficiency consulting."
+	},
+	"Logo Farm": {
+		"heading_placeholder": "Trusted by Industry Leaders",
+		"description_placeholder": "We're proud to collaborate with a diverse range of companies that trust us to deliver exceptional results. Our partnerships are built on mutual success and shared innovation, driving progress across various sectors.",
+		"kicker_placeholder": "Our Valued Partners",
+		"btn_placeholder": "Learn More"
+	},
+	"Media and Text": {
+		"long-subheading_placeholder": "Revolutionizing how we interact with the world.",
+		"heading_placeholder": "Future of Connectivity",
+		"long-description_placeholder": "Discover seamless integration and enhanced experiences designed to elevate your daily life. Our innovations transcend traditional boundaries, creating a more interconnected and intuitive world for everyone.",
+		"description_placeholder": "Explore groundbreaking advancements that are shaping tomorrow's digital landscape.",
+		"kicker_placeholder": "Tech Spotlight",
+		"btn_placeholder": "Learn More",
+		"title-1_placeholder": "Seamless Integration",
+		"text-1_placeholder": "Experience unparalleled ease as our technology effortlessly blends into your existing systems, enhancing productivity without disruption.",
+		"title-2_placeholder": "Intuitive Design",
+		"text-2_placeholder": "Crafted with the user in mind, our interfaces are simple, elegant, and exceptionally easy to navigate, ensuring a smooth experience for everyone.",
+		"title-3_placeholder": "Robust Security",
+		"text-3_placeholder": "Your data's safety is our top priority. Benefit from multi-layered security protocols and advanced encryption that keep your information protected around the clock.",
+		"title-4_placeholder": "Scalable Solutions",
+		"text-4_placeholder": "Whether you're a small startup or a large enterprise, our flexible solutions are designed to grow with your needs, adapting to future demands seamlessly.",
+		"title-5_placeholder": "Global Reach",
+		"text-5_placeholder": "Connect with confidence. Our services extend worldwide, providing reliable and high-performance access no matter where you are.",
+		"title-6_placeholder": "Dedicated Support",
+		"text-6_placeholder": "Our expert team is always ready to assist you. Enjoy comprehensive support and resources designed to ensure your success."
+	},
+	"Text": {
+		"heading_placeholder": "Innovating for a Sustainable Future",
+		"long-subtitle_placeholder": "Pioneering Global Solutions for a Greener Tomorrow's Challenges",
+		"long-description-1_placeholder": "We invest in cutting-edge research to create tangible solutions for environmental challenges, integrating sustainable practices across our operations. Our holistic approach aims for long-term benefits for the planet and its inhabitants. True innovation stems from understanding ecological principles and technological advancement.",
+		"long-description-2_placeholder": "By fostering collaborations globally, we build a robust framework for environmental stewardship. Our efforts empower communities to embrace sustainability and thrive in harmony with nature. This ensures solutions are groundbreaking, scalable, and adaptable.",
+		"description_placeholder": "We are dedicated to creating a sustainable future through innovative solutions and responsible practices.",
+		"kicker_placeholder": "Driving Global Change",
+		"btn_placeholder": "Learn More",
+		"title-1_placeholder": "Renewable Energy",
+		"text-1_placeholder": "Developing advanced solar, wind, and hydro technologies to reduce reliance on fossil fuels.",
+		"title-2_placeholder": "Circular Economy",
+		"text-2_placeholder": "Implementing waste reduction, resource recovery, and product lifecycle optimization strategies.",
+		"title-3_placeholder": "Sustainable Agriculture",
+		"text-3_placeholder": "Promoting eco-friendly farming methods and resilient food systems.",
+		"title-4_placeholder": "Biodiversity Conservation",
+		"text-4_placeholder": "Protecting habitats, supporting endangered species, and promoting ecological balance.",
+		"title-5_placeholder": "Smart Cities",
+		"text-5_placeholder": "Designing urban environments with green spaces and efficient infrastructure.",
+		"title-6_placeholder": "Environmental Education",
+		"text-6_placeholder": "Empowering communities with knowledge to adopt sustainable lifestyles."
 	}
 }

src/components/design-library-list/design-library-list-item.js

@@ -138,7 +138,7 @@ const DesignLibraryListItem = forwardRef( ( props, ref ) => {
 		let _content = template
 		if ( defaultValues ) {
 			Object.keys( defaultValues ).forEach( key => {
-				_content = _content.replace( key, defaultValues[ key ] )
+				_content = _content.replaceAll( key, defaultValues[ key ] )
 			} )
 		}
 

src/components/design-library-list/util.js

@@ -128,10 +128,6 @@ export const addBackgroundScheme = (
 		return block
 	}
 
-	if ( block.attributes.hasBackground ) {
-		return block
-	}
-
 	const customAttributes = block.attributes.customAttributes
 
 	if ( ! customAttributes?.length ) {