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

package/lib/icon/stories/hamburger.stories.d.ts

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

package/lib/icon/stories/home.stories.d.ts

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

package/lib/icon/stories/letter.stories.d.ts

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

package/lib/icon/stories/loading.stories.d.ts

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

package/lib/icon/stories/member.stories.d.ts

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

package/lib/icon/stories/printer.stories.d.ts

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

package/lib/icon/stories/search.stories.d.ts

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

package/lib/icon/stories/share.stories.d.ts

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

package/lib/icon/stories/socialMedia.stories.d.ts

@@ -0,0 +1,25 @@
+declare namespace _default {
+    export let title: string;
+    export { SocialMedia as component };
+    export namespace argTypes {
+        export let type: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+        export let mediaType: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
+    }
+}
+export default _default;
+export const socialMedia: {};
+import { SocialMedia } from '../index';
+import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

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

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

package/lib/icon/stories/topic.stories.d.ts

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

package/lib/image-with-fallback.d.ts

@@ -0,0 +1,15 @@
+export default Image;
+declare function Image({ src, alt, srcSet, releaseBranch, }: {
+    src: any;
+    alt?: string;
+    srcSet?: string;
+    releaseBranch?: any;
+}): JSX.Element;
+declare namespace Image {
+    namespace propTypes {
+        export let alt: any;
+        export let src: any;
+        export let srcSet: any;
+        export { BRANCH_PROP_TYPES as releaseBranch };
+    }
+}

package/lib/input/components/search-bar.d.ts

@@ -0,0 +1,27 @@
+export default SearchBar;
+declare function SearchBar({ placeholder, theme, releaseBranch, onSearch, onClose, handleBlur, autofocus, widthType, ...props }: {
+    [x: string]: any;
+    placeholder?: string;
+    theme?: any;
+    releaseBranch?: any;
+    onSearch?: () => void;
+    onClose?: () => void;
+    handleBlur?: () => void;
+    autofocus?: boolean;
+    widthType?: "fit";
+}): JSX.Element;
+declare namespace SearchBar {
+    export namespace propTypes {
+        export let placeholder: any;
+        export let theme: any;
+        export { BRANCH_PROP_TYPES as releaseBranch };
+        export let onSearch: any;
+        export let onClose: any;
+        export let handleBlur: any;
+        export let autofocus: any;
+        export let widthType: any;
+    }
+    export { THEME };
+    export { WidthType };
+}
+import { WidthType } from '../enums';

package/lib/input/components/text-field.d.ts

@@ -0,0 +1,26 @@
+export default TextField;
+declare function TextField({ placeholder, align, state, message, onSubmit, onChange, className, ...props }: {
+    [x: string]: any;
+    placeholder?: string;
+    align?: "left";
+    state?: "default";
+    message?: string;
+    onSubmit?: () => void;
+    onChange?: () => void;
+    className?: string;
+}): JSX.Element;
+declare namespace TextField {
+    export namespace propTypes {
+        let placeholder: any;
+        let align: any;
+        let state: any;
+        let message: any;
+        let onSubmit: any;
+        let onChange: any;
+        let className: any;
+    }
+    export { TextAlign as Align };
+    export { TextState as State };
+}
+import { TextAlign } from '../enums';
+import { TextState } from '../enums';

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

@@ -0,0 +1,13 @@
+export const WidthType: Readonly<{
+    FIT: "fit";
+    STRETCH: "stretch";
+}>;
+export const TextAlign: Readonly<{
+    LEFT: "left";
+    CENTER: "center";
+}>;
+export const TextState: Readonly<{
+    DEFAULT: "default";
+    ERROR: "error";
+    DISABLED: "disabled";
+}>;

package/lib/input/index.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export { SearchBar };
+    export { TextField };
+}
+export default _default;
+import SearchBar from './components/search-bar';
+import TextField from './components/text-field';
+export { SearchBar, TextField };

