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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "9.5.0-rc.1",
+  "version": "9.5.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -8,16 +8,16 @@
   "license": "MIT",
   "scripts": {
     "clean": "make clean",
-    "build": "make build && tsc --noEmit false",
+    "build": "make build",
     "dev": "make dev",
-    "prepublishOnly": "make build && tsc --noEmit false",
+    "prepublishOnly": "make build",
     "storybook": "storybook dev -p 3000",
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@twreporter/core": "^1.24.3-rc.0",
-    "@twreporter/redux": "^8.3.2-rc.0",
+    "@twreporter/core": "^1.24.3",
+    "@twreporter/redux": "^8.3.2",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -53,8 +53,7 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4",
     "react-dom": "^18.2.0",
-    "storybook": "^8.1.11",
-    "typescript": "^5.7.3"
+    "storybook": "^8.1.11"
   },
-  "gitHead": "43dc91590b6a5ef7f51881f809317e48a11797a3"
+  "gitHead": "46ab7372a7f9eb23f4b874ea197d439b90440ab2"
 }

package/lib/badge/badge.stories.d.ts

@@ -1,13 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Badge as component };
-}
-export default _default;
-export namespace badge {
-    namespace args {
-        let text: string;
-        let textColor: any;
-        let backgroundColor: string;
-    }
-}
-import Badge from '.';

package/lib/badge/index.d.ts

@@ -1,14 +0,0 @@
-export function Badge({ text, textColor, backgroundColor, ...props }: {
-    [x: string]: any;
-    text?: string;
-    textColor?: string;
-    backgroundColor?: string;
-}): JSX.Element;
-export namespace Badge {
-    namespace propTypes {
-        let text: any;
-        let textColor: any;
-        let backgroundColor: any;
-    }
-}
-export default Badge;

package/lib/bookmark-list/bookmark.d.ts

@@ -1,9 +0,0 @@
-export default class Bookmark {
-    static propTypes: {
-        bookmark: any;
-        handleDelete: any;
-    };
-    constructor(props: any);
-    handleDelete(): any;
-    render(): JSX.Element;
-}

package/lib/bookmark-list/bookmarks.d.ts

@@ -1,15 +0,0 @@
-export default Bookmarks;
-declare function Bookmarks({ total, bookmarks, handleDelete, releaseBranch, }: {
-    total?: number;
-    bookmarks?: any[];
-    handleDelete: any;
-    releaseBranch?: any;
-}): JSX.Element;
-declare namespace Bookmarks {
-    namespace propTypes {
-        let bookmarks: any;
-        let handleDelete: any;
-        let total: any;
-        let releaseBranch: any;
-    }
-}

package/lib/bookmark-list/customized-link.d.ts

@@ -1,19 +0,0 @@
-export default CustomizedLink;
-declare function CustomizedLink({ children, isExternal, slug, host }: {
-    children: any;
-    isExternal: any;
-    slug: any;
-    host: any;
-}): JSX.Element;
-declare namespace CustomizedLink {
-    namespace defaultProps {
-        let children: any;
-    }
-    namespace propTypes {
-        let children_1: any;
-        export { children_1 as children };
-        export let isExternal: any;
-        export let slug: any;
-        export let host: any;
-    }
-}

package/lib/bookmark-list/image-wrapper.d.ts

@@ -1,27 +0,0 @@
-export default ImgWrapper;
-declare class ImgWrapper {
-    constructor(props: any);
-    state: {
-        isObjectFit: boolean;
-    };
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-declare namespace ImgWrapper {
-    namespace defaultProps {
-        let alt: string;
-        let children: any;
-        let src: string;
-        let srcSet: string;
-    }
-    namespace propTypes {
-        let alt_1: any;
-        export { alt_1 as alt };
-        let children_1: any;
-        export { children_1 as children };
-        let src_1: any;
-        export { src_1 as src };
-        let srcSet_1: any;
-        export { srcSet_1 as srcSet };
-    }
-}

package/lib/bookmark-list/index.d.ts

@@ -1,26 +0,0 @@
-declare const _default: import("react-redux").ConnectedComponent<{
-    ({ releaseBranch, bookmarks, total, getMultipleBookmarks, deleteSingleBookmark, isAuthed, jwt, userID, }: {
-        releaseBranch?: any;
-        bookmarks: any;
-        total: any;
-        getMultipleBookmarks: any;
-        deleteSingleBookmark: any;
-        isAuthed: any;
-        jwt: any;
-        userID: any;
-    }): JSX.Element;
-    propTypes: {
-        releaseBranch: any;
-        bookmarks: any;
-        total: any;
-        getMultipleBookmarks: any;
-        deleteSingleBookmark: any;
-        isAuthed: any;
-        jwt: any;
-        userID: any;
-    };
-    defaultProps: {
-        releaseBranch: any;
-    };
-}, any>;
-export default _default;

package/lib/bookmark-list/redirect-to-sign-in.d.ts

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

package/lib/bookmark-list/stories/bookmark.stories.d.ts

@@ -1,9 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Bookmarks as component };
-}
-export default _default;
-export namespace emptyList {
-    function render(): JSX.Element;
-}
-import Bookmarks from '../bookmarks';

