@twreporter/react-typescript-components 0.1.0-beta.11 → 0.1.0-beta.12

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.
Files changed (70) hide show
  1. package/lib/{constants-D8wNUvoZ.js → constants-BxxTZn8I.js} +1 -1
  2. package/lib/{constants-D8wNUvoZ.js.map → constants-BxxTZn8I.js.map} +1 -1
  3. package/lib/{constants-BQFusmWI.js → constants-CBWeKJ-C.js} +2 -2
  4. package/lib/{constants-BQFusmWI.js.map → constants-CBWeKJ-C.js.map} +1 -1
  5. package/lib/{constants-5phfWHvb.mjs → constants-CeM93YWF.mjs} +1 -1
  6. package/lib/{constants-5phfWHvb.mjs.map → constants-CeM93YWF.mjs.map} +1 -1
  7. package/lib/{constants-BrHOBTf_.js → constants-DRyQ6AuU.js} +1 -1
  8. package/lib/{constants-BrHOBTf_.js.map → constants-DRyQ6AuU.js.map} +1 -1
  9. package/lib/{constants-BKH77l8c.mjs → constants-VHBN0pYQ.mjs} +2 -2
  10. package/lib/{constants-BKH77l8c.mjs.map → constants-VHBN0pYQ.mjs.map} +1 -1
  11. package/lib/{constants-DU0aujQA.mjs → constants-t0lkfgqP.mjs} +1 -1
  12. package/lib/{constants-DU0aujQA.mjs.map → constants-t0lkfgqP.mjs.map} +1 -1
  13. package/lib/customized-link/external-link.js +1 -1
  14. package/lib/customized-link/external-link.mjs +1 -1
  15. package/lib/customized-link/index.js +3 -3
  16. package/lib/customized-link/index.mjs +2 -2
  17. package/lib/customized-link/internal-link.js +1 -1
  18. package/lib/{customized-link-DCZIE_KY.mjs → customized-link-BkuKVCKQ.mjs} +2 -2
  19. package/lib/{customized-link-DCZIE_KY.mjs.map → customized-link-BkuKVCKQ.mjs.map} +1 -1
  20. package/lib/{customized-link-DOfcUL2U.js → customized-link-CK7Xlgdt.js} +3 -3
  21. package/lib/{customized-link-DOfcUL2U.js.map → customized-link-CK7Xlgdt.js.map} +1 -1
  22. package/lib/divider/constants.js +1 -1
  23. package/lib/divider/constants.mjs +1 -1
  24. package/lib/divider/index.js +2 -2
  25. package/lib/divider/index.mjs +2 -2
  26. package/lib/{divider-jhFqc8bB.mjs → divider-Bb3tebJO.mjs} +2 -2
  27. package/lib/{divider-jhFqc8bB.mjs.map → divider-Bb3tebJO.mjs.map} +1 -1
  28. package/lib/{divider-DSzZ0anP.js → divider-b3Shh7FV.js} +2 -2
  29. package/lib/{divider-DSzZ0anP.js.map → divider-b3Shh7FV.js.map} +1 -1
  30. package/lib/dropdown-menu/index.js +6 -6
  31. package/lib/dropdown-menu/index.mjs +5 -5
  32. package/lib/{dropdown-menu-625wN2WW.mjs → dropdown-menu-CrEAe1Td.mjs} +3 -3
  33. package/lib/{dropdown-menu-625wN2WW.mjs.map → dropdown-menu-CrEAe1Td.mjs.map} +1 -1
  34. package/lib/{dropdown-menu-au-QmCCH.js → dropdown-menu-DPQvVa7J.js} +4 -4
  35. package/lib/{dropdown-menu-au-QmCCH.js.map → dropdown-menu-DPQvVa7J.js.map} +1 -1
  36. package/lib/{external-link-DHRAO68s.js → external-link-CEDvlQYo.js} +1 -1
  37. package/lib/{external-link-DHRAO68s.js.map → external-link-CEDvlQYo.js.map} +1 -1
  38. package/lib/{external-link-yFrWzA-w.mjs → external-link-Cx9S31Ye.mjs} +1 -1
  39. package/lib/{external-link-yFrWzA-w.mjs.map → external-link-Cx9S31Ye.mjs.map} +1 -1
  40. package/lib/hamburger-menu/index.js +9 -9
  41. package/lib/hamburger-menu/index.mjs +8 -8
  42. package/lib/{hamburger-menu-DlwLJHff.js → hamburger-menu-Bi0MDOgC.js} +9 -9
  43. package/lib/{hamburger-menu-DlwLJHff.js.map → hamburger-menu-Bi0MDOgC.js.map} +1 -1
  44. package/lib/{hamburger-menu-Dv05s_oG.mjs → hamburger-menu-BxO_YWHd.mjs} +8 -8
  45. package/lib/{hamburger-menu-Dv05s_oG.mjs.map → hamburger-menu-BxO_YWHd.mjs.map} +1 -1
  46. package/lib/header/index.js +11 -11
  47. package/lib/header/index.mjs +10 -10
  48. package/lib/icons/constants.js +1 -1
  49. package/lib/icons/constants.mjs +1 -1
  50. package/lib/icons/index.js +2 -2
  51. package/lib/icons/index.mjs +2 -2
  52. package/lib/{icons-DHXvfKDV.mjs → icons-DJMi42DI.mjs} +2 -2
  53. package/lib/{icons-DHXvfKDV.mjs.map → icons-DJMi42DI.mjs.map} +1 -1
  54. package/lib/{icons-D5HPq5oi.js → icons-_Vt_HeKY.js} +2 -2
  55. package/lib/{icons-D5HPq5oi.js.map → icons-_Vt_HeKY.js.map} +1 -1
  56. package/lib/{internal-link-BKfQQJ5V.js → internal-link-CqTu3Yi5.js} +1 -1
  57. package/lib/{internal-link-BKfQQJ5V.js.map → internal-link-CqTu3Yi5.js.map} +1 -1
  58. package/lib/logo/index.d.ts +5 -5
  59. package/lib/tab-bar/constants.js +3 -3
  60. package/lib/tab-bar/constants.mjs +3 -3
  61. package/lib/tab-bar/index.js +7 -7
  62. package/lib/tab-bar/index.mjs +6 -6
  63. package/lib/{tab-bar-o4KVPRne.mjs → tab-bar-BbOB2CDM.mjs} +4 -4
  64. package/lib/{tab-bar-o4KVPRne.mjs.map → tab-bar-BbOB2CDM.mjs.map} +1 -1
  65. package/lib/{tab-bar-D72ayg1v.js → tab-bar-BmqqhoCY.js} +5 -5
  66. package/lib/{tab-bar-D72ayg1v.js.map → tab-bar-BmqqhoCY.js.map} +1 -1
  67. package/lib/title-bar/index.d.ts +4 -4
  68. package/lib/title-bar/index.js +3 -3
  69. package/lib/title-bar/index.mjs +2 -2
  70. package/package.json +2 -2