package/lib/input/stories/search-bar.stories.d.ts

@@ -0,0 +1,33 @@
+declare namespace _default {
+    export let title: string;
+    export { SearchBar as component };
+    export namespace argTypes {
+        export let widthType: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
+        export { THEME_STORYBOOK_ARG_TYPE as theme };
+    }
+}
+export default _default;
+export namespace searchBar {
+    namespace args {
+        export let placeholder: string;
+        export let theme: any;
+        export let releaseBranch: any;
+        export { onSearch };
+        export { onClose };
+        export let autofocus: boolean;
+        let widthType_1: "fit";
+        export { widthType_1 as widthType };
+    }
+}
+import SearchBar from '../components/search-bar';
+import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';
+import { THEME_STORYBOOK_ARG_TYPE } from '../../storybook/constants';
+declare function onSearch(keyword: any): void;
+declare function onClose(): void;

package/lib/input/stories/text-field.stories.d.ts

@@ -0,0 +1,37 @@
+declare namespace _default {
+    export let title: string;
+    export { TextField as component };
+    export namespace argTypes {
+        let align: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+        let state: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+    }
+}
+export default _default;
+export namespace textField {
+    function render(args: any): JSX.Element;
+    namespace args {
+        export { onSubmit };
+        export { onChange };
+        export let placeholder: string;
+        let align_1: "left";
+        export { align_1 as align };
+        let state_1: "default";
+        export { state_1 as state };
+        export let message: string;
+    }
+}
+import TextField from '../components/text-field';
+declare function onSubmit(value: any): void;
+declare function onChange(value: any): void;

package/lib/input/utils/theme.d.ts

@@ -0,0 +1,9 @@
+export function selectThemeStyle(theme: any): {
+    bgColor: any;
+    focusBgColor: any;
+    desktopBgColor: any;
+    borderColor: any;
+    color: any;
+    focusColor: any;
+    placeholderColor: any;
+};

package/lib/is-fetching-wrapper.d.ts

@@ -0,0 +1,14 @@
+export default FetchingWrapper;
+declare function FetchingWrapper(WrappedComponent: any): {
+    new (): {
+        render(): JSX.Element;
+    };
+    defaultProps: {
+        isFetching: boolean;
+        showSpinner: boolean;
+    };
+    propTypes: {
+        isFetching: any;
+        showSpinner: any;
+    };
+};

package/lib/junior-link.d.ts

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

package/lib/link-with-tracker.d.ts

@@ -0,0 +1,29 @@
+declare class TrackedLink extends PureComponent<any, any, any> {
+    constructor(props: any);
+    sendClickTrackingEvent(e: any): void;
+    isKeyToBeTracked(keyCode: any): boolean;
+    render(): JSX.Element;
+}
+declare namespace TrackedLink {
+    namespace propTypes {
+        let clickActionName: any;
+        let href: any;
+        let to: any;
+        let rel: any;
+        let target: any;
+    }
+    namespace defaultProps {
+        let clickActionName_1: string;
+        export { clickActionName_1 as clickActionName };
+        let href_1: string;
+        export { href_1 as href };
+        let to_1: string;
+        export { to_1 as to };
+        let rel_1: string;
+        export { rel_1 as rel };
+        let target_1: string;
+        export { target_1 as target };
+    }
+}
+export default TrackedLink;
+import { PureComponent } from 'react';

package/lib/listing-page/components/card-list.d.ts

@@ -0,0 +1,19 @@
+export default CardList;
+declare function CardList({ data, isFetching, showSpinner, releaseBranch, showIsBookmarked, width, }: {
+    data?: any[];
+    isFetching?: boolean;
+    showSpinner?: boolean;
+    releaseBranch?: any;
+    showIsBookmarked?: boolean;
+    width?: number;
+}): JSX.Element;
+declare namespace CardList {
+    namespace propTypes {
+        export let data: any;
+        export let isFetching: any;
+        export let showSpinner: any;
+        export { BRANCH_PROP_TYPES as releaseBranch };
+        export let showIsBookmarked: any;
+        export let width: any;
+    }
+}

