@total_onion/onion-library 3.1.0 → 3.2.0

package/__spec__/update-component.spec.js

@@ -1,165 +0,0 @@
-'use strict';
-
-// const glob = require('glob');
-const fs = require('fs');
-// const fse = require("fs-extra");
-
-// const path = require('path');
-const updateComponent = require('../update-component');
-
-jest.mock('fs');
-
-describe('getExtension', () => {
-	test('Check getExtension js', () => {
-		const result = updateComponent.getExtension('testing.js')
-		expect(result).toBe('js');
-	});
-
-	test('Check getExtension spec.js', () => {
-		const result = updateComponent.getExtension('testing.spec.js')
-		expect(result).toBe('js');
-	});
-});
-
-describe('getFileType function', () => {
-	it('should return "extra" for filenames ending with "-extra.scss"', () => {
-	  const result = updateComponent.getFileType('styles-extra.scss');
-	  expect(result).toBe('extra');
-	});
-  
-	it('should return "spec" for filenames ending with "spec.js"', () => {
-	  const result = updateComponent.getFileType('test.spec.js');
-	  expect(result).toBe('spec');
-	});
-  
-	it('should return the correct file extension for other filenames', () => {
-	  const result = updateComponent.getFileType('script.js');
-	  expect(result).toBe('js');
-	});
-  
-	it('should return an empty string for filenames without extensions', () => {
-	  const result = updateComponent.getFileType('README');
-	  expect(result).toBe('');
-	});
-});
-
-describe('checkFolder function', () => {
-	beforeEach(() => {
-		jest.resetModules();
-		jest.clearAllMocks();
-	});
-
-	it('should return true for an existing directory', () => {
-		// Mocking fs.existsSync to return true
-		fs.existsSync.mockReturnValue(true);
-		// Mocking fs.statSync to return an object with isDirectory function returning true
-		fs.statSync.mockReturnValue({ isDirectory: () => true });
-	
-		const result = updateComponent.checkFolder('/path/to/existing/folder');
-		expect(result).toBe(true);
-		// Ensure that the fs.existsSync function was called with the correct argument
-		expect(fs.existsSync).toHaveBeenCalledWith('/path/to/existing/folder');
-		// Ensure that the fs.statSync function was called with the correct argument
-		expect(fs.statSync).toHaveBeenCalledWith('/path/to/existing/folder');
-	});
-	
-	it('should return false for a non-existing directory', () => {
-		// Mocking fs.existsSync to return false
-		fs.existsSync.mockReturnValue(false);
-
-		const result = updateComponent.checkFolder('/path/to/non_existing/folder');
-		expect(result).toBe(false);
-		// Ensure that the fs.existsSync function was called with the correct argument
-		expect(fs.existsSync).toHaveBeenCalledWith('/path/to/non_existing/folder');
-		// Ensure that the fs.statSync function was not called (since the folder does not exist)
-		expect(fs.statSync).not.toHaveBeenCalled();
-	});
-	
-	it('should return false for an existing file (not a directory)', () => {
-		// Mocking fs.existsSync to return true
-		fs.existsSync.mockReturnValue(true);
-		// Mocking fs.statSync to return an object with isDirectory function returning false
-		fs.statSync.mockReturnValue({ isDirectory: () => false });
-
-		const result = updateComponent.checkFolder('/path/to/existing/file');
-		expect(result).toBe(false);
-		// Ensure that the fs.existsSync function was called with the correct argument
-		expect(fs.existsSync).toHaveBeenCalledWith('/path/to/existing/file');
-		// Ensure that the fs.statSync function was called with the correct argument
-		expect(fs.statSync).toHaveBeenCalledWith('/path/to/existing/file');
-	});
-});
-
-describe('getProjectName function', () => {
-	beforeEach(() => {
-		jest.resetModules();
-	});
-
-	test('should return the project name from package.json', () => {
-		const projectName = 'Your Project Name';
-		const packageJson = {
-			name: projectName
-		};
-		fs.readFileSync.mockReturnValue(JSON.stringify(packageJson));
-		const result = updateComponent.getProjectName();
-		expect(result).toBe(projectName);
-	});
-
-	test('should capitalize the project name if it does not start with "the"', () => {
-		const projectName = 'your project name';
-		const packageJson = {
-			name: projectName
-		};
-		fs.readFileSync.mockReturnValue(JSON.stringify(packageJson));
-		const result = updateComponent.getProjectName();
-		expect(result).toBe('Your project name');
-	});
-
-	test('should capitalize and prepend "The" to the project name if it starts with "the"', () => {
-		const projectName = 'theglenlivet';
-		const packageJson = {
-			name: projectName
-		};
-		fs.readFileSync.mockReturnValue(JSON.stringify(packageJson));
-		const result = updateComponent.getProjectName();
-		expect(result).toBe('The Glenlivet');
-	});
-
-	test('should return default project name if package.json is not found', () => {
-		fs.readFileSync.mockImplementation(() => {
-			throw new Error('File not found');
-		});
-		// Ensure that console.error is called with the error message
-		const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
-
-		const result = updateComponent.getProjectName();
-		expect(result).toBe('Global Theme');
-		// Assert that console.error was called with the expected error message
-		expect(consoleErrorSpy).toHaveBeenCalled();
-	});
-});
-
-describe('getFileType function', () => {
-	it('should return "extra" for filenames ending with "-extra.scss"', () => {
-		const filename = 'style-extra.scss';
-		expect(updateComponent.getFileType(filename)).toBe('extra');
-	});
-
-	it('should return "spec" for filenames ending with "spec.js"', () => {
-		const filename = 'test.spec.js';
-		expect(updateComponent.getFileType(filename)).toBe('spec');
-	});
-
-	it('should call getExtension for other filenames', () => {
-		const addSpy = jest.spyOn(updateComponent, 'getExtension');
-		// console.log(addSpy)
-		// return
-		const filename = 'example.txt';
-		const result = updateComponent.getFileType(filename);
-		// expect(addSpy).toHaveBeenCalledWith(filename);
-		expect(result).toBe('txt');
-
-		// Don't forget to restore the original 'add' function after the test
-		addSpy.mockRestore();
-	});
-});

