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

package/lib/table-of-contents/index.d.ts

@@ -1,200 +0,0 @@
-declare namespace _default {
-    export { TOCManager as Manager };
-    export namespace React {
-        export { Anchor };
-        export { TableOfContents };
-    }
-}
-export default _default;
-/**
- *  TOCManager is a bridge between `Anchor` and `TableOfContents`.
- *  It provides APIs to make them communicate with each others.
- *  For instances, `TOCManager` provides `Anchor`s for `TableOfContents`,
- *  hence, `TableOfContents` could know how to render correspoding labels and
- *  know how to handle those labels clicked(scroll to that `Anchor`).
- */
-declare class TOCManager {
-    static position: {
-        above: string;
-        below: string;
-        inside: string;
-        invisible: string;
-    };
-    /**
-     *  @constructs
-     *  @param {Object} props
-     *  @param {Anchor[]} [props.anchors=[]] - anchors of table of contents
-     *  @param {Anchor} [props.highlightAnchor=null] - it indicates which anchor is entering the viewport and should be highlighted
-     *  @param {TableOfContents} [props.toc=null] - table of contents
-     *  @param {boolean} [props.toStopAutoUpdateHighlightAnchor=false] - it stops automatically updating highlight anchor
-     */
-    constructor({ anchors, highlightAnchor, toc, toStopAutoUpdateHighlightAnchor, }?: {
-        anchors?: Anchor[];
-        highlightAnchor?: Anchor;
-        toc?: TableOfContents;
-        toStopAutoUpdateHighlightAnchor?: boolean;
-    });
-    _anchors: Anchor[];
-    _highlightAnchor: Anchor;
-    _toc: TableOfContents;
-    _toStopAutoUpdateHighlightAnchor: boolean;
-    /**
-     *  use `Array.concat` to add `Anchor` into array
-     *
-     *  @method
-     *  @param {Anchor} anchor - an instance of `Anchor`
-     *  @returns
-     */
-    addAnchor(anchor: Anchor): void;
-    /**
-     *  Re-render `TableOfContents` if needed.
-     *  Use debounce for optimizing rendering performance.
-     *  @returns
-     */
-    renderTOC: any;
-    /**
-     *  Update highlight anchor.
-     *  Use debounce for optimizing rendering performance.
-     *  @returns
-     */
-    updateHighlightAnchor: any;
-    /**
-     *  This is a setter function.
-     *  It indicates which anchor is entering the viewport
-     *  and should be highlighted in the table of contents.
-     *  @method
-     *  @param {Anchor} anchor - an instance of `Anchor`
-     *  @returns
-     */
-    set highlightAnchor(anchor: Anchor);
-    /**
-     *  This a getter function.
-     *  @method
-     *  @return {Anchor} - the anchor is highlighted
-     */
-    get highlightAnchor(): Anchor;
-    /**
-     *  Sort anchors by the distance to viewport top in ascending order.
-     *  @param {Anchor[]} anchors
-     *  @returns {Anchor[]}
-     */
-    sortAnchorsByViewportTop(anchors: Anchor[]): Anchor[];
-    /**
-     *  Use memoize to improve performance
-     */
-    memoizeSortAnchorsByViewportTop: any;
-    /**
-     *  This is a setter function.
-     *  @method
-     *  @return {undefined}
-     */
-    set anchors(anchors: Anchor[]);
-    /**
-     *  This is a getter function.
-     *  @method
-     *  @returns {Anchor[]}
-     */
-    get anchors(): Anchor[];
-    /**
-     *  This is a setter function.
-     *  @method
-     *  @returns
-     */
-    set toc(toc: TableOfContents);
-    /**
-     *  This is a getter function.
-     *  @method
-     *  @returns {TableOfContents}
-     */
-    get toc(): TableOfContents;
-    /**
-     *  This is a setter function.
-     *  @method
-     *  @returns
-     */
-    set toStopAutoUpdateHighlightAnchor(toStopAutoUpdateHighlightAnchor: boolean);
-    /**
-     *  This is a getter function.
-     *  @method
-     *  @returns {boolean}
-     */
-    get toStopAutoUpdateHighlightAnchor(): boolean;
-}
-declare class Anchor {
-    static propTypes: {
-        className: any;
-        children: any;
-        manager: any;
-        id: any;
-        label: any;
-        bottomOffset: any;
-        topOffset: any;
-    };
-    static defaultProps: {
-        className: string;
-        bottomOffset: string;
-        topOffset: string;
-    };
-    constructor(props: any);
-    _ref: any;
-    getViewportTop: any;
-    handleOnPositionChange: any;
-    currentPosition: string;
-    /**
-     *  @returns {number} - the distance between the top edge of anchor and the top of window
-     */
-    _getViewportTop(): number;
-    /**
-     *  @param {Object} [posObj={}]
-     *  @param {string} [posObj.currentPosition=''] - it could be one of
-     *  Waypoint.below, Waypoint.above, Waypoint.inside and Waypoint.invisible
-     *
-     *  @returns
-     */
-    _handleOnPositionChange(posObj?: {
-        currentPosition?: string;
-    }): void;
-    /**
-     *  This is a getter function.
-     *  @method
-     *  @returns {string} - id of anchor
-     */
-    get anchorID(): string;
-    /**
-     *  This is a getter function.
-     *  @method
-     *  @returns {string} - label of anchor
-     */
-    get anchorLable(): string;
-    render(): JSX.Element;
-}
-declare class TableOfContents {
-    static propTypes: {
-        manager: any;
-        /**
-         *  @callback
-         *  @param {Anchor[]} anchors
-         *  @param {?Anchor} highlightAnchor
-         *  @param {Function} handleAnchorClick - callback function for handling clicking anchor
-         */
-        render: any;
-        scrollDuration: any;
-    };
-    constructor(props: any);
-    state: {
-        highlightAnchor: any;
-    };
-    setHighlightAnchor: any;
-    handleAnchorClick: any;
-    /**
-     *  @param {Anchor} anchor - anchor to highlight
-     *  @returns
-     */
-    _setHighlightAnchor(anchor: Anchor): void;
-    /**
-     *  @param {string} anchorID - id of clicked anchor
-     *  @returns
-     */
-    _handleAnchorClick(anchorID: string, callback: any): void;
-    render(): any;
-}

