@cooperco/cooper-component-library 0.1.60 → 0.1.62

package/dist/cms/queries/tileCollection.query.ts

@@ -0,0 +1,39 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { tileContentFragment, tileLabelFragment } from './fragments.js'
+
+export const getTileContent: DocumentNode = gql`
+	${tileContentFragment}
+	query tileContentQuery($id: String!, $preview: Boolean = false) {
+		tileContent(id: $id, preview: $preview) {
+			...tileContentFragment
+		}
+	}
+`
+
+export const getTileLabel: DocumentNode = gql`
+	${tileLabelFragment}
+	query TileLabelQuery($id: String!, $preview: Boolean = false) {
+		tileLabel(id: $id, preview: $preview) {
+			...tileLabelFragment
+		}
+	}
+`
+
+export const getTileCollection: DocumentNode = gql`
+	${tileContentFragment}
+	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
+		tileCollectionModule(id: $id, preview: $preview) {
+			headline
+			tilesCollection(limit: 6) {
+				items {
+					...tileContentFragment
+				}
+			}
+			backgroundColor
+			variant
+			tileLabelType
+			includeDecoration
+		}
+	}
+`

package/dist/cms/queries/video.query.ts

@@ -0,0 +1,13 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+import { videoFragment, imageFragment } from './fragments.js'
+
+export const getVideo: DocumentNode = gql`
+	${imageFragment}
+	${videoFragment}
+	query videoQuery($id: String!, $preview: Boolean = false) {
+		video(id: $id, preview: $preview) {
+			...videoFragment
+		}
+	}
+`

package/dist/cms/scripts/0001-init.cjs

@@ -0,0 +1,41 @@
+module.exports = {
+	up: async function (migration) {
+		const versionTrackingContentType = migration.createContentType(
+			'migrationVersionTracker',
+			{
+				name: 'Migration Version Tracker',
+				displayField: 'entryName',
+			}
+		)
+
+		versionTrackingContentType
+			.createField('entryName')
+			.name('Entry Name')
+			.type('Symbol')
+			.localized(false)
+			.required(true)
+			.validations([
+				{
+					unique: true,
+				},
+			])
+			.disabled(false)
+			.omitted(false)
+
+		versionTrackingContentType
+			.createField('version')
+			.name('Version')
+			.type('Integer')
+			.required(true)
+			.validations([])
+			.disabled(true)
+			.omitted(false)
+
+		versionTrackingContentType.changeFieldControl(
+			'version',
+			'builtin',
+			'numberEditor',
+			{}
+		)
+	},
+}

package/dist/cms/scripts/0002-create-image.cjs

@@ -0,0 +1,34 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const image = migration.createContentType('image', {
+			name: 'Image',
+			displayField: 'entryName',
+			description: 'Manage an image asset',
+		})
+
+		// Add required entryName field
+		addEntryNameField(image)
+
+		// Add required image asset field
+		image
+			.createField('media')
+			.name('Media')
+			.type('Link')
+			.linkType('Asset')
+			.required(true)
+			.validations([
+				{
+					linkMimetypeGroup: ['image'],
+				},
+			])
+
+		image.createField('altTag').name('Alt Tag').type('Symbol').required(false)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('image')
+	},
+}

package/dist/cms/scripts/0003-create-video.cjs

@@ -0,0 +1,52 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const video = migration.createContentType('video', {
+			name: 'Video',
+			displayField: 'entryName',
+			description: 'Manage a video asset',
+		})
+
+		// Add required assetName field
+		addEntryNameField(video)
+
+		// Add required url field
+		video
+			.createField('url')
+			.name('Url')
+			.type('Symbol')
+			.required(true)
+			.validations([
+				{
+					regexp: {
+						pattern:
+							'^(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-/]))?$',
+						flags: null,
+					},
+				},
+			])
+
+		// add help text to 'url' field
+		video.changeFieldControl('url', 'builtin', 'urlEditor', {
+			helpText: 'The URL of the video',
+		})
+
+		video
+			.createField('thumbnail')
+			.name('Thumbnail')
+			.type('Link')
+			.linkType('Entry')
+			.validations([
+				{
+					linkContentType: ['image'],
+				},
+			])
+			.required(true)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('video')
+	},
+}

package/dist/cms/scripts/0004-create-testimonial.cjs

@@ -0,0 +1,56 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const testimonialModule = migration.createContentType('testimonialModule', {
+			name: 'Testimonial Module',
+			displayField: 'entryName',
+			description: 'Testimonial module with text and media',
+		})
+
+		// Add mandatory assetName field
+		addEntryNameField(testimonialModule)
+
+		// Add headline field
+		testimonialModule
+			.createField('headline')
+			.name('Headline')
+			.type('Symbol')
+			.required(false)
+
+		testimonialModule
+			.createField('media')
+			.name('Media')
+			.type('Link')
+			.linkType('Entry')
+			.validations([
+				{
+					linkContentType: ['image', 'video'],
+				},
+			])
+			.required(false)
+
+		testimonialModule
+			.createField('quote')
+			.name('Quote')
+			.type('Symbol')
+			.required(true)
+
+		testimonialModule
+			.createField('author')
+			.name('Author')
+			.type('Symbol')
+			.required(false)
+
+		testimonialModule
+			.createField('details')
+			.name('Details')
+			.type('Text')
+			.required(false)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('testimonialModule')
+	},
+}

