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

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/constants/links.js

@@ -82,7 +82,7 @@ var getLinksGroups = exports.getLinksGroups = function getLinksGroups(mainOrigin
   }, {
     slug: 'subcribe-podcast',
     text: '訂閱 Podcast',
-    to: 'https://bit.ly/4cxM3Tm',
+    to: 'https://solink.soundon.fm/twreporter-U7Q',
     target: '_blank'
   }, {
     slug: 'subcribe-RSS',

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: any;
+    }
+}
+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?: any;
+}): 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?: any;
+}): any;
+export namespace FooterLinkButtonGroups {
+    namespace propTypes {
+        let releaseBranch: any;
+    }
+}
+export function FooterSocialMediaIcons({ releaseBranch, }: {
+    releaseBranch?: any;
+}): 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?: any;
+}): 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,225 @@
+export function Icon({ type, filename, releaseBranch, ...restProps }: {
+    [x: string]: any;
+    type?: "mask";
+    filename?: string;
+    releaseBranch?: any;
+}): 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?: any;
+}): 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?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): JSX.Element;
+export namespace Hamburger { }
+export function Hamburger({ releaseBranch, ...props }: {
+    [x: string]: any;
+    releaseBranch?: any;
+}): 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 { IconType } from './enum';
+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
 };

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 = {};