@twreporter/react-components 9.5.0-rc.1 → 9.5.0

package/lib/listing-page/stories/cardList.stories.d.ts

@@ -1,72 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { CardList as component };
-    export namespace argTypes {
-        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
-    }
-}
-export default _default;
-export namespace card {
-    namespace args {
-        let data: ({
-            id: string;
-            title: string;
-            og_description: string;
-            category_set: {
-                category: {
-                    name: string;
-                };
-                subcategory: {
-                    name: string;
-                };
-            }[];
-            published_date: string;
-            hero_image: {
-                description: string;
-                resized_targets?: undefined;
-            };
-            slug: string;
-            is_bookmarked: boolean;
-        } | {
-            id: string;
-            title: string;
-            og_description: string;
-            published_date: string;
-            hero_image: {
-                description: string;
-                resized_targets?: undefined;
-            };
-            slug: string;
-            category_set?: undefined;
-            is_bookmarked?: undefined;
-        } | {
-            id: string;
-            title: string;
-            og_description: string;
-            category_set: {
-                category: {
-                    name: string;
-                };
-                subcategory: {
-                    name: string;
-                };
-            }[];
-            published_date: string;
-            hero_image: {
-                description: string;
-                resized_targets: {
-                    mobile: {
-                        url: string;
-                    };
-                };
-            };
-            slug: string;
-            is_bookmarked?: undefined;
-        })[];
-        let releaseBranch: any;
-        let showIsBookmarked: boolean;
-        let width: number;
-    }
-}
-import CardList from '../components/card-list';
-import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/logo/components/logo-footer.d.ts

@@ -1,16 +0,0 @@
-export default LogoFooter;
-declare function LogoFooter({ releaseBranch, type, }: {
-    releaseBranch?: any;
-    type?: string;
-}): JSX.Element;
-declare namespace LogoFooter {
-    export namespace propTypes {
-        export { BRANCH_PROP_TYPES as releaseBranch };
-        export let type: any;
-    }
-    export { logoType as Type };
-}
-declare namespace logoType {
-    let DEFAULT: string;
-    let WHITE: string;
-}

package/lib/logo/components/logo-header.d.ts

@@ -1,17 +0,0 @@
-export default LogoHeader;
-declare function LogoHeader({ type, releaseBranch, ...props }: {
-    [x: string]: any;
-    type?: string;
-    releaseBranch?: any;
-}): JSX.Element;
-declare namespace LogoHeader {
-    export namespace propTypes {
-        export let type: any;
-        export { BRANCH_PROP_TYPES as releaseBranch };
-    }
-    export { logoType as Type };
-}
-declare namespace logoType {
-    let DEFAULT: string;
-    let WHITE: string;
-}

package/lib/logo/components/logo-loading-fallback.d.ts

@@ -1,9 +0,0 @@
-export default LogoFallback;
-declare function LogoFallback({ releaseBranch }: {
-    releaseBranch?: any;
-}): JSX.Element;
-declare namespace LogoFallback {
-    namespace propTypes {
-        export { BRANCH_PROP_TYPES as releaseBranch };
-    }
-}

package/lib/logo/components/logo-symbol.d.ts

@@ -1,18 +0,0 @@
-export default LogoSymbol;
-declare function LogoSymbol({ type, releaseBranch, ...props }: {
-    [x: string]: any;
-    type?: string;
-    releaseBranch?: any;
-}): JSX.Element;
-declare namespace LogoSymbol {
-    export namespace propTypes {
-        export let type: any;
-        export { BRANCH_PROP_TYPES as releaseBranch };
-    }
-    export { logoType as Type };
-}
-declare namespace logoType {
-    let DEFAULT: string;
-    let BLACK: string;
-    let WHITE: string;
-}

package/lib/logo/index.d.ts

@@ -1,12 +0,0 @@
-declare namespace _default {
-    export { LogoHeader };
-    export { LogoFooter };
-    export { LogoSymbol };
-    export { LogoFallback };
-}
-export default _default;
-import LogoHeader from './components/logo-header';
-import LogoFooter from './components/logo-footer';
-import LogoSymbol from './components/logo-symbol';
-import LogoFallback from './components/logo-loading-fallback';
-export { LogoHeader, LogoFooter, LogoSymbol, LogoFallback };

package/lib/logo/stories/logoFooter.stories.d.ts

@@ -1,11 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { LogoFooter as component };
-    export namespace argTypes {
-        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
-    }
-}
-export default _default;
-export const footer: {};
-import LogoFooter from '../components/logo-footer';
-import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/logo/stories/logoHeader.stories.d.ts

@@ -1,15 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { LogoHeader as component };
-    export namespace argTypes {
-        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
-    }
-}
-export default _default;
-export namespace header {
-    namespace args {
-        let type: string;
-    }
-}
-import LogoHeader from '../components/logo-header';
-import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/logo/stories/logoLoadingFallback.stories.d.ts

@@ -1,11 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { LogoFallback as component };
-    export namespace argTypes {
-        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
-    }
-}
-export default _default;
-export const fallback: {};
-import LogoFallback from '../components/logo-loading-fallback';
-import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/logo/stories/logoSymbol.stories.d.ts

@@ -1,15 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { LogoSymbol as component };
-    export namespace argTypes {
-        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
-    }
-}
-export default _default;
-export namespace symbol {
-    namespace args {
-        let type: string;
-    }
-}
-import LogoSymbol from '../components/logo-symbol';
-import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/logo/utils/path.d.ts

@@ -1,5 +0,0 @@
-declare namespace _default {
-    export { selectLogoPath };
-}
-export default _default;
-declare function selectLogoPath(logoType: any, branch: any, type: any): any;

package/lib/material-icon.d.ts

@@ -1,17 +0,0 @@
-export default MeterialSymbol;
-declare function MeterialSymbol({ icon, fill, weight, grade, size, }: {
-    icon: any;
-    fill?: boolean;
-    weight?: number;
-    grade?: number;
-    size?: number;
-}): JSX.Element;
-declare namespace MeterialSymbol {
-    namespace propTypes {
-        let icon: any;
-        let fill: any;
-        let weight: any;
-        let grade: any;
-        let size: any;
-    }
-}

package/lib/mobile-member-role-card/index.d.ts

@@ -1,25 +0,0 @@
-export default MobileMemberRoleCard;
-declare function MobileMemberRoleCard({ role, releaseBranch, email, joinDate, name, articleReadCount, articleReadingTimeUnit, articleReadingTime, hideInfo, }: {
-    role?: any;
-    releaseBranch?: any;
-    email?: string;
-    joinDate?: string;
-    name?: string;
-    articleReadCount?: number;
-    articleReadingTimeUnit?: any;
-    articleReadingTime?: number;
-    hideInfo?: boolean;
-}): JSX.Element;
-declare namespace MobileMemberRoleCard {
-    namespace propTypes {
-        export let role: any;
-        export { BRANCH_PROP_TYPES as releaseBranch };
-        export let email: any;
-        export let joinDate: any;
-        export let name: any;
-        export let articleReadCount: any;
-        export let articleReadingTimeUnit: any;
-        export let articleReadingTime: any;
-        export let hideInfo: any;
-    }
-}

package/lib/mobile-member-role-card/stories/member-role-card.stories.d.ts

@@ -1,34 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { MobileMemberRoleCard as component };
-    export namespace argTypes {
-        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
-        export let role: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-        export let articleReadingTimeUnit: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-    }
-}
-export default _default;
-export namespace moblieMemberRoleCard {
-    namespace args {
-        let email: string;
-        let joinDate: string;
-        let name: string;
-        let articleReadCount: number;
-        let articleReadingTime: number;
-        let hideInfo: boolean;
-    }
-}
-import MobileMemberRoleCard from '../index';
-import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/mobile-pop-up-modal.d.ts

@@ -1,28 +0,0 @@
-export default MobileModal;
-declare class MobileModal {
-    static propTypes: {
-        modalHeight: any;
-        modalWidth: any;
-    };
-    static defaultProps: {
-        modalHeight: string;
-        modalWidth: string;
-    };
-    constructor(props: any);
-    state: {
-        modalHeight: any;
-    };
-    startY: number;
-    panel: any;
-    handleTouchstartWhenPanning: any;
-    handleTouchendWhenPanning: any;
-    handleTouchmoveWhenPanning: any;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    _updateStartY(startY: any): void;
-    _updateScrollY(endY: any): void;
-    _handleTouchstartWhenPanning(event: any): void;
-    _handleTouchendWhenPanning(event: any): void;
-    _handleTouchmoveWhenPanning(event: any): void;
-    render(): JSX.Element;
-}

package/lib/more.d.ts

@@ -1,10 +0,0 @@
-export default class More extends Component<any, any, any> {
-    static propTypes: {
-        children: any;
-        loadMore: any;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): JSX.Element;
-}
-import { Component } from 'react';

package/lib/pagination/index.d.ts

@@ -1,36 +0,0 @@
-export default Pagination;
-declare class Pagination {
-    constructor(props: any);
-    _buildPagesArray(currentPage: any, totalPages: any): any;
-    _buildPageBox(index: any, currentPage: any): JSX.Element;
-    _buildCenterJSX(startAt: any, length: any, currentPage: any): JSX.Element[];
-    _buildMobilePagesArray(currentPage: any, totalPages: any): JSX.Element[];
-    render(): JSX.Element;
-}
-declare namespace Pagination {
-    namespace propTypes {
-        let currentPage: any;
-        let ellipsis: any;
-        let handleClickNext: any;
-        let handleClickPage: any;
-        let handleClickPrev: any;
-        let nOfCenterPages: any;
-        let nOfMarginPages: any;
-        let totalPages: any;
-        let className: any;
-    }
-    namespace defaultProps {
-        let currentPage_1: number;
-        export { currentPage_1 as currentPage };
-        let totalPages_1: number;
-        export { totalPages_1 as totalPages };
-        let ellipsis_1: string;
-        export { ellipsis_1 as ellipsis };
-        let nOfCenterPages_1: number;
-        export { nOfCenterPages_1 as nOfCenterPages };
-        let nOfMarginPages_1: number;
-        export { nOfMarginPages_1 as nOfMarginPages };
-        let className_1: string;
-        export { className_1 as className };
-    }
-}

package/lib/podcast-link.d.ts

@@ -1,7 +0,0 @@
-export default PodcastLandingPageLink;
-declare class PodcastLandingPageLink {
-    static propTypes: {
-        children: any;
-    };
-    render(): JSX.Element;
-}

package/lib/rwd.d.ts

@@ -1,5 +0,0 @@
-export const DesktopOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const MobileOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const DesktopAndAbove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const TabletAndBelow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export const TabletAndAbove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/shared-enum.d.ts

@@ -1,4 +0,0 @@
-export const Size: Readonly<{
-    S: "S";
-    L: "L";
-}>;

package/lib/side-bar/index.d.ts

@@ -1,81 +0,0 @@
-export default decorateSideBar;
-export function AnchorWrapper({ children }: {
-    children: any;
-}): any;
-export namespace AnchorWrapper {
-    namespace defaultProps {
-        let anchorLabel: string;
-        let showAnchor: boolean;
-    }
-    namespace propTypes {
-        export let anchorId: any;
-        let anchorLabel_1: any;
-        export { anchorLabel_1 as anchorLabel };
-        let showAnchor_1: any;
-        export { showAnchor_1 as showAnchor };
-        export let children: any;
-    }
-}
-/**
- * `decorateSideBar`
- * returns a High Order Component adding the side bar functionalities onto `DecoratedComponent`.
- * It passes props such as `currentAnchorId`, `handleClickAnchor` to the `DecoratedComponent`.
- * `DecoratedSideBar` will map the anchor ids to the sections which are passed as React children,
- * `currentAnchorId` indicates which section is in the viewport right now.
- * `handleClickAnchor` is a function which can be used to scroll to the certain section.
- *
- * For example,
- * ```
- * // react component to render side bar
- * const SideBar = ({anchors, currentAnchorId, handleClickAnchor}) => {
- *  const anchorsJSX = []
- *  anchors.ForEach((anchor) => {
- *     anchorsJSX.push(
- *      <div
- *        key={anchor.id}
- *        onClick={(e) => handleClickAnchor(anchor.id, e)}
- *        style={{color: currentAnchorId === anchor.id ? 'black' : 'white'}}
- *      >
- *        {anchor.label}
- *      </div>
- *    )
- *  })
- *  return (
- *    <div>
- *      {anchorsJSX}
- *    </div>
- *  )
- * }
- *
- * const DecoratedSideBar = decoratedSideBar(SideBar)
- *
- * const SideBarWithContent = () => {
- *  return (
- *    <DecoratedSideBar>
- *      <AnchorWrapper anchorId="section-1" anchorLabel="Section One">
- *        <SectionOne />
- *      </AnchorWrapper>
- *      <AnchorWrapper anchorId="section-2" anchorLabel="Section Two">
- *        <SectionTwo />
- *      </AnchorWrapper>
- *      <AnchorWrapper anchorId="section-3" anchorLabel="Section Three">
- *        <SectionThree />
- *      </AnchorWrapper>
- *    </DecoratedSideBar>
- *  )
- * }
- *
- *
- * The above codes will render three sections and side bar on the same page.
- * When the section, like `SectionTwo`, scrolls into the viewport,
- * the anchor of that section(`Section Two`) will be black, and others will be white.
- *
- * And when user click the anchor, say if `Secetion Two`, the browser will auto scroll to `SectionTwo`,
- * and anchor `Section Two` will be black.
- *
- * ```
- *
- * @param {Object} DecoratedComponent A React component wants to have side bar functionality
- * @returns {Object} A React component with side bar functionalities
- */
-declare function decorateSideBar(DecoratedComponent: any): any;

