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

package/lib/color.stories.d.ts

@@ -0,0 +1,63 @@
+declare namespace _default {
+    export let title: string;
+    export { ColorSet as component };
+    export namespace argTypes {
+        let type: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+        namespace background {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+                export let presetColors: ("#808080" | "#f1f1f1" | "#052142")[];
+            }
+        }
+    }
+}
+export default _default;
+export namespace colorSet {
+    namespace args {
+        export let height: string;
+        export let width: string;
+        import type_2 = ColorSetEnum.GRAYSCALE;
+        export { type_2 as type };
+        export let showColorText: boolean;
+        let background_1: "#f1f1f1";
+        export { background_1 as background };
+    }
+}
+declare function ColorSet({ height, width, type, showColorText, background }: {
+    height: any;
+    width: any;
+    type: any;
+    showColorText: any;
+    background: any;
+}): JSX.Element;
+declare namespace ColorSet {
+    namespace propTypes {
+        let background_2: any;
+        export { background_2 as background };
+        let height_1: any;
+        export { height_1 as height };
+        let width_1: any;
+        export { width_1 as width };
+        let type_3: any;
+        export { type_3 as type };
+        let showColorText_1: any;
+        export { showColorText_1 as showColorText };
+    }
+}
+declare namespace ColorSetEnum {
+    let BRAND: string;
+    let GRAYSCALE: string;
+    let OPACITY: string;
+    let PHOTO: string;
+    let PODCAST: string;
+    let SUPPORTIVE: string;
+    let SEMANTIC: string;
+    let PINK_ARTICLE: string;
+}

package/lib/confirmation/index.d.ts

@@ -0,0 +1,25 @@
+export default Confirmation;
+declare function Confirmation(props: any): JSX.Element;
+declare namespace Confirmation {
+    namespace defaultProps {
+        let content: string;
+        let cancel: string;
+        let confirm: string;
+        let width: string;
+        let toShowWarningIcon: boolean;
+    }
+    namespace propTypes {
+        let width_1: any;
+        export { width_1 as width };
+        let content_1: any;
+        export { content_1 as content };
+        let cancel_1: any;
+        export { cancel_1 as cancel };
+        let confirm_1: any;
+        export { confirm_1 as confirm };
+        export let onConfirm: any;
+        export let onCancel: any;
+        let toShowWarningIcon_1: any;
+        export { toShowWarningIcon_1 as toShowWarningIcon };
+    }
+}

package/lib/customized-link.d.ts

@@ -0,0 +1,12 @@
+export default CustomizedLink;
+declare function CustomizedLink({ isExternal, to, ...rest }: {
+    [x: string]: any;
+    isExternal?: boolean;
+    to?: string;
+}): JSX.Element;
+declare namespace CustomizedLink {
+    namespace propTypes {
+        let isExternal: any;
+        let to: any;
+    }
+}

package/lib/divider.d.ts

@@ -0,0 +1,15 @@
+export default Divider;
+declare function Divider({ direction, ...props }: {
+    [x: string]: any;
+    direction?: string;
+}): JSX.Element;
+declare namespace Divider {
+    export namespace propTypes {
+        let direction: any;
+    }
+    export { Direction };
+}
+declare namespace Direction {
+    let HORIZONTAL: string;
+    let VERTICAL: string;
+}

package/lib/divider.stories.d.ts

@@ -0,0 +1,33 @@
+declare namespace _default {
+    export let title: string;
+    export { Divider as component };
+}
+export default _default;
+export namespace divider {
+    function render(args: any): JSX.Element;
+    namespace args {
+        let direction: string;
+    }
+}
+export namespace horizontal {
+    export function render_1(): JSX.Element;
+    export { render_1 as render };
+    export namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
+export namespace vertical {
+    export function render_2(): JSX.Element;
+    export { render_2 as render };
+    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 };
+}
+import Divider from './divider';

package/lib/donation-link.d.ts

