@openeuropa/bcl-subscription 0.20.0 → 0.23.0

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 (6) hide show
  1. package/__snapshots__/subscription.test.js.snap +208 -167
  2. package/data/{data_modal.js → data--modal.js} +0 -0
  3. package/data/data.js +5 -30
  4. package/package.json +3 -3
  5. package/subscription.story.js +33 -21
  6. package/subscription.test.js +15 -16
package/__snapshots__/subscription.test.js.snap CHANGED
@@ -116,7 +116,7 @@ exports[`OE - Subscription renders correctly 1`] = `
116
116
  aria-current="page"
117
117
  aria-label="homepage"
118
118
  class="nav-link active"
119
- href="/example"
119
+ href="/example.html"
120
120
  >
121
121
  Home
122
122
  </a>
@@ -126,7 +126,7 @@ exports[`OE - Subscription renders correctly 1`] = `
126
126
  >
127
127
  <a
128
128
  class="nav-link"
129
- href="/example"
129
+ href="/example.html"
130
130
  >
131
131
  Item 01
132
132
  </a>
@@ -136,7 +136,7 @@ exports[`OE - Subscription renders correctly 1`] = `
136
136
  >
137
137
  <a
138
138
  class="nav-link"
139
- href="/example"
139
+ href="/example.html"
140
140
  >
141
141
  Item 02
142
142
  </a>
@@ -238,7 +238,7 @@ exports[`OE - Subscription renders correctly 1`] = `
238
238
  >
239
239
  <a
240
240
  aria-label="homepage"
241
- href="/example"
241
+ href="/example.html"
242
242
  >
243
243
  Home
244
244
  </a>
@@ -247,7 +247,7 @@ exports[`OE - Subscription renders correctly 1`] = `
247
247
  class="breadcrumb-item d-none d-md-block"
248
248
  >
249
249
  <a
250
- href="/example"
250
+ href="/example.html"
251
251
  >
252
252
  European Union
253
253
  </a>
@@ -256,7 +256,7 @@ exports[`OE - Subscription renders correctly 1`] = `
256
256
  class="breadcrumb-item"
257
257
  >
258
258
  <a
259
- href="/example"
259
+ href="/example.html"
260
260
  >
261
261
  <svg
262
262
  class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
