@cooperco/cooper-component-library 0.1.83 → 0.1.85

package/dist/cms/index.ts

@@ -16,3 +16,4 @@ export * from './productModule.query.js'
 export * from './testimonial.query.js'
 export * from './tileCollection.query.js'
 export * from './video.query.js'
+export * from './chartModule.query.js'

package/dist/cms/migrations/scripts/0071-create-chart-module.cjs

@@ -0,0 +1,122 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const chartModule = migration.createContentType('chartModule', {
+			name: 'Chart Module',
+			displayField: 'entryName',
+		})
+
+		addEntryNameField(chartModule)
+
+		chartModule
+			.createField('variant')
+			.name('Variant')
+			.type('Symbol')
+			.required(true)
+			.validations([
+				{
+					in: ['Single', 'Multi', 'Section'],
+				},
+			])
+
+		chartModule.changeFieldControl('variant', 'builtin', 'dropdown')
+
+		chartModule.createField('headline').name('Headline').type('Symbol')
+
+		chartModule
+			.createField('subHeadline')
+			.name('Sub Headline')
+			.type('RichText')
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: ['heading-3', 'heading-4'],
+					message: 'Only heading 3 and heading 4 nodes are allowed',
+				},
+			])
+
+		chartModule
+			.createField('bodyCopy')
+			.name('Body Copy')
+			.type('RichText')
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'heading-3',
+						'heading-4',
+						'unordered-list',
+						'ordered-list',
+						'hyperlink',
+					],
+					message:
+						'Only heading 3, heading 4, unordered list, ordered list, and hyperlink nodes are allowed',
+				},
+			])
+
+		chartModule
+			.createField('footer')
+			.name('Footer')
+			.type('RichText')
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: ['hyperlink'],
+					message: 'Only hyperlink nodes are allowed',
+				},
+			])
+
+		chartModule
+			.createField('chartHeadline')
+			.name('Chart Headline')
+			.type('Symbol')
+
+		chartModule
+			.createField('chartBodyCopy')
+			.name('Chart Body Copy')
+			.type('Symbol')
+
+		chartModule
+			.createField('chartType')
+			.name('Chart Type')
+			.type('Symbol')
+			.validations([
+				{
+					in: ['pie', 'doughnut'],
+				},
+			])
+
+		chartModule.changeFieldControl('chartType', 'builtin', 'dropdown')
+
+		chartModule
+			.createField('chartData')
+			.name('Chart Data')
+			.type('Object')
+
+		chartModule
+			.createField('backgroundColor')
+			.name('Background Color')
+			.type('Symbol')
+
+		chartModule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('chartModule')
+	},
+}

package/dist/cms/migrations/scripts/0072-remove-comments-from-blog-article.cjs

@@ -0,0 +1,23 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const article = migration.editContentType('blog-article')
+		article.deleteField('comments')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const article = migration.editContentType('blog-article')
+		article.createField('comments', {
+			name: 'Comments',
+			type: 'Array',
+			items: {
+				type: 'Link',
+				linkType: 'Entry',
+				validations: [],
+			},
+		})
+	},
+}

package/dist/cms/migrations/scripts/0073-add-body-copy-to-tile-collection.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileCollection = migration.editContentType('tileCollectionModule')
+
+		tileCollection.createField('bodyCopy', {
+			name: 'Body Copy',
+			type: 'Symbol',
+			required: false,
+		})
+
+		tileCollection.moveField('bodyCopy').afterField('headline')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileCollection = migration.editContentType('tileCollectionModule')
+		tileCollection.deleteField('bodyCopy')
+	},
+}

package/dist/cms/migrations/scripts/0074-fix-accordion-start-open-widget.cjs

@@ -0,0 +1,27 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const accordion = migration.editContentType('accordion')
+
+		accordion.editField('startOpen').defaultValue({
+			'en-US': true,
+		})
+
+		accordion.changeFieldControl('startOpen', 'builtin', 'boolean', {
+			trueLabel: 'Yes',
+			falseLabel: 'No',
+			helpText: 'If the accordion should start with the first item open',
+		})
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const accordion = migration.editContentType('accordion')
+
+		accordion.changeFieldControl('startOpen', 'builtin', 'singleLine', {
+			helpText: 'If the accordion should start with the first item open',
+		})
+	},
+}

package/dist/cms/migrations/scripts/0075-make-content-module-headline-optional.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+	up: (migration) => {
+		const contentModule = migration.editContentType('contentModule')
+		contentModule.editField('headline').required(false)
+	},
+	down: async (migration) => {
+		const contentModule = migration.editContentType('contentModule')
+		contentModule.editField('headline').required(true)
+	},
+}

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

@@ -0,0 +1,26 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+
+export const getChartModule: DocumentNode = gql`
+	query chartModuleQuery($id: String!, $preview: Boolean = false) {
+		chartModule(id: $id, preview: $preview) {
+			__typename
+			variant
+			headline
+			subHeadline {
+				json
+			}
+			bodyCopy {
+				json
+			}
+			footer {
+				json
+			}
+			chartHeadline
+			chartBodyCopy
+			chartType
+			chartData
+			backgroundColor
+		}
+	}
+`

package/dist/cms/queries/index.ts

