@cooperco/cooper-component-library 0.1.113 → 0.1.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/cms/0086-add-background-image-to-carousel.cjs +24 -0
  2. package/dist/cms/carousel.query.ts +8 -0
  3. package/dist/cms/containerCollectionModule.query.ts +37 -0
  4. package/dist/cms/contentful/migrations/scripts/0086-add-background-image-to-carousel.cjs +24 -0
  5. package/dist/cms/contentful/queries/carousel.query.js +8 -0
  6. package/dist/cms/contentful/queries/carousel.query.ts +8 -0
  7. package/dist/cms/contentful/queries/containerCollectionModule.query.d.ts +2 -0
  8. package/dist/cms/contentful/queries/containerCollectionModule.query.js +35 -0
  9. package/dist/cms/contentful/queries/containerCollectionModule.query.ts +37 -0
  10. package/dist/cms/contentful/queries/index.d.ts +2 -0
  11. package/dist/cms/contentful/queries/index.js +2 -0
  12. package/dist/cms/contentful/queries/index.ts +2 -0
  13. package/dist/cms/contentful/queries/splitModule.query.d.ts +2 -0
  14. package/dist/cms/contentful/queries/splitModule.query.js +78 -0
  15. package/dist/cms/contentful/queries/splitModule.query.ts +80 -0
  16. package/dist/cms/index.ts +2 -0
  17. package/dist/cms/migrations/scripts/0086-add-background-image-to-carousel.cjs +24 -0
  18. package/dist/cms/queries/carousel.query.ts +8 -0
  19. package/dist/cms/queries/containerCollectionModule.query.ts +37 -0
  20. package/dist/cms/queries/index.ts +2 -0
  21. package/dist/cms/queries/splitModule.query.ts +80 -0
  22. package/dist/cms/scripts/0086-add-background-image-to-carousel.cjs +24 -0
  23. package/dist/cms/splitModule.query.ts +80 -0
  24. package/dist/lib/component-lib.js +3250 -3127
  25. package/dist/lib/component-lib.umd.cjs +24 -24
  26. package/dist/lib/style.css +1 -1
  27. package/dist/types/cms/contentful/queries/containerCollectionModule.query.d.ts +2 -0
  28. package/dist/types/cms/contentful/queries/index.d.ts +2 -0
  29. package/dist/types/cms/contentful/queries/splitModule.query.d.ts +2 -0
  30. package/dist/types/src/components/CarouselModule/CarouselModule.d.ts +2 -0
  31. package/dist/types/src/components/ContainerModule/ContainerModule.d.ts +1 -0
  32. package/dist/types/src/components/ContentModule/ContentModule.d.ts +1 -0
  33. package/dist/types/src/components/Image/Image.d.ts +1 -0
  34. package/dist/types/src/components/SplitModule/SplitModule.d.ts +1 -0
  35. package/dist/types/src/components/TileContent/TileContent.d.ts +1 -0
  36. package/dist/types/src/components/Video/Video.d.ts +1 -0
  37. package/dist/types/src/config/defaultPassthrough/index.d.ts +1 -1
  38. package/package.json +1 -1
@@ -0,0 +1,24 @@
1
+ module.exports = {
2
+ // @ts-check
3
+ /** @type { import('contentful-migration').MigrationFunction } */
4
+ up: function (migration) {
5
+ const carousel = migration.editContentType('carouselModule')
6
+
7
+ carousel
8
+ .createField('backgroundImage')
9
+ .name('Background Image')
10
+ .type('Link')
11
+ .linkType('Entry')
12
+ .required(false)
13
+ .validations([{ linkContentType: ['image'] }])
14
+
15
+ carousel.moveField('backgroundImage').afterField('backgroundColor')
16
+ },
17
+
18
+ // @ts-check
19
+ /** @type { import('contentful-migration').MigrationFunction } */
20
+ down: function (migration) {
21
+ const carousel = migration.editContentType('carouselModule')
22
+ carousel.deleteField('backgroundImage')
23
+ },
24
+ }
@@ -1,12 +1,20 @@
1
1
  import { gql } from 'graphql-tag'
2
2
  import type { DocumentNode } from 'graphql'
3
+ import { imageFragment } from './fragments.js'
3
4
 
