@twreporter/react-typescript-components 0.1.0-beta.19 → 0.1.0-beta.20
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/button/constants.d.mts +2 -2
- package/lib/button/index.d.mts +12 -12
- package/lib/constants/release-branch.d.mts +2 -2
- package/lib/constants/theme.d.mts +2 -2
- package/lib/{constants-BZGBDC2T.mjs → constants-BG4oRMD_.mjs} +1 -1
- package/lib/{constants-BZGBDC2T.mjs.map → constants-BG4oRMD_.mjs.map} +1 -1
- package/lib/{constants-COhDITk3.d.ts → constants-CBjyeHSl.d.ts} +1 -1
- package/lib/{constants-DZWOFPZT.d.mts → constants-C_OX3J7_.d.mts} +2 -2
- package/lib/{constants-C86Q6QlO.d.ts → constants-CzHmv07x.d.ts} +1 -1
- package/lib/{constants-B95_A0GY.d.mts → constants-DVYCKpJ0.d.mts} +2 -2
- package/lib/{constants-BV86fOLv.js → constants-Dt5HD0aL.js} +1 -1
- package/lib/{constants-BV86fOLv.js.map → constants-Dt5HD0aL.js.map} +1 -1
- package/lib/{constants-B5th6nHM.d.mts → constants-MpdMPjnk.d.mts} +2 -2
- package/lib/{constants-D2OTwBsV.d.mts → constants-ZGhPn0d6.d.mts} +2 -2
- package/lib/{constants-IzZ4bWWt.d.mts → constants-oNjXcfW2.d.mts} +2 -2
- package/lib/customized-link/external-link.d.mts +2 -2
- package/lib/customized-link/external-link.d.ts +2 -2
- package/lib/customized-link/external-link.js +1 -1
- package/lib/customized-link/external-link.mjs +1 -1
- package/lib/customized-link/index.d.mts +6 -6
- package/lib/customized-link/index.d.ts +6 -6
- package/lib/customized-link/index.js +2 -2
- package/lib/customized-link/index.mjs +2 -2
- package/lib/customized-link/internal-link.d.mts +2 -2
- package/lib/customized-link/internal-link.d.ts +2 -2
- package/lib/customized-link/type.d.mts +1 -1
- package/lib/customized-link/type.d.ts +1 -1
- package/lib/{customized-link-CHH91yod.js → customized-link-BDKQVdcH.js} +2 -2
- package/lib/{customized-link-CHH91yod.js.map → customized-link-BDKQVdcH.js.map} +1 -1
- package/lib/{customized-link-BacydHK_.mjs → customized-link-D3p9rjEe.mjs} +2 -2
- package/lib/{customized-link-BacydHK_.mjs.map → customized-link-D3p9rjEe.mjs.map} +1 -1
- package/lib/divider/constants.d.mts +2 -2
- package/lib/divider/index.d.mts +2 -2
- package/lib/dropdown-menu/index.d.mts +1 -1
- package/lib/dropdown-menu/index.d.ts +1 -1
- package/lib/dropdown-menu/index.js +3 -3
- package/lib/dropdown-menu/index.mjs +3 -3
- package/lib/{dropdown-menu-D4XjLl7G.js → dropdown-menu-CKH3qADt.js} +2 -2
- package/lib/{dropdown-menu-D4XjLl7G.js.map → dropdown-menu-CKH3qADt.js.map} +1 -1
- package/lib/{dropdown-menu-jbg-kt3s.mjs → dropdown-menu-DMp_Bmo0.mjs} +2 -2
- package/lib/{dropdown-menu-jbg-kt3s.mjs.map → dropdown-menu-DMp_Bmo0.mjs.map} +1 -1
- package/lib/{external-link-Diro-q37.mjs → external-link-BMIFL3DE.mjs} +3 -2
- package/lib/external-link-BMIFL3DE.mjs.map +1 -0
- package/lib/{external-link-B3tELAVU.d.ts → external-link-BMxYePU7.d.ts} +2 -2
- package/lib/{external-link-afU9uFB6.js → external-link-Ce1_loKh.js} +3 -2
- package/lib/external-link-Ce1_loKh.js.map +1 -0
- package/lib/{external-link-0t606cM_.d.mts → external-link-CvvjuS1W.d.mts} +2 -2
- package/lib/footer/index.d.mts +8 -2
- package/lib/footer/index.d.ts +6 -0
- package/lib/footer/index.js +17 -13
- package/lib/footer/index.js.map +1 -1
- package/lib/footer/index.mjs +17 -13
- package/lib/footer/index.mjs.map +1 -1
- package/lib/footer/links.d.mts +11 -6
- package/lib/footer/links.d.ts +13 -8
- package/lib/footer/links.js +5 -7
- package/lib/footer/links.mjs +4 -6
- package/lib/footer/logo.d.mts +2 -2
- package/lib/footer/logo.js +4 -4
- package/lib/footer/logo.mjs +4 -4
- package/lib/footer/types.d.mts +4 -0
- package/lib/footer/types.d.ts +4 -0
- package/lib/footer/types.js +0 -0
- package/lib/footer/types.mjs +1 -0
- package/lib/hamburger-menu/index.js +7 -7
- package/lib/hamburger-menu/index.mjs +7 -7
- package/lib/{hamburger-menu-baCi46g2.js → hamburger-menu-DJe2IBTm.js} +5 -5
- package/lib/{hamburger-menu-baCi46g2.js.map → hamburger-menu-DJe2IBTm.js.map} +1 -1
- package/lib/{hamburger-menu-MQgF0vLX.mjs → hamburger-menu-DoyJVziw.mjs} +5 -5
- package/lib/{hamburger-menu-MQgF0vLX.mjs.map → hamburger-menu-DoyJVziw.mjs.map} +1 -1
- package/lib/header/index.d.mts +3 -3
- package/lib/header/index.js +12 -12
- package/lib/header/index.mjs +12 -12
- package/lib/{heading-Cljxy-62.mjs → heading-CCsID-nv.mjs} +1 -1
- package/lib/{heading-Cljxy-62.mjs.map → heading-CCsID-nv.mjs.map} +1 -1
- package/lib/{heading-Dnpw_s7U.js → heading-D7slLGoI.js} +1 -1
- package/lib/{heading-Dnpw_s7U.js.map → heading-D7slLGoI.js.map} +1 -1
- package/lib/hooks/index.d.mts +3 -3
- package/lib/hooks/index.d.ts +3 -3
- package/lib/hooks/index.js +2 -2
- package/lib/hooks/index.mjs +2 -2
- package/lib/hooks/use-outside-click.d.mts +1 -1
- package/lib/hooks/use-outside-click.d.ts +1 -1
- package/lib/hooks/use-outside-click.js +1 -1
- package/lib/hooks/use-outside-click.mjs +1 -1
- package/lib/{hooks-BxlKOoQu.js → hooks-CYgvBAmt.js} +2 -2
- package/lib/{hooks-BxlKOoQu.js.map → hooks-CYgvBAmt.js.map} +1 -1
- package/lib/{hooks-DmImq-Z7.mjs → hooks-CcqXFDPN.mjs} +2 -2
- package/lib/{hooks-DmImq-Z7.mjs.map → hooks-CcqXFDPN.mjs.map} +1 -1
- package/lib/icons/constants.d.mts +2 -2
- package/lib/icons/constants.d.ts +1 -1
- package/lib/icons/index.d.mts +3 -3
- package/lib/icons/index.d.ts +10 -10
- package/lib/{index-DegwO8ei.d.mts → index-CUE6zs36.d.mts} +1 -1
- package/lib/input/constants.d.mts +1 -1
- package/lib/input/index.d.mts +5 -5
- package/lib/input/index.d.ts +2 -2
- package/lib/input/index.js +2 -2
- package/lib/input/index.mjs +2 -2
- package/lib/input/theme.d.mts +2 -2
- package/lib/input/theme.js +1 -1
- package/lib/input/theme.mjs +1 -1
- package/lib/{input-DaMbsNrg.js → input-D29yD1k-.js} +2 -2
- package/lib/{input-DaMbsNrg.js.map → input-D29yD1k-.js.map} +1 -1
- package/lib/{input-DvriSZ9o.mjs → input-DH_jroRh.mjs} +2 -2
- package/lib/{input-DvriSZ9o.mjs.map → input-DH_jroRh.mjs.map} +1 -1
- package/lib/{internal-link-DtMsmfE9.d.ts → internal-link-BL950cs3.d.ts} +2 -2
- package/lib/{internal-link-Daag4Lrv.d.mts → internal-link-DgOMen4w.d.mts} +2 -2
- package/lib/{links-DO97xw7S.mjs → links-Buz2DUOO.mjs} +11 -14
- package/lib/links-Buz2DUOO.mjs.map +1 -0
- package/lib/{links-Xuo8pb4a.js → links-CPX07u-O.js} +16 -19
- package/lib/links-CPX07u-O.js.map +1 -0
- package/lib/logo/constants.d.mts +2 -2
- package/lib/logo/constants.d.ts +1 -1
- package/lib/logo/index.d.mts +3 -3
- package/lib/logo/index.d.ts +1 -1
- package/lib/logo/index.js +1 -1
- package/lib/logo/index.mjs +1 -1
- package/lib/{logo-C5NgKyYa.js → logo-BSp7gsND.js} +2 -2
- package/lib/{logo-C5NgKyYa.js.map → logo-BSp7gsND.js.map} +1 -1
- package/lib/{logo-NfYCtrtN.mjs → logo-CBWWiQoO.mjs} +1 -1
- package/lib/{logo-NfYCtrtN.mjs.map → logo-CBWWiQoO.mjs.map} +1 -1
- package/lib/{logo-B3GSkN1O.js → logo-DzRRd4Y-.js} +1 -1
- package/lib/{logo-B3GSkN1O.js.map → logo-DzRRd4Y-.js.map} +1 -1
- package/lib/{logo-CumKSrK5.mjs → logo-mBe4a2OP.mjs} +2 -2
- package/lib/{logo-CumKSrK5.mjs.map → logo-mBe4a2OP.mjs.map} +1 -1
- package/lib/{release-branch-CaxOk9Rq.d.mts → release-branch-uF0B5lcE.d.mts} +2 -2
- package/lib/tab-bar/constants.d.mts +3 -3
- package/lib/tab-bar/constants.d.ts +1 -1
- package/lib/tab-bar/constants.js +1 -1
- package/lib/tab-bar/constants.mjs +1 -1
- package/lib/tab-bar/index.js +5 -5
- package/lib/tab-bar/index.mjs +5 -5
- package/lib/tab-bar/theme.d.mts +2 -2
- package/lib/tab-bar/theme.js +1 -1
- package/lib/tab-bar/theme.mjs +1 -1
- package/lib/{tab-bar-Dq0ewfWA.js → tab-bar-CVPd5go9.js} +4 -4
- package/lib/{tab-bar-Dq0ewfWA.js.map → tab-bar-CVPd5go9.js.map} +1 -1
- package/lib/{tab-bar-CQjgjdkW.mjs → tab-bar-jI3fYt_7.mjs} +4 -4
- package/lib/{tab-bar-CQjgjdkW.mjs.map → tab-bar-jI3fYt_7.mjs.map} +1 -1
- package/lib/text/constants.d.mts +2 -2
- package/lib/text/heading.d.mts +2 -2
- package/lib/text/heading.js +1 -1
- package/lib/text/heading.mjs +1 -1
- package/lib/text/paragraph.d.mts +2 -2
- package/lib/{theme-BQQzAfHb.js → theme-B9k1Udon.js} +1 -1
- package/lib/{theme-BQQzAfHb.js.map → theme-B9k1Udon.js.map} +1 -1
- package/lib/{theme-LkZX5giH.js → theme-BLdi7Moc.js} +1 -1
- package/lib/{theme-LkZX5giH.js.map → theme-BLdi7Moc.js.map} +1 -1
- package/lib/{theme-CDCgzSJw.mjs → theme-Cf9NG_eL.mjs} +1 -1
- package/lib/{theme-CDCgzSJw.mjs.map → theme-Cf9NG_eL.mjs.map} +1 -1
- package/lib/{theme-Cx5oFufE.d.mts → theme-DKi2E2si.d.mts} +2 -2
- package/lib/{theme-D_LHh2_S.mjs → theme-DURvzYaJ.mjs} +1 -1
- package/lib/{theme-D_LHh2_S.mjs.map → theme-DURvzYaJ.mjs.map} +1 -1
- package/lib/title-bar/index.d.mts +4 -4
- package/lib/title-bar/index.js +3 -3
- package/lib/title-bar/index.mjs +3 -3
- package/lib/{type-ubTUOk6A.d.ts → type-Bsf9A8YX.d.mts} +2 -1
- package/lib/{type-DGvbr3Rm.d.mts → type-CcygKers.d.ts} +2 -1
- package/lib/types/index.d.mts +1 -1
- package/lib/types-dW_WJa4D.d.ts +15 -0
- package/lib/types-p8V2pbqn.d.mts +15 -0
- package/lib/use-outside-click-B_hZCUDr.d.mts +7 -0
- package/lib/{use-outside-click-Br_ste4n.mjs → use-outside-click-BfAURk-E.mjs} +1 -1
- package/lib/{use-outside-click-Br_ste4n.mjs.map → use-outside-click-BfAURk-E.mjs.map} +1 -1
- package/lib/use-outside-click-COJmPFYr.d.ts +7 -0
- package/lib/{use-outside-click-Cl1QlhTH.js → use-outside-click-DnJ0DNZ9.js} +1 -1
- package/lib/{use-outside-click-Cl1QlhTH.js.map → use-outside-click-DnJ0DNZ9.js.map} +1 -1
- package/package.json +2 -2
- package/lib/constants-0fgvpoyZ.js +0 -171
- package/lib/constants-0fgvpoyZ.js.map +0 -1
- package/lib/constants-DyO2QpJk.mjs +0 -154
- package/lib/constants-DyO2QpJk.mjs.map +0 -1
- package/lib/external-link-Diro-q37.mjs.map +0 -1
- package/lib/external-link-afU9uFB6.js.map +0 -1
- package/lib/footer/constants.d.mts +0 -51
- package/lib/footer/constants.d.ts +0 -51
- package/lib/footer/constants.js +0 -7
- package/lib/footer/constants.mjs +0 -5
- package/lib/links-DO97xw7S.mjs.map +0 -1
- package/lib/links-Xuo8pb4a.js.map +0 -1
- package/lib/use-outside-click-CHxRFaTZ.d.ts +0 -7
- package/lib/use-outside-click-Diz2B7wx.d.mts +0 -7
package/lib/icons/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../index-H3peA2d_.js";
|
|
2
2
|
import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CsBbhuYE.js";
|
|
3
|
-
import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-
|
|
3
|
+
import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CBjyeHSl.js";
|
|
4
4
|
import React from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/icons/index.d.ts
|
|
8
8
|
type IconProps = {
|
|
@@ -15,14 +15,14 @@ declare const Icon: React.FC<IconProps> & {
|
|
|
15
15
|
Type: typeof ICON_TYPE;
|
|
16
16
|
ReleaseBranch: typeof RELEASE_BRANCH;
|
|
17
17
|
};
|
|
18
|
-
declare const Hamburger: (releaseBranch: ReleaseBranch) =>
|
|
19
|
-
declare const Search: (releaseBranch: ReleaseBranch) =>
|
|
20
|
-
declare const KidStar: (releaseBranch: ReleaseBranch) =>
|
|
21
|
-
declare const Member: (releaseBranch: ReleaseBranch) =>
|
|
22
|
-
declare const Cross: (releaseBranch: ReleaseBranch) =>
|
|
23
|
-
declare const Home: (releaseBranch: ReleaseBranch) =>
|
|
24
|
-
declare const Topic: (releaseBranch: ReleaseBranch) =>
|
|
25
|
-
declare const Clock: (releaseBranch: ReleaseBranch) =>
|
|
18
|
+
declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
19
|
+
declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
20
|
+
declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
21
|
+
declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
22
|
+
declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
23
|
+
declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
24
|
+
declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
25
|
+
declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
|
|
26
26
|
declare const Arrow: React.FC<{
|
|
27
27
|
direction?: ArrowDirection;
|
|
28
28
|
releaseBranch: ReleaseBranch;
|
package/lib/input/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { THEME, Theme } from "../theme-
|
|
3
|
-
import { ReleaseBranch } from "../release-branch-
|
|
4
|
-
import * as
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { THEME, Theme } from "../theme-DKi2E2si.mjs";
|
|
3
|
+
import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
|
|
4
|
+
import * as react16 from "react";
|
|
5
5
|
import { FC } from "react";
|
|
6
6
|
|
|
7
7
|
//#region src/input/components/search-bar.d.ts
|
|
@@ -22,7 +22,7 @@ declare const SearchBar: FC<SearchBarProps> & {
|
|
|
22
22
|
//#endregion
|
|
23
23
|
//#region src/input/index.d.ts
|
|
24
24
|
declare const _default: {
|
|
25
|
-
SearchBar:
|
|
25
|
+
SearchBar: react16.FC<{
|
|
26
26
|
placeholder?: string;
|
|
27
27
|
theme?: Theme;
|
|
28
28
|
releaseBranch?: ReleaseBranch;
|
package/lib/input/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../index-H3peA2d_.js";
|
|
2
2
|
import { THEME, Theme } from "../theme-BDGfJ8n-.js";
|
|
3
3
|
import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react7 from "react";
|
|
5
5
|
import { FC } from "react";
|
|
6
6
|
|
|
7
7
|
//#region src/input/components/search-bar.d.ts
|
|
@@ -22,7 +22,7 @@ declare const SearchBar: FC<SearchBarProps> & {
|
|
|
22
22
|
//#endregion
|
|
23
23
|
//#region src/input/index.d.ts
|
|
24
24
|
declare const _default: {
|
|
25
|
-
SearchBar:
|
|
25
|
+
SearchBar: react7.FC<{
|
|
26
26
|
placeholder?: string;
|
|
27
27
|
theme?: Theme;
|
|
28
28
|
releaseBranch?: ReleaseBranch;
|
package/lib/input/index.js
CHANGED
|
@@ -7,8 +7,8 @@ require('../button-Dk0MxlKd.js');
|
|
|
7
7
|
require('../release-branch-CRZV4Ivz.js');
|
|
8
8
|
require('../constants-D8wNUvoZ.js');
|
|
9
9
|
require('../icons-qP5oNB0W.js');
|
|
10
|
-
require('../theme-
|
|
11
|
-
const require_input = require('../input-
|
|
10
|
+
require('../theme-BLdi7Moc.js');
|
|
11
|
+
const require_input = require('../input-D29yD1k-.js');
|
|
12
12
|
|
|
13
13
|
exports.SearchBar = require_input.search_bar_default;
|
|
14
14
|
exports.default = require_input.input_default;
|
package/lib/input/index.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import "../button-D_AWI7r9.mjs";
|
|
|
6
6
|
import "../release-branch-DNCD1uH_.mjs";
|
|
7
7
|
import "../constants-5phfWHvb.mjs";
|
|
8
8
|
import "../icons-I7T-auOQ.mjs";
|
|
9
|
-
import "../theme-
|
|
10
|
-
import { input_default, search_bar_default } from "../input-
|
|
9
|
+
import "../theme-DURvzYaJ.mjs";
|
|
10
|
+
import { input_default, search_bar_default } from "../input-DH_jroRh.mjs";
|
|
11
11
|
|
|
12
12
|
export { search_bar_default as SearchBar, input_default as default };
|
package/lib/input/theme.d.mts
CHANGED
package/lib/input/theme.js
CHANGED
package/lib/input/theme.mjs
CHANGED
|
@@ -3,7 +3,7 @@ const require_theme = require('./theme-DDBlIbeS.js');
|
|
|
3
3
|
const require_button = require('./button-Dk0MxlKd.js');
|
|
4
4
|
const require_release_branch = require('./release-branch-CRZV4Ivz.js');
|
|
5
5
|
const require_icons = require('./icons-qP5oNB0W.js');
|
|
6
|
-
const require_theme$1 = require('./theme-
|
|
6
|
+
const require_theme$1 = require('./theme-BLdi7Moc.js');
|
|
7
7
|
let react = require("react");
|
|
8
8
|
react = require_chunk.__toESM(react);
|
|
9
9
|
let clsx = require("clsx");
|
|
@@ -83,4 +83,4 @@ Object.defineProperty(exports, 'search_bar_default', {
|
|
|
83
83
|
return search_bar_default;
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
|
-
//# sourceMappingURL=input-
|
|
86
|
+
//# sourceMappingURL=input-D29yD1k-.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-
|
|
1
|
+
{"version":3,"file":"input-D29yD1k-.js","names":["SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n}","THEME","RELEASE_BRANCH","selectThemeStyle","IconButton","Search","Cross"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n placeholder?: string\n theme?: Theme\n releaseBranch?: ReleaseBranch\n onSearch?: (keywords: string) => void\n onClose?: () => void\n handleBlur?: () => void\n autoFocus?: boolean\n className?: string\n searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n} = ({\n placeholder = '',\n theme = THEME.normal,\n releaseBranch = RELEASE_BRANCH.master,\n onSearch = defaultFunc,\n onClose = defaultFunc,\n handleBlur = defaultFunc,\n autoFocus = true,\n className = '',\n searchBarWidth = 'w-fit',\n}) => {\n const [keywords, setKeywords] = useState('')\n const [focus, setFocus] = useState(false)\n const {\n bgColor,\n focusBgColor,\n desktopBgColor,\n borderColor,\n color,\n focusColor,\n placeholderColor,\n } = selectThemeStyle(theme)\n const onFocus = () => setFocus(true)\n const onBlur = () => {\n setFocus(false)\n handleBlur()\n }\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n onSearch(keywords)\n }\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const input = e.currentTarget.value\n setKeywords(input)\n }\n const onReset = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n setKeywords('')\n }\n\n return (\n <form\n className={clsx('flex items-center', className)}\n noValidate\n onSubmit={onSubmit}\n onReset={onReset}\n onFocus={onFocus}\n >\n <div\n className={clsx(\n 'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n searchBarWidth,\n bgColor,\n focus\n ? clsx(focusBgColor, borderColor, desktopBgColor)\n : 'border-transparent'\n )}\n >\n <input\n type=\"search\"\n placeholder={placeholder}\n value={keywords}\n onChange={onChange}\n onBlur={onBlur}\n // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n autoFocus={autoFocus}\n className={clsx(\n 'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n 'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n color,\n placeholderColor,\n focusColor\n )}\n />\n <IconButton\n theme={theme}\n iconComponent={Search(releaseBranch)}\n onClick={() => onSearch(keywords)}\n />\n </div>\n <IconButton\n theme={theme}\n iconComponent={Cross(releaseBranch)}\n onClick={onClose}\n className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n />\n </form>\n )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n SearchBar,\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQC,oBAAM,QACd,gBAAgBC,sCAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,mCAAwB,GAAG;CAC5C,MAAM,CAAC,OAAO,gCAAqB,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACEC,iCAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,4CAAC;EACC,6BAAgB,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,4CAAC;GACC,6BACE,2FACA,gBACA,SACA,0BACS,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,2CAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,6BACE,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,2CAACC;IACQ;IACP,eAAeC,qBAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,2CAACD;GACQ;GACP,eAAeE,oBAAM,cAAc;GACnC,SAAS;GACT,6BAAgB,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQL;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}
|
|
@@ -2,7 +2,7 @@ import { THEME } from "./theme-BG6yZVj-.mjs";
|
|
|
2
2
|
import { icon_button_default } from "./button-D_AWI7r9.mjs";
|
|
3
3
|
import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
|
|
4
4
|
import { Cross, Search } from "./icons-I7T-auOQ.mjs";
|
|
5
|
-
import { selectThemeStyle } from "./theme-
|
|
5
|
+
import { selectThemeStyle } from "./theme-DURvzYaJ.mjs";
|
|
6
6
|
import { useState } from "react";
|
|
7
7
|
import clsx from "clsx";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -68,4 +68,4 @@ var input_default = { SearchBar: search_bar_default };
|
|
|
68
68
|
|
|
69
69
|
//#endregion
|
|
70
70
|
export { input_default, search_bar_default };
|
|
71
|
-
//# sourceMappingURL=input-
|
|
71
|
+
//# sourceMappingURL=input-DH_jroRh.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-
|
|
1
|
+
{"version":3,"file":"input-DH_jroRh.mjs","names":["SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n}","IconButton"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n placeholder?: string\n theme?: Theme\n releaseBranch?: ReleaseBranch\n onSearch?: (keywords: string) => void\n onClose?: () => void\n handleBlur?: () => void\n autoFocus?: boolean\n className?: string\n searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n} = ({\n placeholder = '',\n theme = THEME.normal,\n releaseBranch = RELEASE_BRANCH.master,\n onSearch = defaultFunc,\n onClose = defaultFunc,\n handleBlur = defaultFunc,\n autoFocus = true,\n className = '',\n searchBarWidth = 'w-fit',\n}) => {\n const [keywords, setKeywords] = useState('')\n const [focus, setFocus] = useState(false)\n const {\n bgColor,\n focusBgColor,\n desktopBgColor,\n borderColor,\n color,\n focusColor,\n placeholderColor,\n } = selectThemeStyle(theme)\n const onFocus = () => setFocus(true)\n const onBlur = () => {\n setFocus(false)\n handleBlur()\n }\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n onSearch(keywords)\n }\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const input = e.currentTarget.value\n setKeywords(input)\n }\n const onReset = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n setKeywords('')\n }\n\n return (\n <form\n className={clsx('flex items-center', className)}\n noValidate\n onSubmit={onSubmit}\n onReset={onReset}\n onFocus={onFocus}\n >\n <div\n className={clsx(\n 'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n searchBarWidth,\n bgColor,\n focus\n ? clsx(focusBgColor, borderColor, desktopBgColor)\n : 'border-transparent'\n )}\n >\n <input\n type=\"search\"\n placeholder={placeholder}\n value={keywords}\n onChange={onChange}\n onBlur={onBlur}\n // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n autoFocus={autoFocus}\n className={clsx(\n 'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n 'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n color,\n placeholderColor,\n focusColor\n )}\n />\n <IconButton\n theme={theme}\n iconComponent={Search(releaseBranch)}\n onClick={() => onSearch(keywords)}\n />\n </div>\n <IconButton\n theme={theme}\n iconComponent={Cross(releaseBranch)}\n onClick={onClose}\n className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n />\n </form>\n )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n SearchBar,\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQ,MAAM,QACd,gBAAgB,eAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACE,iBAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,qBAAC;EACC,WAAW,KAAK,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,qBAAC;GACC,WAAW,KACT,2FACA,gBACA,SACA,QACI,KAAK,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,oBAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,WAAW,KACT,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,oBAACC;IACQ;IACP,eAAe,OAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,oBAACA;GACQ;GACP,eAAe,MAAM,cAAc;GACnC,SAAS;GACT,WAAW,KAAK,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQ;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CustomizedLinkProps } from "./type-
|
|
1
|
+
import { CustomizedLinkProps } from "./type-CcygKers.js";
|
|
2
2
|
import { FC } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/customized-link/internal-link.d.ts
|
|
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
|
|
|
6
6
|
declare const InternalLink: FC<InternalLinkProps>;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { InternalLink };
|
|
9
|
-
//# sourceMappingURL=internal-link-
|
|
9
|
+
//# sourceMappingURL=internal-link-BL950cs3.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CustomizedLinkProps } from "./type-
|
|
1
|
+
import { CustomizedLinkProps } from "./type-Bsf9A8YX.mjs";
|
|
2
2
|
import { FC } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/customized-link/internal-link.d.ts
|
|
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
|
|
|
6
6
|
declare const InternalLink: FC<InternalLinkProps>;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { InternalLink };
|
|
9
|
-
//# sourceMappingURL=internal-link-
|
|
9
|
+
//# sourceMappingURL=internal-link-DgOMen4w.d.mts.map
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import { P2, P3 } from "./paragraph-Cf9jr8RF.mjs";
|
|
2
2
|
import { icon_button_default } from "./button-D_AWI7r9.mjs";
|
|
3
3
|
import { forClientSideRendering } from "./request-origins-CGkNWg8R.mjs";
|
|
4
|
-
import { external_link_default } from "./external-link-
|
|
4
|
+
import { external_link_default } from "./external-link-BMIFL3DE.mjs";
|
|
5
5
|
import { SocialMedia } from "./icons-I7T-auOQ.mjs";
|
|
6
|
-
import { getLinksGroups, getSocialMediaLinks } from "./constants-DyO2QpJk.mjs";
|
|
7
6
|
import clsx from "clsx";
|
|
8
7
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
8
|
import map from "lodash/map";
|
|
10
9
|
|
|
11
10
|
//#region src/footer/links.tsx
|
|
12
11
|
const _ = { map };
|
|
13
|
-
const SocialLinks = ({ releaseBranch }) => {
|
|
14
|
-
const links = getSocialMediaLinks();
|
|
12
|
+
const SocialLinks = ({ releaseBranch, links }) => {
|
|
15
13
|
return /* @__PURE__ */ jsx("div", {
|
|
16
14
|
className: "flex gap-[16px]",
|
|
17
15
|
children: _.map(links, (link) => {
|
|
@@ -20,14 +18,14 @@ const SocialLinks = ({ releaseBranch }) => {
|
|
|
20
18
|
releaseBranch
|
|
21
19
|
});
|
|
22
20
|
return /* @__PURE__ */ jsx(external_link_default, {
|
|
23
|
-
to: link.
|
|
24
|
-
target:
|
|
21
|
+
to: link.link,
|
|
22
|
+
target: "_blank",
|
|
25
23
|
children: /* @__PURE__ */ jsx(icon_button_default, { iconComponent })
|
|
26
|
-
}, link.
|
|
24
|
+
}, link.icon);
|
|
27
25
|
})
|
|
28
26
|
});
|
|
29
27
|
};
|
|
30
|
-
const
|
|
28
|
+
const StaticLinks = ({ releaseBranch }) => {
|
|
31
29
|
const mainOrigin = forClientSideRendering[releaseBranch].main;
|
|
32
30
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
33
31
|
/* @__PURE__ */ jsx(external_link_default, {
|
|
@@ -64,16 +62,15 @@ const InfoLinks = ({ releaseBranch }) => {
|
|
|
64
62
|
})
|
|
65
63
|
] });
|
|
66
64
|
};
|
|
67
|
-
const LinkButtonGroups = ({
|
|
68
|
-
const mainOrigin = forClientSideRendering[releaseBranch].main;
|
|
69
|
-
const linksGroups = getLinksGroups(mainOrigin);
|
|
65
|
+
const LinkButtonGroups = ({ linksGroups }) => {
|
|
70
66
|
return _.map(linksGroups, (links, indexofGroup) => {
|
|
71
67
|
return /* @__PURE__ */ jsx("div", {
|
|
72
68
|
className: clsx("flex flex-col gap-[8px] basis-1/3", "desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto"),
|
|
73
69
|
children: _.map(links, (link, indexofLink) => {
|
|
74
70
|
return /* @__PURE__ */ jsx(external_link_default, {
|
|
75
|
-
to: link.
|
|
71
|
+
to: link.link,
|
|
76
72
|
target: "_blank",
|
|
73
|
+
id: link.id,
|
|
77
74
|
children: /* @__PURE__ */ jsx(P2, {
|
|
78
75
|
className: "text-gray-600 hover:text-gray-800",
|
|
79
76
|
text: link.text
|
|
@@ -85,5 +82,5 @@ const LinkButtonGroups = ({ releaseBranch }) => {
|
|
|
85
82
|
};
|
|
86
83
|
|
|
87
84
|
//#endregion
|
|
88
|
-
export {
|
|
89
|
-
//# sourceMappingURL=links-
|
|
85
|
+
export { LinkButtonGroups, SocialLinks, StaticLinks };
|
|
86
|
+
//# sourceMappingURL=links-Buz2DUOO.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"links-Buz2DUOO.mjs","names":["ExternalLink","IconButton"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\nexport const SocialLinks = ({\n releaseBranch,\n links,\n}: {\n releaseBranch: ReleaseBranch\n links: SocialMediaLink[]\n}) => {\n return (\n <div className=\"flex gap-[16px]\">\n {_.map(links, (link) => {\n const iconComponent = (\n <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n )\n return (\n <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n <IconButton iconComponent={iconComponent} />\n </ExternalLink>\n )\n })}\n </div>\n )\n}\n\nexport const StaticLinks = ({\n releaseBranch,\n}: {\n releaseBranch: ReleaseBranch\n}) => {\n const mainOrigin = forClientSideRendering[releaseBranch].main\n return (\n <>\n <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"許可協議\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"隱私政策\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink\n to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n target=\"_blank\"\n >\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"品牌規範\"\n />\n </ExternalLink>\n </>\n )\n}\n\nexport const LinkButtonGroups = ({\n linksGroups,\n}: {\n releaseBranch: ReleaseBranch\n linksGroups: LinkType[][]\n}) => {\n return _.map(linksGroups, (links, indexofGroup) => {\n return (\n <div\n key={indexofGroup}\n className={clsx(\n 'flex flex-col gap-[8px] basis-1/3',\n 'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n )}\n >\n {_.map(links, (link, indexofLink) => {\n return (\n <ExternalLink\n key={indexofLink}\n to={link.link}\n target=\"_blank\"\n id={link.id}\n >\n <P2\n className=\"text-gray-600 hover:text-gray-800\"\n text={link.text}\n />\n </ExternalLink>\n )\n })}\n </div>\n )\n })\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,IAAI,EACR,KACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,oBAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,oBAAC;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,oBAACA;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,oBAACC,uBAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAa,uBAAuB,eAAe;AACzD,QACE;EACE,oBAACD;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GACC,IAAI;GACJ,QAAO;aAEP,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,oBAAC;GAEC,WAAW,KACT,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,oBAACA;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,oBAAC;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}
|
|
@@ -2,9 +2,8 @@ const require_chunk = require('./chunk-BxBTb9qk.js');
|
|
|
2
2
|
const require_paragraph = require('./paragraph-iuz3jP0Q.js');
|
|
3
3
|
const require_button = require('./button-Dk0MxlKd.js');
|
|
4
4
|
const require_request_origins = require('./request-origins-BDXulkK9.js');
|
|
5
|
-
const require_external_link = require('./external-link-
|
|
5
|
+
const require_external_link = require('./external-link-Ce1_loKh.js');
|
|
6
6
|
const require_icons = require('./icons-qP5oNB0W.js');
|
|
7
|
-
const require_constants = require('./constants-0fgvpoyZ.js');
|
|
8
7
|
let clsx = require("clsx");
|
|
9
8
|
clsx = require_chunk.__toESM(clsx);
|
|
10
9
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -14,8 +13,7 @@ lodash_map = require_chunk.__toESM(lodash_map);
|
|
|
14
13
|
|
|
15
14
|
//#region src/footer/links.tsx
|
|
16
15
|
const _ = { map: lodash_map.default };
|
|
17
|
-
const SocialLinks = ({ releaseBranch }) => {
|
|
18
|
-
const links = require_constants.getSocialMediaLinks();
|
|
16
|
+
const SocialLinks = ({ releaseBranch, links }) => {
|
|
19
17
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
20
18
|
className: "flex gap-[16px]",
|
|
21
19
|
children: _.map(links, (link) => {
|
|
@@ -24,14 +22,14 @@ const SocialLinks = ({ releaseBranch }) => {
|
|
|
24
22
|
releaseBranch
|
|
25
23
|
});
|
|
26
24
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
|
|
27
|
-
to: link.
|
|
28
|
-
target:
|
|
25
|
+
to: link.link,
|
|
26
|
+
target: "_blank",
|
|
29
27
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, { iconComponent })
|
|
30
|
-
}, link.
|
|
28
|
+
}, link.icon);
|
|
31
29
|
})
|
|
32
30
|
});
|
|
33
31
|
};
|
|
34
|
-
const
|
|
32
|
+
const StaticLinks = ({ releaseBranch }) => {
|
|
35
33
|
const mainOrigin = require_request_origins.forClientSideRendering[releaseBranch].main;
|
|
36
34
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
|
|
37
35
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
|
|
@@ -68,16 +66,15 @@ const InfoLinks = ({ releaseBranch }) => {
|
|
|
68
66
|
})
|
|
69
67
|
] });
|
|
70
68
|
};
|
|
71
|
-
const LinkButtonGroups = ({
|
|
72
|
-
const mainOrigin = require_request_origins.forClientSideRendering[releaseBranch].main;
|
|
73
|
-
const linksGroups = require_constants.getLinksGroups(mainOrigin);
|
|
69
|
+
const LinkButtonGroups = ({ linksGroups }) => {
|
|
74
70
|
return _.map(linksGroups, (links, indexofGroup) => {
|
|
75
71
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
76
72
|
className: (0, clsx.default)("flex flex-col gap-[8px] basis-1/3", "desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto"),
|
|
77
73
|
children: _.map(links, (link, indexofLink) => {
|
|
78
74
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
|
|
79
|
-
to: link.
|
|
75
|
+
to: link.link,
|
|
80
76
|
target: "_blank",
|
|
77
|
+
id: link.id,
|
|
81
78
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
|
|
82
79
|
className: "text-gray-600 hover:text-gray-800",
|
|
83
80
|
text: link.text
|
|
@@ -89,12 +86,6 @@ const LinkButtonGroups = ({ releaseBranch }) => {
|
|
|
89
86
|
};
|
|
90
87
|
|
|
91
88
|
//#endregion
|
|
92
|
-
Object.defineProperty(exports, 'InfoLinks', {
|
|
93
|
-
enumerable: true,
|
|
94
|
-
get: function () {
|
|
95
|
-
return InfoLinks;
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
89
|
Object.defineProperty(exports, 'LinkButtonGroups', {
|
|
99
90
|
enumerable: true,
|
|
100
91
|
get: function () {
|
|
@@ -107,4 +98,10 @@ Object.defineProperty(exports, 'SocialLinks', {
|
|
|
107
98
|
return SocialLinks;
|
|
108
99
|
}
|
|
109
100
|
});
|
|
110
|
-
|
|
101
|
+
Object.defineProperty(exports, 'StaticLinks', {
|
|
102
|
+
enumerable: true,
|
|
103
|
+
get: function () {
|
|
104
|
+
return StaticLinks;
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
//# sourceMappingURL=links-CPX07u-O.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"links-CPX07u-O.js","names":["SocialMedia","ExternalLink","IconButton","forClientSideRendering","P3","P2"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\nexport const SocialLinks = ({\n releaseBranch,\n links,\n}: {\n releaseBranch: ReleaseBranch\n links: SocialMediaLink[]\n}) => {\n return (\n <div className=\"flex gap-[16px]\">\n {_.map(links, (link) => {\n const iconComponent = (\n <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n )\n return (\n <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n <IconButton iconComponent={iconComponent} />\n </ExternalLink>\n )\n })}\n </div>\n )\n}\n\nexport const StaticLinks = ({\n releaseBranch,\n}: {\n releaseBranch: ReleaseBranch\n}) => {\n const mainOrigin = forClientSideRendering[releaseBranch].main\n return (\n <>\n <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"許可協議\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"隱私政策\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink\n to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n target=\"_blank\"\n >\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"品牌規範\"\n />\n </ExternalLink>\n </>\n )\n}\n\nexport const LinkButtonGroups = ({\n linksGroups,\n}: {\n releaseBranch: ReleaseBranch\n linksGroups: LinkType[][]\n}) => {\n return _.map(linksGroups, (links, indexofGroup) => {\n return (\n <div\n key={indexofGroup}\n className={clsx(\n 'flex flex-col gap-[8px] basis-1/3',\n 'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n )}\n >\n {_.map(links, (link, indexofLink) => {\n return (\n <ExternalLink\n key={indexofLink}\n to={link.link}\n target=\"_blank\"\n id={link.id}\n >\n <P2\n className=\"text-gray-600 hover:text-gray-800\"\n text={link.text}\n />\n </ExternalLink>\n )\n })}\n </div>\n )\n })\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,IAAI,EACR,yBACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,2CAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,2CAACA;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,2CAACC;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,2CAACC,sCAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAaC,+CAAuB,eAAe;AACzD,QACE;EACE,2CAACF;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GACC,IAAI;GACJ,QAAO;aAEP,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,2CAAC;GAEC,6BACE,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,2CAACH;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,2CAACI;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}
|
package/lib/logo/constants.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-oNjXcfW2.mjs";
|
|
3
3
|
export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
|
package/lib/logo/constants.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "../index-H3peA2d_.js";
|
|
2
|
-
import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-
|
|
2
|
+
import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
|
|
3
3
|
export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
|
package/lib/logo/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import "../index-
|
|
2
|
-
import { ReleaseBranch } from "../release-branch-
|
|
3
|
-
import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-
|
|
1
|
+
import "../index-CUE6zs36.mjs";
|
|
2
|
+
import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
|
|
3
|
+
import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-oNjXcfW2.mjs";
|
|
4
4
|
import * as react8 from "react";
|
|
5
5
|
import React from "react";
|
|
6
6
|
|
package/lib/logo/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../index-H3peA2d_.js";
|
|
2
2
|
import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
|
|
3
|
-
import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-
|
|
3
|
+
import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
|
|
4
4
|
import * as react11 from "react";
|
|
5
5
|
import React from "react";
|
|
6
6
|
|
package/lib/logo/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
2
|
require('../release-branch-CRZV4Ivz.js');
|
|
3
3
|
require('../constants-C2moxnps.js');
|
|
4
|
-
const require_logo = require('../logo-
|
|
4
|
+
const require_logo = require('../logo-DzRRd4Y-.js');
|
|
5
5
|
|
|
6
6
|
exports.LogoFooter = require_logo.logo_footer_default;
|
|
7
7
|
exports.LogoHeader = require_logo.logo_header_default;
|
package/lib/logo/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../release-branch-DNCD1uH_.mjs";
|
|
2
2
|
import "../constants-DRxdMM_X.mjs";
|
|
3
|
-
import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-
|
|
3
|
+
import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-CBWWiQoO.mjs";
|
|
4
4
|
|
|
5
5
|
export { logo_footer_default as LogoFooter, logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const require_chunk = require('./chunk-BxBTb9qk.js');
|
|
2
2
|
const require_release_branch = require('./release-branch-CRZV4Ivz.js');
|
|
3
3
|
const require_internal_link = require('./internal-link-Bq4yp13E.js');
|
|
4
|
-
const require_logo = require('./logo-
|
|
4
|
+
const require_logo = require('./logo-DzRRd4Y-.js');
|
|
5
5
|
let react = require("react");
|
|
6
6
|
react = require_chunk.__toESM(react);
|
|
7
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -29,4 +29,4 @@ Object.defineProperty(exports, 'logo_default', {
|
|
|
29
29
|
return logo_default;
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
-
//# sourceMappingURL=logo-
|
|
32
|
+
//# sourceMappingURL=logo-BSp7gsND.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-
|
|
1
|
+
{"version":3,"file":"logo-BSp7gsND.js","names":["Logo: FC<LogoProps>","RELEASE_BRANCH","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n const [isHover, setIsHover] = useState(false)\n return (\n <InternalLink\n to=\"/\"\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}\n >\n <LogoFooter\n releaseBranch={releaseBranch}\n type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n />\n </InternalLink>\n )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgBC,sCAAe,aAAa;CACzE,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAC7C,QACE,2CAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,2CAACC;GACgB;GACf,MAAM,UAAUA,iCAAW,KAAK,UAAUA,iCAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-
|
|
1
|
+
{"version":3,"file":"logo-CBWWiQoO.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n logo: Logo,\n branch: ReleaseBranch,\n type: LogoType | LogoSymbolType\n) {\n switch (logo) {\n case 'header': {\n const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n return type === 'white' ? whitePath : defaultPath\n }\n case 'footer': {\n const path = {\n default: `${baseGCSDir}logo-footer.${branch}.svg`,\n white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n }\n return path[type as LogoType]\n }\n case 'symbol': {\n const path = {\n default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n }\n return path[type]\n }\n case 'loading-fallback': {\n return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n }\n default: {\n return ''\n }\n }\n}\n\nexport default {\n selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n type: LogoSymbolType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n type = LOGO_SYMBOL_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n className={clsx(\n 'w-[232px] h-[25px]',\n 'desktop:w-[272px] desktop:h-[29px]'\n )}\n alt=\"The Reporter Logo\"\n src={logoSrc}\n {...props}\n />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAO;AAElB,0BAAeC;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AChBf,MAAMC,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EACC,WAAW,KACT,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAO;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-
|
|
1
|
+
{"version":3,"file":"logo-DzRRd4Y-.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n logo: Logo,\n branch: ReleaseBranch,\n type: LogoType | LogoSymbolType\n) {\n switch (logo) {\n case 'header': {\n const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n return type === 'white' ? whitePath : defaultPath\n }\n case 'footer': {\n const path = {\n default: `${baseGCSDir}logo-footer.${branch}.svg`,\n white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n }\n return path[type as LogoType]\n }\n case 'symbol': {\n const path = {\n default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n }\n return path[type]\n }\n case 'loading-fallback': {\n return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n }\n default: {\n return ''\n }\n }\n}\n\nexport default {\n selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n type: LogoSymbolType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n type = LOGO_SYMBOL_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n className={clsx(\n 'w-[232px] h-[25px]',\n 'desktop:w-[272px] desktop:h-[29px]'\n )}\n alt=\"The Reporter Logo\"\n src={logoSrc}\n {...props}\n />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAOH;AAElB,0BAAeI;;;;ACff,MAAMC,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AChBf,MAAMI,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EACC,6BACE,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAOH;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
|
|
2
2
|
import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
|
|
3
|
-
import { logo_footer_default } from "./logo-
|
|
3
|
+
import { logo_footer_default } from "./logo-CBWWiQoO.mjs";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
|
|
@@ -21,4 +21,4 @@ var logo_default = Logo;
|
|
|
21
21
|
|
|
22
22
|
//#endregion
|
|
23
23
|
export { logo_default };
|
|
24
|
-
//# sourceMappingURL=logo-
|
|
24
|
+
//# sourceMappingURL=logo-mBe4a2OP.mjs.map
|