@@ -614,107 +614,102 @@ exports[`OE - Subscription renders correctly 1`] = `
614
614
  </div>
615
615
  <main>
616
616
  <div
617
- class="bcl-content-banner pt-lg-4-75 pb-md-4-75 pb-4 pt-4 bg-lighter"
617
+ class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
618
618
  >
619
619
  <div
620
620
  class="container"
621
621
  >
622
- <div
623
- class="row"
622
+ <article
623
+ class="bg-transparent border-0 card"
624
624
  >
625
625
  <div
626
- class="bg-transparent border-0 card"
626
+ class="row"
627
627
  >
628
628
  <div
629
- class="row"
629
+ class="col-8 col-md-4 col-lg-3 offset-2 offset-md-0"
630
+ >
631
+ <img
632
+ alt="alt img"
633
+ class="card-img-top rounded-1"
634
+ src="https://picsum.photos/255/255?random=6"
635
+ />
636
+ </div>
637
+ <div
638
+ class="col-md-8 col-lg-9 col-xxl-8"
630
639
  >
631
640
  <div
632
- class="col-md-4 col-lg-3"
633
- >
634
- <img
635
- alt="alt img"
636
- class="card-img-top rounded-1"
637
- src="https://picsum.photos/255/255?random=6"
638
- />
639
- </div>
640
- <div
641
- class="col-md-8 col-lg-9 col-xxl-8"
641
+ class="card-body pt-4 pt-md-0 px-0 px-md-3 pb-0"
642
642
  >
643
+ <h1
644
+ class="mb-0 card-title bcl-heading"
645
+ >
646
+ This is the title of this page
647
+ </h1>
643
648
  <div
644
- class="card-body pt-md-0 px-0 px-md-3 pb-0"
649
+ class="mb-4 mt-4"
645
650
  >
646
- <h2
647
- class="fw-bold card-title"
651
+ <span
652
+ class="text-muted me-3"
648
653
  >
649
- This is the title of this page
650
- </h2>
651
- <div
652
- class="mb-4 mt-4"
654
+ 17 October 2019
655
+ </span>
656
+ </div>
657
+ <p>
658
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
659
+ Suspendisse volutpat ultricies massa, a dapibus libero porta nec.
660
+ Sed facilisis dictum vestibulum. Fusce commodo hendrerit diam, pretium tempus leo varius sit amet.
661
+ Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero orci semper lacus.
662
+ Duis tristique fringilla magna, eu egestas dolor molestie non.
663
+ </p>
664
+ <div
665
+ class="mt-2-5"
666
+ >
667
+ <span
668
+ class="mb-2 me-2 badge rounded-pill badge-outline-primary"
653
669
  >
654
- <span
655
- class="text-muted me-3"
656
- >
657
- 8 hours ago
658
- </span>
659
- </div>
660
- <p>
661
-
662
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse volutpat ultricies massa, a dapibus libero porta nec.
663
- Sed facilisis dictum vestibulum. Fusce commodo hendrerit diam, pretium tempus leo varius sit amet.
664
- Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero orci semper lacus.
665
- Duis tristique fringilla magna, eu egestas dolor molestie non.
666
-
667
- </p>
668
- <div
669
- class="mt-2-5"
670
+ Category 1
671
+ </span>
672
+ <span
673
+ class="mb-2 badge rounded-pill badge-outline-primary"
670
674
  >
671
- <span
672
- class="mb-2 me-2 badge rounded-pill badge-outline-primary"
673
- >
674
- Category 1
675
- </span>
676
- <span
677
- class="mb-2 badge rounded-pill badge-outline-primary"
678
- >
679
- Category 2
680
- </span>
681
- </div>
675
+ Category 2
676
+ </span>
682
677
  </div>
683
678
  </div>
684
679
  </div>
685
680
  </div>
686
- <div
687
- class="d-flex justify-content-end"
681
+ </article>
682
+ <div
683
+ class="d-flex justify-content-end mt-2 align-items-center"
684
+ >
685
+ <button
686
+ class="me-3 btn btn-outline-primary btn-md"
687
+ type="button"
688
688
  >
689
- <button
690
- class="me-3 btn btn-outline-primary btn-md"
691
- type="button"
689
+ <svg
690
+ class="me-2-5 bi icon--fluid"
692
691
  >
693
- <svg
694
- class="me-2-5 bi icon--fluid"
695
- >
696
- <use
697
- xlink:href="/icons.svg#printer-fill"
698
- />
699
- </svg>
700
- Print
701
- </button>
702
- <button
703
- class="btn btn-outline-primary btn-md"
704
- data-bs-target="#subscribeModal"
705
- data-bs-toggle="modal"
706
- type="button"
692
+ <use
693
+ xlink:href="/icons.svg#printer-fill"
694
+ />
695
+ </svg>
696
+ Print
697
+ </button>
698
+ <button
699
+ class="btn btn-outline-primary btn-md"
700
+ data-bs-target="#subscribeModal"
701
+ data-bs-toggle="modal"
702
+ type="button"
703
+ >
704
+ <svg
705
+ class="me-2-5 bi icon--fluid"
707
706
  >
708
- <svg
709
- class="me-2-5 bi icon--fluid"
710
- >
711
- <use
712
- xlink:href="/icons.svg#envelope-fill"
713
- />
714
- </svg>
715
- Subscribe
716
- </button>
717
- </div>
707
+ <use
708
+ xlink:href="/icons.svg#envelope-fill"
709
+ />
710
+ </svg>
711
+ Subscribe
712
+ </button>
718
713
  </div>
719
714
  </div>
720
715
  </div>
@@ -731,9 +726,11 @@ exports[`OE - Subscription renders correctly 1`] = `
731
726
  class="d-none d-lg-block bcl-inpage-navigation position-sticky"
732
727
  id="bcl-inpage-navigation"
733
728
  >
734
- <h5>
729
+ <h3
730
+ class="mb-4 bcl-heading"
731
+ >
735
732
  Page content
736
- </h5>
733
+ </h3>
737
734
  <ul
738
735
  class="nav nav-pills flex-column"
739
736
  >
