@twreporter/react-typescript-components 0.1.0-beta.14 → 0.1.0-beta.16
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/index.d.mts +8 -8
- 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.mts +3 -3
- 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 +8 -8
- package/lib/hamburger-menu/index.mjs +7 -7
- package/lib/{hamburger-menu-CRVI3tt_.js → hamburger-menu-DNfJ2jMA.js} +31 -31
- package/lib/{hamburger-menu-CRVI3tt_.js.map → hamburger-menu-DNfJ2jMA.js.map} +1 -1
- package/lib/{hamburger-menu-CxSoTBp8.mjs → hamburger-menu-DOrmybn_.mjs} +30 -30
- package/lib/{hamburger-menu-CxSoTBp8.mjs.map → hamburger-menu-DOrmybn_.mjs.map} +1 -1
- package/lib/header/index.js +9 -9
- package/lib/header/index.mjs +8 -8
- 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.mts +5 -5
- package/lib/logo/index.d.ts +5 -5
- package/lib/logo/index.js +1 -1
- package/lib/logo/index.mjs +1 -1
- package/lib/{logo-BTNfdxTv.js → logo-CuMjQGbj.js} +1 -1
- package/lib/{logo-BTNfdxTv.js.map → logo-CuMjQGbj.js.map} +1 -1
- package/lib/{logo-D68VZ-fc.mjs → logo-CxXblyO9.mjs} +1 -1
- package/lib/{logo-D68VZ-fc.mjs.map → logo-CxXblyO9.mjs.map} +1 -1
- package/lib/tab-bar/index.js +4 -4
- package/lib/tab-bar/index.mjs +3 -3
- package/lib/{tab-bar-BNo9UHeK.mjs → tab-bar-CdsxfUdk.mjs} +2 -2
- package/lib/{tab-bar-BNo9UHeK.mjs.map → tab-bar-CdsxfUdk.mjs.map} +1 -1
- package/lib/{tab-bar-BT1ooNn0.js → tab-bar-qKbhyjg-.js} +3 -3
- package/lib/{tab-bar-BT1ooNn0.js.map → tab-bar-qKbhyjg-.js.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 +2 -2
- package/package.json +3 -3
package/lib/logo/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../index-CYb6xr3M.mjs";
|
|
2
2
|
import { ReleaseBranch } from "../release-branch-BqeBsvrl.mjs";
|
|
3
3
|
import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-BqAhJjFv.mjs";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react4 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: react4.FC<{
|
|
28
28
|
type: LogoType;
|
|
29
29
|
releaseBranch?: ReleaseBranch;
|
|
30
|
-
} &
|
|
30
|
+
} & react4.ImgHTMLAttributes<HTMLImageElement>> & {
|
|
31
31
|
Type: typeof LOGO_TYPE;
|
|
32
32
|
};
|
|
33
|
-
LogoSymbol:
|
|
33
|
+
LogoSymbol: react4.FC<{
|
|
34
34
|
type: LogoSymbolType;
|
|
35
35
|
releaseBranch?: ReleaseBranch;
|
|
36
|
-
} &
|
|
36
|
+
} & react4.ImgHTMLAttributes<HTMLImageElement>> & {
|
|
37
37
|
Type: typeof LOGO_SYMBOL_TYPE;
|
|
38
38
|
};
|
|
39
39
|
};
|
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/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-CuMjQGbj.js');
|
|
5
5
|
|
|
6
6
|
exports.LogoHeader = require_logo.logo_header_default;
|
|
7
7
|
exports.LogoSymbol = require_logo.logo_symbol_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_header_default, logo_symbol_default } from "../logo-
|
|
3
|
+
import { logo_default, logo_header_default, logo_symbol_default } from "../logo-CxXblyO9.mjs";
|
|
4
4
|
|
|
5
5
|
export { logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-
|
|
1
|
+
{"version":3,"file":"logo-CuMjQGbj.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_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/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 LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\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,cAAsE,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,WAAW,OAAOH;AAElB,0BAAe;;;;ACff,MAAMI,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;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-
|
|
1
|
+
{"version":3,"file":"logo-CxXblyO9.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.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 LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\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,cAAsE,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,WAAW,OAAO;AAElB,0BAAe;;;;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;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}
|
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-qKbhyjg-.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-CdsxfUdk.mjs";
|
|
15
15
|
import "../theme-DQCIQh_8.mjs";
|
|
16
16
|
import "../constants--CDeoDub.mjs";
|
|
17
17
|
|
|
@@ -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-CdsxfUdk.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar-
|
|
1
|
+
{"version":3,"file":"tab-bar-CdsxfUdk.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,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-qKbhyjg-.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar-
|
|
1
|
+
{"version":3,"file":"tab-bar-qKbhyjg-.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
|
|
1
|
+
import * as react1 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:
|
|
39
|
+
Title2: react1.FC<{
|
|
40
40
|
title: string;
|
|
41
41
|
subtitle?: string;
|
|
42
42
|
renderButton?: React.ReactNode;
|
|
43
43
|
className?: string;
|
|
44
44
|
}>;
|
|
45
|
-
Title1:
|
|
45
|
+
Title1: react1.FC<{
|
|
46
46
|
title: string;
|
|
47
47
|
subtitle?: string;
|
|
48
48
|
className?: string;
|
|
49
49
|
}>;
|
|
50
|
-
TitleTab:
|
|
50
|
+
TitleTab: react1.FC<{
|
|
51
51
|
title: string;
|
|
52
52
|
tabs: Tab[];
|
|
53
53
|
activeTabIndex?: number;
|
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.16",
|
|
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.8",
|
|
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": "53d4cc3e3ea65e6d9500e3a93ff1be7db9571cd4"
|
|
54
54
|
}
|