@@ -0,0 +1,10 @@
+export default DonationLink;
+declare function DonationLink({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+declare namespace DonationLink {
+    namespace propTypes {
+        let children: any;
+    }
+}

package/lib/empty-state/enums/index.d.ts

@@ -0,0 +1,5 @@
+export const Style: Readonly<{
+    DEFAULT: "default";
+    PENCIL: "pencil";
+    UNDER_CONSTRUCTION: "under_construction";
+}>;

package/lib/empty-state/index.d.ts

@@ -0,0 +1,30 @@
+export default EmptyState;
+declare function EmptyState({ releaseBranch, style, title, showGuide, guide, showButton, buttonText, buttonUrl, buttonOnclick, maxWidth, }: {
+    releaseBranch?: string;
+    style?: "default";
+    title?: string;
+    showGuide?: boolean;
+    guide?: any;
+    showButton?: boolean;
+    buttonText?: string;
+    buttonUrl?: string;
+    buttonOnclick?: () => void;
+    maxWidth?: string;
+}): JSX.Element;
+declare namespace EmptyState {
+    export namespace propTypes {
+        export { BRANCH_PROP_TYPES as releaseBranch };
+        export let style: any;
+        export let title: any;
+        export let showGuide: any;
+        export let guide: any;
+        export let showButton: any;
+        export let buttonText: any;
+        export let buttonUrl: any;
+        export let buttonOnclick: any;
+        export let maxWidth: any;
+    }
+    export { Style };
+}
+import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
+import { Style } from './enums';

package/lib/empty-state/stories/empty-guide.stories.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    export let title: string;
+    export { EmptyState as component };
+    export namespace argTypes {
+        export { BRANCH_STORYBOOK_ARG_TYPE as releaseBranch };
+        export let style: {
+            defaultValue: any;
+            options: any[];
+            control: {
+                type: string;
+            };
+        };
+    }
+}
+export default _default;
+export namespace emptyState {
+    namespace args {
+        let title_1: string;
+        export { title_1 as title };
+        export let showGuide: boolean;
+        export let guide: string;
+        export let showButton: boolean;
+        export let buttonText: string;
+        export let buttonUrl: string;
+        export let maxWidth: string;
+    }
+}
+import EmptyState from '../index';
+import { BRANCH_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/error/index.d.ts

@@ -0,0 +1,8 @@
+export function ErrorMessage({ errorType }: {
+    errorType?: string;
+}): JSX.Element;
+export namespace ErrorMessage { }
+declare namespace _default {
+    export { ErrorMessage };
+}
+export default _default;

package/lib/error/message.d.ts

@@ -0,0 +1,9 @@
+export default ErrorMessage;
+declare function ErrorMessage({ errorType }: {
+    errorType?: string;
+}): JSX.Element;
+declare namespace ErrorMessage {
+    namespace propTypes {
+        let errorType: any;
+    }
+}

package/lib/footer/constants/links.d.ts

@@ -0,0 +1,19 @@
+export function getLinksGroups(mainOrigin: any): ({
+    slug: string;
+    text: string;
+    to: string;
+    target: string;
+    id: string;
+} | {
+    slug: string;
+    text: string;
+    to: string;
+    target: string;
+    id?: undefined;
+})[][];
+export function getSocialMediaLinks(): {
+    slug: string;
+    icon: string;
+    to: string;
+    target: string;
+}[];

package/lib/footer/footer.stories.d.ts

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

package/lib/footer/index.d.ts

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

package/lib/footer/link.d.ts

@@ -0,0 +1,18 @@
+export function FooterLinkButtonGroups({ releaseBranch, }: {
+    releaseBranch?: string;
+}): any;
+export namespace FooterLinkButtonGroups {
+    namespace propTypes {
+        let releaseBranch: any;
+    }
+}
+export function FooterSocialMediaIcons({ releaseBranch, }: {
+    releaseBranch?: string;
+}): any;
+export namespace FooterSocialMediaIcons {
+    export namespace propTypes_1 {
+        let releaseBranch_1: any;
+        export { releaseBranch_1 as releaseBranch };
+    }
+    export { propTypes_1 as propTypes };
+}

package/lib/footer/logo.d.ts

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

package/lib/hook/index.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export { useOutsideClick };
+    export { useFontFaceObserver };
+    export { useBookmark };
+}
+export default _default;
+import useOutsideClick from './use-outside-click';
+import useFontFaceObserver from './use-font-face-observer';
+import useBookmark from './use-bookmark';
+export { useOutsideClick, useFontFaceObserver, useBookmark };

package/lib/hook/use-bookmark.d.ts

@@ -0,0 +1,15 @@
+export default useBookmark;
+/**
+ * hook for create or delete bookmark
+ * @param {object} bookmark
+ * @param {string} bookmark.slug
+ * @param {boolean} bookmark.is_external
+ * @param {string} bookmark.title
+ * @param {string} bookmark.desc
+ * @param {string} bookmark.thumbnail
+ * @param {string} bookmark.published_date
+ */
+declare function useBookmark(): {
+    addAction: (bookmark: any) => any;
+    removeAction: (bookmarkID: any) => any;
+};

package/lib/hook/use-font-face-observer.d.ts

@@ -0,0 +1,2 @@
+export default useFontFaceObserver;
+declare function useFontFaceObserver(fontFaces: any[], callback: any): boolean;

package/lib/hook/use-outside-click.d.ts

@@ -0,0 +1,2 @@
+export default useOutsideClick;
+declare function useOutsideClick(callback: any): import("react").MutableRefObject<undefined>;

package/lib/icon/enum/index.d.ts

@@ -0,0 +1,25 @@
+export const IconType: Readonly<{
+    MASK: "mask";
+    RAW: "raw";
+}>;
+export const ArrowDirection: Readonly<{
+    RIGHT: "right";
+    LEFT: "left";
+    UP: "up";
+    DOWN: "down";
+}>;
+export const BookmarkType: Readonly<{
+    BASIC: "basic";
+    ADD: "add";
+    SAVED: "saved";
+}>;
+export const MediaType: Readonly<{
+    FACEBOOK: "facebook";
+    INSTAGRAM: "instagram";
+    MEDIUM: "medium";
+    TWITTER: "twitter";
+    YOUTUBE: "youtube";
+    LINE: "line";
+    GOOGLE: "google";
+    PLURK: "plurk";
+}>;

package/lib/icon/index.d.ts

@@ -0,0 +1,227 @@
+export function Icon({ type, filename, releaseBranch, ...restProps }: {
+    [x: string]: any;
+    type?: "mask";
+    filename?: string;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Icon {
+    export namespace propTypes {
+        export let type: any;
+        export let filename: any;
+        export { BRANCH_PROP_TYPES as releaseBranch };
+    }
+    export { IconType as type };
+    export { BRANCH as releaseBranch };
+}
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger {
+    export namespace propTypes_1 {
+        let type_1: any;
+        export { type_1 as type };
+        export { BRANCH_PROP_TYPES as releaseBranch };
+    }
+    export { propTypes_1 as propTypes };
+    export let displayName: any;
+    export { IconType as Type };
+}
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: string;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Arrow({ direction, releaseBranch, ...props }: {
+    [x: string]: any;
+    direction?: "right";
+    releaseBranch: any;
+}): JSX.Element;
+export namespace Arrow {
+    export namespace propTypes_2 {
+        export let direction: any;
+        export { BRANCH_PROP_TYPES as releaseBranch };
+    }
+    export { propTypes_2 as propTypes };
+    export { ArrowDirection as Direction };
+}
+export function Bookmark({ type, releaseBranch }: {
+    type?: "basic";
+    releaseBranch: any;
+}): JSX.Element;
+export namespace Bookmark {
+    export namespace propTypes_3 {
+        let type_2: any;
+        export { type_2 as type };
+        export { BRANCH_PROP_TYPES as releaseBranch };
+    }
+    export { propTypes_3 as propTypes };
+    export { BookmarkType as Type };
+}
+export function SocialMedia({ mediaType, ...args }: {
+    [x: string]: any;
+    mediaType?: "google";
+}): JSX.Element;
+export namespace SocialMedia {
+    export namespace propTypes_4 {
+        import type_3 = type;
+        export { type_3 as type };
+        export let mediaType: any;
+        export { BRANCH_PROP_TYPES as releaseBranch };
+    }
+    export { propTypes_4 as propTypes };
+    export { IconType as Type };
+    export { MediaType };
+}
+declare namespace _default {
+    export { Arrow };
+    export { Article };
+    export { Bookmark };
+    export { Clock };
+    export { Copy };
+    export { Cross };
+    export { Facebook };
+    export { Hamburger };
+    export { Home };
+    export { Instagram };
+    export { Line };
+    export { Loading };
+    export { Printer };
+    export { Letter };
+    export { Medium };
+    export { Member };
+    export { Search };
+    export { Share };
+    export { Text };
+    export { Topic };
+    export { Twitter };
+    export { Youtube };
+    export { Google };
+    export { SocialMedia };
+    export { History };
+    export { KidStar };
+    export { Plurk };
+    export { Filter };
+}
+export default _default;
+import { BRANCH_PROP_TYPES } from '@twreporter/core/lib/constants/release-branch';
+import { IconType } from './enum';
+import { BRANCH } from '@twreporter/core/lib/constants/release-branch';
+import { ArrowDirection } from './enum';
+import { BookmarkType } from './enum';
+import { MediaType } from './enum';

package/lib/icon/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Plurk = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
+exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Plurk = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Filter = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -93,6 +93,7 @@ var Google = exports.Google = getIcon('google');
 var History = exports.History = getIcon('history');
 var KidStar = exports.KidStar = getIcon('kid_star');
 var Plurk = exports.Plurk = getIcon('plurk');
+var Filter = exports.Filter = getIcon('filter');
 var Arrow = exports.Arrow = function Arrow(_ref3) {
   var _ref3$direction = _ref3.direction,
     direction = _ref3$direction === void 0 ? _enum.ArrowDirection.RIGHT : _ref3$direction,
@@ -166,5 +167,6 @@ var _default = exports["default"] = {
   SocialMedia: SocialMedia,
   History: History,
   KidStar: KidStar,
-  Plurk: Plurk
+  Plurk: Plurk,
+  Filter: Filter
 };