@@ -782,12 +779,12 @@ exports[`OE - Subscription renders correctly 1`] = `
782
779
  Duis ac augue sed tortor elementum dignissim
783
780
  </li>
784
781
  </ul>
785
- <h3
786
- class="fw-bold my-4"
782
+ <h2
783
+ class="my-4"
787
784
  id="subheading"
788
785
  >
789
786
  Sub heading
790
- </h3>
787
+ </h2>
791
788
  <p>
792
789
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper, a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet, posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel. Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
793
790
  </p>
@@ -856,11 +853,11 @@ exports[`OE - Subscription renders correctly 1`] = `
856
853
  />
857
854
  </div>
858
855
  <div
859
- class="success-alert d-none mb-0 alert alert-success d-flex align-items-center fade show"
856
+ class="success-alert d-none mb-0 alert alert-success d-flex align-items-center fade show text-dark"
860
857
  role="alert"
861
858
  >
862
859
  <svg
863
- class="flex-shrink-0 me-3 mt-1 align-self-start bi icon--s"
860
+ class="flex-shrink-0 me-3 mt-1 align-self-start text-success bi icon--s"
864
861
  >
865
862
  <use
866
863
  xlink:href="/icons.svg#check-circle-fill"
@@ -878,11 +875,11 @@ exports[`OE - Subscription renders correctly 1`] = `
878
875
  </div>
879
876
  </div>
880
877
  <div
881
- class="error-alert d-none mb-0 alert alert-danger d-flex align-items-center fade show"
878
+ class="error-alert d-none mb-0 alert alert-danger d-flex align-items-center fade show text-dark"
882
879
  role="alert"
883
880
  >
884
881
  <svg
885
- class="flex-shrink-0 me-3 mt-1 align-self-start bi icon--s"
882
+ class="flex-shrink-0 me-3 mt-1 align-self-start text-danger bi icon--s"
886
883
  >
887
884
  <use
888
885
  xlink:href="/icons.svg#dash-circle-fill"
@@ -1052,7 +1049,7 @@ exports[`OE - Subscription renders correctly 1`] = `
1052
1049
  </div>
1053
1050
  </main>
1054
1051
  <footer
1055
- class="mt-4 bcl-footer bcl-footer--neutral"
1052
+ class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
1056
1053
  >
1057
1054
  <div
1058
1055
  class="container"
@@ -1088,45 +1085,57 @@ exports[`OE - Subscription renders correctly 1`] = `
1088
1085
  >
1089
1086
  Follow us on social media
1090
1087
  </p>
1091
- <a
1092
- class="d-block standalone mb-1"
1093
- href="#"
1088
+ <div
1089
+ class="mb-1"
1094
1090
  >
1095
- <svg
1096
- class="me-2 me-2-5 bi icon--xs"
1091
+ <a
1092
+ class="standalone"
1093
+ href="#"
1097
1094
  >
1098
- <use
1099
- xlink:href="/icons.svg#facebook"
1100
- />
1101
- </svg>
1102
- Facebook
1103
- </a>
1104
- <a
1105
- class="d-block standalone mb-1"
1106
- href="#"
1095
+ <svg
1096
+ class="me-2-5 bi icon--xs"
1097
+ >
1098
+ <use
1099
+ xlink:href="/icons.svg#facebook"
1100
+ />
1101
+ </svg>
1102
+ Facebook
1103
+ </a>
1104
+ </div>
1105
+ <div
1106
+ class="mb-1"
1107
1107
  >
1108
- <svg
1109
- class="me-2 me-2-5 bi icon--xs"
1108
+ <a
1109
+ class="standalone"
1110
+ href="#"
1110
1111
  >
1111
- <use
1112
- xlink:href="/icons.svg#twitter"
1113
- />
1114
- </svg>
1115
- Twitter
1116
- </a>
1117
- <a
1118
- class="d-block standalone mb-1"
1119
- href="#"
1112
+ <svg
1113
+ class="me-2-5 bi icon--xs"
1114
+ >
1115
+ <use
1116
+ xlink:href="/icons.svg#twitter"
1117
+ />
1118
+ </svg>
1119
+ Twitter
1120
+ </a>
1121
+ </div>
1122
+ <div
1123
+ class="mb-1"
1120
1124
  >
1121
- <svg
1122
- class="me-2 me-2-5 bi icon--xs"
1125
+ <a
1126
+ class="standalone"
1127
+ href="#"
1123
1128
  >
1124
- <use
1125
- xlink:href="/icons.svg#linkedin"
1126
- />
1127
- </svg>
1128
- Linkedin
1129
- </a>
1129
+ <svg
1130
+ class="me-2-5 bi icon--xs"
1131
+ >
1132
+ <use
1133
+ xlink:href="/icons.svg#linkedin"
1134
+ />
1135
+ </svg>
1136
+ Linkedin
1137
+ </a>
1138
+ </div>
1130
1139
  </div>
1131
1140
  <div
1132
1141
  class="col-12 col-lg-4"
@@ -1144,30 +1153,46 @@ exports[`OE - Subscription renders correctly 1`] = `
1144
1153
  >
