@total_onion/onion-library 1.0.3 → 1.0.5

package/.github/workflows/npm-publish.yml

@@ -16,7 +16,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: 22
+          node-version: 16
       - run: npm ci
 
   publish-npm:
@@ -26,7 +26,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: 22
+          node-version: 16
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm publish

package/README.md

@@ -1,4 +1,4 @@
-# onion-component-library
+# cbl-component-library
 
 Front end components for gcms sites
 
@@ -6,13 +6,13 @@ Front end components for gcms sites
 
 Install with npm or yarn..
 
-`npm install --save-dev @total_onion/onion-library`
+`npm install --save-dev @pernod-ricard-global-cms/cbl-component-library`
 
-`yarn add -D @total_onion/onion-library`
+`yarn add -D @pernod-ricard-global-cms/cbl-component-library`
 
 If you don't have the scripts already in your package.json you can add these and use them to install and update components.
 
-`"install-component": "node ./node_modules/@total_onion/onion-library/install-component.js", "upgrade-component": "node ./node_modules/@total_onion/onion-library/upgrade-component.js", "list-components": "node ./node_modules/@total_onion/onion-library/list-components.js",`
+`"install-component": "node ./node_modules/@pernod-ricard-global-cms/cbl-component-library/install-component.js", "upgrade-component": "node ./node_modules/@pernod-ricard-global-cms/cbl-component-library/upgrade-component.js", "list-components": "node ./node_modules/@pernod-ricard-global-cms/cbl-component-library/list-components.js",`
 
 eg you can list the available components with
 
@@ -28,6 +28,6 @@ Go to the folder
 
 `yarn install`
 
-then, to run unit tests,
+then, to run unit tests, 
 
 `yarn test`

package/components/{block-carousel-multi-layout-v2/carousel-multi-layout-v2.js → block-carousel-multi-layout-v3/carousel-multi-layout-v3.js}

@@ -1,11 +1,9 @@
 // LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
 import {getSwiperAssetsV2} from '@pernod-ricard-global-cms/jsutils';
-import lazyloader from '@pernod-ricard-global-cms/cbllazyloader';
-import extraJs from 'Assets/js/blocks/carousel-multi-layout-v2/carousel-multi-layout-v2-extra.js';
-import jsAssets from 'Assets/js/modules/jsAssets';
+import extraJs from 'Assets/js/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra.js';
 import('swiper/css/bundle');
 
