@total_onion/onion-library 2.0.23 → 2.0.25

package/checkBuildAssets.js

@@ -0,0 +1,18 @@
+/* eslint-disable global-require */
+require('dotenv').config();
+const fs = require( 'fs' );
+const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+
+const paths = {
+	createJsAssets:
+		`${themePath}/assets/js/modules/jsAssets.js`,
+	createPreviewScss:
+	`${themePath}/assets/scss/modules/dynamicBlocksPreview.scss`,
+};
+
+Object.keys( paths ).forEach( ( key ) => {
+	if ( ! fs.existsSync( paths[ key ] ) ) {
+		console.log( `creating missing assets with ${ key }` );
+		require( 'child_process' ).fork( `./node_modules/@pernod-ricard-global-cms/jsbuildutils/${ key }.js` );
+	}
+} );

package/components/block-block-interactions-v3/group_687e1575ba23d.json

@@ -554,14 +554,21 @@
                 "class": "",
                 "id": ""
             },
+            "hide_field": "",
+            "hide_label": "",
+            "hide_instructions": "",
+            "hide_required": "",
             "wpml_cf_preferences": 3,
             "clone": [
-                "group_638f4148bc10b"
+                "group_689f66f3e26df"
             ],
             "display": "seamless",
             "layout": "block",
             "prefix_label": 0,
             "prefix_name": 0,
+            "acfe_settings": "",
+            "instruction_placement": "",
+            "acfe_permissions": "",
             "acfe_seamless_style": 0,
             "acfe_clone_modal": 0,
             "acfe_clone_modal_close": 0,
@@ -682,5 +689,5 @@
     "acfe_permissions": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1756312087
+    "modified": 1759416263
 }

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js

@@ -1,5 +1,5 @@
 import {getSwiperAssetsV2} from '@total_onion/onion-utils/onion-utils.mjs';
-import { Navigation, Pagination } from 'swiper/modules';
+import {Navigation, Pagination, Autoplay} from 'swiper/modules';
 // import Swiper and modules styles
 import 'swiper/css';
 import 'swiper/css/navigation';
@@ -10,9 +10,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
 		const {block} = options;
 		const totalSlides = block.querySelectorAll('.swiper-slide').length || 1;
 		Promise.all([getSwiperAssetsV2()]).then((values) => {
-			const {
-				Swiper
-			} = values[0][0];
+			const {Swiper} = values[0][0];
 
 			const dataAttributes = block.dataset;
 			const slidesDesktop = Number(dataAttributes.desktopslides);
@@ -115,8 +113,8 @@ export default function carouselmultilayoutv3Js(options = {}) {
 					modules: [
 						Navigation,
 						Pagination,
+						Autoplay
 						// Lazy,
-						// Autoplay,
 						// EffectFade,
 						// EffectCoverflow,
 						// EffectCreative,
@@ -203,6 +201,13 @@ export default function carouselmultilayoutv3Js(options = {}) {
 					}
 				}
 			);
+			if (true) {
+				import(
+					'Assets/js/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra.js'
+				).then((result) => {
+					result.default()
+				});
+			}
 		});
 	} catch (error) {
 		console.error(error);

package/components/block-carousel-multi-layout-v3/group_686bd42e551d6.json

@@ -409,11 +409,8 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "user_roles": [
-                "administrator"
-            ],
             "clone": [
-                "group_638f4148bc10b"
+                "group_689f66f3e26df"
             ],
             "display": "seamless",
             "layout": "block",
@@ -574,5 +571,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1755276781
+    "modified": 1759787683
 }

package/components/block-post-info-v3/post-info-v3/post-link.twig

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set postColour = '--post-colour: ' ~ post.post_colour|ru ~ ';' %}
 {% set postTextColourStyle = '--post-text-colour-style: ' ~ post.post_text_colour_style|ru ~ ';' %}
 {% set ctaStyle = field.cta_style|ru %}

package/createJsAssets.js

@@ -0,0 +1,31 @@
+require('dotenv').config();
+const fs = require( 'fs' );
+const path = require( 'path' );
+const { globSync } = require( 'glob' );
+const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+
+const dynamicEntryPoints = globSync(`${themePath}/assets/js/blocks/*.js`)
+	.map((path) => {
+		const assetKey = path
+			.replace('assets/js/blocks/', '')
+			.replace('.js', '');
+		return assetKey;
+	});
+const assetArray = dynamicEntryPoints.map((entry) => {
+	return { assetKey: entry };
+});
+
+const jsAssetsFilePath = path.join(themePath, 'assets/js/modules/jsAssets.js'); // Create the absolute path to the destination file
+
+// Create directories if they don't exist
+const dirPath = path.dirname(jsAssetsFilePath);
+fs.mkdirSync(dirPath, { recursive: true });
+
+const data = `// This file is auto-generated. To include assets for the lazyloader, just add your .js file to Assets/js/blocks/ and it will be included here.
+const dynamicAssets = ${JSON.stringify(assetArray)};
+const api = {
+    dynamicAssets,
+};
+export default api;`;
+
+fs.writeFileSync(jsAssetsFilePath, data);

package/createPreviewScss.js

@@ -0,0 +1,35 @@
+require('dotenv').config();
+const fs = require('fs');
+const {globSync} = require('glob');
+const path = require('path');
+const themePath =
+	process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
+
+// Create the directory path for the target file
+const scssModulePath = path.join(themePath, 'assets/scss/modules');
+const scssFilePath = path.join(scssModulePath, 'dynamicBlocksPreview.scss');
+
+// Create directories if they don't exist
+fs.mkdirSync(scssModulePath, {recursive: true});
+
+// Write the initial content to the target file
+fs.writeFileSync(
+	scssFilePath,
+	'// This file is auto-generated. To include assets for the lazyloader, just add your .scss file to Assets/scss/blocks/ and it will be included here.\n'
+);
+
+const dynamicEntryPoints = globSync(
+	`${themePath}/assets/scss/blocks/*.scss`
+).map((path) => {
+	const assetPath = path.replace(
+		'assets/scss/blocks/',
+		'Assets/scss/blocks/'
+	);
+	return assetPath;
+});
+
+const stream = fs.createWriteStream(scssFilePath, {flags: 'a'});
+dynamicEntryPoints.forEach((entry) => {
+	stream.write(`@use '${entry}';\n`);
+});
+stream.end();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.23",
+	"version": "2.0.25",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {