@times-components/ts-components 1.91.0 → 1.91.1-alpha.2
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/dist/components/newsletter-puff/InlineNewsletterPuff.js +5 -2
- package/dist/components/newsletter-puff/newsletter/Newsletter.d.ts +2 -1
- package/dist/components/newsletter-puff/newsletter/Newsletter.js +11 -4
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.js +3 -2
- package/dist/components/opta/football/fixtures-ticker/styles.js +1 -50
- package/package.json +16 -16
- package/rnw.js +1 -1
- package/src/components/newsletter-puff/InlineNewsletterPuff.tsx +5 -0
- package/src/components/newsletter-puff/newsletter/Newsletter.tsx +20 -8
- package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.tsx +2 -1
- package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap +8 -8
- package/src/components/opta/football/fixtures-ticker/styles.ts +0 -50
|
@@ -9,6 +9,7 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
9
9
|
import { InpContainer } from './styles';
|
|
10
10
|
export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
11
11
|
const [justSubscribed, setJustSubscribed] = useState(false);
|
|
12
|
+
const [justSubscribedError, setJustSubscribedError] = useState(false);
|
|
12
13
|
return (React.createElement(GetNewsletter, { code: code, ssr: false, debounceTimeMs: 0 }, ({ isLoading, error, newsletter }) => {
|
|
13
14
|
if (error) {
|
|
14
15
|
return null;
|
|
@@ -22,6 +23,8 @@ export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
|
22
23
|
}
|
|
23
24
|
return (React.createElement(Mutation, { mutation: subscribeNewsletterMutation, onCompleted: ({ subscribeNewsletter = {} }) => {
|
|
24
25
|
setJustSubscribed(subscribeNewsletter.isSubscribed);
|
|
26
|
+
}, onError: () => {
|
|
27
|
+
setJustSubscribedError(true);
|
|
25
28
|
} }, (subscribeNewsletter, { loading: updatingSubscription }) => (React.createElement(TrackingContextProvider, { context: {
|
|
26
29
|
object: 'InlineNewsletterPuff',
|
|
27
30
|
attrs: {
|
|
@@ -35,7 +38,7 @@ export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
|
|
|
35
38
|
event_navigation_browsing_method: 'automated',
|
|
36
39
|
event_navigation_action: 'navigation'
|
|
37
40
|
}
|
|
38
|
-
} }, ({ intersectObserverRef }) => (React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitalise(section), justSubscribed: justSubscribed, headline: headline, updatingSubscription: updatingSubscription, copy: copy, code: code, subscribeNewsletter: subscribeNewsletter }))))));
|
|
41
|
+
} }, ({ intersectObserverRef }) => (React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitalise(section), justSubscribed: justSubscribed, justSubscribedError: justSubscribedError, headline: headline, updatingSubscription: updatingSubscription, copy: copy, code: code, subscribeNewsletter: subscribeNewsletter }))))));
|
|
39
42
|
}));
|
|
40
43
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvSW5saW5lTmV3c2xldHRlclB1ZmYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsSUFBSSwyQkFBMkIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRXpGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFTeEMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxFQUNuQyxJQUFJLEVBQ0osSUFBSSxFQUNKLFFBQVEsRUFDUixPQUFPLEVBQ21CLEVBQUUsRUFBRTtJQUM5QixNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVELE1BQU0sQ0FBQyxtQkFBbUIsRUFBRSxzQkFBc0IsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUV0RSxPQUFPLENBQ0wsb0JBQUMsYUFBYSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsQ0FBQyxJQUNyRCxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQU8sRUFBRSxFQUFFO1FBQ3pDLElBQUksS0FBSyxFQUFFO1lBQ1QsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELElBQUksU0FBUyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzVCLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRTtnQkFDbEMsb0JBQUMsV0FBVyxPQUFHLENBQ0YsQ0FDaEIsQ0FBQztTQUNIO1FBRUQsSUFBSSxVQUFVLENBQUMsWUFBWSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQzlDLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxPQUFPLENBQ0wsb0JBQUMsUUFBUSxJQUNQLFFBQVEsRUFBRSwyQkFBMkIsRUFDckMsV0FBVyxFQUFFLENBQUMsRUFBRSxtQkFBbUIsR0FBRyxFQUFFLEVBQU8sRUFBRSxFQUFFO2dCQUNqRCxpQkFBaUIsQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN0RCxDQUFDLEVBQ0QsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDWixzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMvQixDQUFDLElBRUEsQ0FDQyxtQkFBd0IsRUFDeEIsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQU8sRUFDdEMsRUFBRSxDQUFDLENBQ0gsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtnQkFDUCxNQUFNLEVBQUUsc0JBQXNCO2dCQUM5QixLQUFLLEVBQUU7b0JBQ0wsbUJBQW1CLEVBQUUsVUFBVSxDQUFDLEtBQUs7b0JBQ3JDLHVCQUF1QixFQUFFLFlBQVk7aUJBQ3RDO2FBQ0YsRUFDRCxhQUFhLEVBQUU7Z0JBQ2IsTUFBTSxFQUFFLHNCQUFzQjtnQkFDOUIsS0FBSyxFQUFFO29CQUNMLHFCQUFxQixFQUNuQix5Q0FBeUM7b0JBQzNDLGdDQUFnQyxFQUFFLFdBQVc7b0JBQzdDLHVCQUF1QixFQUFFLFlBQVk7aUJBQ3RDO2FBQ0YsSUFFQSxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDN0Isb0JBQUMsVUFBVSxJQUNULG9CQUFvQixFQUFFLG9CQUFvQixFQUMxQyxPQUFPLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxFQUM1QixjQUFjLEVBQUUsY0FBYyxFQUM5QixtQkFBbUIsRUFBRSxtQkFBbUIsRUFDeEMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLElBQUksRUFBRSxJQUFJLEVBQ1YsSUFBSSxFQUFFLElBQUksRUFDVixtQkFBbUIsRUFBRSxtQkFBbUIsR0FDeEMsQ0FDSCxDQUN1QixDQUMzQixDQUNRLENBQ1osQ0FBQztJQUNKLENBQUMsQ0FDYSxDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -2,11 +2,12 @@ declare type NewsletterProps = {
|
|
|
2
2
|
intersectObserverRef: (ref: HTMLElement | null) => void;
|
|
3
3
|
section?: string;
|
|
4
4
|
justSubscribed: boolean;
|
|
5
|
+
justSubscribedError: boolean;
|
|
5
6
|
headline: string;
|
|
6
7
|
updatingSubscription: boolean;
|
|
7
8
|
copy: string;
|
|
8
9
|
code: string;
|
|
9
10
|
subscribeNewsletter: ({}: {}) => {};
|
|
10
11
|
};
|
|
11
|
-
export declare const Newsletter: ({ intersectObserverRef, section, justSubscribed, headline, updatingSubscription, copy, code, subscribeNewsletter }: NewsletterProps) => JSX.Element;
|
|
12
|
+
export declare const Newsletter: ({ intersectObserverRef, section, justSubscribed, justSubscribedError, headline, updatingSubscription, copy, code, subscribeNewsletter }: NewsletterProps) => JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -4,7 +4,7 @@ import { NewsletterPuffLink } from '../newsletter-puff-link/NewsletterPuffLink';
|
|
|
4
4
|
import { LoadingOverlay } from '../loading-overlay/LoadingOverlay';
|
|
5
5
|
import { InpCopy, InpPreferencesContainer, InpSignupContainer, InpSignupCTAContainer, InpSignupHeadline, InpSubscribedContainer } from './styles';
|
|
6
6
|
import { InpContainer } from '../styles';
|
|
7
|
-
export const Newsletter = ({ intersectObserverRef, section, justSubscribed, headline, updatingSubscription, copy, code, subscribeNewsletter }) => {
|
|
7
|
+
export const Newsletter = ({ intersectObserverRef, section, justSubscribed, justSubscribedError, headline, updatingSubscription, copy, code, subscribeNewsletter }) => {
|
|
8
8
|
const PuffButton = (style) => (React.createElement(InpSignupCTAContainer, { ref: intersectObserverRef, childStyle: style },
|
|
9
9
|
React.createElement(NewsletterPuffButton, { style: style, updatingSubscription: updatingSubscription, onPress: () => {
|
|
10
10
|
if (!updatingSubscription) {
|
|
@@ -14,7 +14,7 @@ export const Newsletter = ({ intersectObserverRef, section, justSubscribed, head
|
|
|
14
14
|
return (React.createElement(React.Fragment, null,
|
|
15
15
|
React.createElement(InpContainer, { section: section },
|
|
16
16
|
updatingSubscription && React.createElement(LoadingOverlay, null),
|
|
17
|
-
justSubscribed
|
|
17
|
+
justSubscribed && (React.createElement(InpSubscribedContainer, null,
|
|
18
18
|
React.createElement(InpCopy, null,
|
|
19
19
|
"You've succesfully signed up to",
|
|
20
20
|
' ',
|
|
@@ -22,7 +22,14 @@ export const Newsletter = ({ intersectObserverRef, section, justSubscribed, head
|
|
|
22
22
|
`${headline}.`,
|
|
23
23
|
" "),
|
|
24
24
|
React.createElement(NewsletterPuffLink, null)),
|
|
25
|
-
React.createElement(InpPreferencesContainer, null)))
|
|
25
|
+
React.createElement(InpPreferencesContainer, null))),
|
|
26
|
+
justSubscribedError && (React.createElement(InpSubscribedContainer, null,
|
|
27
|
+
React.createElement(InpCopy, null,
|
|
28
|
+
"An error occurred! Please sign up using - ",
|
|
29
|
+
React.createElement(NewsletterPuffLink, null)),
|
|
30
|
+
React.createElement(InpPreferencesContainer, null))),
|
|
31
|
+
!justSubscribed &&
|
|
32
|
+
!justSubscribedError && (React.createElement(InpSignupContainer, null,
|
|
26
33
|
React.createElement(InpCopy, null,
|
|
27
34
|
React.createElement(InpSignupHeadline, null,
|
|
28
35
|
headline,
|
|
@@ -31,4 +38,4 @@ export const Newsletter = ({ intersectObserverRef, section, justSubscribed, head
|
|
|
31
38
|
PuffButton('link')),
|
|
32
39
|
PuffButton('button'))))));
|
|
33
40
|
};
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9uZXdzbGV0dGVyL05ld3NsZXR0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN0RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNoRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFbkUsT0FBTyxFQUNMLE9BQU8sRUFDUCx1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQixpQkFBaUIsRUFDakIsc0JBQXNCLEVBQ3ZCLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFjekMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFDekIsb0JBQW9CLEVBQ3BCLE9BQU8sRUFDUCxjQUFjLEVBQ2QsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixvQkFBb0IsRUFDcEIsSUFBSSxFQUNKLElBQUksRUFDSixtQkFBbUIsRUFDSCxFQUFFLEVBQUU7SUFDcEIsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUF3QixFQUFFLEVBQUUsQ0FBQyxDQUMvQyxvQkFBQyxxQkFBcUIsSUFBQyxHQUFHLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLEtBQUs7UUFDakUsb0JBQUMsb0JBQW9CLElBQ25CLEtBQUssRUFBRSxLQUFLLEVBQ1osb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLG9CQUFvQixFQUFFO29CQUN6QixtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztpQkFDOUM7WUFDSCxDQUFDLEdBQ0QsQ0FDb0IsQ0FDekIsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxLQUFLLENBQUMsUUFBUTtRQUNiLG9CQUFDLFlBQVksSUFBQyxPQUFPLEVBQUUsT0FBTztZQUMzQixvQkFBb0IsSUFBSSxvQkFBQyxjQUFjLE9BQUc7WUFDMUMsY0FBYyxJQUFJLENBQ2pCLG9CQUFDLHNCQUFzQjtnQkFDckIsb0JBQUMsT0FBTzs7b0JBQzBCLEdBQUc7b0JBQ25DLG9CQUFDLGlCQUFpQjt3QkFBRSxHQUFHLFFBQVEsR0FBRzs0QkFBc0I7b0JBQ3hELG9CQUFDLGtCQUFrQixPQUFHLENBQ2Q7Z0JBQ1Ysb0JBQUMsdUJBQXVCLE9BQUcsQ0FDSixDQUMxQjtZQUNBLG1CQUFtQixJQUFJLENBQ3RCLG9CQUFDLHNCQUFzQjtnQkFDckIsb0JBQUMsT0FBTzs7b0JBQ29DLG9CQUFDLGtCQUFrQixPQUFHLENBQ3hEO2dCQUNWLG9CQUFDLHVCQUF1QixPQUFHLENBQ0osQ0FDMUI7WUFDQSxDQUFDLGNBQWM7Z0JBQ2QsQ0FBQyxtQkFBbUIsSUFBSSxDQUN0QixvQkFBQyxrQkFBa0I7Z0JBQ2pCLG9CQUFDLE9BQU87b0JBQ04sb0JBQUMsaUJBQWlCO3dCQUFFLFFBQVE7NEJBQXNCO29CQUNqRCxHQUFHLElBQUksR0FBRztvQkFDVixVQUFVLENBQUMsTUFBTSxDQUFDLENBQ1g7Z0JBQ1QsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUNGLENBQ3RCLENBQ1UsQ0FDQSxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
|
@@ -36,7 +36,8 @@ export const OptaFootballFixturesTicker = React.memo(({ season, competition, dat
|
|
|
36
36
|
show_crests: !isNationalComp,
|
|
37
37
|
show_date: true,
|
|
38
38
|
show_live: true,
|
|
39
|
-
date_format: 'ddd Do MMM'
|
|
39
|
+
date_format: 'ddd Do MMM',
|
|
40
|
+
fixture_width: 160
|
|
40
41
|
}).outerHTML;
|
|
41
42
|
initComponent();
|
|
42
43
|
setIsReady(true);
|
|
@@ -52,4 +53,4 @@ export const OptaFootballFixturesTicker = React.memo(({ season, competition, dat
|
|
|
52
53
|
!isReady && (React.createElement(PlaceholderContainer, { height: 80 },
|
|
53
54
|
React.createElement(Placeholder, null)))));
|
|
54
55
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL2ZpeHR1cmVzLXRpY2tlci9PcHRhRm9vdGJhbGxGaXh0dXJlc1RpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBVWxDLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxLQUFLLEVBQ0wsZUFBZSxFQUNoQixFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sY0FBYyxHQUFHLHFCQUFxQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRTFELFNBQVMsQ0FDUCxHQUFHLEVBQUU7UUFDSCxNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsVUFBVTtvQkFDbEIsTUFBTTtvQkFDTixXQUFXO29CQUNYLFNBQVM7b0JBQ1QsT0FBTztvQkFDUCxVQUFVO29CQUNWLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxJQUFJLEVBQUUsSUFBSTtvQkFDVixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixRQUFRLEVBQUUsT0FBTztvQkFDakIsV0FBVyxFQUFFLE9BQU87b0JBQ3BCLFlBQVksRUFBRSxLQUFLO29CQUNuQixRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixhQUFhLEVBQUUsSUFBSTtvQkFDbkIsV0FBVyxFQUFFLENBQUMsY0FBYztvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLGFBQWEsRUFBRSxHQUFHO2lCQUNuQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2dCQUNoQixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFDRCxDQUFDLEdBQUcsQ0FBQyxDQUNOLENBQUM7SUFFRixlQUFlO1FBQ2IsQ0FBQyxLQUFLO1FBQ04sa0JBQWtCLENBQUMsR0FBRyxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUMsQ0FBQztJQUV4RCxjQUFjLElBQUksNEJBQTRCLENBQUMsR0FBRyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBRXJFLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGVBQWUsSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFMUMsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxNQUFNLEVBQUUsRUFBRTtZQUM5QixvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNBLENBQ0osQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -46,54 +46,6 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
46
46
|
height: 80px !important;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
@media (max-width: ${breakpoints.small}px) {
|
|
50
|
-
.Opta-Scroll {
|
|
51
|
-
&::before,
|
|
52
|
-
&::after {
|
|
53
|
-
content: '';
|
|
54
|
-
pointer-events: none;
|
|
55
|
-
position: absolute;
|
|
56
|
-
z-index: 15;
|
|
57
|
-
transition: all 0.3s linear 0s;
|
|
58
|
-
background-image: linear-gradient(
|
|
59
|
-
-90deg,
|
|
60
|
-
rgba(255, 255, 255, 0) 0%,
|
|
61
|
-
rgb(255, 255, 255) 100%
|
|
62
|
-
);
|
|
63
|
-
width: 64px;
|
|
64
|
-
height: 100%;
|
|
65
|
-
bottom: 0px;
|
|
66
|
-
left: 0;
|
|
67
|
-
visibility: hidden;
|
|
68
|
-
|
|
69
|
-
${({ isApp }) => isApp &&
|
|
70
|
-
`
|
|
71
|
-
@media (prefers-color-scheme: dark) {
|
|
72
|
-
background-image: linear-gradient(
|
|
73
|
-
-90deg,
|
|
74
|
-
rgba(0, 0, 0, 0) 0%,
|
|
75
|
-
rgb(0, 0, 0) 100%
|
|
76
|
-
);
|
|
77
|
-
}
|
|
78
|
-
`};
|
|
79
|
-
}
|
|
80
|
-
&::after {
|
|
81
|
-
left: unset;
|
|
82
|
-
right: 0px;
|
|
83
|
-
transform: rotate(180deg);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
.Opta-Scroll:has(.Opta-Previous.Opta-Active) {
|
|
87
|
-
&::before {
|
|
88
|
-
visibility: visible;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
.Opta-Scroll:has(.Opta-Next.Opta-Active) {
|
|
92
|
-
&::after {
|
|
93
|
-
visibility: visible;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
49
|
@media (max-width: ${breakpoints.small}px) {
|
|
98
50
|
.Opta-Scroller {
|
|
99
51
|
display: ${({ isApp }) => (isApp ? 'block' : 'none')} !important;
|
|
@@ -234,7 +186,6 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
234
186
|
border-radius: 4px;
|
|
235
187
|
box-sizing: border-box;
|
|
236
188
|
height: 80px;
|
|
237
|
-
width: 160px !important;
|
|
238
189
|
margin-inline: 4px;
|
|
239
190
|
display: flex;
|
|
240
191
|
flex-direction: column;
|
|
@@ -508,4 +459,4 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
508
459
|
}
|
|
509
460
|
}
|
|
510
461
|
`;
|
|
511
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
462
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10aWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs2QkFlckMsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7OzttQ0FTUixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVVwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUV4RDs7Ozs7Ozs7Ozt1QkFVcUIsV0FBVyxDQUFDLEtBQUs7O2lCQUV2QixDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzs7OztJQUl0RCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLENBQUMsS0FBSztJQUNOLEdBQUcsQ0FBQTsyQkFDb0IsV0FBVyxDQUFDLEtBQUs7Ozs7OztLQU12Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7TUE2QkMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7Ozs7Ozs7Ozs7Ozs7S0FnQkQ7Ozs7OztNQU1DLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsS0FBSztJQUNMOzs7O0tBSUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt5QkF1Q29CLFdBQVcsQ0FBQyxNQUFNOzs7eUJBR2xCLFdBQVcsQ0FBQyxJQUFJOzs7TUFHbkMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxLQUFLO0lBQ0w7Ozs7Ozs7Ozs7Ozs7OztLQWVEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Z0NBMkUyQixPQUFPLENBQUMsVUFBVSxDQUFDLG1CQUFtQjs7Ozs7dUJBSy9DLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzs2QkFDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7bUNBYVYsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7O2lDQVdwQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozt1QkFPNUIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7eUJBUWxCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzsrQkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7cUNBUVYsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7OztxQ0FrQmxCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FDQXlCbEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBK0JsQixXQUFXLENBQUMsTUFBTTs7Ozs7O21DQU1wQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7O3VCQVk5QixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87NkJBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQ0FnQ1osT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPO3VDQUNwQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7bUNBV3BCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzs7Ozs7Ozs7Ozs7OztDQWF2RCxDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.91.
|
|
3
|
+
"version": "1.91.1-alpha.2+7e38f81931",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -50,17 +50,17 @@
|
|
|
50
50
|
"node": ">=8.9"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@times-components/button": "2.10.53",
|
|
54
|
-
"@times-components/date-publication": "0.30.26",
|
|
55
|
-
"@times-components/icons": "2.22.4",
|
|
56
|
-
"@times-components/image": "6.17.13",
|
|
57
|
-
"@times-components/link": "3.17.26",
|
|
58
|
-
"@times-components/provider": "1.40.27",
|
|
59
|
-
"@times-components/provider-queries": "2.21.1",
|
|
60
|
-
"@times-components/related-articles": "6.17.
|
|
61
|
-
"@times-components/ts-slices": "1.9.14",
|
|
62
|
-
"@times-components/ts-styleguide": "1.50.26",
|
|
63
|
-
"@times-components/utils": "6.22.0",
|
|
53
|
+
"@times-components/button": "^2.10.53",
|
|
54
|
+
"@times-components/date-publication": "^0.30.26",
|
|
55
|
+
"@times-components/icons": "^2.22.4",
|
|
56
|
+
"@times-components/image": "^6.17.13",
|
|
57
|
+
"@times-components/link": "^3.17.26",
|
|
58
|
+
"@times-components/provider": "^1.40.27",
|
|
59
|
+
"@times-components/provider-queries": "^2.21.1",
|
|
60
|
+
"@times-components/related-articles": "^6.17.67-alpha.2+7e38f81931",
|
|
61
|
+
"@times-components/ts-slices": "^1.9.14",
|
|
62
|
+
"@times-components/ts-styleguide": "^1.50.26",
|
|
63
|
+
"@times-components/utils": "^6.22.0",
|
|
64
64
|
"algoliasearch": "4.9.0",
|
|
65
65
|
"date-fns": "2.28.0",
|
|
66
66
|
"date-fns-tz": "1.3.3",
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
"@storybook/react": "6.5.16",
|
|
83
83
|
"@testing-library/jest-dom": "^5.12.0",
|
|
84
84
|
"@testing-library/react": "^12.1.2",
|
|
85
|
-
"@times-components/provider-test-tools": "1.29.3",
|
|
86
|
-
"@times-components/storybook": "4.12.26",
|
|
87
|
-
"@times-components/test-utils": "2.4.2",
|
|
85
|
+
"@times-components/provider-test-tools": "^1.29.3",
|
|
86
|
+
"@times-components/storybook": "^4.12.26",
|
|
87
|
+
"@times-components/test-utils": "^2.4.2",
|
|
88
88
|
"@types/lodash.get": "4.4.6",
|
|
89
89
|
"@types/lodash.keyby": "4.6.6",
|
|
90
90
|
"@types/lodash.merge": "4.6.2",
|
|
@@ -115,5 +115,5 @@
|
|
|
115
115
|
"@testing-library/jest-dom/extend-expect"
|
|
116
116
|
]
|
|
117
117
|
},
|
|
118
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "7e38f819319694d8343699157b9b1ce5d58380ec"
|
|
119
119
|
}
|