package/assembleAssetList.js

@@ -1,69 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const {globSync} = require('glob');
-
-const dynamicEntryPointsJs = globSync(`./components/block-*/*-v3.js`).map(
-	(filePath) => {
-		const assetKey = path.basename(filePath, '.js');
-		return assetKey;
-	}
-);
-const dynamicEntryPointsJsV4 = globSync(`./components/block-*/*-v4.js`).map(
-	(filePath) => {
-		const assetKey = path.basename(filePath, '.js');
-		return assetKey;
-	}
-);
-const dynamicEntryPointsScss = globSync(`./components/block-*/*-v3.scss`).map(
-	(filePath) => {
-		const assetKey = path.basename(filePath, '.js');
-		return assetKey;
-	}
-);
-const dynamicEntryPointsCss = globSync(`./components/block-*/*-v4.css`).map(
-	(filePath) => {
-		const assetKey = path.basename(filePath, '.js');
-		return assetKey;
-	}
-);
-const assetArrayJs = dynamicEntryPointsJs.map((entry) => {
-	return `./components/block-${entry}/${entry}.js`;
-});
-const assetArrayJsV4 = dynamicEntryPointsJsV4.map((entry) => {
-	return `./components/block-${entry}/${entry}.js`;
-});
-
-const assetArrayScss = dynamicEntryPointsScss.map((entry) => {
-	let filename = entry.replace('.scss', '');
-	return `./components/block-${filename}/${filename}.scss`;
-});
-const assetArrayCss = dynamicEntryPointsCss.map((entry) => {
-	let filename = entry.replace('.css', '');
-	return `./components/block-${filename}/${filename}.css`;
-});
-
-// Create the directory path for the target file
-const jsModulePath = path.join('./public');
-const jsAssetsFilePath = path.join(jsModulePath, 'assetList.mjs');
-
-// Create directories if they don't exist
-fs.mkdirSync(jsModulePath, {recursive: true});
-
-// Write the initial content to the target file
-fs.writeFileSync(jsAssetsFilePath, '// This file is auto-generated.\n');
-
-// Create directories if they don't exist
-const dirPath = path.dirname(jsAssetsFilePath);
-fs.mkdirSync(dirPath, {recursive: true});
-
-const data = `
-const dynamicAssets = ${JSON.stringify([
-	...assetArrayScss,
-	...assetArrayCss,
-	...assetArrayJs,
-	...assetArrayJsV4
-])};
-export default dynamicAssets;
-`;
-
-fs.writeFileSync(jsAssetsFilePath, data);