package/dist/cms/scripts/0005-create-tile-label.cjs

@@ -0,0 +1,41 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const tileLabel = migration.createContentType('tileLabel', {
+			name: 'Tile Label',
+			displayField: 'entryName',
+			description: 'Label for tiles',
+		})
+
+		// Add mandatory assetName field
+		addEntryNameField(tileLabel)
+
+		// Add mandatory copy field
+		tileLabel.createField('copy').name('Copy').type('Symbol').required(false)
+
+		tileLabel
+			.createField('color')
+			.name('Color')
+			.type('Symbol')
+			.validations([
+				{
+					in: ['Primary', 'Secondary', 'Tertiary'],
+				},
+			])
+			.defaultValue({
+				'en-US': 'Primary',
+			})
+			.required(true)
+
+		tileLabel.changeFieldControl('color', 'builtin', 'dropdown', {
+			helpText:
+				'These colors are determined by the background color of the tile, based on the design system.',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('tileLabel')
+	},
+}

package/dist/cms/scripts/0006-create-accordion-item.cjs

@@ -0,0 +1,83 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const accordionItem = migration.createContentType('accordionItem', {
+			name: 'Accordion Item',
+			displayField: 'entryName',
+			description: 'Items for an accordion module',
+		})
+
+		// Add required assetName field
+		addEntryNameField(accordionItem)
+
+		// Add required headline field
+		accordionItem
+			.createField('headline')
+			.name('Headline')
+			.type('Symbol')
+			.required(true)
+
+		// Add required body copy field
+		accordionItem
+			.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: {},
+				},
+			])
+
+		// Icon Reference
+		accordionItem
+			.createField('icon')
+			.name('Icon')
+			.type('Link')
+			.linkType('Entry')
+			.validations([
+				{
+					linkContentType: ['image'],
+				},
+			])
+			.required(false)
+
+		// Color
+		accordionItem
+			.createField('color')
+			.name('Color')
+			.type('Symbol')
+			.validations([
+				{
+					in: ['Primary', 'Secondary', 'Tertiary'],
+				},
+			])
+			.defaultValue({
+				'en-US': 'Primary',
+			})
+			.required(true)
+
+		accordionItem.changeFieldControl('color', 'builtin', 'dropdown', {
+			helpText:
+				'These colors are determined by the background color of the tile, based on the design system.',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('accordionItem')
+	},
+}

package/dist/cms/scripts/0007-create-accordion.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 accordion = migration.createContentType('accordion', {
+			name: 'Accordion',
+			displayField: 'entryName',
+		})
+
+		// Add required assetName field
+		addEntryNameField(accordion)
+
+		accordion
+			.createField('accordionItem')
+			.name('Accordion Item')
+			.type('Array')
+			.items({
+				type: 'Link',
+				validations: [
+					{
+						linkContentType: ['accordionItem'],
+					},
+				],
+				linkType: 'Entry',
+			})
+			.required(true)
+
+		accordion
+			.createField('accordionType')
+			.name('Accordion Type')
+			.type('Symbol')
+			.validations([
+				{
+					in: ['List', 'Tile'],
+				},
+			])
+
+		accordion.changeFieldControl('accordionType', 'builtin', 'dropdown')
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('accordion')
+	},
+}

package/dist/cms/scripts/0008-create-page-metadata.cjs

@@ -0,0 +1,69 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const pageMetadata = migration.createContentType('pageMetadata', {
+			name: 'Page Metadata',
+			displayField: 'entryName',
+			description: 'Page metadata to be used for SEO and social sharing',
+		})
+
+		// Add mandatory entryName field
+		addEntryNameField(pageMetadata)
+
+		// Add required title field
+		pageMetadata
+			.createField('title')
+			.name('Title')
+			.type('Symbol')
+			.required(true)
+
+		// Add required description field
+		pageMetadata
+			.createField('description')
+			.name('Description')
+			.type('Text')
+			.required(true)
+		pageMetadata.changeFieldControl('description', 'builtin', 'multipleLine')
+
+		// Keywords
+		pageMetadata.createField('keywords', {
+			name: 'Keywords',
+			type: 'Array',
+			items: {
+				type: 'Symbol',
+				validations: [],
+			},
+		})
+		pageMetadata.changeFieldControl('keywords', 'builtin', 'list')
+
+		// Add required social image field
+		pageMetadata
+			.createField('socialImage')
+			.name('Social Image')
+			.type('Link')
+			.linkType('Entry')
+			.required(true)
+			.validations([
+				{
+					linkContentType: ['image'],
+				},
+			])
+
+		// Add help text to socialImage field
+		pageMetadata.changeFieldControl(
+			'socialImage',
+			'builtin',
+			'entryLinkEditor',
+			{
+				helpText:
+					'This image is what will appear when the link to the page is shared on any social post.',
+			}
+		)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('pageMetadata')
+	},
+}