@@ -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 react8 from "react";
4
+ import * as react11 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: react8.FC<{
27
+ LogoHeader: react11.FC<{
28
28
  type: LogoType;
29
29
  releaseBranch?: ReleaseBranch;
30
- } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
30
+ } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
31
31
  Type: typeof LOGO_TYPE;
32
32
  };
33
- LogoSymbol: react8.FC<{
33
+ LogoSymbol: react11.FC<{
34
34
  type: LogoSymbolType;
35
35
  releaseBranch?: ReleaseBranch;
36
- } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
36
+ } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
37
37
  Type: typeof LOGO_SYMBOL_TYPE;
38
38
  };
39
39
  };
@@ -1,7 +1,7 @@
1
1
  require('../internal-links-CBkMU8cY.js');
2
2
  require('../release-branch-CRZV4Ivz.js');
3
- require('../constants-D8wNUvoZ.js');
4
- require('../icons-D5HPq5oi.js');
5
- const require_constants$1 = require('../constants-BQFusmWI.js');
3
+ require('../constants-BxxTZn8I.js');
4
+ require('../icons-_Vt_HeKY.js');
5
+ const require_constants$1 = require('../constants-CBWeKJ-C.js');
6
6
 
7
7
  exports.TabBarItems = require_constants$1.TabBarItems;
@@ -1,7 +1,7 @@
1
1
  import "../internal-links-BF-974mA.mjs";
2
2
  import "../release-branch-DNCD1uH_.mjs";