package/lib/listing-page/components/image.d.ts

@@ -0,0 +1,29 @@
+export default Image;
+declare class Image {
+    constructor(props: any);
+    state: {
+        isObjectFit: boolean;
+        isImgOnLoad: boolean;
+    };
+    handleImgOnLoad: any;
+    imgNode: HTMLImageElement;
+    componentDidMount(): void;
+    componentWillUnMount(): void;
+    _handleImgOnLoad(): void;
+    render(): JSX.Element;
+}
+declare namespace Image {
+    namespace defaultProps {
+        let alt: string;
+        let src: string;
+        let srcSet: string;
+    }
+    namespace propTypes {
+        let alt_1: any;
+        export { alt_1 as alt };
+        let src_1: any;
+        export { src_1 as src };
+        let srcSet_1: any;
+        export { srcSet_1 as srcSet };
+    }
+}

package/lib/listing-page/components/list-item.d.ts

@@ -0,0 +1,27 @@
+export default ListItem;
+declare class ListItem extends PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+declare namespace ListItem {
+    namespace defaultProps {
+        let tags: any[];
+        namespace link {
+            let to: string;
+            let target: string;
+        }
+    }
+    namespace propTypes {
+        export let title: any;
+        export let desc: any;
+        export let img: any;
+        let link_1: any;
+        export { link_1 as link };
+        export let category: any;
+        export let pubDate: any;
+        let tags_1: any;
+        export { tags_1 as tags };
+    }
+}
+import { PureComponent } from 'react';

package/lib/listing-page/components/list.d.ts

@@ -0,0 +1,31 @@
+export default List;
+declare class List extends PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+declare namespace List {
+    namespace defaultProps {
+        let data: any[];
+        let catName: string;
+        let tagName: string;
+        let isFetching: boolean;
+        let showSpinner: boolean;
+        let showCategory: boolean;
+    }
+    namespace propTypes {
+        let data_1: any;
+        export { data_1 as data };
+        let tagName_1: any;
+        export { tagName_1 as tagName };
+        let catName_1: any;
+        export { catName_1 as catName };
+        let isFetching_1: any;
+        export { isFetching_1 as isFetching };
+        let showSpinner_1: any;
+        export { showSpinner_1 as showSpinner };
+        let showCategory_1: any;
+        export { showCategory_1 as showCategory };
+    }
+}
+import { PureComponent } from 'react';

package/lib/listing-page/components/page-content.d.ts

@@ -0,0 +1,2 @@
+export default PageContent;
+declare const PageContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/listing-page/components/topics/index.d.ts

@@ -0,0 +1,25 @@
+export default Topics;
+declare class Topics extends Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    _buildRelatedPosts(posts: any): any;
+    _buildTopicBoxes(topics: any): any;
+    render(): JSX.Element;
+}
+declare namespace Topics {
+    namespace propTypes {
+        let topics: any;
+        let currentPage: any;
+        let isFetching: any;
+        let showSpinner: any;
+    }
+    namespace defaultProps {
+        let topics_1: any[];
+        export { topics_1 as topics };
+        let currentPage_1: number;
+        export { currentPage_1 as currentPage };
+        let showSpinner_1: boolean;
+        export { showSpinner_1 as showSpinner };
+    }
+}
+import { Component } from 'react';

package/lib/listing-page/components/topics/post-item.d.ts

@@ -0,0 +1,19 @@
+export default PostItem;
+declare class PostItem extends PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+declare namespace PostItem {
+    namespace propTypes {
+        let title: any;
+        let imgUrl: any;
+        let linkTo: any;
+        let linkTarget: any;
+    }
+    namespace defaultProps {
+        let linkTarget_1: any;
+        export { linkTarget_1 as linkTarget };
+    }
+}
+import { PureComponent } from 'react';