package/lib/bookmark-widget/index.d.ts

@@ -1,13 +0,0 @@
-export default BookmarkWidget;
-declare function BookmarkWidget({ articleMeta, renderIcon, toAutoCheck }: {
-    articleMeta: any;
-    renderIcon: any;
-    toAutoCheck?: boolean;
-}): any;
-declare namespace BookmarkWidget {
-    namespace propTypes {
-        let articleMeta: any;
-        let renderIcon: any;
-        let toAutoCheck: any;
-    }
-}

package/lib/button/components/iconButton.d.ts

@@ -1,21 +0,0 @@
-export default IconButton;
-declare function IconButton({ iconComponent, theme, type, disabled, active, ...props }: {
-    [x: string]: any;
-    iconComponent: any;
-    theme?: any;
-    type?: "primary";
-    disabled?: boolean;
-    active?: boolean;
-}): JSX.Element;
-declare namespace IconButton {
-    export namespace propTypes {
-        let iconComponent: any;
-        let theme: any;
-        let type: any;
-        let disabled: any;
-        let active: any;
-    }
-    export { THEME };
-    export { Type };
-}
-import { Type } from '../enums';

package/lib/button/components/iconWithTextButton.d.ts

@@ -1,20 +0,0 @@
-export default IconWithTextButton;
-declare function IconWithTextButton({ text, iconComponent, theme, disabled, active, hideText, }: {
-    text?: string;
-    iconComponent: any;
-    theme?: any;
-    disabled?: boolean;
-    active?: boolean;
-    hideText?: boolean;
-}): JSX.Element;
-declare namespace IconWithTextButton {
-    export namespace propTypes {
-        let text: any;
-        let iconComponent: any;
-        let theme: any;
-        let disabled: any;
-        let active: any;
-        let hideText: any;
-    }
-    export { THEME };
-}

package/lib/button/components/link.d.ts

@@ -1,45 +0,0 @@
-export function InheritLinkButton({ type, link, text, ...props }: {
-    [x: string]: any;
-    type?: "default";
-    link?: {};
-    text?: string;
-}): JSX.Element;
-export namespace InheritLinkButton {
-    export namespace propTypes {
-        let type: any;
-        let link: any;
-        let text: any;
-    }
-    export { LinkType as Type };
-}
-export default LinkButton;
-import { LinkType } from '../enums';
-declare function LinkButton({ type, link, text, weight, TextComponent, disabled, ...props }: {
-    [x: string]: any;
-    type?: "default";
-    link?: {};
-    text?: string;
-    weight?: "normal";
-    TextComponent?: any;
-    disabled?: boolean;
-}): JSX.Element;
-declare namespace LinkButton {
-    export namespace propTypes_1 {
-        let type_1: any;
-        export { type_1 as type };
-        let link_1: any;
-        export { link_1 as link };
-        let text_1: any;
-        export { text_1 as text };
-        export let weight: any;
-        export let TextComponent: any;
-        export let disabled: any;
-    }
-    export { propTypes_1 as propTypes };
-    export { LinkType as Type };
-    export let Weight: Readonly<{
-        EXTRA_LIGHT: "extraLight";
-        NORMAL: "normal";
-        BOLD: "bold";
-    }>;
-}

package/lib/button/components/menuButton.d.ts

