@cooperco/cooper-component-library 0.1.128 → 0.1.129

package/dist/cms/0095-create-table-module.cjs

@@ -0,0 +1,174 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tableModule = migration.createContentType('tableModule', {
+			name: 'Table Module',
+			displayField: 'entryName',
+		})
+
+		// Add mandatory entryName field
+		addEntryNameField(tableModule)
+
+		// Title
+		tableModule.createField('title', {
+			name: 'Title',
+			type: 'Symbol',
+			required: false,
+		})
+
+		// Description (RichText)
+		tableModule.createField('description', {
+			name: 'Description',
+			type: 'RichText',
+			required: false,
+			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 embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			],
+		})
+
+		// Body Copy Alignment
+		tableModule.createField('bodyCopyAlignment', {
+			name: 'Body Copy Alignment',
+			type: 'Symbol',
+			required: false,
+			validations: [
+				{
+					in: ['Left', 'Center', 'Right'],
+				},
+			],
+		})
+		tableModule.changeFieldControl('bodyCopyAlignment', 'builtin', 'dropdown', {
+			helpText: 'Override the description copy text alignment independently. If not set, it will follow the default alignment.',
+		})
+
+		// Table Highlight
+		tableModule.createField('tableHighlight', {
+			name: 'Table Highlight',
+			type: 'Symbol',
+			required: false,
+			validations: [
+				{
+					in: ['Row', 'Column'],
+				},
+			],
+		})
+		tableModule.changeFieldControl('tableHighlight', 'builtin', 'dropdown', {
+			helpText: 'Highlight a specific row or column in the table.',
+		})
+
+		// Table (RichText with table node enabled)
+		tableModule.createField('table', {
+			name: 'Table',
+			type: 'RichText',
+			required: true,
+			validations: [
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'table',
+						'hyperlink',
+						'embedded-entry-inline',
+						'unordered-list',
+						'ordered-list',
+					],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			],
+		})
+
+		// Filter columns (Symbol list)
+		tableModule.createField('filterColumns', {
+			name: 'Filter Columns',
+			type: 'Array',
+			required: false,
+			items: {
+				type: 'Symbol',
+				validations: [],
+			},
+		})
+		tableModule.changeFieldControl('filterColumns', 'builtin', 'tagEditor', {
+			helpText: 'Enter the exact column heading(s) to make filterable. Max 4 suggested.',
+		})
+
+		// Footer (RichText)
+		tableModule.createField('footer', {
+			name: 'Footer',
+			type: 'RichText',
+			required: false,
+			validations: [
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: ['hyperlink', 'embedded-entry-inline'],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			],
+		})
+
+		// Background Color
+		tableModule.createField('backgroundColor', {
+			name: 'Background Color',
+			type: 'Symbol',
+			required: false,
+		})
+
+		// Change field control for Color Picker App
+		tableModule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+	},
+
+	down: async function (migration) {
+		await migration.deleteContentType('tableModule')
+	},
+}

package/dist/cms/0096-update-container-collection-filtered-table.cjs

@@ -0,0 +1,57 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const collection = migration.editContentType('containerCollectionModule')
+
+		// Delete the variant field from Contentful
+		collection.deleteField('variant')
+
+		// Subheadline field
+		collection.createField('subheadline', {
+			name: 'Subheadline',
+			type: 'Symbol',
+			required: false,
+		})
+
+		// Order the fields
+		collection.moveField('subheadline').afterField('headline')
+
+		// Update link validations for modules collection to accept splitModule and tableModule
+		collection.editField('modules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: ['splitModule', 'tableModule'],
+				},
+			],
+		})
+
+		// Add helper text to modules field
+		collection.changeFieldControl('modules', 'builtin', 'entryCardsEditor', {
+			helpText:
+				'Add Table Modules to render filtered tables with tabs, or Split Modules for standard collections.',
+		})
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const collection = migration.editContentType('containerCollectionModule')
+
+		// Delete subheadline field
+		collection.deleteField('subheadline')
+
+		// Revert validations on modules collection to splitModule only
+		collection.editField('modules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: ['splitModule'],
+				},
+			],
+		})
+	},
+}

package/dist/cms/containerCollectionModule.query.ts

@@ -12,6 +12,7 @@ export const getContainerCollectionModule: DocumentNode = gql`
 			}
 
 			headline
+			subheadline
 
 			modulesCollection {
 				items {
@@ -22,6 +23,11 @@ export const getContainerCollectionModule: DocumentNode = gql`
 							id
 						}
 					}
