@cooperco/cooper-component-library 0.1.59 → 0.1.61

package/dist/cms/scripts/0012-create-primary-navigation.cjs

@@ -0,0 +1,46 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const primaryNav = migration.createContentType('primaryNavigation', {
+			name: 'Primary Navigation',
+			displayField: 'entryName',
+		})
+
+		// Add required entryName field
+		addEntryNameField(primaryNav)
+
+		// Logo
+		primaryNav.createField('logo', {
+			name: 'Logo',
+			type: 'Link',
+			linkType: 'Entry',
+			required: true,
+			validations: [{ linkContentType: ['image'] }],
+		})
+
+		// Navigation Element reference
+		primaryNav.createField('navigationElements', {
+			name: 'Navigation Elements',
+			type: 'Array',
+			items: {
+				type: 'Link',
+				validations: [{ linkContentType: ['navigationElement'] }],
+				linkType: 'Entry',
+			},
+		})
+
+		// CTA Reference
+		primaryNav.createField('cta', {
+			name: 'CTA',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['cta'] }],
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('primaryNavigation')
+	},
+}

package/dist/cms/scripts/0013-create-tile-content.cjs

@@ -0,0 +1,99 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileContent = migration.createContentType('tileContent', {
+			name: 'Tile Content',
+			displayField: 'entryName',
+		})
+
+		// Add mandatory entryName field
+		addEntryNameField(tileContent)
+
+		// Image reference
+		tileContent.createField('image', {
+			name: 'Image',
+			type: 'Link',
+			linkType: 'Entry',
+			required: false,
+			validations: [{ linkContentType: ['image'] }],
+		})
+
+		// Add headline field
+		tileContent
+			.createField('headline')
+			.name('Headline')
+			.type('Symbol')
+			.required(false)
+
+		// Add required body copy field
+		tileContent
+			.createField('bodyCopy')
+			.name('Body Copy')
+			.type('RichText')
+			.required(true)
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'ordered-list',
+						'unordered-list',
+						'hr',
+						'hyperlink',
+					],
+				},
+				{
+					nodes: {},
+				},
+			])
+
+		// Background Color
+		tileContent.createField('backgroundColor', {
+			name: 'Background Color',
+			type: 'Symbol',
+		})
+
+		// Change field control for Color Picker App
+		tileContent.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+
+		// CTA Reference
+		tileContent.createField('cta', {
+			name: 'CTA',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['cta'] }],
+		})
+
+		// Tile Label Reference
+		tileContent.createField('tileLabel', {
+			name: 'Tile Label',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['tileLabel'] }],
+		})
+
+		// Alignment
+		tileContent.createField('alignment', {
+			name: 'Alignment',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['Left', 'Center', 'Right'],
+				},
+			],
+			defaultValue: { 'en-US': 'Left' },
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('tileContent')
+	},
+}

package/dist/cms/scripts/0014-create-tile-collection.cjs

@@ -0,0 +1,96 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileCollectionmodule = migration.createContentType(
+			'tileCollectionModule',
+			{
+				name: 'Tile Collection Module',
+				displayField: 'entryName',
+			}
+		)
+
+		// Add mandatory entryName field
+		addEntryNameField(tileCollectionmodule)
+
+		// Add headline field
+		tileCollectionmodule
+			.createField('headline')
+			.name('Headline')
+			.type('Symbol')
+			.required(false)
+
+		// Add required tiles field
+		tileCollectionmodule
+			.createField('tiles')
+			.name('Tiles')
+			.type('Array')
+			.items({
+				type: 'Link',
+				linkType: 'Entry',
+				validations: [{ linkContentType: ['tileContent'] }],
+			})
+			.required(true)
+
+		// Background Color
+		tileCollectionmodule.createField('backgroundColor', {
+			name: 'Background Color',
+			type: 'Symbol',
+		})
+
+		// Change field control for Color Picker App
+		tileCollectionmodule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+
+		// Tile Label Reference
+		tileCollectionmodule.createField('variant', {
+			name: 'Variant',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['Icon', 'Image', 'Video', 'Text', 'Image Stacked Animated'],
+				},
+			],
+			defaultValue: { 'en-US': 'Text' },
+		})
+
+		// Change variant field to Dropdown and add help text
+		tileCollectionmodule.changeFieldControl(
+			'variant',
+			'builtin',
+			'dropdown',
+			{}
+		)
+
+		// Tile Label Reference
+		tileCollectionmodule.createField('tileLabelType', {
+			name: 'Tile Label',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['Text', 'Numeric'],
+				},
+			],
+			defaultValue: { 'en-US': 'Text' },
+		})
+
+		// Change field control to Dropdown and add help text
+		tileCollectionmodule.changeFieldControl(
+			'tileLabelType',
+			'builtin',
+			'radio',
+			{
+				helpText:
+					'Set tile label type to text or numeric. Text labels are used for text-based labels and will need to be entered manually on the Tile Content entry. Numeric labels are used for numbers and will be generated automatically.',
+			}
+		)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('tileCollectionmodule')
+	},
+}