1145
1154
  Optional links
1146
1155
  </p>
1147
- <a
1148
- class="d-block standalone mb-1"
1149
- href="#"
1156
+ <div
1157
+ class="mb-1"
1150
1158
  >
1151
- Link
1152
- </a>
1153
- <a
1154
- class="d-block standalone mb-1"
1155
- href="#"
1159
+ <a
1160
+ class="standalone"
1161
+ href="#"
1162
+ >
1163
+ Link
1164
+ </a>
1165
+ </div>
1166
+ <div
1167
+ class="mb-1"
1156
1168
  >
1157
- Link
1158
- </a>
1159
- <a
1160
- class="d-block standalone mb-1"
1161
- href="#"
1169
+ <a
1170
+ class="standalone"
1171
+ href="#"
1172
+ >
1173
+ Link
1174
+ </a>
1175
+ </div>
1176
+ <div
1177
+ class="mb-1"
1162
1178
  >
1163
- Link
1164
- </a>
1165
- <a
1166
- class="d-block standalone mb-1"
1167
- href="#"
1179
+ <a
1180
+ class="standalone"
1181
+ href="#"
1182
+ >
1183
+ Link
1184
+ </a>
1185
+ </div>
1186
+ <div
1187
+ class="mb-1"
1168
1188
  >
1169
- Link
1170
- </a>
1189
+ <a
1190
+ class="standalone"
1191
+ href="#"
1192
+ >
1193
+ Link
1194
+ </a>
1195
+ </div>
1171
1196
  </div>
1172
1197
  </div>
1173
1198
  <div