3
- import "../constants-5phfWHvb.mjs";
4
- import "../icons-DHXvfKDV.mjs";
5
- import { TabBarItems } from "../constants-BKH77l8c.mjs";
3
+ import "../constants-CeM93YWF.mjs";
4
+ import "../icons-DJMi42DI.mjs";
5
+ import { TabBarItems } from "../constants-VHBN0pYQ.mjs";
6
6
 
7
7
  export { TabBarItems };
@@ -5,14 +5,14 @@ require('../theme-DDBlIbeS.js');
5
5
  require('../button-CS2fz7hm.js');
6
6
  require('../internal-links-CBkMU8cY.js');
7
7
  require('../release-branch-CRZV4Ivz.js');
8
- require('../external-link-DHRAO68s.js');
9
- require('../internal-link-BKfQQJ5V.js');
10
- require('../customized-link-DOfcUL2U.js');
8
+ require('../external-link-CEDvlQYo.js');
9
+ require('../internal-link-CqTu3Yi5.js');
10
+ require('../customized-link-CK7Xlgdt.js');
11
11
  require('../context-Bvr0Qj2x.js');
12
- require('../constants-D8wNUvoZ.js');
13
- require('../icons-D5HPq5oi.js');
14
- const require_tab_bar = require('../tab-bar-D72ayg1v.js');
12
+ require('../constants-BxxTZn8I.js');
13
+ require('../icons-_Vt_HeKY.js');
14
+ const require_tab_bar = require('../tab-bar-BmqqhoCY.js');
15
15
  require('../theme-BPB1kPtQ.js');
16
- require('../constants-BQFusmWI.js');
16
+ require('../constants-CBWeKJ-C.js');
17
17
 
18
18
  module.exports = require_tab_bar.tab_bar_default;
@@ -6,13 +6,13 @@ import "../theme-BG6yZVj-.mjs";
6
6
  import "../button-KtEMUa_S.mjs";
7
7
  import "../internal-links-BF-974mA.mjs";
8
8
  import "../release-branch-DNCD1uH_.mjs";
9
- import "../external-link-yFrWzA-w.mjs";
10
- import "../customized-link-DCZIE_KY.mjs";
9
+ import "../external-link-Cx9S31Ye.mjs";
10
+ import "../customized-link-BkuKVCKQ.mjs";
11
11
  import "../context-BCesW3fW.mjs";
12
- import "../constants-5phfWHvb.mjs";
13
- import "../icons-DHXvfKDV.mjs";
14
- import { tab_bar_default } from "../tab-bar-o4KVPRne.mjs";
12
+ import "../constants-CeM93YWF.mjs";
13
+ import "../icons-DJMi42DI.mjs";
14
+ import { tab_bar_default } from "../tab-bar-BbOB2CDM.mjs";
15
15
  import "../theme-BErS2Qs6.mjs";
16
- import "../constants-BKH77l8c.mjs";
16
+ import "../constants-VHBN0pYQ.mjs";
17
17
 
18
18
  export { tab_bar_default as default };
@@ -1,11 +1,11 @@
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-KtEMUa_S.mjs";
4
- import { external_link_default } from "./external-link-yFrWzA-w.mjs";
4
+ import { external_link_default } from "./external-link-Cx9S31Ye.mjs";
5
5
  import { HamburgerContext, HeaderContext } from "./context-BCesW3fW.mjs";
6
- import { Hamburger } from "./icons-DHXvfKDV.mjs";
6
+ import { Hamburger } from "./icons-DJMi42DI.mjs";
7
7
  import { selectTabBarTheme } from "./theme-BErS2Qs6.mjs";
8
- import { TabBarItems } from "./constants-BKH77l8c.mjs";
8
+ import { TabBarItems } from "./constants-VHBN0pYQ.mjs";
9
9
  import { useContext } from "react";
10
10
  import clsx from "clsx";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -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-o4KVPRne.mjs.map
62
+ //# sourceMappingURL=tab-bar-BbOB2CDM.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab-bar-o4KVPRne.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"}
1
+ {"version":3,"file":"tab-bar-BbOB2CDM.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"}
@@ -1,12 +1,12 @@
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-CS2fz7hm.js');
4
- const require_external_link = require('./external-link-DHRAO68s.js');
5
- const require_internal_link = require('./internal-link-BKfQQJ5V.js');
4
+ const require_external_link = require('./external-link-CEDvlQYo.js');
5
+ const require_internal_link = require('./internal-link-CqTu3Yi5.js');
6
6
  const require_context = require('./context-Bvr0Qj2x.js');