4
5
  export const getCarousel: DocumentNode = gql`
6
+ ${imageFragment}
5
7
  query carouselQuery($id: String!, $preview: Boolean = false) {
6
8
  carouselModule(id: $id, preview: $preview) {
9
+ sys {
10
+ id
11
+ }
7
12
  headline
8
13
  backgroundColor
9
14
  variant
15
+ backgroundImage {
16
+ ...imageFragment
17
+ }
10
18
  carouselItemsCollection {
11
19
  items {
12
20
  ... on TestimonialModule {
@@ -0,0 +1,37 @@
1
+ import { gql } from 'graphql-tag'
2
+ import type { DocumentNode } from 'graphql'
3
+
4
+ export const getContainerCollectionModule: DocumentNode = gql`
5
+ query containerCollectionModuleQuery(
6
+ $id: String!
7
+ $preview: Boolean = false
8
+ ) {
9
+ containerCollectionModule(id: $id, preview: $preview) {
10
+ sys {
11
+ id
12
+ }
13
+
14
+ headline
15
+
16
+ modulesCollection {
17
+ items {
18
+ __typename
19
+
20
+ ... on ContainerModule {
21
+ sys {
22
+ id
23
+ }
24
+ }
25
+
26
+ ... on SplitModule {
27
+ sys {
28
+ id
29
+ }
30
+ }
31
+ }
32
+ }
33
+
34
+ backgroundColor
35
+ }
36
+ }
37
+ `
@@ -0,0 +1,24 @@
1
+ module.exports = {
2
+ // @ts-check
3
+ /** @type { import('contentful-migration').MigrationFunction } */
4
+ up: function (migration) {
5
+ const carousel = migration.editContentType('carouselModule')
6
+
7
+ carousel
8
+ .createField('backgroundImage')
9
+ .name('Background Image')
10
+ .type('Link')
11
+ .linkType('Entry')
12
+ .required(false)
13
+ .validations([{ linkContentType: ['image'] }])
14
+
15
+ carousel.moveField('backgroundImage').afterField('backgroundColor')
16
+ },
17
+
18
+ // @ts-check
19
+ /** @type { import('contentful-migration').MigrationFunction } */
20
+ down: function (migration) {
21
+ const carousel = migration.editContentType('carouselModule')
22
+ carousel.deleteField('backgroundImage')
23
+ },
24
+ }
@@ -1,10 +1,18 @@
1
1
  import { gql } from 'graphql-tag';
2
+ import { imageFragment } from './fragments.js';
2
3
  export const getCarousel = gql `