@@ -1181,30 +1206,46 @@ exports[`OE - Subscription renders correctly 1`] = `
1181
1206
  >
1182
1207
  More information on:
1183
1208
  </p>
1184
- <a
1185
- class="d-block standalone mb-1"
1186
- href="#"
1209
+ <div
1210
+ class="mb-1"
1187
1211
  >
1188
- Link
1189
- </a>
1190
- <a
1191
- class="d-block standalone mb-1"
1192
- href="#"
1212
+ <a
1213
+ class="standalone"
1214
+ href="#"
1215
+ >
1216
+ Link
1217
+ </a>
1218
+ </div>
1219
+ <div
1220
+ class="mb-1"
1193
1221
  >
1194
- Link
1195
- </a>
1196
- <a
1197
- class="d-block standalone mb-1"
1198
- href="#"
1222
+ <a
1223
+ class="standalone"
1224
+ href="#"
1225
+ >
1226
+ Link
1227
+ </a>
1228
+ </div>
1229
+ <div
1230
+ class="mb-1"
1199
1231
  >
1200
- Link
1201
- </a>
1202
- <a
1203
- class="d-block standalone mb-1"
1204
- href="#"
1232
+ <a
1233
+ class="standalone"
1234
+ href="#"
1235
+ >
1236
+ Link
1237
+ </a>
1238
+ </div>
1239
+ <div
1240
+ class="mb-1"
1205
1241
  >
1206
- Link
1207
- </a>
1242
+ <a
1243
+ class="standalone"
1244
+ href="#"
1245
+ >
1246
+ Link
1247
+ </a>
1248
+ </div>
1208
1249
  </div>
1209
1250
  </div>
1210
1251
  </div>
package/data/{data_modal.js → data--modal.js} RENAMED
File without changes
package/data/data.js CHANGED
@@ -1,30 +1,5 @@
1
- const drupalAttribute = require("drupal-attribute");
2
-
3
- module.exports = {
4
- service_buttons: [
5
- {
6
- label: "Print",
7
- variant: "primary",
8
- outline: true,
9
- icon_position: "before",
10
- icon: {
11
- name: "printer-fill",
12
- path: "/icons.svg",
13
- },
14
- attributes: new drupalAttribute().addClass("me-3"),
15
- },
16
- {
17
- label: "Subscribe",
18
- variant: "primary",
19
- outline: true,
20
- icon_position: "before",
21
- icon: {
22
- name: "envelope-fill",
23
- path: "/icons.svg",
24
- },
25
- attributes: new drupalAttribute()
26
- .setAttribute("data-bs-toggle", "modal")
27
- .setAttribute("data-bs-target", "#subscribeModal"),
28
- },
29
- ],
30
- };
1
+ module.exports = `
2
+ <div class="d-flex justify-content-end mt-2 align-items-center">
3
+ <button class="me-3 btn btn-outline-primary btn-md" type="button"><svg class="me-2-5 bi icon--fluid"><use xlink:href="/icons.svg#printer-fill"></use></svg>Print</button>
4
+ <button data-bs-toggle="modal" data-bs-target="#subscribeModal" class="btn btn-outline-primary btn-md" type="button"><svg class="me-2-5 bi icon--fluid"><use xlink:href="/icons.svg#envelope-fill"></use></svg>Subscribe</button>
5
+ </div>`;
package/package.json CHANGED
@@ -2,13 +2,13 @@
2
2
  "name": "@openeuropa/bcl-subscription",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "0.20.0",
5
+ "version": "0.23.0",
6
6
  "publishConfig": {
7
7
  "access": "public"
8
8
  },
9
9
  "description": "OE - BCL subscription",
10
10
  "dependencies": {
11
- "@openeuropa/bcl-subscription": "^0.20.0"
11
+ "@openeuropa/bcl-subscription-block": "^0.23.0"
12
12
  },
13
13
  "repository": {
14
14
  "type": "git",
@@ -24,5 +24,5 @@
24
24
  "design-system",
25
25
  "twig"
26
26
  ],
27
- "gitHead": "ea13560489a089d0c198f781e75951a9160d2554"
27
+ "gitHead": "fa2097e14024989cddf6f9cd7a9115bed5886aeb"
28
28
  }
package/subscription.story.js CHANGED
@@ -1,19 +1,28 @@
1
1
  import { withDesign } from "storybook-addon-designs";
2
- import { screen, userEvent } from "@storybook/testing-library";
2
+ import withCode from "@openeuropa/storybook-addon-code";
3
+ import { within, userEvent } from "@storybook/testing-library";
3
4
  import isChromatic from "chromatic/isChromatic";
4
5
  import { correctPaths, initScrollspy } from "@openeuropa/bcl-story-utils";
5
- import header from "@openeuropa/bcl-data-header/data--simple";
6
- import footer from "@openeuropa/bcl-data-footer/data";
7
- import content from "@openeuropa/bcl-news/data/data_content.js";
8
- import banner from "@openeuropa/bcl-content-banner/data/data.js";
9
- import subscriptionPage from "@openeuropa/bcl-subscription/subscription.html.twig";
10
- import subscriptionPageData from "@openeuropa/bcl-subscription/data/data.js";
11
- import modalData from "@openeuropa/bcl-subscription/data/data_modal.js";
12
- import blockData from "@openeuropa/bcl-subscription-block/data/data.js";
13
- import sidebar from "@openeuropa/bcl-inpage-navigation/data--simple";
6
+ import layout from "@openeuropa/bcl-base-templates/data/layout";
7
+ import {
8
+ banner,
9
+ sidebar,
10
+ } from "@openeuropa/bcl-base-templates/data/content-page";
11
+
12
+ import content from "@openeuropa/bcl-news/data/data--content";
13
+ import blockData from "@openeuropa/bcl-subscription-block/data";
14
14
  import drupalAttribute from "drupal-attribute";
15
15
 
16
- if (isChromatic()) {
16
+ import subscriptionPage from "@openeuropa/bcl-subscription/subscription.html.twig";
17
+ import subscriptionPageData from "@openeuropa/bcl-subscription/data/data";
18
+ import modalData from "@openeuropa/bcl-subscription/data/data--modal";
19
+
20
+ const chromatic = process.env.STORYBOOK_ENV;
21
+
22
+ const header =
23
+ layout[`header_${process.env.STORYBOOK_THEME}`] || layout.headerSimple;
24
+
25
+ if (isChromatic() || chromatic) {
17
26
  banner.image.classes = banner.image.classes
18
27
  ? `${banner.image.classes} chromatic-ignore`
19
28
  : "chromatic-ignore";
@@ -21,12 +30,9 @@ if (isChromatic()) {
21
30
 
22
31
  const demoData = {
23
32
  content_type: "subscription",
24
- page_title: "Subscription",
33
+ title: "Subscription",
25
34
  header: header,
26
- footer: {
27
- ...footer,
28
- attributes: new drupalAttribute().addClass("mt-4"),
29
- },
35
+ footer: layout.footer,
30
36
  with_banner: true,
31
37
  with_header: true,
32
38
  with_footer: true,
@@ -35,7 +41,7 @@ const demoData = {
35
41
  modal: modalData,
36
42
  banner: {
37
43
  ...banner,
38
- ...subscriptionPageData,
44
+ action_bar: subscriptionPageData,
39
45
  },
40
46
  content: content,
41
47
  };
@@ -119,11 +125,16 @@ const errorState = (story) => {
119
125
 
120
126
  export default {
121
127
  title: "Features/Subscription",
122
- decorators: [withDesign, initScrollspy],
128
+ decorators: [withCode, withDesign, initScrollspy],
123
129
  parameters: {
124
130
  layout: "fullscreen",
125
131
  controls: { disable: true },
126
132
  badges: ["stable"],
133
+ badgesConfig: {
134
+ stable: {
135
+ title: "v1",
136
+ },
137
+ },
127
138
  design: [
128
139
  {
129
140
  name: "Mockup",
@@ -137,9 +148,10 @@ export default {
137
148
  export const Default = () => subscriptionPage(correctPaths(demoData));
138
149
  Default.decorators = [clientValidation];
139
150
 
140
- if (isChromatic()) {
141
- Default.play = async () => {
142
- const button = screen.getAllByText("Subscribe", {
151
+ if (isChromatic() || chromatic) {
152
+ Default.play = async ({ canvasElement }) => {
153
+ const canvas = within(canvasElement);
154
+ const button = canvas.getAllByText("Subscribe", {
143
155
  selector: "button",
144
156
  });
145
157
  await userEvent.click(button[0]);
package/subscription.test.js CHANGED
@@ -1,22 +1,21 @@
1
1
  import { renderTwigFileAsNode } from "@openeuropa/bcl-test-utils";
2
- import header from "@openeuropa/bcl-data-header/data--simple";
3
- import footer from "@openeuropa/bcl-data-footer/data";
4
- import content from "@openeuropa/bcl-news/data/data_content.js";
5
- import banner from "@openeuropa/bcl-content-banner/data/data.js";
6
- import subscriptionPageData from "@openeuropa/bcl-subscription/data/data.js";
7
- import modalData from "@openeuropa/bcl-subscription/data/data_modal.js";
8
- import blockData from "@openeuropa/bcl-subscription-block/data/data.js";
9
- import sidebar from "@openeuropa/bcl-inpage-navigation/data--simple";
10
- import drupalAttribute from "drupal-attribute";
2
+ import layout from "@openeuropa/bcl-base-templates/data/layout";
3
+ import {
4
+ banner,
5
+ sidebar,
6
+ } from "@openeuropa/bcl-base-templates/data/content-page";
7
+
8
+ import content from "@openeuropa/bcl-news/data/data--content";
9
+ import blockData from "@openeuropa/bcl-subscription-block/data";
10
+
11
+ import subscriptionPageData from "@openeuropa/bcl-subscription/data/data";
12
+ import modalData from "@openeuropa/bcl-subscription/data/data--modal";
11
13
 
12
14
  const demoData = {
13
15
  content_type: "subscription",
14
- page_title: "Subscription",
15
- header: header,
16
- footer: {
17
- ...footer,
18
- attributes: new drupalAttribute().addClass("mt-4"),
19
- },
16
+ title: "Subscription",
17
+ header: layout.headerSimple,
18
+ footer: layout.footer,
20
19
  with_banner: true,
21
20
  with_header: true,
22
21
  with_footer: true,
@@ -25,7 +24,7 @@ const demoData = {
25
24
  modal: modalData,
26
25
  banner: {
27
26
  ...banner,
28
- ...subscriptionPageData,
27
+ action_bar: subscriptionPageData,
29
28
  },
30
29
  content: content,
31
30
  };