-export default function carouselmultilayoutv2Js(options = {}) {
+export default function carouselmultilayoutv3Js(options = {}) {
 	try {
 		const {block} = options;
 		Promise.all([getSwiperAssetsV2()]).then((values) => {
@@ -115,7 +113,7 @@ export default function carouselmultilayoutv2Js(options = {}) {
 						}
 					: false;
 			// console.log(paginationStyle);
-			const carouselmultilayoutv2Swiper = new Swiper(
+			const carouselmultilayoutv3Swiper = new Swiper(
 				block.querySelector('.swiper'),
 				{
 					modules: [
@@ -209,12 +207,6 @@ export default function carouselmultilayoutv2Js(options = {}) {
 					}
 				}
 			);
-			carouselmultilayoutv2Swiper.on('slideChange', () => {
-				setTimeout(() => {
-					lazyloader.options.assetArray = jsAssets.dynamicAssets;
-					lazyloader.lazyloaderInit();
-				}, 1);
-			});
 			extraJs(block);
 		});
 	} catch (error) {

package/components/{block-carousel-multi-layout-v2/carousel-multi-layout-v2.php → block-carousel-multi-layout-v3/carousel-multi-layout-v3.php}

@@ -2,8 +2,8 @@
 
 acf_register_block_type(
     array(
-        'name'            => 'carousel-multi-layout-v2',
-        'title'           => __('Carousel multi layout v2', 'Global theme Admin'),
+        'name'            => 'carousel-multi-layout-v3',
+        'title'           => __('Carousel multi layout v3', 'Global theme Admin'),
         'render_callback' => 'athena_block_render_post_object',
         'category'        => 'common',
         'icon'            => get_svg_icon_content('brick.svg'),

package/components/{block-carousel-multi-layout-v2/carousel-multi-layout-v2.scss → block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss}

@@ -1,11 +1,11 @@
 // LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
 @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
-@use 'Assets/scss/blocks/carousel-multi-layout-v2/carousel-multi-layout-v2-extra';
+@use 'Assets/scss/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra';
 @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
 @use 'Assets/scss/theme/breakpoints';
 @use 'Assets/scss/modules/library-modules/element-positioning/element-positioning';
 
-.carousel-multi-layout-v2 {
+.carousel-multi-layout-v3 {
 	display: grid;
 	grid-template: 'main' / 1fr;
 	overflow-x: var(--block-overflow, hidden);
@@ -142,7 +142,7 @@
 
 	.swiper-button-next,
 	.swiper-button-prev {
-	display: var(--display-arrows-mobile);
+		display: var(--display-arrows-mobile);
 		@include core-mixins.device(breakpoints.$tabPortrait) {
 			display: var(--display-arrows-portrait);
 		}
@@ -151,5 +151,5 @@
 		}
 	}
 
-	@include carousel-multi-layout-v2-extra.additionalStyles();
+	@include carousel-multi-layout-v3-extra.additionalStyles();
 }

package/components/{block-carousel-multi-layout-v2/carousel-multi-layout-v2.twig → block-carousel-multi-layout-v3/carousel-multi-layout-v3.twig}

@@ -1,7 +1,7 @@
 {# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set blockClassName = "carousel-multi-layout-v2" %}
+{% set blockClassName = "carousel-multi-layout-v3" %}
 {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
 {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
 {% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
 {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}

package/components/{block-slide-in-panel/group_644e7531c41b6.json → block-carousel-multi-layout-v3/group_686bd42e551d6.json}

@@ -1,10 +1,10 @@
 {
-    "key": "group_644e7531c41b6",
-    "title": "Block: Slide In Panel - Library",
+    "key": "group_686bd42e551d6",
+    "title": "Block: Carousel Multi Layout v3",
     "fields": [
         {
-            "key": "field_644e7532067ec",
-            "label": "Content",
+            "key": "field_686bd42e64914",
+            "label": "Carousel Content",
             "name": "",
             "aria-label": "",
             "type": "tab",
@@ -23,9 +23,9 @@
             "selected": 0
         },
         {
-            "key": "field_644e872e5b599",
-            "label": "Content sections",
-            "name": "content_sections",
+            "key": "field_686bd42e64dc4",
+            "label": "Slides",
+            "name": "slides",
             "aria-label": "",
             "type": "flexible_content",
             "instructions": "",
@@ -74,15 +74,15 @@
                 "acfe_flexible_grid_wrap": false
             },
             "layouts": {
-                "layout_644e873384247": {
-                    "key": "layout_644e873384247",
-                    "name": "standard_content_v2",
-                    "label": "Standard content v2",
+                "layout_62ab9dd11749b": {
+                    "key": "layout_62ab9dd11749b",
+                    "name": "standard_content_v3",
+                    "label": "Standard Content v3",
                     "display": "block",
                     "sub_fields": [
                         {
-                            "key": "field_644e87575b59a",
-                            "label": "standard content fields",
+                            "key": "field_686bd42e6e148",
+                            "label": "Standard content fields",
                             "name": "standard_content_fields",
                             "aria-label": "",
                             "type": "clone",
@@ -96,7 +96,7 @@
                             },
                             "wpml_cf_preferences": 3,
                             "clone": [
-                                "group_63a06c993ad35"
+                                "group_68655756737c9"
                             ],
                             "display": "seamless",
                             "layout": "block",
@@ -123,16 +123,16 @@
                     "acfe_layout_col": "auto",
                     "acfe_layout_allowed_col": false
                 },
-                "layout_6697ced90e70a": {
-                    "key": "layout_6697ced90e70a",
-                    "name": "group_container",
-                    "label": "Group container",
+                "layout_686fd27dc561e": {
+                    "key": "layout_686fd27dc561e",
+                    "name": "sub_group_container_v3",
+                    "label": "Sub Group Container v3",
                     "display": "block",
                     "sub_fields": [
                         {
-                            "key": "field_6697cee80e70d",
-                            "label": "group container fields",
-                            "name": "group_container_fields",
+                            "key": "field_686fd289c5621",
+                            "label": "sub group container fields",
+                            "name": "sub_group_container_fields",
                             "aria-label": "",
                             "type": "clone",
                             "instructions": "",
@@ -145,7 +145,7 @@
                             },
                             "wpml_cf_preferences": 3,
                             "clone": [
-                                "group_644ce9a48943b"
+                                "group_686ceba7d6066"
                             ],
                             "display": "seamless",
                             "layout": "block",
@@ -172,16 +172,16 @@
                     "acfe_layout_col": "auto",
                     "acfe_layout_allowed_col": false
                 },
-                "layout_674e3828943c0": {
-                    "key": "layout_674e3828943c0",
-                    "name": "theme_switcher",
-                    "label": "Theme Switcher",
+                "layout_65009e3d12269": {
+                    "key": "layout_65009e3d12269",
+                    "name": "post_info_v3",
+                    "label": "Post Info v3",
                     "display": "block",
                     "sub_fields": [
                         {
-                            "key": "field_674e3828943c2",
-                            "label": "theme switcher fields",
-                            "name": "theme_switcher_fields",
+                            "key": "field_686bd42e71ca7",
+                            "label": "Post info fields",
+                            "name": "post_info_fields",
                             "aria-label": "",
                             "type": "clone",
                             "instructions": "",
@@ -194,7 +194,7 @@
                             },
                             "wpml_cf_preferences": 3,
                             "clone": [
-                                "group_674e319102e49"
+                                "group_6866429531436"
                             ],
                             "display": "seamless",
                             "layout": "block",
@@ -231,8 +231,8 @@
             "acfe_flexible_grid_container": false
         },
         {
-            "key": "field_644e756ece0cb",
-            "label": "Block Settings",
+            "key": "field_686bd42e650d2",
+            "label": "Carousel settings",
             "name": "",
             "aria-label": "",
             "type": "tab",
@@ -251,72 +251,11 @@
             "selected": 0
         },
         {
-            "key": "field_644ee8654040a",
-            "label": "Panel trigger text",
-            "name": "panel_trigger_text",
-            "aria-label": "",
-            "type": "text",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 2,
-            "user_roles": [
-                "all"
-            ],
-            "default_value": "Open panel",
-            "maxlength": "",
-            "placeholder": "",
-            "prepend": "",
-            "append": ""
-        },
-        {
-            "key": "field_644ee65314107",
-            "label": "Panel trigger cta style",
-            "name": "panel_trigger_cta_style",
+            "key": "field_686bd42e655b2",
+            "label": "carousel fields",
+            "name": "carousel_fields",
             "aria-label": "",
-            "type": "select",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 3,
-            "choices": {
-                "__1": "Style 1",
-                "__2": "Style 2",
-                "__3": "Style 3",
-                "__4": "Style 4",
-                "__5": "Style 5",
-                "__6": "style 6"
-            },
-            "default_value": false,
-            "return_format": "value",
-            "multiple": 0,
-            "max": "",
-            "allow_custom": 0,
-            "search_placeholder": "",
-            "prepend": "",
-            "append": "",
-            "allow_null": 0,
-            "ui": 1,
-            "ajax": 0,
-            "placeholder": "",
-            "min": ""
-        },
-        {
-            "key": "field_644ee4d1a6189",
-            "label": "Panel background colour",
-            "name": "panel_background_colour",
-            "aria-label": "",
-            "type": "color_picker",
+            "type": "clone",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -327,26 +266,27 @@
             },
             "wpml_cf_preferences": 3,
             "user_roles": [
-                "all"
+                "administrator"
             ],
-            "default_value": "",
-            "enable_opacity": 1,
-            "return_format": "string",
-            "display": "default",
-            "button_label": "Select Color",
-            "color_picker": true,
-            "absolute": false,
-            "input": true,
-            "allow_null": true,
-            "theme_colors": false,
-            "colors": []
+            "clone": [
+                "group_6282c52bf38d7"
+            ],
+            "display": "seamless",
+            "layout": "block",
+            "prefix_label": 0,
+            "prefix_name": 0,
+            "acfe_seamless_style": 0,
+            "acfe_clone_modal": 0,
+            "acfe_clone_modal_close": 0,
+            "acfe_clone_modal_button": "",
+            "acfe_clone_modal_size": "large"
         },
         {
-            "key": "field_644ee4f6a618a",
-            "label": "Block padding (for the slide in panel)",
+            "key": "field_686bd42e65e80",
+            "label": "Block padding",
             "name": "",
             "aria-label": "",
-            "type": "accordion",
+            "type": "tab",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -356,16 +296,14 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "user_roles": [
-                "all"
-            ],
-            "open": 0,
-            "multi_expand": 0,
-            "endpoint": 0
+            "placement": "top",
+            "endpoint": 0,
+            "no_preference": 0,
+            "selected": 0
         },
         {
-            "key": "field_644e7578ce0cc",
-            "label": "Block padding fields",
+            "key": "field_686bd42e66122",
+            "label": "block padding fields",
             "name": "block_padding_fields",
             "aria-label": "",
             "type": "clone",
@@ -379,7 +317,7 @@
             },
             "wpml_cf_preferences": 3,
             "user_roles": [
-                "all"
+                "administrator"
             ],
             "clone": [
                 "group_638f4148bc10b"
@@ -395,11 +333,11 @@
             "acfe_clone_modal_size": "large"
         },
         {
-            "key": "field_644ee515a618b",
-            "label": "Block padding end",
+            "key": "field_686bd42e66a6c",
+            "label": "Block Settings",
             "name": "",
             "aria-label": "",
-            "type": "accordion",
+            "type": "tab",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -409,19 +347,17 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "user_roles": [
-                "all"
-            ],
-            "open": 0,
-            "multi_expand": 0,
-            "endpoint": 1
+            "placement": "top",
+            "endpoint": 0,
+            "no_preference": 0,
+            "selected": 0
         },
         {
-            "key": "field_6697d49c5c3d5",
-            "label": "Max Width",
+            "key": "field_686bd42e66c3c",
+            "label": "Block",
             "name": "",
             "aria-label": "",
-            "type": "tab",
+            "type": "accordion",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -431,17 +367,19 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "placement": "top",
-            "endpoint": 0,
-            "no_preference": 0,
-            "selected": 0
+            "user_roles": [
+                "administrator"
+            ],
+            "open": 0,
+            "multi_expand": 0,
+            "endpoint": 0
         },
         {
-            "key": "field_6697d43e5c3d2",
-            "label": "Max width desktop",
-            "name": "max_width_desktop",
+            "key": "field_686bd42e67002",
+            "label": "block settings fields",
+            "name": "block_copy",
             "aria-label": "",
-            "type": "range",
+            "type": "clone",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -451,19 +389,28 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "default_value": 400,
-            "min": "",
-            "max": "",
-            "step": "",
-            "prepend": "",
-            "append": ""
+            "user_roles": [
+                "administrator"
+            ],
+            "clone": [
+                "group_65a45ada4e128"
+            ],
+            "display": "seamless",
+            "layout": "block",
+            "prefix_label": 0,
+            "prefix_name": 0,
+            "acfe_seamless_style": 0,
+            "acfe_clone_modal": 0,
+            "acfe_clone_modal_close": 0,
+            "acfe_clone_modal_button": "",
+            "acfe_clone_modal_size": "large"
         },
         {
-            "key": "field_6697d4665c3d3",
-            "label": "Max width portrait",
-            "name": "max_width_portrait",
+            "key": "field_686bd42e6740c",
+            "label": "Background colour",
+            "name": "background_colour",
             "aria-label": "",
-            "type": "range",
+            "type": "color_picker",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -473,19 +420,27 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "default_value": 300,
-            "min": "",
-            "max": "",
-            "step": "",
-            "prepend": "",
-            "append": ""
+            "user_roles": [
+                "administrator"
+            ],
+            "default_value": "",
+            "enable_opacity": 1,
+            "return_format": "string",
+            "display": "default",
+            "button_label": "Select Color",
+            "color_picker": 1,
+            "absolute": 0,
+            "input": 1,
+            "allow_null": 1,
+            "theme_colors": 0,
+            "colors": []
         },
         {
-            "key": "field_6697d46d5c3d4",
-            "label": "Max width mobile",
-            "name": "max_width_mobile",
+            "key": "field_686bd42e677fc",
+            "label": "Block end",
+            "name": "",
             "aria-label": "",
-            "type": "range",
+            "type": "accordion",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -495,12 +450,12 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "default_value": 150,
-            "min": "",
-            "max": "",
-            "step": "",
-            "prepend": "",
-            "append": ""
+            "user_roles": [
+                "all"
+            ],
+            "open": 0,
+            "multi_expand": 0,
+            "endpoint": 1
         }
     ],
     "location": [
@@ -508,7 +463,7 @@
             {
                 "param": "block",
                 "operator": "==",
-                "value": "acf\/slide-in-panel"
+                "value": "acf\/carousel-multi-layout-v3"
             }
         ]
     ],
@@ -519,7 +474,7 @@
     "instruction_placement": "label",
     "hide_on_screen": "",
     "active": true,
-    "description": "rary version - Do not modify in this project as any changes will be overwritten by future updates.",
+    "description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
     "show_in_rest": 0,
     "acfe_autosync": [
         "json"
@@ -529,5 +484,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1747214285
+    "modified": 1752159460
 }

package/components/{block-mikmak-wtb/mikmak-wtb.js → block-cover-link-v3/cover-link-v3.js}

@@ -1,4 +1,4 @@
-export default function mikmakwtbJs ( options = {} ) {
+export default function coverlinkv3Js ( options = {} ) {
 	try {
 		const { block } = options;
 	} catch ( error ) {

package/components/{block-single-lottie/single-lottie.php → block-cover-link-v3/cover-link-v3.php}

@@ -2,8 +2,8 @@
 
 acf_register_block_type(
 	array(
-		'name'            => 'single-lottie',
-		'title'           => __( 'Single lottie', 'Global-theme Admin' ),
+		'name'            => 'cover-link-v3',
+		'title'           => __( 'Cover link v3', 'Global-theme Admin' ),
 		'render_callback' => 'athena_block_render_post_object',
 		'category'        => 'common',
 		'icon'            => get_svg_icon_content('brick.svg'),

package/components/{block-mikmak-wtb/mikmak-wtb.scss → block-cover-link-v3/cover-link-v3.scss}

@@ -1,7 +1,7 @@
 // @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins'; 
 // @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
 // @use 'Assets/scss/theme/breakpoints';
-@use 'Assets/scss/blocks/mikmak-wtb/mikmak-wtb-extra';
-.mikmak-wtb {
-	@include mikmak-wtb-extra.additionalStyles();
+@use 'Assets/scss/blocks/cover-link-v3/cover-link-v3-extra';
+.cover-link-v3 {
+	@include cover-link-v3-extra.additionalStyles();
 }