@times-components/ts-components 1.24.0 → 1.26.0

package/dist/components/opta/rugby/match-stats/__tests__/OptaRugbyMatchStats.test.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { render, waitForElementToBeRemoved } from '@testing-library/react';
+import 'regenerator-runtime';
+import '@testing-library/jest-dom';
+jest.mock('@times-components/image', () => ({
+    Placeholder: () => React.createElement(React.Fragment, null, "Placeholder")
+}));
+const mockInitSettings = jest.fn();
+const mockInitStyleSheet = jest.fn();
+const mockInitComponent = jest.fn();
+const mockInitElement = () => {
+    const element = document.createElement('div');
+    element.appendChild(document.createTextNode('Widget'));
+    return element;
+};
+jest.mock('../../../utils/config', () => ({
+    initSettings: mockInitSettings,
+    initStyleSheet: mockInitStyleSheet,
+    initScript: () => new Promise(resolve => resolve({})),
+    initElement: mockInitElement,
+    initComponent: mockInitComponent
+}));
+import { OptaRugbyMatchStats } from '../OptaRugbyMatchStats';
+const requiredProps = {
+    season: '2022',
+    competition: '209',
+    match: '921100'
+};
+describe('OptaRugbyMatchStats', () => {
+    it('should render correctly', async () => {
+        const { asFragment, getByText } = render(React.createElement(OptaRugbyMatchStats, Object.assign({}, requiredProps)));
+        expect(asFragment()).toMatchSnapshot();
+        await waitForElementToBeRemoved(getByText('Placeholder'));
+        expect(mockInitSettings).toHaveBeenCalledTimes(1);
+        expect(mockInitStyleSheet).toHaveBeenCalledTimes(1);
+        expect(mockInitComponent).toHaveBeenCalledTimes(1);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YVJ1Z2J5TWF0Y2hTdGF0cy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9ydWdieS9tYXRjaC1zdGF0cy9fX3Rlc3RzX18vT3B0YVJ1Z2J5TWF0Y2hTdGF0cy50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTNFLE9BQU8scUJBQXFCLENBQUM7QUFDN0IsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDMUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLHdEQUFnQjtDQUNwQyxDQUFDLENBQUMsQ0FBQztBQUVKLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBQ25DLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBQ3JDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0FBRXBDLE1BQU0sZUFBZSxHQUFHLEdBQUcsRUFBRTtJQUMzQixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLE9BQU8sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLElBQUksQ0FBQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN4QyxZQUFZLEVBQUUsZ0JBQWdCO0lBQzlCLGNBQWMsRUFBRSxrQkFBa0I7SUFDbEMsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3JELFdBQVcsRUFBRSxlQUFlO0lBQzVCLGFBQWEsRUFBRSxpQkFBaUI7Q0FDakMsQ0FBQyxDQUFDLENBQUM7QUFFSixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3RCxNQUFNLGFBQWEsR0FBRztJQUNwQixNQUFNLEVBQUUsTUFBTTtJQUNkLFdBQVcsRUFBRSxLQUFLO0lBQ2xCLEtBQUssRUFBRSxRQUFRO0NBQ2hCLENBQUM7QUFFRixRQUFRLENBQUMscUJBQXFCLEVBQUUsR0FBRyxFQUFFO0lBQ25DLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxLQUFLLElBQUksRUFBRTtRQUN2QyxNQUFNLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDdEMsb0JBQUMsbUJBQW1CLG9CQUFLLGFBQWEsRUFBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFdkMsTUFBTSx5QkFBeUIsQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztRQUUxRCxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwRCxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUVuRCxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/components/opta/rugby/match-stats/styles.d.ts

@@ -0,0 +1 @@
+export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/opta/rugby/match-stats/styles.js

@@ -0,0 +1,153 @@
+import styled from 'styled-components';
+import { breakpoints, colours, fonts } from '@times-components/styleguide';
+import { WidgetContainerBase } from '../shared-styles';
+export const WidgetContainer = styled(WidgetContainerBase) `
+  .Opta {
+    h2 {
+      margin: 20px 0 10px 0 !important;
+    }
+
+    .Opta-Cf {
+      padding: 0;
+      background-color: transparent;
+
+      table {
+        tbody {
+          tr {
+            th.Opta-Stats-Bars-Text {
+              height: auto;
+              padding: 20px 0 0 0;
+              color: ${colours.functional.brandColour};
+              font-family: ${fonts.supporting};
+              font-size: 14px;
+              line-height: 14px;
+            }
+
+            td {
+              height: auto;
+              color: ${colours.functional.brandColour};
+              font-family: ${fonts.headline};
+              font-size: 18px;
+              line-height: 18px;
+              padding: 0;
+
+              &.Opta-Crest {
+                text-align: left;
+
+                &.Opta-Home {
+                  text-align: right;
+                }
+
+                img {
+                  width: 40px;
+                }
+              }
+
+              &.Opta-Team {
+                padding-left: 10px;
+                font-size: 18px;
+                line-height: 18px;
+
+                &.Opta-Home {
+                  padding-right: 10px;
+                  padding-left: 0;
+                  text-align: right;
+                }
+              }
+
+              &.Opta-Score {
+                width: 20px;
+                font-size: 24px;
+                line-height: 24px;
+                text-align: left;
+
+                &.Opta-Home {
+                  text-align: right;
+                }
+
+                span {
+                  min-width: 0;
+                  padding: 0;
+                  color: inherit;
+                  font-family: inherit;
+                  font-size: inherit;
+                  line-height: inherit;
+                  text-align: inherit;
+                  background-color: transparent !important;
+                }
+
+                @media (min-width: ${breakpoints.medium}px) {
+                  width: 30px;
+                  font-size: 32px;
+                  line-height: 32px;
+                }
+              }
+
+              &.Opta-Divider {
+                width: 20px;
+                text-align: center;
+
+                abbr {
+                  font-size: inherit;
+                  line-height: inherit;
+                  text-decoration: none;
+                }
+              }
+
+              .Opta-Bars {
+                margin: 0;
+
+                .Opta-Percent.Opta-Home {
+                  background-color: ${colours.section.sport};
+                }
+
+                .Opta-Percent.Opta-Away {
+                  background-color: ${colours.section.sport};
+                  opacity: 0.5;
+                }
+              }
+            }
+
+            &.Opta-Score-Extras {
+              td {
+                color: ${colours.functional.brandColour};
+                font-family: ${fonts.supporting};
+                font-size: 14px;
+                line-height: 28px;
+
+                span {
+                  color: inherit;
+                  font-size: inherit;
+                }
+              }
+            }
+
+            &.Opta-MatchHeader-Details {
+              div {
+                padding: 0;
+                color: ${colours.section.sport};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 12px;
+                letter-spacing: 1px;
+                text-transform: uppercase;
+                background-color: transparent;
+
+                span {
+                  margin: 0 6px;
+                  color: inherit;
+                  font-size: inherit;
+                }
+              }
+            }
+          }
+        }
+
+        &.Opta-Stats-Bars {
+          margin-bottom: 20px;
+        }
+      }
+    }
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9ydWdieS9tYXRjaC1zdGF0cy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7O3VCQWdCbkMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozt1QkFPdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBa0ROLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NDQXNCakIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOzs7O3NDQUlyQixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7Ozs7Ozs7O3lCQVFsQyxPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7K0JBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozt5QkFjdEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQXVCOUMsQ0FBQyJ9

package/dist/components/opta/rugby/shared-styles.d.ts

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    border: boolean;
+    fullWidth?: boolean | undefined;
+}, never>;
+export declare const PlaceholderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WidgetContainerBase: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/opta/rugby/shared-styles.js

@@ -0,0 +1,72 @@
+import styled from 'styled-components';
+import { breakpoints, colours, fonts } from '@times-components/styleguide';
+export const Container = styled.div `
+  margin: 0 auto 20px auto;
+  background-color: ${colours.functional.backgroundPrimary};
+  border-top: ${({ border }) => border ? `2px solid ${colours.section.sport}` : 'none'};
+
+  a {
+    text-decoration: none;
+  }
+
+  @media (min-width: ${breakpoints.medium}px) {
+    flex-direction: row;
+    width: ${({ fullWidth }) => (fullWidth ? '100%' : '80.8%')};
+  }
+
+  @media (min-width: ${breakpoints.wide}px) {
+    width: ${({ fullWidth }) => (fullWidth ? '100%' : '56.2%')};
+  }
+`;
+export const PlaceholderContainer = styled.div `
+  position: relative;
+  height: 200px;
+`;
+export const WidgetContainerBase = styled.div `
+  .Opta {
+    .Opta_W {
+      margin: 0;
+      background-color: transparent;
+
+      h2 {
+        height: auto;
+        margin: 20px 0;
+        color: ${colours.section.sport};
+        font-family: ${fonts.supporting};
+        font-size: 12px;
+        line-height: 14px;
+        font-weight: normal;
+        letter-spacing: 1px;
+        text-align: center;
+        text-transform: uppercase;
+        background-color: transparent;
+
+        span {
+          height: auto;
+          font-size: 12px;
+          line-height: 14px;
+          font-weight: normal;
+        }
+      }
+
+      table {
+        width: 100%;
+        margin: 0;
+        border-collapse: collapse;
+        border-spacing: 0;
+      }
+    }
+
+    p {
+      margin: 20px 0 0 0 !important;
+      padding: 0 0 20px 0 !important;
+      color: ${colours.functional.brandColour};
+      font-family: ${fonts.supporting};
+      font-size: 14px;
+      line-height: 14px;
+      text-align: center;
+      background: transparent !important;
+    }
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvcnVnYnkvc2hhcmVkLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBMEM7O3NCQUV2RCxPQUFPLENBQUMsVUFBVSxDQUFDLGlCQUFpQjtnQkFDMUMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FDM0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU07Ozs7Ozt1QkFNbkMsV0FBVyxDQUFDLE1BQU07O2FBRTVCLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDOzs7dUJBR3ZDLFdBQVcsQ0FBQyxJQUFJO2FBQzFCLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDOztDQUU3RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBRzdDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7Ozs7aUJBUzVCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzt1QkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztlQTRCeEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO3FCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7OztDQU9wQyxDQUFDIn0=

package/dist/components/opta/rugby/standings/OptaRugbyStandings.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const OptaRugbyStandings: React.FC<{
+    season: string;
+    competition: string;
+    default_nav?: string;
+    navigation?: boolean;
+    full_width?: boolean;
+}>;

package/dist/components/opta/rugby/standings/OptaRugbyStandings.js

@@ -0,0 +1,36 @@
+import React, { useState, useEffect } from 'react';
+import { Placeholder } from '@times-components/image';
+import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
+import { Container, PlaceholderContainer } from '../shared-styles';
+import { WidgetContainer } from './styles';
+export const OptaRugbyStandings = React.memo(({ season, competition, default_nav = 1, navigation, full_width }) => {
+    const ref = React.createRef();
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        const sport = 'rugby';
+        initSettings();
+        initStyleSheet(sport);
+        initScript().then(() => {
+            if (ref.current) {
+                ref.current.innerHTML = initElement('opta-widget', {
+                    sport,
+                    widget: 'standings',
+                    season,
+                    competition,
+                    live: true,
+                    navigation: navigation ? 'dropdown' : undefined,
+                    default_nav,
+                    show_crests: true,
+                    breakpoints: 520
+                }).outerHTML;
+                initComponent();
+                setIsReady(true);
+            }
+        });
+    }, []);
+    return (React.createElement(Container, { border: isReady, fullWidth: full_width },
+        React.createElement(WidgetContainer, { ref: ref }),
+        !isReady && (React.createElement(PlaceholderContainer, null,
+            React.createElement(Placeholder, null)))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YVJ1Z2J5U3RhbmRpbmdzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9ydWdieS9zdGFuZGluZ3MvT3B0YVJ1Z2J5U3RhbmRpbmdzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBTTFCLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsV0FBVyxHQUFHLENBQUMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNuRSxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7UUFFdEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsV0FBVztvQkFDbkIsTUFBTTtvQkFDTixXQUFXO29CQUNYLElBQUksRUFBRSxJQUFJO29CQUNWLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUztvQkFDL0MsV0FBVztvQkFDWCxXQUFXLEVBQUUsSUFBSTtvQkFDakIsV0FBVyxFQUFFLEdBQUc7aUJBQ2pCLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBRWIsYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNMLG9CQUFDLFNBQVMsSUFBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVO1FBQy9DLG9CQUFDLGVBQWUsSUFBQyxHQUFHLEVBQUUsR0FBRyxHQUFJO1FBRTVCLENBQUMsT0FBTyxJQUFJLENBQ1gsb0JBQUMsb0JBQW9CO1lBQ25CLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ1MsQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==

package/dist/components/opta/rugby/standings/OptaRugbyStandings.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/opta/rugby/standings/OptaRugbyStandings.stories.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { showcaseConverter } from '@times-components/storybook';
+import { ArticleHarness } from '../../../../fixtures/article-harness/ArticleHarness';
+import { OptaRugbyStandings } from './OptaRugbyStandings';
+const showcase = {
+    children: [
+        {
+            decorator: (storyFn) => (React.createElement(ArticleHarness, null, storyFn())),
+            type: 'decorator'
+        },
+        {
+            component: () => React.createElement(OptaRugbyStandings, { season: "2022", competition: "209" }),
+            name: 'Standings',
+            type: 'story'
+        },
+        {
+            component: () => React.createElement(OptaRugbyStandings, { season: "2022", competition: "242" }),
+            name: 'Standings (inline)',
+            type: 'story'
+        },
+        {
+            component: () => (React.createElement(OptaRugbyStandings, { season: "2022", competition: "242", navigation: true })),
+            name: 'Standings (dropdown)',
+            type: 'story'
+        },
+        {
+            component: () => (React.createElement(OptaRugbyStandings, { season: "2022", competition: "242", default_nav: "2", navigation: true })),
+            name: 'Standings (default)',
+            type: 'story'
+        }
+    ],
+    name: 'Typescript Component/In Article/Rugby/Standings'
+};
+// @ts-ignore
+showcaseConverter(module, showcase);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YVJ1Z2J5U3RhbmRpbmdzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL3J1Z2J5L3N0YW5kaW5ncy9PcHRhUnVnYnlTdGFuZGluZ3Muc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUUxRCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsb0JBQUMsa0JBQWtCLElBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxXQUFXLEVBQUMsS0FBSyxHQUFHO1lBQ3ZFLElBQUksRUFBRSxXQUFXO1lBQ2pCLElBQUksRUFBRSxPQUFPO1NBQ2Q7UUFDRDtZQUNFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxrQkFBa0IsSUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLFdBQVcsRUFBQyxLQUFLLEdBQUc7WUFDdkUsSUFBSSxFQUFFLG9CQUFvQjtZQUMxQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxrQkFBa0IsSUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLFdBQVcsRUFBQyxLQUFLLEVBQUMsVUFBVSxTQUFHLENBQ2xFO1lBQ0QsSUFBSSxFQUFFLHNCQUFzQjtZQUM1QixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxrQkFBa0IsSUFDakIsTUFBTSxFQUFDLE1BQU0sRUFDYixXQUFXLEVBQUMsS0FBSyxFQUNqQixXQUFXLEVBQUMsR0FBRyxFQUNmLFVBQVUsU0FDVixDQUNIO1lBQ0QsSUFBSSxFQUFFLHFCQUFxQjtZQUMzQixJQUFJLEVBQUUsT0FBTztTQUNkO0tBQ0Y7SUFDRCxJQUFJLEVBQUUsaURBQWlEO0NBQ3hELENBQUM7QUFFRixhQUFhO0FBQ2IsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDIn0=

package/dist/components/opta/rugby/standings/__tests__/OptaRugbyStandings.test.d.ts

@@ -0,0 +1,2 @@
+import 'regenerator-runtime';
+import '@testing-library/jest-dom';

package/dist/components/opta/rugby/standings/__tests__/OptaRugbyStandings.test.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { render, waitForElementToBeRemoved } from '@testing-library/react';
+import 'regenerator-runtime';
+import '@testing-library/jest-dom';
+jest.mock('@times-components/image', () => ({
+    Placeholder: () => React.createElement(React.Fragment, null, "Placeholder")
+}));
+const mockInitSettings = jest.fn();
+const mockInitStyleSheet = jest.fn();
+const mockInitComponent = jest.fn();
+const mockInitElement = () => {
+    const element = document.createElement('div');
+    element.appendChild(document.createTextNode('Widget'));
+    return element;
+};
+jest.mock('../../../utils/config', () => ({
+    initSettings: mockInitSettings,
+    initStyleSheet: mockInitStyleSheet,
+    initScript: () => new Promise(resolve => resolve({})),
+    initElement: mockInitElement,
+    initComponent: mockInitComponent
+}));
+import { OptaRugbyStandings } from '../OptaRugbyStandings';
+const requiredProps = {
+    season: '2022',
+    competition: '209'
+};
+describe('OptaRugbyStandings', () => {
+    it('should render correctly', async () => {
+        const { asFragment, getByText } = render(React.createElement(OptaRugbyStandings, Object.assign({}, requiredProps)));
+        expect(asFragment()).toMatchSnapshot();
+        await waitForElementToBeRemoved(getByText('Placeholder'));
+        expect(mockInitSettings).toHaveBeenCalledTimes(1);
+        expect(mockInitStyleSheet).toHaveBeenCalledTimes(1);
+        expect(mockInitComponent).toHaveBeenCalledTimes(1);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YVJ1Z2J5U3RhbmRpbmdzLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL3J1Z2J5L3N0YW5kaW5ncy9fX3Rlc3RzX18vT3B0YVJ1Z2J5U3RhbmRpbmdzLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFM0UsT0FBTyxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLDJCQUEyQixDQUFDO0FBRW5DLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMxQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsd0RBQWdCO0NBQ3BDLENBQUMsQ0FBQyxDQUFDO0FBRUosTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFDbkMsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFDckMsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFFcEMsTUFBTSxlQUFlLEdBQUcsR0FBRyxFQUFFO0lBQzNCLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDdkQsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDO0FBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3hDLFlBQVksRUFBRSxnQkFBZ0I7SUFDOUIsY0FBYyxFQUFFLGtCQUFrQjtJQUNsQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckQsV0FBVyxFQUFFLGVBQWU7SUFDNUIsYUFBYSxFQUFFLGlCQUFpQjtDQUNqQyxDQUFDLENBQUMsQ0FBQztBQUVKLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE1BQU0sYUFBYSxHQUFHO0lBQ3BCLE1BQU0sRUFBRSxNQUFNO0lBQ2QsV0FBVyxFQUFFLEtBQUs7Q0FDbkIsQ0FBQztBQUVGLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxHQUFHLEVBQUU7SUFDbEMsRUFBRSxDQUFDLHlCQUF5QixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ3ZDLE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN0QyxvQkFBQyxrQkFBa0Isb0JBQUssYUFBYSxFQUFJLENBQzFDLENBQUM7UUFDRixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV2QyxNQUFNLHlCQUF5QixDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO1FBRTFELE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BELE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRW5ELE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/opta/rugby/standings/styles.d.ts

@@ -0,0 +1 @@
+export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/opta/rugby/standings/styles.js

@@ -0,0 +1,247 @@
+import styled from 'styled-components';
+import { breakpoints, colours, fonts } from '@times-components/styleguide';
+import { WidgetContainerBase } from '../shared-styles';
+export const WidgetContainer = styled(WidgetContainerBase) `
+  .Opta {
+    h3 {
+      height: 40px;
+      margin: 0;
+      padding-left: 10px;
+      color: ${colours.functional.primary};
+      font-family: ${fonts.supporting};
+      font-size: 14px;
+      line-height: 42px;
+      font-weight: normal;
+      background-color: ${colours.functional.keyline};
+      border: 0;
+
+      span {
+        float: none;
+        padding: 0;
+      }
+
+      @media (min-width: ${breakpoints.medium}px) {
+        padding-left: 14px;
+      }
+    }
+
+    .Opta-Cf {
+      float: none;
+      margin: 0;
+      padding: 0;
+      background-color: transparent;
+
+      &.Opta-Dropdown {
+        .Opta-Nav {
+          width: 110px;
+          margin: 20px auto;
+          background-color: transparent;
+          border: 1px solid ${colours.functional.brandColour};
+
+          h3 {
+            height: 38px;
+            color: ${colours.functional.brandColour};
+            font-family: ${fonts.supporting};
+            font-size: 14px;
+            line-height: 40px;
+            font-weight: normal;
+            text-align: center;
+            background-color: white;
+            border: 0;
+
+            .Opta-Icon {
+              height: 38px;
+              margin: 0 10px 0 0;
+
+              :after {
+                background-position: -180px -19px;
+              }
+            }
+
+            .Opta-Title {
+              height: 38px;
+              padding: 0 0 0 18px;
+              line-height: 40px;
+            }
+
+            &.Opta-Open {
+              .Opta-Icon {
+                :after {
+                  background-position: -149px -20px;
+                }
+              }
+            }
+          }
+
+          ul {
+            display: none;
+            top: 0;
+            list-style-type: none;
+            background-color: ${colours.functional.backgroundPrimary};
+            border: 0;
+            border-top: 1px solid ${colours.functional.brandColour};
+
+            li {
+              margin: 0;
+              text-align: center;
+
+              a {
+                height: 28px;
+                padding: 0;
+                color: ${colours.functional.primary};
+                font-family: ${fonts.supporting};
+                font-size: 14px;
+                line-height: 30px;
+                background-color: transparent;
+
+                &:hover {
+                  color: ${colours.functional.brandColour};
+                  font-weight: bold;
+                  background-color: white;
+                }
+              }
+
+              &:first-of-type {
+                a {
+                  height: 32px;
+                  padding-top: 4px;
+                }
+              }
+
+              &:last-of-type {
+                a {
+                  height: 32px;
+                  padding-bottom: 4px;
+                }
+              }
+            }
+          }
+        }
+      }
+
+      ul.Opta-TabbedContent {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+
+        li {
+          display: none;
+
+          &.Opta-On {
+            display: block;
+          }
+
+          h3 {
+            display: none;
+            text-decoration: none !important;
+
+            .Opta-Icon {
+              display: none;
+            }
+          }
+        }
+      }
+
+      table {
+        thead {
+          background-color: ${colours.functional.backgroundSecondary};
+
+          tr {
+            height: 40px;
+
+            th {
+              padding: 0;
+              color: ${colours.functional.primary};
+              font-family: ${fonts.supporting};
+              font-size: 14px;
+              line-height: 14px;
+              font-weight: normal;
+              text-align: center;
+              background-color: transparent;
+
+              abbr {
+                font-size: inherit;
+                line-height: inherit;
+                text-decoration: none;
+              }
+
+              &.Opta-Team {
+                width: auto !important;
+              }
+
+              &:last-of-type {
+                padding: 0 10px 0 0;
+              }
+            }
+          }
+        }
+
+        tbody {
+          tr {
+            height: 40px;
+            border-bottom: 1px solid #e4e4e4;
+
+            th {
+              width: 42px;
+              padding: 6px 0 0 0;
+              color: ${colours.section.sport};
+              font-family: ${fonts.supporting};
+              font-size: 14px;
+              line-height: 14px;
+              font-weight: normal;
+              text-align: center;
+              background-color: transparent;
+
+              @media (min-width: ${breakpoints.medium}px) {
+                width: 50px;
+                font-size: 16px;
+                line-height: 16px;
+              }
+            }
+
+            td {
+              width: 30px;
+              padding: 3px 0 0 0;
+              color: ${colours.functional.brandColour};
+              font-family: ${fonts.headline};
+              font-size: 14px;
+              line-height: 14px;
+              text-align: center;
+              background-color: transparent;
+
+              &:last-of-type {
+                width: 40px;
+                padding: 3px 10px 0 0;
+              }
+
+              &.Opta-Team {
+                width: auto !important;
+                text-align: left;
+              }
+
+              .Opta-Image {
+                width: 20px;
+                margin-top: -3px;
+
+                img {
+                  width: 20px;
+                }
+              }
+
+              @media (min-width: ${breakpoints.medium}px) {
+                width: 40px;
+                font-size: 16px;
+                line-height: 16px;
+
+                &:last-of-type {
+                  width: 50px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9ydWdieS9zdGFuZGluZ3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTNFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQTs7Ozs7O2VBTTNDLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTztxQkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7MEJBSVgsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPOzs7Ozs7OzsyQkFRekIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7OEJBZ0JmLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzs7OztxQkFJdkMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzJCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2dDQW9DWCxPQUFPLENBQUMsVUFBVSxDQUFDLGlCQUFpQjs7b0NBRWhDLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzs7Ozs7Ozs7O3lCQVN6QyxPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87K0JBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7MkJBTXBCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFpRDNCLE9BQU8sQ0FBQyxVQUFVLENBQUMsbUJBQW1COzs7Ozs7O3VCQU83QyxPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87NkJBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFnQ3RCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzs2QkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7OzttQ0FPVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozt1QkFVOUIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQ0F5QlIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7OztDQWVwRCxDQUFDIn0=

package/dist/components/opta/rugby/summary/OptaRugbySummary.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const OptaRugbySummary: React.FC<{
+    season: string;
+    competition: string;
+    match: string;
+    full_width?: boolean;
+}>;