package/lib/text/constants/headline-type.d.ts

@@ -1,4 +0,0 @@
-export const TYPE_FONT_FAMILY: Readonly<{
-    default: any;
-    article: any;
-}>;

package/lib/text/enums/index.d.ts

@@ -1,9 +0,0 @@
-export const Type: Readonly<{
-    DEFAULT: "default";
-    ARTICLE: "article";
-}>;
-export const Weight: Readonly<{
-    EXTRA_LIGHT: "extraLight";
-    NORMAL: "normal";
-    BOLD: "bold";
-}>;

package/lib/text/headline.d.ts

@@ -1,60 +0,0 @@
-export function H1({ text, type, className, ...props }: {
-    [x: string]: any;
-    text?: string;
-    type?: "default";
-    className?: string;
-}): JSX.Element;
-export namespace H1 {
-    export let displayName: string;
-    export namespace propTypes {
-        let text: any;
-        let type: any;
-        let className: any;
-    }
-    export { Type };
-}
-export function H1({ text, type, className, ...props }: {
-    [x: string]: any;
-    text?: string;
-    type?: "default";
-    className?: string;
-}): JSX.Element;
-export namespace H1 { }
-export function H1({ text, type, className, ...props }: {
-    [x: string]: any;
-    text?: string;
-    type?: "default";
-    className?: string;
-}): JSX.Element;
-export namespace H1 { }
-export function H1({ text, type, className, ...props }: {
-    [x: string]: any;
-    text?: string;
-    type?: "default";
-    className?: string;
-}): JSX.Element;
-export namespace H1 { }
-export function H1({ text, type, className, ...props }: {
-    [x: string]: any;
-    text?: string;
-    type?: "default";
-    className?: string;
-}): JSX.Element;
-export namespace H1 { }
-export function H1({ text, type, className, ...props }: {
-    [x: string]: any;
-    text?: string;
-    type?: "default";
-    className?: string;
-}): JSX.Element;
-export namespace H1 { }
-declare namespace _default {
-    export { H1 };
-    export { H2 };
-    export { H3 };
-    export { H4 };
-    export { H5 };
-    export { H6 };
-}
-export default _default;
-import { Type } from './enums';