package/lib/simple-header/index.d.ts

@@ -1,2 +0,0 @@
-export function SimpleHeader(props: any): JSX.Element;
-export default SimpleHeader;

package/lib/simple-header/simpleHeader.stories.d.ts

@@ -1,9 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { SimpleHeader as component };
-}
-export default _default;
-export namespace simpleHeader {
-    let args: {};
-}
-import SimpleHeader from '.';

package/lib/snack-bar/components/snack-bar.d.ts

@@ -1,12 +0,0 @@
-export default SnackBar;
-declare function SnackBar({ text, theme }: {
-    text?: string;
-    theme?: any;
-}): JSX.Element;
-declare namespace SnackBar {
-    export namespace propTypes {
-        let text: any;
-        let theme: any;
-    }
-    export { THEME };
-}

package/lib/snack-bar/hooks/use-snack-bar.d.ts

@@ -1,9 +0,0 @@
-export default useSnackBar;
-declare function useSnackBar(): {
-    toastr: ({ text, timeout }: {
-        text?: string;
-        timeout?: number;
-    }) => void;
-    showSnackBar: boolean;
-    snackBarText: string;
-};

package/lib/snack-bar/index.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    export { SnackBar };
-    export { useSnackBar };
-}
-export default _default;
-import SnackBar from './components/snack-bar';
-import useSnackBar from './hooks/use-snack-bar';
-export { SnackBar, useSnackBar };

package/lib/snack-bar/stories/snackBar.stories.d.ts

@@ -1,28 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { SnackBar as component };
-    export namespace argTypes {
-        export { THEME_STORYBOOK_ARG_TYPE as theme };
-    }
-}
-export default _default;
-export namespace snackBar {
-    namespace args {
-        let text: string;
-        let theme: any;
-    }
-}
-export namespace clickToShow {
-    export function render(props: any): JSX.Element;
-    export namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
-    export namespace args_1 {
-        let timeout: number;
-    }
-    export { args_1 as args };
-}
-import SnackBar from '../components/snack-bar';
-import { THEME_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/snack-bar/utils/theme.d.ts

@@ -1,8 +0,0 @@
-export function getSnackBarTheme(theme: any): {
-    color: any;
-    bgColor: any;
-};
-declare namespace _default {
-    export { getSnackBarTheme };
-}
-export default _default;

package/lib/storybook/constants/index.d.ts

@@ -1,21 +0,0 @@
-export namespace BRANCH_STORYBOOK_ARG_TYPE {
-    let defaultValue: any;
-    let options: any[];
-    namespace control {
-        let type: string;
-    }
-}
-export const THEME_STORYBOOK_ARG_TYPE: {
-    defaultValue: any;
-    options: any[];
-    control: {
-        type: string;
-    };
-};
-export const SIZE_STORYBOOK_ARG_TYPE: {
-    defaultValue: any;
-    options: any[];
-    control: {
-        type: string;
-    };
-};

package/lib/storybook/utils/get-enum-arg.d.ts

@@ -1,7 +0,0 @@
-export function getRadioArg(enumObject: any, defaultValue: any): {
-    defaultValue: any;
-    options: any[];
-    control: {
-        type: string;
-    };
-};