package/dist/cms/scripts/0015-create-highlighted-text.cjs

@@ -0,0 +1,24 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const highlightedText = migration.createContentType('highlightedText', {
+			name: 'Highlighted Text',
+			displayField: 'entryName',
+			description: 'Custom field to add text highlighting feature',
+		})
+
+		addEntryNameField(highlightedText)
+
+		highlightedText
+			.createField('text')
+			.name('Text')
+			.type('Symbol')
+			.required(true)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('highlightedText')
+	},
+}

package/dist/cms/scripts/0016-create-content-module.cjs

@@ -0,0 +1,105 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const contentModule = migration.createContentType('contentModule', {
+			name: 'Content Module',
+			displayField: 'entryName',
+		})
+
+		// Add mandatory entryName field
+		addEntryNameField(contentModule)
+
+		// Logo image reference
+		contentModule
+			.createField('logo')
+			.name('Image')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations([{ linkContentType: ['image'] }])
+
+		// Add headline field
+		contentModule
+			.createField('headline')
+			.name('Headline')
+			.type('RichText')
+			.required(true)
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'ordered-list',
+						'unordered-list',
+						'hr',
+						'hyperlink',
+						'embedded-entry-inline',
+					],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embedd Higlighted Text.',
+							},
+						],
+					},
+				},
+			])
+
+		// Add required body copy field
+		contentModule
+			.createField('bodyCopy')
+			.name('Body Copy')
+			.type('RichText')
+			.required(true)
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'ordered-list',
+						'unordered-list',
+						'hr',
+						'hyperlink',
+					],
+				},
+				{
+					nodes: {},
+				},
+			])
+
+		// CTA Reference
+		contentModule.createField('cta', {
+			name: 'CTA',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['cta'] }],
+		})
+
+		// TODO: Maybe change this Background color to Primary, Primary-alt etc
+		// Background Color
+		contentModule.createField('backgroundColor', {
+			name: 'Background Color',
+			type: 'Symbol',
+		})
+
+		// Change field control for Color Picker App
+		contentModule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('contentModule')
+	},
+}

package/dist/cms/scripts/0017-create-cta.cjs

@@ -0,0 +1,97 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const cta = migration.createContentType('cta', {
+			name: 'CTA',
+			description: 'General CTA button or link',
+			displayField: 'entryName',
+		})
+		// Add required assetName field
+
+		addEntryNameField(cta)
+
+		// Title
+		cta.createField('title', {
+			name: 'Title',
+			type: 'Symbol',
+			required: true,
+		})
+
+		// Link reference
+		cta.createField('link', {
+			name: 'Link Reference',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['link'] }],
+		})
+
+		// Cta Type
+		cta.createField('type', {
+			name: 'Type',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['Fill', 'Outline', 'Text', 'Logo'],
+				},
+			],
+		})
+		cta.changeFieldControl('type', 'builtin', 'dropdown', {
+			helpText: 'The type of CTA, which will determine the style and color',
+		})
+
+		// Logo image reference
+		cta
+			.createField('logo')
+			.name('Image')
+			.type('Link')
+			.linkType('Entry')
+			.required(false)
+			.validations([{ linkContentType: ['image'] }])
+
+		// Aria Label
+		cta.createField('ariaLabel', {
+			name: 'Aria Label Override',
+			type: 'Symbol',
+		})
+		cta.changeFieldControl('ariaLabel', 'builtin', 'singleLine', {
+			helpText: 'Aria Label to override link Aria Label',
+		})
+
+		// Aria Description
+		cta.createField('ariaDescription', {
+			name: 'Aria Description Override',
+			type: 'Symbol',
+		})
+		cta.changeFieldControl('ariaDescription', 'builtin', 'singleLine', {
+			helpText: 'Aria description to override link Aria Description',
+		})
+
+		// Target Override
+		cta.createField('target', {
+			name: 'Target override',
+			type: 'Symbol',
+			validations: [
+				{
+					in: ['New Tab', 'Same Tab'],
+				},
+			],
+		})
+
+		cta.changeFieldControl('target', 'builtin', 'dropdown', {
+			helpText:
+				'Set target attribute to override behavior from link reference).',
+		})
+
+		// Anchor
+		cta.createField('anchor', { name: 'Anchor override', type: 'Symbol' })
+		cta.changeFieldControl('anchor', 'builtin', 'singleLine', {
+			helpText: 'Override the anchor (#) set in the page reference',
+		})
+	},
+	down: function (migration) {
+		migration.deleteContentType('cta')
+	},
+}