package/lib/text/paragraph.d.ts

@@ -1,49 +0,0 @@
-export function P1({ text, weight, className, children, ...props }: {
-    [x: string]: any;
-    text?: string;
-    weight?: "normal";
-    className?: string;
-    children: any;
-}): JSX.Element;
-export namespace P1 {
-    export let displayName: string;
-    export namespace propTypes {
-        let text: any;
-        let weight: any;
-        let className: any;
-        let children: any;
-    }
-    export { Weight };
-}
-export function P1({ text, weight, className, children, ...props }: {
-    [x: string]: any;
-    text?: string;
-    weight?: "normal";
-    className?: string;
-    children: any;
-}): JSX.Element;
-export namespace P1 { }
-export function P1({ text, weight, className, children, ...props }: {
-    [x: string]: any;
-    text?: string;
-    weight?: "normal";
-    className?: string;
-    children: any;
-}): JSX.Element;
-export namespace P1 { }
-export function P1({ text, weight, className, children, ...props }: {
-    [x: string]: any;
-    text?: string;
-    weight?: "normal";
-    className?: string;
-    children: any;
-}): JSX.Element;
-export namespace P1 { }
-declare namespace _default {
-    export { P1 };
-    export { P2 };
-    export { P3 };
-    export { P4 };
-}
-export default _default;
-import { Weight } from './enums';

package/lib/text/stories/headline.stories.d.ts

@@ -1,112 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { H1 as component };
-    export namespace argTypes {
-        let type: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-    }
-}
-export default _default;
-export namespace h1 {
-    namespace args {
-        export { defaultText as text };
-        export { defaultType as type };
-    }
-    namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
-}
-export namespace h2 {
-    export function render(args: any): JSX.Element;
-    export namespace args_1 {
-        export { defaultText as text };
-        export { defaultType as type };
-    }
-    export { args_1 as args };
-    export namespace parameters_1 {
-        export namespace controls_1 {
-            let exclude_1: string[];
-            export { exclude_1 as exclude };
-        }
-        export { controls_1 as controls };
-    }
-    export { parameters_1 as parameters };
-}
-export namespace h3 {
-    export function render_1(args: any): JSX.Element;
-    export { render_1 as render };
-    export namespace args_2 {
-        export { defaultText as text };
-        export { defaultType as type };
-    }
-    export { args_2 as args };
-    export namespace parameters_2 {
-        export namespace controls_2 {
-            let exclude_2: string[];
-            export { exclude_2 as exclude };
-        }
-        export { controls_2 as controls };
-    }
-    export { parameters_2 as parameters };
-}
-export namespace h4 {
-    export function render_2(args: any): JSX.Element;
-    export { render_2 as render };
-    export namespace args_3 {
-        export { defaultText as text };
-        export { defaultType as type };
-    }
-    export { args_3 as args };
-    export namespace parameters_3 {
-        export namespace controls_3 {
-            let exclude_3: string[];
-            export { exclude_3 as exclude };
-        }
-        export { controls_3 as controls };
-    }
-    export { parameters_3 as parameters };
-}
-export namespace h5 {
-    export function render_3(args: any): JSX.Element;
-    export { render_3 as render };
-    export namespace args_4 {
-        export { defaultText as text };
-        export { defaultType as type };
-    }
-    export { args_4 as args };
-    export namespace parameters_4 {
-        export namespace controls_4 {
-            let exclude_4: string[];
-            export { exclude_4 as exclude };
-        }
-        export { controls_4 as controls };
-    }
-    export { parameters_4 as parameters };
-}
-export namespace h6 {
-    export function render_4(args: any): JSX.Element;
-    export { render_4 as render };
-    export namespace args_5 {
-        export { defaultText as text };
-        export { defaultType as type };
-    }
-    export { args_5 as args };
-    export namespace parameters_5 {
-        export namespace controls_5 {
-            let exclude_5: string[];
-            export { exclude_5 as exclude };
-        }
-        export { controls_5 as controls };
-    }
-    export { parameters_5 as parameters };
-}
-import { H1 } from '../headline';
-declare const defaultText: "\u6A19\u984C\u300C\u6A19\u984C\u300D\uFF1A\u6A19\u984C\uFF0C\u300A\u6A19\u984C\u300B\u6A19\u984CEnglish\u6A19\u984C123\u6A19\u984C\uFF1F";
-declare const defaultType: "default";