@@ -1,29 +0,0 @@
-export default MenuButton;
-declare function MenuButton({ text, link, color, fontWeight, hoverBgColor, activeBgColor, paddingLeft, paddingRight, ...props }: {
-    [x: string]: any;
-    text?: string;
-    link?: {};
-    color?: any;
-    fontWeight?: "normal";
-    hoverBgColor?: any;
-    activeBgColor?: any;
-    paddingLeft?: number;
-    paddingRight?: number;
-}): JSX.Element;
-declare namespace MenuButton {
-    namespace propTypes {
-        let text: any;
-        let link: any;
-        let color: any;
-        let fontWeight: any;
-        let hoverBgColor: any;
-        let activeBgColor: any;
-        let paddingLeft: any;
-        let paddingRight: any;
-    }
-    let FontWeight: Readonly<{
-        EXTRA_LIGHT: "extraLight";
-        NORMAL: "normal";
-        BOLD: "bold";
-    }>;
-}

package/lib/button/components/pillButton.d.ts

@@ -1,33 +0,0 @@
-export default PillButton;
-declare function PillButton({ text, leftIconComponent, rightIconComponent, size, theme, type, style, disabled, loading, ...props }: {
-    [x: string]: any;
-    text?: string;
-    leftIconComponent?: any;
-    rightIconComponent?: any;
-    size?: "S";
-    theme?: any;
-    type?: "primary";
-    style?: "brand";
-    disabled?: boolean;
-    loading?: boolean;
-}): JSX.Element;
-declare namespace PillButton {
-    export namespace propTypes {
-        let leftIconComponent: any;
-        let rightIconComponent: any;
-        let text: any;
-        let size: any;
-        let theme: any;
-        let type: any;
-        let style: any;
-        let disabled: any;
-        let loading: any;
-    }
-    export { THEME };
-    export { Type };
-    export { Size };
-    export { Style };
-}
-import { Type } from '../enums';
-import { Size } from '../../shared-enum';
-import { Style } from '../enums';

package/lib/button/components/textButton.d.ts

@@ -1,31 +0,0 @@
-export default TextButton;
-declare function TextButton({ text, leftIconComponent, rightIconComponent, size, theme, style, active, disabled, loading, ...props }: {
-    [x: string]: any;
-    text?: string;
-    leftIconComponent?: any;
-    rightIconComponent?: any;
-    size?: "S";
-    theme?: any;
-    style?: "dark";
-    active?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-}): JSX.Element;
-declare namespace TextButton {
-    export namespace propTypes {
-        let leftIconComponent: any;
-        let rightIconComponent: any;
-        let text: any;
-        let size: any;
-        let theme: any;
-        let style: any;
-        let active: any;
-        let disabled: any;
-        let loading: any;
-    }
-    export { THEME };
-    export { Size };
-    export { Style };
-}
-import { Size } from '../../shared-enum';
-import { Style } from '../enums';

package/lib/button/components/toggleButton.d.ts

@@ -1,18 +0,0 @@
-export default ToggleButton;
-declare function ToggleButton({ value, labelOn, labelOff, disabled, onChange, ...props }: {
-    [x: string]: any;
-    value?: boolean;
-    labelOn?: string;
-    labelOff?: string;
-    disabled?: boolean;
-    onChange?: () => void;
-}): JSX.Element;
-declare namespace ToggleButton {
-    namespace propTypes {
-        let value: any;
-        let labelOn: any;
-        let labelOff: any;
-        let disabled: any;
-        let onChange: any;
-    }
-}

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

@@ -1,13 +0,0 @@
-export const Style: Readonly<{
-    BRAND: "brand";
-    DARK: "dark";
-    LIGHT: "light";
-}>;
-export const Type: Readonly<{
-    PRIMARY: "primary";
-    SECONDARY: "secondary";
-}>;
-export const LinkType: Readonly<{
-    DEFAULT: "default";
-    UNDERLINE: "underline";
-}>;

package/lib/button/index.d.ts

@@ -1,20 +0,0 @@
-declare namespace _default {
-    export { PillButton };
-    export { IconButton };
-    export { IconWithTextButton };
-    export { TextButton };
-    export { ToggleButton };
-    export { LinkButton };
-    export { InheritLinkButton };
-    export { MenuButton };
-}
-export default _default;
-import PillButton from './components/pillButton';
-import IconButton from './components/iconButton';
-import IconWithTextButton from './components/iconWithTextButton';
-import TextButton from './components/textButton';
-import ToggleButton from './components/toggleButton';
-import LinkButton from './components/link';
-import { InheritLinkButton } from './components/link';
-import MenuButton from './components/menuButton';
-export { PillButton, IconButton, IconWithTextButton, TextButton, ToggleButton, LinkButton, InheritLinkButton, MenuButton };

package/lib/button/stories/iconButton.stories.d.ts