package/dist/cms/scripts/0018-create-container-module.cjs

@@ -0,0 +1,134 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const containerModule = migration.createContentType('containerModule', {
+			name: 'Container Module',
+			displayField: 'entryName',
+		})
+
+		// Add mandatory entryName field
+		addEntryNameField(containerModule)
+
+		// Add headline field
+		containerModule
+			.createField('headline')
+			.name('Headline')
+			.type('RichText')
+			.required(true)
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'ordered-list',
+						'unordered-list',
+						'hr',
+						'hyperlink',
+						'embedded-entry-inline',
+					],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embedd Higlighted Text.',
+							},
+						],
+					},
+				},
+			])
+
+		// Add Full Width Content
+		containerModule.createField('fullWidthContent', {
+			name: 'Full Width Content',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{ linkContentType: ['contentModule', 'tileContent', 'accordion'] },
+			],
+		})
+
+		// Add Left Content
+		containerModule.createField('leftContent', {
+			name: 'Left Content',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: [
+						'contentModule',
+						'tileContent',
+						'accordion',
+						'image',
+						'video',
+					],
+				},
+			],
+		})
+
+		// Add Right Content
+		containerModule.createField('rightContent', {
+			name: 'Right Content',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: [
+						'contentModule',
+						'tileContent',
+						'accordion',
+						'image',
+						'video',
+					],
+				},
+			],
+		})
+
+		// Background Image
+		containerModule.createField('backgroundImage', {
+			name: 'Background Image',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['image'] }],
+		})
+
+		// Background Color
+		containerModule.createField('backgroundColor', {
+			name: 'Background Color',
+			type: 'Symbol',
+		})
+
+		// Change field control for Color Picker App
+		containerModule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+
+		containerModule.createField('variant', {
+			name: 'Variant',
+			type: 'Array',
+			items: {
+				type: 'Symbol',
+				validations: [
+					{
+						in: ['Hero', 'Centered'],
+					},
+				],
+			},
+		})
+		containerModule.changeFieldControl('variant', 'builtin', 'checkbox', {
+			helpText:
+				'Determines Text size and alignment will be top left unless centered is selected as well',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('containerModule')
+	},
+}

package/dist/cms/scripts/0019-social-media.cjs

@@ -0,0 +1,45 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const socialMedia = migration.createContentType('socialMedia', {
+			name: 'Social Media',
+			displayField: 'entryName',
+			description: 'Manage a social media icon asset',
+		})
+
+		// Add required assetName field
+		addEntryNameField(socialMedia)
+
+		// Add required icon field
+		socialMedia
+			.createField('icon')
+			.name('Icon')
+			.type('Link')
+			.linkType('Entry')
+			.validations([
+				{
+					linkContentType: ['image'],
+				},
+			])
+			.required(true)
+
+		// Add required link field
+		socialMedia
+			.createField('link')
+			.name('Link')
+			.type('Link')
+			.linkType('Entry')
+			.validations([
+				{
+					linkContentType: ['link'],
+				},
+			])
+			.required(true)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('socialMedia')
+	},
+}