package/lib/text/stories/paragraph.stories.d.ts

@@ -1,78 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { P1 as component };
-    export namespace argTypes {
-        let weight: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-    }
-}
-export default _default;
-export namespace p1 {
-    namespace args {
-        export { defaultText as text };
-        export { defaultWeight as weight };
-    }
-    namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
-}
-export namespace p2 {
-    export function render(args: any): JSX.Element;
-    export namespace args_1 {
-        export { defaultText as text };
-        export { defaultWeight as weight };
-    }
-    export { args_1 as args };
-    export namespace parameters_1 {
-        export namespace controls_1 {
-            let exclude_1: string[];
-            export { exclude_1 as exclude };
-        }
-        export { controls_1 as controls };
-    }
-    export { parameters_1 as parameters };
-}
-export namespace p3 {
-    export function render_1(args: any): JSX.Element;
-    export { render_1 as render };
-    export namespace args_2 {
-        export { defaultText as text };
-        export { defaultWeight as weight };
-    }
-    export { args_2 as args };
-    export namespace parameters_2 {
-        export namespace controls_2 {
-            let exclude_2: string[];
-            export { exclude_2 as exclude };
-        }
-        export { controls_2 as controls };
-    }
-    export { parameters_2 as parameters };
-}
-export namespace p4 {
-    export function render_2(args: any): JSX.Element;
-    export { render_2 as render };
-    export namespace args_3 {
-        export { defaultText as text };
-        export { defaultWeight as weight };
-    }
-    export { args_3 as args };
-    export namespace parameters_3 {
-        export namespace controls_3 {
-            let exclude_3: string[];
-            export { exclude_3 as exclude };
-        }
-        export { controls_3 as controls };
-    }
-    export { parameters_3 as parameters };
-}
-import { P1 } from '../paragraph';
-declare const defaultText: "\u5167\u6587\u300C\u5167\u6587\u300D\uFF1A\u5167\u6587\uFF0C\u300A\u5167\u6587\u300B\u5167\u6587English\u5167\u6587123\u5167\u6587\uFF1F";
-declare const defaultWeight: "normal";

package/lib/text/utils/webfonts.d.ts

@@ -1,9 +0,0 @@
-declare namespace _default {
-    export { fontFaces };
-    export { fontGCSFiles };
-}
-export default _default;
-declare const fontFaces: {
-    [x: number]: any;
-};
-declare let fontGCSFiles: any[];

package/lib/title-bar/components/tab.d.ts

@@ -1,13 +0,0 @@
-export default TitleTab;
-declare function TitleTab({ title, tabs, activeTabIndex }: {
-    title?: string;
-    tabs?: any[];
-    activeTabIndex?: number;
-}): JSX.Element;
-declare namespace TitleTab {
-    namespace propTypes {
-        let title: any;
-        let tabs: any;
-        let activeTabIndex: any;
-    }
-}