+					... on TableModule {
+						sys {
+							id
+						}
+					}
 				}
 			}
 

package/dist/cms/contentful/migrations/scripts/0095-create-table-module.cjs

@@ -0,0 +1,174 @@
+const addEntryNameField = require('../helpers/addEntryNameField.cjs')
+
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const tableModule = migration.createContentType('tableModule', {
+			name: 'Table Module',
+			displayField: 'entryName',
+		})
+
+		// Add mandatory entryName field
+		addEntryNameField(tableModule)
+
+		// Title
+		tableModule.createField('title', {
+			name: 'Title',
+			type: 'Symbol',
+			required: false,
+		})
+
+		// Description (RichText)
+		tableModule.createField('description', {
+			name: 'Description',
+			type: 'RichText',
+			required: false,
+			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 embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			],
+		})
+
+		// Body Copy Alignment
+		tableModule.createField('bodyCopyAlignment', {
+			name: 'Body Copy Alignment',
+			type: 'Symbol',
+			required: false,
+			validations: [
+				{
+					in: ['Left', 'Center', 'Right'],
+				},
+			],
+		})
+		tableModule.changeFieldControl('bodyCopyAlignment', 'builtin', 'dropdown', {
+			helpText: 'Override the description copy text alignment independently. If not set, it will follow the default alignment.',
+		})
+
+		// Table Highlight
+		tableModule.createField('tableHighlight', {
+			name: 'Table Highlight',
+			type: 'Symbol',
+			required: false,
+			validations: [
+				{
+					in: ['Row', 'Column'],
+				},
+			],
+		})
+		tableModule.changeFieldControl('tableHighlight', 'builtin', 'dropdown', {
+			helpText: 'Highlight a specific row or column in the table.',
+		})
+
+		// Table (RichText with table node enabled)
+		tableModule.createField('table', {
+			name: 'Table',
+			type: 'RichText',
+			required: true,
+			validations: [
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: [
+						'table',
+						'hyperlink',
+						'embedded-entry-inline',
+						'unordered-list',
+						'ordered-list',
+					],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			],
+		})
+
+		// Filter columns (Symbol list)
+		tableModule.createField('filterColumns', {
+			name: 'Filter Columns',
+			type: 'Array',
+			required: false,
+			items: {
+				type: 'Symbol',
+				validations: [],
+			},
+		})
+		tableModule.changeFieldControl('filterColumns', 'builtin', 'tagEditor', {
+			helpText: 'Enter the exact column heading(s) to make filterable. Max 4 suggested.',
+		})
+
+		// Footer (RichText)
+		tableModule.createField('footer', {
+			name: 'Footer',
+			type: 'RichText',
+			required: false,
+			validations: [
+				{
+					enabledMarks: ['bold', 'italic', 'underline'],
+					message: 'Only bold, italic, and underline marks are allowed',
+				},
+				{
+					enabledNodeTypes: ['hyperlink', 'embedded-entry-inline'],
+				},
+				{
+					nodes: {
+						'embedded-entry-inline': [
+							{
+								linkContentType: ['highlightedText'],
+								message: 'You can only embed Highlighted Text.',
+							},
+						],
+					},
+				},
+			],
+		})
+
+		// Background Color
+		tableModule.createField('backgroundColor', {
+			name: 'Background Color',
+			type: 'Symbol',
+			required: false,
+		})
+
+		// Change field control for Color Picker App
+		tableModule.changeFieldControl(
+			'backgroundColor',
+			'app',
+			process.env.COLOR_PICKER_APP_ID
+		)
+	},
+
+	down: async function (migration) {
+		await migration.deleteContentType('tableModule')
+	},
+}

package/dist/cms/contentful/migrations/scripts/0096-update-container-collection-filtered-table.cjs