package/dist/cms/scripts/0009-create-page.cjs

@@ -0,0 +1,57 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const page = migration.createContentType('page', {
+			name: 'Page',
+			displayField: 'entryName',
+		})
+
+		// Add required entryName field
+		addEntryNameField(page)
+
+		// Add required title field
+		page.createField('title').name('Title').type('Symbol').required(true)
+
+		// Slug
+		page.createField('slug', {
+			name: 'Slug',
+			type: 'Symbol',
+			required: true,
+			validations: [
+				{
+					regexp: {
+						pattern: '^\\/([\\w#!:.?+=&%@!\\-/])*$',
+						flags: null,
+					},
+					message:
+						'Slug must begin with a forward slash and use standard symbols. e.g a-z, 0-9, _#!:.?+=&%@!-/',
+				},
+			],
+		})
+
+		// Page Modules
+		page.createField('pageModules', {
+			name: 'Page Modules',
+			type: 'Array',
+			items: {
+				type: 'Link',
+				validations: [],
+				linkType: 'Entry',
+			},
+		})
+
+		// Metadata
+		page.createField('metadata', {
+			name: 'Metadata',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['pageMetadata'] }],
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('page')
+	},
+}

package/dist/cms/scripts/0010-create-link.cjs

@@ -0,0 +1,86 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const link = migration.createContentType('link', {
+			name: 'Link',
+			description:
+				'General link type. Can point to an external url or internal page',
+			displayField: 'entryName',
+		})
+
+		// Add required assetName field
+		addEntryNameField(link)
+
+		// Page
+		link.createField('page', {
+			name: 'Page',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['page'] }],
+		})
+		link.changeFieldControl('page', 'builtin', 'entryLinkEditor', {
+			helpText:
+				"Use Page OR External URL. If both are set, Page will be used. If neither are set, the link won't work.",
+		})
+
+		// Anchor
+		link.createField('anchor', { name: 'Anchor', type: 'Symbol' })
+		link.changeFieldControl('anchor', 'builtin', 'singleLine', {
+			helpText: 'Set the anchor (#) for the url set by the Page reference.',
+		})
+
+		// External URL
+		link.createField('externalUrl', {
+			name: 'External URL',
+			type: 'Symbol',
+		})
+		link.changeFieldControl('externalUrl', 'builtin', 'urlEditor', {
+			helpText:
+				"Use Page OR External URL. If both are set, Page will be used. If neither are set, the link won't work.",
+		})
+
+		// Target
+		link.createField('target', {
+			name: 'Target',
+			type: 'Symbol',
+			required: true,
+			validations: [
+				{
+					in: ['Default', 'New Tab', 'Same Tab'],
+				},
+			],
+			defaultValue: {
+				'en-US': 'Default',
+			},
+		})
+
+		link.changeFieldControl('target', 'builtin', 'dropdown', {
+			helpText:
+				'Set target attribute to override default behavior. (i.e internal pages in same tab, external pages in new tab).',
+		})
+
+		// Aria Label
+		link.createField('ariaLabel', {
+			name: 'Aria Label',
+			type: 'Symbol',
+		})
+		link.changeFieldControl('ariaLabel', 'builtin', 'singleLine', {
+			helpText: 'Aria label.',
+		})
+
+		// Aria Description
+		link.createField('ariaDescription', {
+			name: 'Aria Description',
+			type: 'Symbol',
+		})
+		link.changeFieldControl('ariaDescription', 'builtin', 'singleLine', {
+			helpText: 'Aria description.',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('link')
+	},
+}

package/dist/cms/scripts/0011-create-navigation-element.cjs

@@ -0,0 +1,54 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const navigationElement = migration.createContentType('navigationElement', {
+			name: 'Navigation Element',
+			displayField: 'entryName',
+		})
+
+		// Add required entryName field
+		addEntryNameField(navigationElement)
+
+		// Add required title field
+		navigationElement.createField('title', {
+			name: 'Title',
+			type: 'Symbol',
+			required: true,
+		})
+
+		// Link reference
+		navigationElement.createField('link', {
+			name: 'Link',
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [{ linkContentType: ['link'] }],
+		})
+
+		// Navigation Reference
+		navigationElement.createField('subNavigationElements', {
+			name: 'Sub Navigation Elements',
+			type: 'Array',
+			items: {
+				type: 'Link',
+				validations: [{ linkContentType: ['navigationElement'] }],
+				linkType: 'Entry',
+			},
+		})
+
+		// Divider Line
+		navigationElement.createField('dividerLine', {
+			name: 'Divider Line',
+			type: 'Boolean',
+		})
+		navigationElement.changeFieldControl('dividerLine', 'builtin', 'radio', {
+			helpText:
+				'If yes, adds vertical divider line to the right of the element.',
+		})
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('navigationElement')
+	},
+}