package/lib/title-bar/components/title1.d.ts

@@ -1,11 +0,0 @@
-export default Title1;
-declare function Title1({ title, subtitle }: {
-    title?: string;
-    subtitle?: string;
-}): JSX.Element;
-declare namespace Title1 {
-    namespace propTypes {
-        let title: any;
-        let subtitle: any;
-    }
-}

package/lib/title-bar/components/title2.d.ts

@@ -1,13 +0,0 @@
-export default Title2;
-declare function Title2({ title, subtitle, renderButton }: {
-    title?: string;
-    subtitle?: string;
-    renderButton: any;
-}): JSX.Element;
-declare namespace Title2 {
-    namespace propTypes {
-        let title: any;
-        let subtitle: any;
-        let renderButton: any;
-    }
-}

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

@@ -1,10 +0,0 @@
-declare namespace _default {
-    export { Title1 };
-    export { Title2 };
-    export { TitleTab };
-}
-export default _default;
-import Title1 from './components/title1';
-import Title2 from './components/title2';
-import TitleTab from './components/tab';
-export { Title1, Title2, TitleTab };

package/lib/title-bar/stories/tab.stories.d.ts

@@ -1,43 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Tab as component };
-}
-export default _default;
-export namespace tab {
-    namespace args {
-        let title_1: string;
-        export { title_1 as title };
-        export let tabs: {
-            text: string;
-            isExternal: boolean;
-            link: string;
-        }[];
-    }
-}
-export namespace humanRightsTab {
-    export namespace args_1 {
-        let title_2: string;
-        export { title_2 as title };
-        let tabs_1: {
-            text: string;
-            isExternal: boolean;
-            link: string;
-        }[];
-        export { tabs_1 as tabs };
-    }
-    export { args_1 as args };
-}
-export namespace animalTab {
-    export namespace args_2 {
-        let title_3: string;
-        export { title_3 as title };
-        let tabs_2: {
-            text: string;
-            isExternal: boolean;
-            link: string;
-        }[];
-        export { tabs_2 as tabs };
-    }
-    export { args_2 as args };
-}
-import Tab from '../components/tab';

package/lib/title-bar/stories/title1.stories.d.ts

@@ -1,29 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Title1 as component };
-}
-export default _default;
-export namespace bar {
-    namespace args {
-        let title_1: string;
-        export { title_1 as title };
-        export let subtitle: string;
-    }
-}
-export namespace tagBar {
-    export namespace args_1 {
-        let title_2: string;
-        export { title_2 as title };
-    }
-    export { args_1 as args };
-}
-export namespace bookmarkBar {
-    export namespace args_2 {
-        let title_3: string;
-        export { title_3 as title };
-        let subtitle_1: string;
-        export { subtitle_1 as subtitle };
-    }
-    export { args_2 as args };
-}
-import Title1 from '../components/title1';

package/lib/title-bar/stories/title2.stories.d.ts

@@ -1,29 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Title2 as component };
-    export namespace argTypes {
-        namespace showButton {
-            let defaultValue: boolean;
-            namespace control {
-                let type: string;
-            }
-        }
-    }
-}
-export default _default;
-export namespace title2 {
-    function render(args: any): JSX.Element;
-    namespace args {
-        let title_1: string;
-        export { title_1 as title };
-        export let subtitle: string;
-        let showButton_1: boolean;
-        export { showButton_1 as showButton };
-    }
-    namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
-}
-import Title2 from '../components/title2';

package/lib/utils/link-with-params.d.ts

@@ -1,6 +0,0 @@
-/**
- * @param { string } originalUrl - The original url
- * @param { Object } params - search params to be set
- * @return { string } originalUrl with search params
- */
-export default function linkWithParams(originalUrl: string, params: any): string;