4
+ ${imageFragment}
3
5
  query carouselQuery($id: String!, $preview: Boolean = false) {
4
6
  carouselModule(id: $id, preview: $preview) {
7
+ sys {
8
+ id
9
+ }
5
10
  headline
6
11
  backgroundColor
7
12
  variant
13
+ backgroundImage {
14
+ ...imageFragment
15
+ }
8
16
  carouselItemsCollection {
9
17
  items {
10
18
  ... on TestimonialModule {
@@ -1,12 +1,20 @@
1
1
  import { gql } from 'graphql-tag'
2
2
  import type { DocumentNode } from 'graphql'
3
+ import { imageFragment } from './fragments.js'
3
4
 
4
5
  export const getCarousel: DocumentNode = gql`
6
+ ${imageFragment}
5
7
  query carouselQuery($id: String!, $preview: Boolean = false) {
6
8
  carouselModule(id: $id, preview: $preview) {
9
+ sys {
10
+ id
11
+ }
7
12
  headline
8
13
  backgroundColor
9
14
  variant
15
+ backgroundImage {
16
+ ...imageFragment
17
+ }
10
18
  carouselItemsCollection {
11
19
  items {
12
20
  ... on TestimonialModule {
@@ -0,0 +1,2 @@
1
+ import type { DocumentNode } from 'graphql';
2
+ export declare const getContainerCollectionModule: DocumentNode;
@@ -0,0 +1,35 @@
1
+ import { gql } from 'graphql-tag';
2
+ export const getContainerCollectionModule = gql `
3
+ query containerCollectionModuleQuery(
4
+ $id: String!
5
+ $preview: Boolean = false
6
+ ) {
7
+ containerCollectionModule(id: $id, preview: $preview) {
8
+ sys {
9
+ id
10
+ }
11
+
12
+ headline
13
+
14
+ modulesCollection {
15
+ items {
16
+ __typename
17
+
18
+ ... on ContainerModule {
19
+ sys {
20
+ id
21
+ }
22
+ }
23
+
24
+ ... on SplitModule {
25
+ sys {
26
+ id
27
+ }
28
+ }
29
+ }
30
+ }
31
+
32
+ backgroundColor
33
+ }
34
+ }
35
+ `;
@@ -0,0 +1,37 @@
1
+ import { gql } from 'graphql-tag'
2
+ import type { DocumentNode } from 'graphql'
3
+
4
+ export const getContainerCollectionModule: DocumentNode = gql`
5
+ query containerCollectionModuleQuery(
6
+ $id: String!
7
+ $preview: Boolean = false
8
+ ) {
9
+ containerCollectionModule(id: $id, preview: $preview) {
10
+ sys {
11
+ id
12
+ }
13
+
14
+ headline
15
+
16
+ modulesCollection {
17
+ items {
18
+ __typename
19
+
20
+ ... on ContainerModule {
21
+ sys {
22
+ id
23
+ }
24
+ }
25
+
26
+ ... on SplitModule {
27
+ sys {
28
+ id
29
+ }
30
+ }
31
+ }
32
+ }
33
+
34
+ backgroundColor
35
+ }
36
+ }
37
+ `
@@ -19,3 +19,5 @@ export * from './video.query.js';
19
19
  export * from './chartModule.query.js';
20
20
  export * from './helloBanner.query.js';
21
21
  export * from './placeholderModule.query.js';
22
+ export * from './splitModule.query.js';
23
+ export * from './containerCollectionModule.query.js';
@@ -19,3 +19,5 @@ export * from './video.query.js';
19
19
  export * from './chartModule.query.js';
20
20
  export * from './helloBanner.query.js';
21
21
  export * from './placeholderModule.query.js';
22
+ export * from './splitModule.query.js';
23
+ export * from './containerCollectionModule.query.js';
@@ -19,3 +19,5 @@ export * from './video.query.js'
19
19
  export * from './chartModule.query.js'
20
20
  export * from './helloBanner.query.js'
21
21
  export * from './placeholderModule.query.js'
22
+ export * from './splitModule.query.js'
23
+ export * from './containerCollectionModule.query.js'
@@ -0,0 +1,2 @@
1
+ import type { DocumentNode } from 'graphql';
2
+ export declare const getSplitModule: DocumentNode;
@@ -0,0 +1,78 @@
1
+ import { gql } from 'graphql-tag';
2
+ export const getSplitModule = gql `
3
+ query splitModuleQuery($id: String!, $preview: Boolean = false) {
4
+ splitModule(id: $id, preview: $preview) {
5
+ sys {
6
+ id
7
+ }
8
+
9
+ start {
10
+ __typename
11
+
12
+ ... on ContentModule {
13
+ sys {
14
+ id
15
+ }
16
+ }
17
+
18
+ ... on Image {
19
+ sys {
20
+ id
21
+ }
22
+ }
23
+
24
+ ... on Video {
25
+ sys {
26
+ id
27
+ }
28
+ }
29
+ }
30
+
31
+ center {
32
+ __typename
33
+
34
+ ... on ContentModule {
35
+ sys {
36
+ id
37
+ }
38
+ }
39
+
40
+ ... on Image {
41
+ sys {
42
+ id
43
+ }
44
+ }
45
+
46
+ ... on Video {
47
+ sys {
48
+ id
49
+ }
50
+ }
51
+ }
52
+
53
+ end {
54
+ __typename
55
+
56
+ ... on ContentModule {
57
+ sys {
58
+ id
59
+ }
60
+ }
61
+
62
+ ... on Image {
63
+ sys {
64
+ id
65
+ }
66
+ }
67
+
68
+ ... on Video {
69
+ sys {
70
+ id
71
+ }
72
+ }
73
+ }
74
+
75
+ backgroundColor
76
+ }
77
+ }
78
+ `;
@@ -0,0 +1,80 @@
1
+ import { gql } from 'graphql-tag'
2
+ import type { DocumentNode } from 'graphql'
3
+
4
+ export const getSplitModule: DocumentNode = gql`
5
+ query splitModuleQuery($id: String!, $preview: Boolean = false) {
6
+ splitModule(id: $id, preview: $preview) {
7
+ sys {
8
+ id
9
+ }
10
+
11
+ start {
12
+ __typename
13
+
14
+ ... on ContentModule {
15
+ sys {
16
+ id
17
+ }
18
+ }
19
+
20
+ ... on Image {
21
+ sys {
22
+ id
23
+ }
24
+ }
25
+
26
+ ... on Video {
27
+ sys {
28
+ id
29
+ }
30
+ }
31
+ }
32
+
33
+ center {
34
+ __typename
35
+
36
+ ... on ContentModule {
37
+ sys {
38
+ id
39
+ }
40
+ }
41
+
42
+ ... on Image {
43
+ sys {
44
+ id
45
+ }
46
+ }
47
+
48
+ ... on Video {
49
+ sys {
50
+ id
51
+ }
52
+ }
53
+ }
54
+
55
+ end {
56
+ __typename
57
+
58
+ ... on ContentModule {
59
+ sys {
60
+ id
61
+ }
62
+ }
63
+
64
+ ... on Image {
65
+ sys {
66
+ id
67
+ }
68
+ }
69
+
70
+ ... on Video {
71
+ sys {
72
+ id
73
+ }
74
+ }
75
+ }
76
+
77
+ backgroundColor
78
+ }
79
+ }
80
+ `
package/dist/cms/index.ts CHANGED
@@ -19,3 +19,5 @@ export * from './video.query.js'
19
19
  export * from './chartModule.query.js'
20
20
  export * from './helloBanner.query.js'
21
21
  export * from './placeholderModule.query.js'
22
+ export * from './splitModule.query.js'
23
+ export * from './containerCollectionModule.query.js'
@@ -0,0 +1,24 @@
1
+ module.exports = {
2
+ // @ts-check
3
+ /** @type { import('contentful-migration').MigrationFunction } */
4
+ up: function (migration) {
5
+ const carousel = migration.editContentType('carouselModule')
6
+
7
+ carousel
8
+ .createField('backgroundImage')
9
+ .name('Background Image')
10
+ .type('Link')
11
+ .linkType('Entry')
12
+ .required(false)
13
+ .validations([{ linkContentType: ['image'] }])
14
+
15
+ carousel.moveField('backgroundImage').afterField('backgroundColor')
16
+ },
17
+
18
+ // @ts-check
19
+ /** @type { import('contentful-migration').MigrationFunction } */
20
+ down: function (migration) {
21
+ const carousel = migration.editContentType('carouselModule')
22
+ carousel.deleteField('backgroundImage')
23
+ },
24
+ }
@@ -1,12 +1,20 @@
1
1
  import { gql } from 'graphql-tag'
2
2
  import type { DocumentNode } from 'graphql'
3
+ import { imageFragment } from './fragments.js'
3
4
 
4
5
  export const getCarousel: DocumentNode = gql`
6
+ ${imageFragment}
5
7
  query carouselQuery($id: String!, $preview: Boolean = false) {
6
8
  carouselModule(id: $id, preview: $preview) {
9
+ sys {
10
+ id
11
+ }
7
12
  headline
8
13
  backgroundColor
9
14
  variant
15
+ backgroundImage {
16
+ ...imageFragment
17
+ }
10
18
  carouselItemsCollection {
11
19
  items {
12
20
  ... on TestimonialModule {
@@ -0,0 +1,37 @@
1
+ import { gql } from 'graphql-tag'
2
+ import type { DocumentNode } from 'graphql'
3
+
4
+ export const getContainerCollectionModule: DocumentNode = gql`
5
+ query containerCollectionModuleQuery(
6
+ $id: String!
7
+ $preview: Boolean = false
8
+ ) {
9
+ containerCollectionModule(id: $id, preview: $preview) {
10
+ sys {
11
+ id
12
+ }
13
+
14
+ headline
15
+
16
+ modulesCollection {
17
+ items {
18
+ __typename
19
+
20
+ ... on ContainerModule {
21
+ sys {
22
+ id
23
+ }
24
+ }
25
+
26
+ ... on SplitModule {
27
+ sys {
28
+ id
29
+ }
30
+ }
31
+ }
32
+ }
33
+
34
+ backgroundColor
35
+ }
36
+ }
37
+ `
@@ -19,3 +19,5 @@ export * from './video.query.js'
19
19
  export * from './chartModule.query.js'
20
20
  export * from './helloBanner.query.js'
21
21
  export * from './placeholderModule.query.js'
22
+ export * from './splitModule.query.js'
23
+ export * from './containerCollectionModule.query.js'
@@ -0,0 +1,80 @@
1
+ import { gql } from 'graphql-tag'
2
+ import type { DocumentNode } from 'graphql'
3
+
4
+ export const getSplitModule: DocumentNode = gql`
5
+ query splitModuleQuery($id: String!, $preview: Boolean = false) {
6
+ splitModule(id: $id, preview: $preview) {
7
+ sys {
8
+ id
9
+ }
10
+
11
+ start {
12
+ __typename
13
+
14
+ ... on ContentModule {
15
+ sys {
16
+ id
17
+ }
18
+ }
19
+
20
+ ... on Image {
21
+ sys {
22
+ id
23
+ }
24
+ }
25
+
26
+ ... on Video {
27
+ sys {
28
+ id
29
+ }
30
+ }
31
+ }
32
+
33
+ center {
34
+ __typename
35
+
36
+ ... on ContentModule {
37
+ sys {
38
+ id
39
+ }
40
+ }
41
+
42
+ ... on Image {
43
+ sys {
44
+ id
45
+ }
46
+ }
47
+
48
+ ... on Video {
49
+ sys {
50
+ id
51
+ }
52
+ }
53
+ }
54
+
55
+ end {
56
+ __typename
57
+
58
+ ... on ContentModule {
59
+ sys {
60
+ id
61
+ }
62
+ }
63
+
64
+ ... on Image {
65
+ sys {
66
+ id
67
+ }
68
+ }
69
+
70
+ ... on Video {
71
+ sys {
72
+ id
73
+ }
74
+ }
75
+ }
76
+
77
+ backgroundColor
78
+ }
79
+ }
80
+ `
@@ -0,0 +1,24 @@
1
+ module.exports = {
2
+ // @ts-check
3
+ /** @type { import('contentful-migration').MigrationFunction } */
4
+ up: function (migration) {
5
+ const carousel = migration.editContentType('carouselModule')
6
+
7
+ carousel
8
+ .createField('backgroundImage')
9
+ .name('Background Image')
10
+ .type('Link')
11
+ .linkType('Entry')
12
+ .required(false)
13
+ .validations([{ linkContentType: ['image'] }])
14
+
15
+ carousel.moveField('backgroundImage').afterField('backgroundColor')
16
+ },
17
+
18
+ // @ts-check
19
+ /** @type { import('contentful-migration').MigrationFunction } */
20
+ down: function (migration) {
21
+ const carousel = migration.editContentType('carouselModule')
22
+ carousel.deleteField('backgroundImage')
23
+ },
24
+ }
@@ -0,0 +1,80 @@
1
+ import { gql } from 'graphql-tag'
2
+ import type { DocumentNode } from 'graphql'
3
+
4
+ export const getSplitModule: DocumentNode = gql`
5
+ query splitModuleQuery($id: String!, $preview: Boolean = false) {
6
+ splitModule(id: $id, preview: $preview) {
7
+ sys {
8
+ id
9
+ }
10
+
11
+ start {
12
+ __typename
13
+
14
+ ... on ContentModule {
15
+ sys {
16
+ id
17
+ }
18
+ }
19
+
20
+ ... on Image {
21
+ sys {
22
+ id
23
+ }
24
+ }
25
+
26
+ ... on Video {
27
+ sys {
28
+ id
29
+ }
30
+ }
31
+ }
32
+
33
+ center {
34
+ __typename
35
+
36
+ ... on ContentModule {
37
+ sys {
38
+ id
39
+ }
40
+ }
41
+
42
+ ... on Image {
43
+ sys {
44
+ id
45
+ }
46
+ }
47
+
48
+ ... on Video {
49
+ sys {
50
+ id
51
+ }
52
+ }
53
+ }
54
+
55
+ end {
56
+ __typename
57
+
58
+ ... on ContentModule {
59
+ sys {
60
+ id
61
+ }
62
+ }
63
+
64
+ ... on Image {
65
+ sys {
66
+ id
67
+ }
68
+ }
69
+
70
+ ... on Video {
71
+ sys {
72
+ id
73
+ }
74
+ }
75
+ }
76
+
77
+ backgroundColor
78
+ }
79
+ }
80
+ `