@@ -0,0 +1,57 @@
+module.exports = {
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	up: function (migration) {
+		const collection = migration.editContentType('containerCollectionModule')
+
+		// Delete the variant field from Contentful
+		collection.deleteField('variant')
+
+		// Subheadline field
+		collection.createField('subheadline', {
+			name: 'Subheadline',
+			type: 'Symbol',
+			required: false,
+		})
+
+		// Order the fields
+		collection.moveField('subheadline').afterField('headline')
+
+		// Update link validations for modules collection to accept splitModule and tableModule
+		collection.editField('modules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: ['splitModule', 'tableModule'],
+				},
+			],
+		})
+
+		// Add helper text to modules field
+		collection.changeFieldControl('modules', 'builtin', 'entryCardsEditor', {
+			helpText:
+				'Add Table Modules to render filtered tables with tabs, or Split Modules for standard collections.',
+		})
+	},
+
+	// @ts-check
+	/** @type { import('contentful-migration').MigrationFunction } */
+	down: function (migration) {
+		const collection = migration.editContentType('containerCollectionModule')
+
+		// Delete subheadline field
+		collection.deleteField('subheadline')
+
+		// Revert validations on modules collection to splitModule only
+		collection.editField('modules').items({
+			type: 'Link',
+			linkType: 'Entry',
+			validations: [
+				{
+					linkContentType: ['splitModule'],
+				},
+			],
+		})
+	},
+}

package/dist/cms/contentful/queries/containerCollectionModule.query.js

@@ -10,6 +10,7 @@ export const getContainerCollectionModule = gql `
 			}
 
 			headline
+			subheadline
 
 			modulesCollection {
 				items {
@@ -20,6 +21,11 @@ export const getContainerCollectionModule = gql `
 							id
 						}
 					}
+					... on TableModule {
+						sys {
+							id
+						}
+					}
 				}
 			}
 

package/dist/cms/contentful/queries/containerCollectionModule.query.ts

@@ -12,6 +12,7 @@ export const getContainerCollectionModule: DocumentNode = gql`
 			}
 
 			headline
+			subheadline
 
 			modulesCollection {
 				items {
@@ -22,6 +23,11 @@ export const getContainerCollectionModule: DocumentNode = gql`
 							id
 						}
 					}
+					... on TableModule {
+						sys {
+							id
+						}
+					}
 				}
 			}
 

package/dist/cms/contentful/queries/index.d.ts

@@ -21,3 +21,4 @@ export * from './helloBanner.query.js';
 export * from './placeholderModule.query.js';
 export * from './splitModule.query.js';
 export * from './containerCollectionModule.query.js';
+export * from './tableModule.query.js';

package/dist/cms/contentful/queries/index.js

@@ -21,3 +21,4 @@ export * from './helloBanner.query.js';
 export * from './placeholderModule.query.js';
 export * from './splitModule.query.js';
 export * from './containerCollectionModule.query.js';
+export * from './tableModule.query.js';

package/dist/cms/contentful/queries/index.ts

@@ -21,3 +21,5 @@ export * from './helloBanner.query.js'
 export * from './placeholderModule.query.js'
 export * from './splitModule.query.js'
 export * from './containerCollectionModule.query.js'
+export * from './tableModule.query.js'
+

package/dist/cms/contentful/queries/tableModule.query.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentNode } from 'graphql';
+export declare const getTableModule: DocumentNode;

package/dist/cms/contentful/queries/tableModule.query.js

@@ -0,0 +1,60 @@
+import { gql } from 'graphql-tag';
+export const getTableModule = gql `
+	query tableModuleQuery($id: String!, $preview: Boolean = false) {
+		tableModule(id: $id, preview: $preview) {
+			sys {
+				id
+			}
+			title
+			description {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			table {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			filterColumns
+			footer {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			backgroundColor
+			bodyCopyAlignment
+			tableHighlight
+		}
+	}
+`;

package/dist/cms/contentful/queries/tableModule.query.ts

@@ -0,0 +1,62 @@
+import { gql } from 'graphql-tag'
+import type { DocumentNode } from 'graphql'
+
+export const getTableModule: DocumentNode = gql`
+	query tableModuleQuery($id: String!, $preview: Boolean = false) {
+		tableModule(id: $id, preview: $preview) {
+			sys {
+				id
+			}
+			title
+			description {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			table {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			filterColumns
+			footer {
+				json
+				links {
+					entries {
+						inline {
+							sys {
+								id
+							}
+							... on HighlightedText {
+								text
+							}
+						}
+					}
+				}
+			}
+			backgroundColor
+			bodyCopyAlignment
+			tableHighlight
+		}
+	}
+`

package/dist/cms/index.ts

@@ -21,3 +21,5 @@ export * from './helloBanner.query.js'
 export * from './placeholderModule.query.js'
 export * from './splitModule.query.js'
 export * from './containerCollectionModule.query.js'
+export * from './tableModule.query.js'
+