@financial-times/cp-content-pipeline-ui 7.4.2 → 7.4.3-beta.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.
- package/CHANGELOG.md +0 -7
- package/lib/components/content-tree/CustomCodeComponent/client/tracking.d.ts +2 -1
- package/lib/components/content-tree/CustomCodeComponent/client/tracking.js +3 -5
- package/lib/components/content-tree/CustomCodeComponent/client/tracking.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Expander/client/main.scss +17 -8
- package/src/components/content-tree/CustomCodeComponent/client/tracking.ts +5 -6
- package/tsconfig.tsbuildinfo +1 -1
- package/lib/components/content-tree/CustomCodeComponent/client/tracking.spec.d.ts +0 -1
- package/lib/components/content-tree/CustomCodeComponent/client/tracking.spec.js +0 -195
- package/lib/components/content-tree/CustomCodeComponent/client/tracking.spec.js.map +0 -1
- package/src/components/content-tree/CustomCodeComponent/client/tracking.spec.ts +0 -232
package/CHANGELOG.md
CHANGED
|
@@ -574,13 +574,6 @@
|
|
|
574
574
|
* @financial-times/cp-content-pipeline-client bumped from ^3.7.2 to ^3.7.3
|
|
575
575
|
* @financial-times/cp-content-pipeline-schema bumped from ^2.10.1 to ^2.10.2
|
|
576
576
|
|
|
577
|
-
## [7.4.2](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v7.4.1...cp-content-pipeline-ui-v7.4.2) (2024-10-30)
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
### Bug Fixes
|
|
581
|
-
|
|
582
|
-
* only send errors when the value has changed not been removed ([4ff2bbc](https://github.com/Financial-Times/cp-content-pipeline/commit/4ff2bbc03f4b8c824549bb4a7529e4d56b758aa6))
|
|
583
|
-
|
|
584
577
|
## [7.4.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v7.4.0...cp-content-pipeline-ui-v7.4.1) (2024-10-29)
|
|
585
578
|
|
|
586
579
|
|
|
@@ -61,11 +61,9 @@ class CustomCodeComponentTracker {
|
|
|
61
61
|
this.dispatchEvent('act', { trigger_action: 'success' });
|
|
62
62
|
}
|
|
63
63
|
onCccError() {
|
|
64
|
-
|
|
65
|
-
this.
|
|
66
|
-
|
|
67
|
-
});
|
|
68
|
-
}
|
|
64
|
+
this.dispatchEvent('act', {
|
|
65
|
+
trigger_action: `error: ${this.component.dataset.cccError}`,
|
|
66
|
+
});
|
|
69
67
|
}
|
|
70
68
|
onView() {
|
|
71
69
|
this.dispatchEvent('view');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/CustomCodeComponent/client/tracking.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/CustomCodeComponent/client/tracking.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -12,19 +12,28 @@ $dataComponentVisibleElements: (
|
|
|
12
12
|
'youtube-video',
|
|
13
13
|
'table'
|
|
14
14
|
);
|
|
15
|
-
$alwaysVisibleComponentSelectors: ();
|
|
16
15
|
|
|
17
|
-
@each $component-name in $dataComponentVisibleElements {
|
|
18
|
-
$alwaysVisibleComponentSelectors: append(
|
|
19
|
-
$alwaysVisibleComponentSelectors,
|
|
20
|
-
'[data-component="#{$component-name}"]'
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
16
|
@mixin AlwaysVisibleElements {
|
|
24
|
-
@each $component in $
|
|
17
|
+
@each $component-name in $dataComponentVisibleElements {
|
|
18
|
+
$component: '[data-component="#{$component-name}"]';
|
|
19
|
+
// show the first paragraph and always visible component
|
|
25
20
|
& > p:first-of-type ~ #{$component} {
|
|
26
21
|
display: block;
|
|
27
22
|
}
|
|
23
|
+
// hide the expand button if it immediately follows the first of
|
|
24
|
+
// paragraph and an always visible component
|
|
25
|
+
> p:first-of-type
|
|
26
|
+
+ #{$component}
|
|
27
|
+
+ .cp-expander__expand {
|
|
28
|
+
display: none;
|
|
29
|
+
}
|
|
30
|
+
// hide the expand button if it immediately follows the first of
|
|
31
|
+
// any type of html element - which wil be paragrpah,
|
|
32
|
+
// or div for the always visible components
|
|
33
|
+
> :first-of-type
|
|
34
|
+
+ .cp-expander__expand {
|
|
35
|
+
display: none;
|
|
36
|
+
}
|
|
28
37
|
}
|
|
29
38
|
}
|
|
30
39
|
@mixin OrderElements {
|
|
@@ -2,9 +2,10 @@ type Component = {
|
|
|
2
2
|
id: string
|
|
3
3
|
name: string
|
|
4
4
|
type: string
|
|
5
|
+
timeElapsedSeconds?: number
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
type TrackingData = {
|
|
8
9
|
component: Component
|
|
9
10
|
}
|
|
10
11
|
|
|
@@ -79,11 +80,9 @@ class CustomCodeComponentTracker {
|
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
private onCccError(): void {
|
|
82
|
-
|
|
83
|
-
this.
|
|
84
|
-
|
|
85
|
-
})
|
|
86
|
-
}
|
|
83
|
+
this.dispatchEvent('act', {
|
|
84
|
+
trigger_action: `error: ${this.component.dataset.cccError}`,
|
|
85
|
+
})
|
|
87
86
|
}
|
|
88
87
|
|
|
89
88
|
private onView(): void {
|