@@ -1,42 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { IconButton as component };
-    export namespace argTypes {
-        export { THEME_STORYBOOK_ARG_TYPE as theme };
-        export let type: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-    }
-}
-export default _default;
-export namespace iconButton {
-    namespace args {
-        export let iconComponent: JSX.Element;
-        export let theme: any;
-        let type_1: "primary";
-        export { type_1 as type };
-        export let disabled: boolean;
-        export let active: boolean;
-    }
-}
-export namespace shareButton {
-    export namespace args_1 {
-        let iconComponent_1: JSX.Element;
-        export { iconComponent_1 as iconComponent };
-        let theme_1: any;
-        export { theme_1 as theme };
-        let type_2: "primary";
-        export { type_2 as type };
-        let disabled_1: boolean;
-        export { disabled_1 as disabled };
-        let active_1: boolean;
-        export { active_1 as active };
-    }
-    export { args_1 as args };
-}
-import IconButton from '../components/iconButton';
-import { THEME_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/button/stories/iconWithTextButton.stories.d.ts

@@ -1,37 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { IconWithTextButton as component };
-    export namespace argTypes {
-        export { THEME_STORYBOOK_ARG_TYPE as theme };
-    }
-}
-export default _default;
-export namespace iconWithTextButton {
-    namespace args {
-        let text: string;
-        let iconComponent: JSX.Element;
-        let theme: any;
-        let disabled: boolean;
-        let active: boolean;
-        let hideText: boolean;
-    }
-}
-export namespace shareButton {
-    export namespace args_1 {
-        let text_1: string;
-        export { text_1 as text };
-        let iconComponent_1: JSX.Element;
-        export { iconComponent_1 as iconComponent };
-        let theme_1: any;
-        export { theme_1 as theme };
-        let disabled_1: boolean;
-        export { disabled_1 as disabled };
-        let active_1: boolean;
-        export { active_1 as active };
-        let hideText_1: boolean;
-        export { hideText_1 as hideText };
-    }
-    export { args_1 as args };
-}
-import IconWithTextButton from '../components/iconWithTextButton';
-import { THEME_STORYBOOK_ARG_TYPE } from '../../storybook/constants';

package/lib/button/stories/link.stories.d.ts

@@ -1,139 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Link as component };
-    export namespace argTypes {
-        let type: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-        let weight: {
-            defaultValue: any;
-            options: any[];
-            control: {
-                type: string;
-            };
-        };
-        namespace textComponent {
-            let defaultValue: string;
-            let options: string[];
-            namespace control {
-                let type_1: string;
-                export { type_1 as type };
-            }
-        }
-        namespace leftWord {
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-            export namespace control_1 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_1 as control };
-        }
-        namespace rightWord {
-            let defaultValue_2: string;
-            export { defaultValue_2 as defaultValue };
-            export namespace control_2 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_2 as control };
-        }
-    }
-}
-export default _default;
-export namespace link {
-    namespace args {
-        export let text: string;
-        let type_4: "default";
-        export { type_4 as type };
-        export namespace link {
-            let to: string;
-        }
-    }
-    namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
-}
-export namespace changeTextComponent {
-    export function render(args: any): JSX.Element;
-    export namespace args_1 {
-        let text_1: string;
-        export { text_1 as text };
-        let type_5: "default";
-        export { type_5 as type };
-        let textComponent_1: string;
-        export { textComponent_1 as textComponent };
-        export namespace link_1 {
-            let to_1: string;
-            export { to_1 as to };
-        }
-        export { link_1 as link };
-    }
-    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 disabledLink {
-    export namespace args_2 {
-        let text_2: string;
-        export { text_2 as text };
-        let type_6: "default";
-        export { type_6 as type };
-        export namespace link_2 {
-            let to_2: string;
-            export { to_2 as to };
-        }
-        export { link_2 as link };
-        export let disabled: boolean;
-    }
-    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 linkInParagraph {
-    export function render_1(args: any): JSX.Element;
-    export { render_1 as render };
-    export namespace args_3 {
-        let text_3: string;
-        export { text_3 as text };
-        let type_7: "default";
-        export { type_7 as type };
-        export namespace link_3 {
-            let to_3: string;
-            export { to_3 as to };
-        }
-        export { link_3 as link };
-        let leftWord_1: string;
-        export { leftWord_1 as leftWord };
-        let rightWord_1: string;
-        export { rightWord_1 as rightWord };
-    }
-    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 Link from '../components/link';