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

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

@@ -0,0 +1,72 @@
+declare namespace _default {
+    export let title: string;
+    export { Arrow as component };
+    export namespace argTypes {
+        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
+    }
+}
+export default _default;
+export namespace arrow {
+    namespace args {
+        let direction: "right";
+    }
+}
+export namespace right {
+    export namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+    export namespace args_1 {
+        let direction_1: "right";
+        export { direction_1 as direction };
+    }
+    export { args_1 as args };
+}
+export namespace left {
+    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 args_2 {
+        let direction_2: "left";
+        export { direction_2 as direction };
+    }
+    export { args_2 as args };
+}
+export namespace up {
+    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 args_3 {
+        let direction_3: "up";
+        export { direction_3 as direction };
+    }
+    export { args_3 as args };
+}
+export namespace down {
+    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 args_4 {
+        let direction_4: "down";
+        export { direction_4 as direction };
+    }
+    export { args_4 as args };
+}
+import { Arrow } from '../index';
+import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

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

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

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

@@ -0,0 +1,57 @@
+declare namespace _default {
+    export let title: string;
+    export { Bookmark as component };
+    export namespace argTypes {
+        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
+    }
+}
+export default _default;
+export namespace bookmark {
+    namespace args {
+        let type: "basic";
+    }
+}
+export namespace basic {
+    export namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+    export namespace args_1 {
+        let type_1: "basic";
+        export { type_1 as type };
+    }
+    export { args_1 as args };
+}
+export namespace add {
+    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 args_2 {
+        let type_2: "add";
+        export { type_2 as type };
+    }
+    export { args_2 as args };
+}
+export namespace saved {
+    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 args_3 {
+        let type_3: "saved";
+        export { type_3 as type };
+    }
+    export { args_3 as args };
+}
+import { Bookmark } from '../index';
+import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

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

@@ -0,0 +1,23 @@
+declare namespace _default {
+    export let title: string;
+    export { ChangeIconColor as component };
+    export namespace argTypes {
+        namespace color {
+            namespace control {
+                let type: string;
+                let presetColors: string[];
+            }
+        }
+    }
+}
+export default _default;
+export const changeIconColor: {};
+declare function ChangeIconColor({ color }: {
+    color: any;
+}): JSX.Element;
+declare namespace ChangeIconColor {
+    namespace propTypes {
+        let color_1: any;
+        export { color_1 as color };
+    }
+}

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

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

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

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

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

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

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

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

package/lib/icon/stories/filter.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filter = exports["default"] = void 0;
+var _index = require("../index");
+var _constants = require("../../storybook/constants");
+var _default = exports["default"] = {
+  title: 'Icon/Filter',
+  component: _index.Filter,
+  argTypes: {
+    releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
+  }
+};
+var filter = exports.filter = {};

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,16 @@
+export default Image;
+declare function Image({ src, alt, srcSet, releaseBranch, }: {
+    src: any;
+    alt?: string;
+    srcSet?: string;
+    releaseBranch?: string;
+}): 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 };
+    }
+}
+import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';

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

@@ -0,0 +1,29 @@
+export default SearchBar;
+declare function SearchBar({ placeholder, theme, releaseBranch, onSearch, onClose, handleBlur, autofocus, widthType, ...props }: {
+    [x: string]: any;
+    placeholder?: string;
+    theme?: "normal";
+    releaseBranch?: string;
+    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 { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
+import { THEME } from '@twreporter/core/lib/constants/theme';
+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: "normal";
+        export let releaseBranch: string;
+        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,17 @@
+export function selectThemeStyle(theme: any): {
+    bgColor: "rgba(255, 255, 255, 0.8)";
+    focusBgColor: "#f1f1f1";
+    desktopBgColor: "#f1f1f1";
+    borderColor: "#e3be98";
+    color: "#404040";
+    focusColor: "#9c9c9c";
+    placeholderColor: "#404040";
+} | {
+    bgColor: "rgba(241, 241, 241, 0.8)";
+    focusBgColor: "rgba(241, 241, 241, 0.8)";
+    desktopBgColor: "#ffffff";
+    borderColor: "#808080";
+    color: "#404040";
+    focusColor: "#9c9c9c";
+    placeholderColor: "#9c9c9c";
+};

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,20 @@
+export default CardList;
+declare function CardList({ data, isFetching, showSpinner, releaseBranch, showIsBookmarked, width, }: {
+    data?: any[];
+    isFetching?: boolean;
+    showSpinner?: boolean;
+    releaseBranch?: string;
+    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;
+    }
+}
+import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';