@@ -16,3 +16,4 @@ export * from './productModule.query.js'
 export * from './testimonial.query.js'
 export * from './tileCollection.query.js'
 export * from './video.query.js'
+export * from './chartModule.query.js'

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

@@ -30,6 +30,7 @@ export const getTileCollection: DocumentNode = gql`
 	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
 		tileCollectionModule(id: $id, preview: $preview) {
 			headline
+			bodyCopy
 			tilesCollection(limit: 6) {
 				items {
 					...tileContentFragment

package/dist/cms/scripts/0071-create-chart-module.cjs

@@ -0,0 +1,122 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: async function (migration) {
+		const chartModule = migration.createContentType('chartModule', {
+			name: 'Chart Module',
+			displayField: 'entryName',
+		})
+
+		addEntryNameField(chartModule)
+
+		chartModule
+			.createField('variant')
+			.name('Variant')
+			.type('Symbol')
+			.required(true)
+			.validations([
+				{
+					in: ['Single', 'Multi', 'Section'],
+				},
+			])
+
+		chartModule.changeFieldControl('variant', 'builtin', 'dropdown')
+
+		chartModule.createField('headline').name('Headline').type('Symbol')
+
+		chartModule
+			.createField('subHeadline')
+			.name('Sub Headline')
+			.type('RichText')
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: ['heading-3', 'heading-4'],
+					message: 'Only heading 3 and heading 4 nodes are allowed',
+				},
+			])
+
+		chartModule
+			.createField('bodyCopy')
+			.name('Body Copy')
+			.type('RichText')
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'heading-3',
+						'heading-4',
+						'unordered-list',
+						'ordered-list',
+						'hyperlink',
+					],
+					message:
+						'Only heading 3, heading 4, unordered list, ordered list, and hyperlink nodes are allowed',
+				},
+			])
+
+		chartModule
+			.createField('footer')
+			.name('Footer')
+			.type('RichText')
+			.validations([
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: ['hyperlink'],
+					message: 'Only hyperlink nodes are allowed',
+				},
+			])
+
+		chartModule
+			.createField('chartHeadline')
+			.name('Chart Headline')
+			.type('Symbol')
+
+		chartModule
+			.createField('chartBodyCopy')
+			.name('Chart Body Copy')
+			.type('Symbol')
+
+		chartModule
+			.createField('chartType')
+			.name('Chart Type')
+			.type('Symbol')
+			.validations([
+				{
+					in: ['pie', 'doughnut'],
+				},
+			])
+
+		chartModule.changeFieldControl('chartType', 'builtin', 'dropdown')
+
+		chartModule
+			.createField('chartData')
+			.name('Chart Data')
+			.type('Object')
+
+		chartModule
+			.createField('backgroundColor')
+			.name('Background Color')
+			.type('Symbol')
+
+		chartModule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+	},
+	down: async function (migration) {
+		await migration.deleteContentType('chartModule')
+	},
+}

package/dist/cms/scripts/0072-remove-comments-from-blog-article.cjs

@@ -0,0 +1,23 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const article = migration.editContentType('blog-article')
+		article.deleteField('comments')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const article = migration.editContentType('blog-article')
+		article.createField('comments', {
+			name: 'Comments',
+			type: 'Array',
+			items: {
+				type: 'Link',
+				linkType: 'Entry',
+				validations: [],
+			},
+		})
+	},
+}

package/dist/cms/scripts/0073-add-body-copy-to-tile-collection.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tileCollection = migration.editContentType('tileCollectionModule')
+
+		tileCollection.createField('bodyCopy', {
+			name: 'Body Copy',
+			type: 'Symbol',
+			required: false,
+		})
+
+		tileCollection.moveField('bodyCopy').afterField('headline')
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const tileCollection = migration.editContentType('tileCollectionModule')
+		tileCollection.deleteField('bodyCopy')
+	},
+}

package/dist/cms/scripts/0074-fix-accordion-start-open-widget.cjs

@@ -0,0 +1,27 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const accordion = migration.editContentType('accordion')
+
+		accordion.editField('startOpen').defaultValue({
+			'en-US': true,
+		})
+
+		accordion.changeFieldControl('startOpen', 'builtin', 'boolean', {
+			trueLabel: 'Yes',
+			falseLabel: 'No',
+			helpText: 'If the accordion should start with the first item open',
+		})
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const accordion = migration.editContentType('accordion')
+
+		accordion.changeFieldControl('startOpen', 'builtin', 'singleLine', {
+			helpText: 'If the accordion should start with the first item open',
+		})
+	},
+}

package/dist/cms/scripts/0075-make-content-module-headline-optional.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+	up: (migration) => {
+		const contentModule = migration.editContentType('contentModule')
+		contentModule.editField('headline').required(false)
+	},
+	down: async (migration) => {
+		const contentModule = migration.editContentType('contentModule')
+		contentModule.editField('headline').required(true)
+	},
+}

package/dist/cms/tileCollection.query.ts

@@ -30,6 +30,7 @@ export const getTileCollection: DocumentNode = gql`
 	query tileCollectionQuery($id: String!, $preview: Boolean = false) {
 		tileCollectionModule(id: $id, preview: $preview) {
 			headline
+			bodyCopy
 			tilesCollection(limit: 6) {
 				items {
 					...tileContentFragment