package/lib/listing-page/components/topics/posts.d.ts

@@ -0,0 +1,2 @@
+export default PostsContainer;
+declare const PostsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/listing-page/components/topics/section.d.ts

@@ -0,0 +1,20 @@
+export function TopSectionContent(props: any): JSX.Element;
+export namespace TopSectionContent {
+    namespace propTypes {
+        let children: any;
+        let topicUrl: any;
+        let topicName: any;
+    }
+    namespace defaultProps {
+        let topicName_1: string;
+        export { topicName_1 as topicName };
+    }
+}
+export function ListSectionContent(props: any): JSX.Element;
+export namespace ListSectionContent {
+    export namespace propTypes_1 {
+        let children_1: any;
+        export { children_1 as children };
+    }
+    export { propTypes_1 as propTypes };
+}

package/lib/listing-page/components/topics/topic-item.d.ts

@@ -0,0 +1,22 @@
+export default TopicItem;
+declare class TopicItem extends PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+declare namespace TopicItem {
+    namespace propTypes {
+        let title: any;
+        let updatedAt: any;
+        let description: any;
+        let imgUrl: any;
+        let imgAlt: any;
+        let linkTo: any;
+        let isTop: any;
+    }
+    namespace defaultProps {
+        let isTop_1: boolean;
+        export { isTop_1 as isTop };
+    }
+}
+import { PureComponent } from 'react';

package/lib/listing-page/constants/mockup-spec.d.ts

@@ -0,0 +1,46 @@
+declare namespace _default {
+    export { marginBetweenItems };
+    export namespace mobile {
+        let maxWidth: number;
+        let cardWidth: number;
+        let tagsWidth: number;
+        let imgHeight: number;
+    }
+    export namespace desktop {
+        let maxWidth_1: number;
+        export { maxWidth_1 as maxWidth };
+        let cardWidth_1: number;
+        export { cardWidth_1 as cardWidth };
+        export let textWidth: number;
+        let tagsWidth_1: number;
+        export { tagsWidth_1 as tagsWidth };
+        let imgHeight_1: number;
+        export { imgHeight_1 as imgHeight };
+    }
+    export namespace tablet {
+        let maxWidth_2: number;
+        export { maxWidth_2 as maxWidth };
+        let cardWidth_2: number;
+        export { cardWidth_2 as cardWidth };
+        let textWidth_1: number;
+        export { textWidth_1 as textWidth };
+        let tagsWidth_2: number;
+        export { tagsWidth_2 as tagsWidth };
+        let imgHeight_2: number;
+        export { imgHeight_2 as imgHeight };
+    }
+    export namespace hd {
+        let maxWidth_3: number;
+        export { maxWidth_3 as maxWidth };
+        let cardWidth_3: number;
+        export { cardWidth_3 as cardWidth };
+        let textWidth_2: number;
+        export { textWidth_2 as textWidth };
+        let tagsWidth_3: number;
+        export { tagsWidth_3 as tagsWidth };
+        let imgHeight_3: number;
+        export { imgHeight_3 as imgHeight };
+    }
+}
+export default _default;
+declare const marginBetweenItems: 20;

package/lib/listing-page/constants/predefined-css.d.ts

@@ -0,0 +1,2 @@
+export const linkHoverFadeOut: import("styled-components").RuleSet<object>;
+export const resetLinkStyle: "a:hover,a:active,a:link,a:visited { color: inherit; text-decoration: none; }";

package/lib/listing-page/constants/prop-types.d.ts

@@ -0,0 +1 @@
+export const ARTICLE_PROP_TYPES: any;

package/lib/listing-page/constants/topics.d.ts

@@ -0,0 +1,6 @@
+export namespace TEXT {
+    let TOPICS_PAGE_TITLE: string;
+    let SECTION_TITLE_FEATURED: string;
+    let SECTION_TITLE_OTHERS: string;
+    let LAST_UPDATED: string;
+}