@twreporter/react-typescript-components 0.1.0-beta.14 → 0.1.0-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/{constants-BuIUKM2c.js → constants-nmH6p6-y.js} +1 -1
- package/lib/{constants-BuIUKM2c.js.map → constants-nmH6p6-y.js.map} +1 -1
- package/lib/{constants-Cz7n-nLz.mjs → constants-z9Q8ph_H.mjs} +1 -1
- package/lib/{constants-Cz7n-nLz.mjs.map → constants-z9Q8ph_H.mjs.map} +1 -1
- package/lib/customized-link/external-link.js +1 -1
- package/lib/customized-link/external-link.mjs +1 -1
- package/lib/customized-link/index.d.ts +3 -3
- package/lib/customized-link/index.js +3 -3
- package/lib/customized-link/index.mjs +2 -2
- package/lib/customized-link/internal-link.js +1 -1
- package/lib/{customized-link-DNKmWI0u.mjs → customized-link-DnaZxeKK.mjs} +2 -2
- package/lib/{customized-link-DNKmWI0u.mjs.map → customized-link-DnaZxeKK.mjs.map} +1 -1
- package/lib/{customized-link-XNoMkeYw.js → customized-link-DqW2a8oZ.js} +3 -3
- package/lib/{customized-link-XNoMkeYw.js.map → customized-link-DqW2a8oZ.js.map} +1 -1
- package/lib/divider/constants.js +1 -1
- package/lib/divider/constants.mjs +1 -1
- package/lib/divider/index.js +2 -2
- package/lib/divider/index.mjs +2 -2
- package/lib/{divider-Db3AhImD.js → divider-B1zvSjNJ.js} +2 -2
- package/lib/{divider-Db3AhImD.js.map → divider-B1zvSjNJ.js.map} +1 -1
- package/lib/{divider-CEIxmAsH.mjs → divider-CE4u6SR5.mjs} +2 -2
- package/lib/{divider-CEIxmAsH.mjs.map → divider-CE4u6SR5.mjs.map} +1 -1
- package/lib/dropdown-menu/index.js +4 -4
- package/lib/dropdown-menu/index.mjs +3 -3
- package/lib/{dropdown-menu-tbV9rhnw.js → dropdown-menu-BAqmP8qa.js} +3 -3
- package/lib/{dropdown-menu-tbV9rhnw.js.map → dropdown-menu-BAqmP8qa.js.map} +1 -1
- package/lib/{dropdown-menu-CuyS5r71.mjs → dropdown-menu-D7VNOiIl.mjs} +2 -2
- package/lib/{dropdown-menu-CuyS5r71.mjs.map → dropdown-menu-D7VNOiIl.mjs.map} +1 -1
- package/lib/{external-link-BykRRwmY.mjs → external-link-DXT5ep5-.mjs} +1 -1
- package/lib/{external-link-BykRRwmY.mjs.map → external-link-DXT5ep5-.mjs.map} +1 -1
- package/lib/{external-link-BMrkjNyi.js → external-link-DoBTwlV3.js} +1 -1
- package/lib/{external-link-BMrkjNyi.js.map → external-link-DoBTwlV3.js.map} +1 -1
- package/lib/hamburger-menu/index.js +7 -7
- package/lib/hamburger-menu/index.mjs +6 -6
- package/lib/{hamburger-menu-CRVI3tt_.js → hamburger-menu-Dy0hnv0l.js} +5 -5
- package/lib/{hamburger-menu-CRVI3tt_.js.map → hamburger-menu-Dy0hnv0l.js.map} +1 -1
- package/lib/{hamburger-menu-CxSoTBp8.mjs → hamburger-menu-b8Ck07ms.mjs} +4 -4
- package/lib/{hamburger-menu-CxSoTBp8.mjs.map → hamburger-menu-b8Ck07ms.mjs.map} +1 -1
- package/lib/header/index.js +8 -8
- package/lib/header/index.mjs +7 -7
- package/lib/{internal-link-BLXTBMRq.js → internal-link-B9ExuJfg.js} +1 -1
- package/lib/{internal-link-BLXTBMRq.js.map → internal-link-B9ExuJfg.js.map} +1 -1
- package/lib/logo/index.d.ts +5 -5
- package/lib/tab-bar/index.js +4 -4
- package/lib/tab-bar/index.mjs +3 -3
- package/lib/{tab-bar-BT1ooNn0.js → tab-bar-Dv2TkUW1.js} +3 -3
- package/lib/{tab-bar-BT1ooNn0.js.map → tab-bar-Dv2TkUW1.js.map} +1 -1
- package/lib/{tab-bar-BNo9UHeK.mjs → tab-bar-SYrjAH5q.mjs} +2 -2
- package/lib/{tab-bar-BNo9UHeK.mjs.map → tab-bar-SYrjAH5q.mjs.map} +1 -1
- package/lib/title-bar/index.js +3 -3
- package/lib/title-bar/index.mjs +2 -2
- package/package.json +3 -3
package/lib/logo/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../index-H3peA2d_.js";
|
|
2
2
|
import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
|
|
3
3
|
import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-B_NgWFML.js";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react8 from "react";
|
|
5
5
|
import React from "react";
|
|
6
6
|
|
|
7
7
|
//#region src/logo/components/logo-header.d.ts
|
|
@@ -24,16 +24,16 @@ declare const LogoSymbol: React.FC<LogoSymbolProps> & {
|
|
|
24
24
|
//#endregion
|
|
25
25
|
//#region src/logo/index.d.ts
|
|
26
26
|
declare const _default: {
|
|
27
|
-
LogoHeader:
|
|
27
|
+
LogoHeader: react8.FC<{
|
|
28
28
|
type: LogoType;
|
|
29
29
|
releaseBranch?: ReleaseBranch;
|
|
30
|
-
} &
|
|
30
|
+
} & react8.ImgHTMLAttributes<HTMLImageElement>> & {
|
|
31
31
|
Type: typeof LOGO_TYPE;
|
|
32
32
|
};
|
|
33
|
-
LogoSymbol:
|
|
33
|
+
LogoSymbol: react8.FC<{
|
|
34
34
|
type: LogoSymbolType;
|
|
35
35
|
releaseBranch?: ReleaseBranch;
|
|
36
|
-
} &
|
|
36
|
+
} & react8.ImgHTMLAttributes<HTMLImageElement>> & {
|
|
37
37
|
Type: typeof LOGO_SYMBOL_TYPE;
|
|
38
38
|
};
|
|
39
39
|
};
|
package/lib/tab-bar/index.js
CHANGED
|
@@ -5,13 +5,13 @@ require('../theme-DDBlIbeS.js');
|
|
|
5
5
|
require('../button-D50NHdly.js');
|
|
6
6
|
require('../internal-links-DxtMobuI.js');
|
|
7
7
|
require('../release-branch-CRZV4Ivz.js');
|
|
8
|
-
require('../external-link-
|
|
9
|
-
require('../internal-link-
|
|
10
|
-
require('../customized-link-
|
|
8
|
+
require('../external-link-DoBTwlV3.js');
|
|
9
|
+
require('../internal-link-B9ExuJfg.js');
|
|
10
|
+
require('../customized-link-DqW2a8oZ.js');
|
|
11
11
|
require('../context-I1lTR5SO.js');
|
|
12
12
|
require('../constants-D8wNUvoZ.js');
|
|
13
13
|
require('../icons-qP5oNB0W.js');
|
|
14
|
-
const require_tab_bar = require('../tab-bar-
|
|
14
|
+
const require_tab_bar = require('../tab-bar-Dv2TkUW1.js');
|
|
15
15
|
require('../theme-W--MzZEH.js');
|
|
16
16
|
require('../constants-BNxn_qJc.js');
|
|
17
17
|
|
package/lib/tab-bar/index.mjs
CHANGED
|
@@ -6,12 +6,12 @@ import "../theme-BG6yZVj-.mjs";
|
|
|
6
6
|
import "../button-hDNHA85d.mjs";
|
|
7
7
|
import "../internal-links-CP3dqmrz.mjs";
|
|
8
8
|
import "../release-branch-DNCD1uH_.mjs";
|
|
9
|
-
import "../external-link-
|
|
10
|
-
import "../customized-link-
|
|
9
|
+
import "../external-link-DXT5ep5-.mjs";
|
|
10
|
+
import "../customized-link-DnaZxeKK.mjs";
|
|
11
11
|
import "../context-BgdqM3zA.mjs";
|
|
12
12
|
import "../constants-5phfWHvb.mjs";
|
|
13
13
|
import "../icons-I7T-auOQ.mjs";
|
|
14
|
-
import { tab_bar_default } from "../tab-bar-
|
|
14
|
+
import { tab_bar_default } from "../tab-bar-SYrjAH5q.mjs";
|
|
15
15
|
import "../theme-DQCIQh_8.mjs";
|
|
16
16
|
import "../constants--CDeoDub.mjs";
|
|
17
17
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const require_chunk = require('./chunk-BxBTb9qk.js');
|
|
2
2
|
const require_theme = require('./theme-DDBlIbeS.js');
|
|
3
3
|
const require_button = require('./button-D50NHdly.js');
|
|
4
|
-
const require_external_link = require('./external-link-
|
|
5
|
-
const require_internal_link = require('./internal-link-
|
|
4
|
+
const require_external_link = require('./external-link-DoBTwlV3.js');
|
|
5
|
+
const require_internal_link = require('./internal-link-B9ExuJfg.js');
|
|
6
6
|
const require_context = require('./context-I1lTR5SO.js');
|
|
7
7
|
const require_icons = require('./icons-qP5oNB0W.js');
|
|
8
8
|
const require_theme$1 = require('./theme-W--MzZEH.js');
|
|
@@ -75,4 +75,4 @@ Object.defineProperty(exports, 'tab_bar_default', {
|
|
|
75
75
|
return tab_bar_default;
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
|
-
//# sourceMappingURL=tab-bar-
|
|
78
|
+
//# sourceMappingURL=tab-bar-Dv2TkUW1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar-
|
|
1
|
+
{"version":3,"file":"tab-bar-Dv2TkUW1.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n tabBarMobile: 'z-10',\n tabBarTablet: 'tablet:z-3',\n hamburger: 'z-4',\n header: 'z-3',\n topRow: 'z-2',\n channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\ntype TabBarProps = {\n className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n const { theme, releaseBranch, isLinkExternal, pathname } =\n useContext(HeaderContext)\n const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n const { bgColor } = selectTabBarTheme(theme)\n const iconTheme = theme === THEME.photography ? theme : THEME.normal\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div\n className={clsx(\n 'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n 'desktop:hidden',\n bgColor,\n ZIndex.tabBarMobile,\n ZIndex.tabBarTablet,\n className\n )}\n >\n {_.map(TabBarItems(releaseBranch), (item) => {\n const isActive = pathname === item.link\n return (\n <LinkComponent\n key={item.text}\n to={item.link}\n target={item.target}\n className=\"flex justify-center flex-1\"\n >\n <IconWithTextButton\n text={item.text}\n iconComponent={item.icon}\n theme={iconTheme}\n active={isActive}\n />\n </LinkComponent>\n )\n })}\n <IconWithTextButton\n text=\"選單\"\n iconComponent={Hamburger(releaseBranch)}\n className=\"flex justify-center flex-1\"\n onClick={toggleHamburger}\n active={isHamburgerMenuOpen}\n theme={iconTheme}\n />\n </div>\n )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,yBACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,mCACjCC,8BAAc;CAC3B,MAAM,EAAE,iBAAiB,8CAAmCC,iCAAiB;CAC7E,MAAM,EAAE,YAAYC,kCAAkB,MAAM;CAC5C,MAAM,YAAY,UAAUC,oBAAM,cAAc,QAAQA,oBAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,4CAAC;EACC,6BACE,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAIC,8BAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,aAAa,KAAK;AACnC,UACE,2CAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,2CAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,2CAACA;GACC,MAAK;GACL,eAAeC,wBAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { internal_link_default } from "./internal-link-NQb751uB.mjs";
|
|
2
2
|
import { THEME } from "./theme-BG6yZVj-.mjs";
|
|
3
3
|
import { icon_with_text_button_default } from "./button-hDNHA85d.mjs";
|
|
4
|
-
import { external_link_default } from "./external-link-
|
|
4
|
+
import { external_link_default } from "./external-link-DXT5ep5-.mjs";
|
|
5
5
|
import { HamburgerContext, HeaderContext } from "./context-BgdqM3zA.mjs";
|
|
6
6
|
import { Hamburger } from "./icons-I7T-auOQ.mjs";
|
|
7
7
|
import { selectTabBarTheme } from "./theme-DQCIQh_8.mjs";
|
|
@@ -59,4 +59,4 @@ var tab_bar_default = TabBar;
|
|
|
59
59
|
|
|
60
60
|
//#endregion
|
|
61
61
|
export { ZIndex, tab_bar_default };
|
|
62
|
-
//# sourceMappingURL=tab-bar-
|
|
62
|
+
//# sourceMappingURL=tab-bar-SYrjAH5q.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar-
|
|
1
|
+
{"version":3,"file":"tab-bar-SYrjAH5q.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n tabBarMobile: 'z-10',\n tabBarTablet: 'tablet:z-3',\n hamburger: 'z-4',\n header: 'z-3',\n topRow: 'z-2',\n channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\ntype TabBarProps = {\n className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n const { theme, releaseBranch, isLinkExternal, pathname } =\n useContext(HeaderContext)\n const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n const { bgColor } = selectTabBarTheme(theme)\n const iconTheme = theme === THEME.photography ? theme : THEME.normal\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div\n className={clsx(\n 'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n 'desktop:hidden',\n bgColor,\n ZIndex.tabBarMobile,\n ZIndex.tabBarTablet,\n className\n )}\n >\n {_.map(TabBarItems(releaseBranch), (item) => {\n const isActive = pathname === item.link\n return (\n <LinkComponent\n key={item.text}\n to={item.link}\n target={item.target}\n className=\"flex justify-center flex-1\"\n >\n <IconWithTextButton\n text={item.text}\n iconComponent={item.icon}\n theme={iconTheme}\n active={isActive}\n />\n </LinkComponent>\n )\n })}\n <IconWithTextButton\n text=\"選單\"\n iconComponent={Hamburger(releaseBranch)}\n className=\"flex justify-center flex-1\"\n onClick={toggleHamburger}\n active={isHamburgerMenuOpen}\n theme={iconTheme}\n />\n </div>\n )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,KACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,aAC5C,WAAW,cAAc;CAC3B,MAAM,EAAE,iBAAiB,wBAAwB,WAAW,iBAAiB;CAC7E,MAAM,EAAE,YAAY,kBAAkB,MAAM;CAC5C,MAAM,YAAY,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,qBAAC;EACC,WAAW,KACT,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAI,YAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,aAAa,KAAK;AACnC,UACE,oBAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,oBAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,oBAACA;GACC,MAAK;GACL,eAAe,UAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
|
package/lib/title-bar/index.js
CHANGED
|
@@ -5,9 +5,9 @@ require('../constants-Cndhv6qr.js');
|
|
|
5
5
|
const require_paragraph = require('../paragraph-iuz3jP0Q.js');
|
|
6
6
|
require('../theme-DDBlIbeS.js');
|
|
7
7
|
const require_button = require('../button-D50NHdly.js');
|
|
8
|
-
const require_external_link = require('../external-link-
|
|
9
|
-
const require_internal_link = require('../internal-link-
|
|
10
|
-
require('../customized-link-
|
|
8
|
+
const require_external_link = require('../external-link-DoBTwlV3.js');
|
|
9
|
+
const require_internal_link = require('../internal-link-B9ExuJfg.js');
|
|
10
|
+
require('../customized-link-DqW2a8oZ.js');
|
|
11
11
|
const require_heading = require('../heading-CNS7rJIc.js');
|
|
12
12
|
let react = require("react");
|
|
13
13
|
react = require_chunk.__toESM(react);
|
package/lib/title-bar/index.mjs
CHANGED
|
@@ -4,8 +4,8 @@ import "../constants-CBSEPx91.mjs";
|
|
|
4
4
|
import { P1, P2 } from "../paragraph-Cf9jr8RF.mjs";
|
|
5
5
|
import "../theme-BG6yZVj-.mjs";
|
|
6
6
|
import { text_button_default } from "../button-hDNHA85d.mjs";
|
|
7
|
-
import { external_link_default } from "../external-link-
|
|
8
|
-
import "../customized-link-
|
|
7
|
+
import { external_link_default } from "../external-link-DXT5ep5-.mjs";
|
|
8
|
+
import "../customized-link-DnaZxeKK.mjs";
|
|
9
9
|
import { H1, H2, H5 } from "../heading-BSEtBLuY.mjs";
|
|
10
10
|
import { createElement, useEffect, useRef, useState } from "react";
|
|
11
11
|
import clsx from "clsx";
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "React components using TypeScript and Tailwind CSS",
|
|
4
4
|
"author": "twreporter <developer@twreporter.org>",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.1.0-beta.
|
|
6
|
+
"version": "0.1.0-beta.15",
|
|
7
7
|
"type": "commonjs",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"clean": "rm -rf lib",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@storybook/react-vite": "^9.1.3",
|
|
32
32
|
"@tailwindcss/cli": "^4.1.11",
|
|
33
33
|
"@tailwindcss/postcss": "^4.1.11",
|
|
34
|
-
"@twreporter/tailwind-config": "^0.1.0-beta.
|
|
34
|
+
"@twreporter/tailwind-config": "^0.1.0-beta.7",
|
|
35
35
|
"@types/lodash": "^4",
|
|
36
36
|
"@types/react": "^19",
|
|
37
37
|
"@types/react-dom": "^19",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"url": "git+https://github.com/twreporter/www-public-monorepo.git",
|
|
51
51
|
"directory": "packages/react-typescript-components"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "79b85fc344231dc6866c7be4fdeacf52e08f5891"
|
|
54
54
|
}
|