7
- const require_icons = require('./icons-D5HPq5oi.js');
7
+ const require_icons = require('./icons-_Vt_HeKY.js');
8
8
  const require_theme$1 = require('./theme-BPB1kPtQ.js');
9
- const require_constants = require('./constants-BQFusmWI.js');
9
+ const require_constants = require('./constants-CBWeKJ-C.js');
10
10
  let react = require("react");
11
11
  react = require_chunk.__toESM(react);
12
12
  let clsx = require("clsx");
@@ -75,4 +75,4 @@ Object.defineProperty(exports, 'tab_bar_default', {
75
75
  return tab_bar_default;
76
76
  }
77
77
  });
78
- //# sourceMappingURL=tab-bar-D72ayg1v.js.map
78
+ //# sourceMappingURL=tab-bar-BmqqhoCY.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab-bar-D72ayg1v.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
+ {"version":3,"file":"tab-bar-BmqqhoCY.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,4 +1,4 @@
1
- import * as react12 from "react";
1
+ import * as react8 from "react";
2
2
  import React$1, { FC } from "react";
3
3
 
4
4
  //#region src/title-bar/components/title-tab/type.d.ts
@@ -36,18 +36,18 @@ declare const TitleTab: FC<TitleTabProps>;
36
36
  //#endregion
37
37
  //#region src/title-bar/index.d.ts
38
38
  declare const _default: {
39
- Title2: react12.FC<{
39
+ Title2: react8.FC<{
40
40
  title: string;
41
41
  subtitle?: string;
42
42
  renderButton?: React.ReactNode;
43
43
  className?: string;
44
44
  }>;
45
- Title1: react12.FC<{
45
+ Title1: react8.FC<{
46
46
  title: string;
47
47
  subtitle?: string;
48
48
  className?: string;
49
49
  }>;
50
- TitleTab: react12.FC<{
50
+ TitleTab: react8.FC<{
51
51
  title: string;
52
52
  tabs: Tab[];
53
53
  activeTabIndex?: number;
@@ -5,9 +5,9 @@ require('../constants-K2ObjToq.js');
5
5
  const require_paragraph = require('../paragraph-CJvb0_cM.js');
6
6
  require('../theme-DDBlIbeS.js');
7
7
  const require_button = require('../button-CS2fz7hm.js');
8
- const require_external_link = require('../external-link-DHRAO68s.js');
9
- const require_internal_link = require('../internal-link-BKfQQJ5V.js');
10
- require('../customized-link-DOfcUL2U.js');
8
+ const require_external_link = require('../external-link-CEDvlQYo.js');
9
+ const require_internal_link = require('../internal-link-CqTu3Yi5.js');
10
+ require('../customized-link-CK7Xlgdt.js');
11
11
  const require_heading = require('../heading-DFzj2z0V.js');
12
12
  let react = require("react");
13
13
  react = require_chunk.__toESM(react);
@@ -4,8 +4,8 @@ import "../constants-BWFuBApI.mjs";
4
4
  import { P1, P2 } from "../paragraph-BWXQNQtX.mjs";
5
5
  import "../theme-BG6yZVj-.mjs";
6
6
  import { text_button_default } from "../button-KtEMUa_S.mjs";
7
- import { external_link_default } from "../external-link-yFrWzA-w.mjs";
8
- import "../customized-link-DCZIE_KY.mjs";
7
+ import { external_link_default } from "../external-link-Cx9S31Ye.mjs";
8
+ import "../customized-link-BkuKVCKQ.mjs";
9
9
  import { H1, H2, H5 } from "../heading-CFSkTbdH.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.11",
6
+ "version": "0.1.0-beta.12",
7
7
  "type": "commonjs",
8
8
  "scripts": {
9
9
  "clean": "rm -rf lib",
@@ -48,5 +48,5 @@
48
48
  "url": "git+https://github.com/twreporter/www-public-monorepo.git",
49
49
  "directory": "packages/react-typescript-components"
50
50
  },
51
- "gitHead": "ba8361258efe1fdd45c852dcab40a3a69ec00712"
51
+ "gitHead": "51173c376e1ce9f7e1b3c5d5cbd4578c9f88a8dd"
52
52
  }