package/breakpoints.scss

@@ -1,6 +0,0 @@
-//Breakpoints
-$mobile: 375px;
-$tabPortrait: 768px;
-$tabLandscape: 1024px;
-$desktop: 1440px;
-$desktop-fullhd: 1920px;

package/build-library.js

@@ -1,4 +0,0 @@
-import('./assembleAssetList.js');
-import('./createDynamicBlockScss-v3.js');
-import('./createJsAssets-v3.js');
-import('./esbuild.mjs');

package/checkBuildAssets.js

@@ -1,18 +0,0 @@
-/* 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-accent-image-v3/accent-image-v3.js

@@ -1,7 +0,0 @@
-export default function accentimagev3Js ( options = {} ) {
-	try {
-		const { block } = options;
-	} catch ( error ) {
-		console.error( error );
-	}
-}

package/components/block-accent-image-v3/accent-image-v3.scss

@@ -1,4 +0,0 @@
-@layer base-styles {
-	.accent-image-v3 {
-	}
-}

package/components/block-accent-image-v3/accent-image-v3.twig

@@ -1,137 +0,0 @@
-{% set blockClassName = "accent-image-v3" %}
-{% set classNameEntryPoint = include('entry-points/entry-point-classes-v3.twig', { fields: fields, block: block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields: fields, block: block, blockClassName, blockClassName }, with_context = false) %}
-{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute-v3.twig', { fields: fields, block: block }, with_context = false) %}
-{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
-{% set previewEntryPoint = include('entry-points/entry-point-preview-info-v3.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-{% set sectionStyles =  styleEntryPoint %}
-{{previewEntryPoint}}
-<style>
-	.{{blockClassName}}.{{block.id}}{
-		{{sectionStyles}}
-	}
-</style>
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} cmpl-core-group-container-styles {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
-	{% if fields.accent_image_v3.enable_accent_image_v3 %}
-		{% for image in fields.accent_image_v3.accent_images %}
-			{% set accentImage = get_image(image.accent_image_v3_image) %}
-			{% set rotationDesktop = image.desktop_positioning.image_rotation_desktop|default(0) %}
-			{% set rotationMobile = image.mobile_positioning.image_rotation_mobile|default(rotationDesktop) %}
-			{% set opacity = image.accent_image_opacity|default(1) %}
-			{% set borderRadius = image.accent_image_border_radius|default('0px') %}
-			{% set zIndex = image.accent_z_index %}
-			{% set mobileSettings = image.mobile_positioning %}
-			{% set oneHundredWidth = image.set_width_and_height_to_100 %}
-			{% set imageFitStyle = image.image_fit_style|ru %}
-			{% if image.use_desktop_positioning_for_mobile %}
-				{% set mobileSettings = image.desktop_positioning %}
-			{% endif %}
-			{% set mobilePositioning = mobileSettings.horizontal_offset ~ '% ' ~ mobileSettings.vertical_offset ~ '%' %}
-			{% set desktopPositioning = image.desktop_positioning.horizontal_offset ~ '% ' ~ image.desktop_positioning.vertical_offset ~ '%' %}
-			{% set desktopWidth = 'calc(' ~ image.desktop_accent_image_width ~ '/ var(--desktop-design-reference) * var(--screen-width-desktop))' %}
-			{% set mobileWidth = 'calc(' ~ image.mobile_accent_image_width ~ '/ var(--mobile-design-reference) * var(--screen-width-mobile))' %}
-			{% if oneHundredWidth %}
-				{% set desktopWidth = '100%' %}
-				{% set mobileWidth = '100%' %}
-			{% endif %}
-			{% set accentImageContainerElement = 'div' %}
-			{% set accentImageCtaType = image.accent_image_cta_type|ru %}
-			{% if image.enable_accent_image_cta %}
-				{% if image.accent_image_cta_type|ru == 'link' %}
-					{% set accentImageContainerElement = 'a' %}
-				{% endif %}
-			{% endif %}
-			{% set suffix = block.id ~ '-' ~ loop.index %}
-			{% if image.animations.enable_animations %}
-				{{include('components/animations-style-v3.twig', { fields: image, suffix }, with_context = false)}}
-			{% endif %}
-			<style accentimagestyle>
-				.loaded .{{block.id}}-{{loop.index}}.{{blockClassName}}__accent-image {
-					{{include('components/animations-v3.twig', { fields: image, block: block, blockClassName: blockClassName, suffix }, with_context = false)}}
-					animation: var(--animation-name) var(--animation-duration) var(--animation-delay) var(--animation-easing) var(--animation-repeat) var(--animation-fill-mode) var(--animation-direction);
-				}
-				.{{block.id}}-{{loop.index}}.{{blockClassName}}__accent-image {
-					z-index: {{zIndex}}
-					;
-					grid-area: main;
-					pointer-events: {{image.enable_accent_image_cta ? 'all' : 'none'}};
-					position: absolute;
-					place-self: {{mobileSettings.vertical_snap|ru}}
-					{{mobileSettings.horizontal_snap|ru}}
-					;
-					width: {{mobileWidth}}
-					;
-					height: {{mobileWidth}}
-					;
-					translate: {{mobilePositioning}}
-					;
-				}
-				.{{block.id}}-{{loop.index}}.{{blockClassName}}__accent-image .{{blockClassName}}__image-element.element {
-					width: 100%;
-					height: 100%;
-					display: flex;
-					object-fit: {{imageFitStyle}}
-					;
-					border-radius: {{borderRadius}}
-					;
-					border: 0 solid transparent;
-					opacity: {{opacity}}
-					;
-					rotate: {{rotationMobile ~ 'deg'}};
-				}
-				.{{blockClassName}}__image-number {
-						z-index: 99;
-						position: absolute;
-						font-size: 40px;
-						left: 50%;
-						top: 50%;
-						transform: translate(-50%, -50%);
-						color: white;
-						text-shadow: 1px 1px 1px blue;
-				}
-				@media screen and (min-width: 768px) {
-					.{{block.id}}-{{loop.index}}.{{blockClassName}}__accent-image {
-						place-self: {{image.desktop_positioning.vertical_snap|ru}}
-						{{image.desktop_positioning.horizontal_snap|ru}};
-						width: {{desktopWidth}};
-						height: {{desktopWidth}};
-						translate: {{desktopPositioning}};
-					}
-					.{{block.id}}-{{loop.index}}.{{blockClassName}}__accent-image .{{blockClassName}}__image-element.element {
-						width: 100%;
-						height: 100%;
-						display: flex;
-						object-fit: {{imageFitStyle}};
-						border-radius: {{borderRadius}};
-						border: 0 solid transparent;
-						opacity: {{opacity}};
-						rotate: {{rotationDesktop ~ 'deg'}};
-					}
-				}
-			</style>
-
-			<!--pattern-replace-var:accentImageSrc={{accentImage.src}}-->
-
-			<{{accentImageContainerElement}}
-				{{accentImageCtaType == 'link' ? 'href="' ~ image.accent_image_link.url ~ '" ' ~ 'target="' ~ image.accent_image_link.target ~ '" ' : ''}}
-				class="{{block.id}}-{{ loop.index }} {{blockClassName}}__accent-image">
-				{% if image.inline_raw_svg %}
-					{{fn('get_raw_svg', accentImage.id, blockClassName ~ '__image-element element')}}
-				{% else %}
-				<img
-					class="{{block.id}}-{{ loop.index }} {{blockClassName}}__image-element element"
-					src="{{ accentImage.src }}"
-					width="{{ accentImage.width }}"
-					height="{{ accentImage.height }}"
-					alt="{{ accentImage.alt }}"
-					loading="lazy"
-				/>
-				{% endif %}
-				
-				{% if fields.accent_image_v3.show_image_number and is_preview %}
-					<div class="{{blockClassName}}__image-number">{{ loop.index }}</div>
-				{% endif %}
-			</{{accentImageContainerElement}}>
-		{% endfor %}
-	{% endif %}
-</section>

package/components/block-accent-image-v3/group_6890e1233ff2d.json

@@ -1,81 +0,0 @@
-{
-    "key": "group_6890e1233ff2d",
-    "title": "Block: Accent Image V3",
-    "fields": [
-        {
-            "key": "field_6890e1257104e",
-            "label": "Accent Image V3",
-            "name": "",
-            "aria-label": "",
-            "type": "tab",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 3,
-            "placement": "top",
-            "endpoint": 0,
-            "no_preference": 0,
-            "selected": 0
-        },
-        {
-            "key": "field_6890e1f108b98",
-            "label": "Accent Image V3 fields",
-            "name": "accent_image_v3_fields",
-            "aria-label": "",
-            "type": "clone",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 0,
-            "clone": [
-                "group_686cd5547efd2"
-            ],
-            "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"
-        }
-    ],
-    "location": [
-        [
-            {
-                "param": "block",
-                "operator": "==",
-                "value": "all"
-            }
-        ]
-    ],
-    "menu_order": 0,
-    "position": "normal",
-    "style": "default",
-    "label_placement": "left",
-    "instruction_placement": "label",
-    "hide_on_screen": "",
-    "active": false,
-    "description": "",
-    "show_in_rest": 0,
-    "display_title": "",
-    "acfe_autosync": [
-        "json"
-    ],
-    "acfe_form": 0,
-    "acfe_display_title": "",
-    "acfe_meta": "",
-    "acfe_note": "",
-    "modified": 1762794450
-}

package/components/block-accordion-v3/accordion-v3.js

@@ -1,119 +0,0 @@
-export default function accordionv3Js ( options = {} ) {
-	try {
-		const { block } = options;
-
-		const blockClassName = block.dataset.assetkey;
-		const sections = block.querySelectorAll(
-			`.${blockClassName}-content`
-		);
-		const closeAccordionSections = () => {
-			sections.forEach((section) => {
-				if (section.classList.contains('active')) {
-					const question = section.querySelector(
-						`.${blockClassName}-question-wrapper`
-					);
-					const answer = section.querySelector(
-						`.${blockClassName}-answer-wrapper`
-					);
-					const svg = section.querySelector(
-						`.${blockClassName}-icon`
-					);
-					const iconImage = section.querySelector(
-						`.${blockClassName}-image-wrapper`
-					);
-					const sectionHeight = answer.scrollHeight;
-					answer.animate(
-						[
-							{
-								height: sectionHeight + 'px'
-							},
-							{height: '0px'}
-						],
-						{
-							fill: 'forwards',
-							duration: 200,
-							easing: 'ease-out'
-						}
-					);
-					answer.setAttribute('aria-hidden', 'true');
-					question.classList.remove('active');
-					section.classList.remove('active');
-					if (svg) {
-						svg.classList.remove('active');
-					}
-					if (iconImage) {
-						iconImage.classList.remove('image-icon-active');
-					}
-				}
-			});
-		};
-
-		sections.forEach((section) => {
-			const question = section.querySelector(
-				`.${blockClassName}-question-wrapper`
-			);
-			const answer = section.querySelector(
-				`.${blockClassName}-answer-wrapper`
-			);
-			const svg = section.querySelector(`.${blockClassName}-icon`);
-			const iconImage = section.querySelector(
-				`.${blockClassName}-image-wrapper`
-			);
-			question.addEventListener('click', () => {
-				const isCollapsed = answer.getAttribute('aria-hidden') === 'true';
-				closeAccordionSections();
-				if (isCollapsed) {
-					const sectionHeight = answer.scrollHeight;
-					answer.animate(
-						[
-							{height: '0px'},
-							{
-								height: sectionHeight + 'px'
-							}
-						],
-						{
-							fill: 'forwards',
-							duration: 200,
-							easing: 'ease-out'
-						}
-					);
-					section.classList.add('active');
-					answer.classList.add('active');
-					answer.setAttribute('aria-hidden', 'false');
-					if (svg) {
-						svg.classList.add('active');
-					}
-					if (iconImage) {
-						iconImage.classList.add('image-icon-active');
-					}
-				} else {
-					const sectionHeight = answer.scrollHeight;
-					section.classList.remove('active');
-					answer.animate(
-						[
-							{
-								height: sectionHeight + 'px'
-							},
-							{height: '0px'}
-						],
-						{
-							fill: 'forwards',
-							duration: 200,
-							easing: 'ease-out'
-						}
-					);
-					answer.classList.remove('active');
-					answer.setAttribute('aria-hidden', 'true');
-					if (svg) {
-						svg.classList.remove('active');
-					}
-					if (iconImage) {
-						iconImage.classList.remove('image-icon-active');
-					}
-				}
-			});
-		});
-	} catch ( error ) {
-		console.error( error );
-	}
-}