@teambit/code.ui.code-tab-page 0.0.591 → 0.0.593
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/code-tab-page.tsx +4 -1
- package/dist/code-tab-page.d.ts +2 -1
- package/dist/code-tab-page.js +2 -2
- package/dist/code-tab-page.js.map +1 -1
- package/package-tar/teambit-code.ui.code-tab-page-0.0.593.tgz +0 -0
- package/package.json +7 -7
- package/{preview-1662521943539.js → preview-1666312873430.js} +2 -0
- package/package-tar/teambit-code.ui.code-tab-page-0.0.591.tgz +0 -0
package/code-tab-page.tsx
CHANGED
@@ -21,9 +21,10 @@ import styles from './code-tab-page.module.scss';
|
|
21
21
|
|
22
22
|
type CodePageProps = {
|
23
23
|
fileIconSlot?: FileIconSlot;
|
24
|
+
host: string;
|
24
25
|
} & HTMLAttributes<HTMLDivElement>;
|
25
26
|
|
26
|
-
export function CodePage({ className, fileIconSlot }: CodePageProps) {
|
27
|
+
export function CodePage({ className, fileIconSlot, host }: CodePageProps) {
|
27
28
|
const urlParams = useCodeParams();
|
28
29
|
const component = useContext(ComponentContext);
|
29
30
|
const { mainFile, fileTree = [], dependencies, devFiles } = useCode(component.id);
|
@@ -52,6 +53,8 @@ export function CodePage({ className, fileIconSlot }: CodePageProps) {
|
|
52
53
|
</HoverSplitter>
|
53
54
|
<Pane className={styles.right}>
|
54
55
|
<CodeTabTree
|
56
|
+
host={host}
|
57
|
+
componentId={component.id}
|
55
58
|
currentFile={currentFile}
|
56
59
|
dependencies={dependencies}
|
57
60
|
fileTree={fileTree}
|
package/dist/code-tab-page.d.ts
CHANGED
@@ -4,7 +4,8 @@ import { FileIconMatch } from '@teambit/code.ui.utils.get-file-icon';
|
|
4
4
|
import { TreeNode } from '@teambit/design.ui.tree';
|
5
5
|
declare type CodePageProps = {
|
6
6
|
fileIconSlot?: FileIconSlot;
|
7
|
+
host: string;
|
7
8
|
} & HTMLAttributes<HTMLDivElement>;
|
8
|
-
export declare function CodePage({ className, fileIconSlot }: CodePageProps): JSX.Element;
|
9
|
+
export declare function CodePage({ className, fileIconSlot, host }: CodePageProps): JSX.Element;
|
9
10
|
export declare function generateIcon(fileIconMatchers: FileIconMatch[]): ({ id }: TreeNode) => string;
|
10
11
|
export {};
|
package/dist/code-tab-page.js
CHANGED
@@ -39,7 +39,7 @@ const code_ui_utils_get_file_icon_1 = require("@teambit/code.ui.utils.get-file-i
|
|
39
39
|
const code_ui_hooks_use_code_params_1 = require("@teambit/code.ui.hooks.use-code-params");
|
40
40
|
const base_ui_utils_string_affix_1 = require("@teambit/base-ui.utils.string.affix");
|
41
41
|
const code_tab_page_module_scss_1 = __importDefault(require("./code-tab-page.module.scss"));
|
42
|
-
function CodePage({ className, fileIconSlot }) {
|
42
|
+
function CodePage({ className, fileIconSlot, host }) {
|
43
43
|
const urlParams = (0, code_ui_hooks_use_code_params_1.useCodeParams)();
|
44
44
|
const component = (0, react_1.useContext)(component_1.ComponentContext);
|
45
45
|
const { mainFile, fileTree = [], dependencies, devFiles } = (0, code_ui_queries_get_component_code_1.useCode)(component.id);
|
@@ -55,7 +55,7 @@ function CodePage({ className, fileIconSlot }) {
|
|
55
55
|
react_1.default.createElement(base_ui_surfaces_split_pane_hover_splitter_1.HoverSplitter, { className: code_tab_page_module_scss_1.default.splitter },
|
56
56
|
react_1.default.createElement(ui_foundation_ui_buttons_collapser_1.Collapser, { placement: "left", isOpen: isSidebarOpen, onMouseDown: (e) => e.stopPropagation(), onClick: () => setSidebarOpenness((x) => !x), tooltipContent: `${isSidebarOpen ? 'Hide' : 'Show'} file tree`, className: code_tab_page_module_scss_1.default.collapser })),
|
57
57
|
react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane, { className: code_tab_page_module_scss_1.default.right },
|
58
|
-
react_1.default.createElement(code_ui_code_tab_tree_1.CodeTabTree, { currentFile: currentFile, dependencies: dependencies, fileTree: fileTree, widgets: (0, react_1.useMemo)(() => [generateWidget(mainFile, devFiles)], [mainFile, devFiles]), getHref: (0, react_1.useMemo)(() => (node) => `${node.id}${(0, base_ui_utils_string_affix_1.affix)('?version=', urlParams.version)}`, [urlParams.version]), getIcon: (0, react_1.useMemo)(() => generateIcon(fileIconMatchers), fileIconMatchers) }))));
|
58
|
+
react_1.default.createElement(code_ui_code_tab_tree_1.CodeTabTree, { host: host, componentId: component.id, currentFile: currentFile, dependencies: dependencies, fileTree: fileTree, widgets: (0, react_1.useMemo)(() => [generateWidget(mainFile, devFiles)], [mainFile, devFiles]), getHref: (0, react_1.useMemo)(() => (node) => `${node.id}${(0, base_ui_utils_string_affix_1.affix)('?version=', urlParams.version)}`, [urlParams.version]), getIcon: (0, react_1.useMemo)(() => generateIcon(fileIconMatchers), fileIconMatchers) }))));
|
59
59
|
}
|
60
60
|
exports.CodePage = CodePage;
|
61
61
|
function generateWidget(mainFile, devFiles) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"code-tab-page.js","sourceRoot":"","sources":["../code-tab-page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAsD;AACtD,4DAAoC;AACpC,+CAA6E;AAC7E,mCAAiC;AACjC,sEAAqD;AACrD,4GAA0F;AAC1F,oHAAoF;AACpF,oGAAwE;AACxE,oGAAsE;AAEtE,kEAAsD;AACtD,0EAA6D;AAC7D,wGAA4E;AAE5E,sFAAkF;AAClF,0FAAuE;AAEvE,oFAA4D;AAE5D,4FAAiD;
|
1
|
+
{"version":3,"file":"code-tab-page.js","sourceRoot":"","sources":["../code-tab-page.tsx"],"names":[],"mappings":"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"}
|
Binary file
|
package/package.json
CHANGED
@@ -1,31 +1,31 @@
|
|
1
1
|
{
|
2
2
|
"name": "@teambit/code.ui.code-tab-page",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.593",
|
4
4
|
"homepage": "https://bit.dev/teambit/code/ui/code-tab-page",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"componentId": {
|
7
7
|
"scope": "teambit.code",
|
8
8
|
"name": "ui/code-tab-page",
|
9
|
-
"version": "0.0.
|
9
|
+
"version": "0.0.593"
|
10
10
|
},
|
11
11
|
"dependencies": {
|
12
12
|
"classnames": "2.2.6",
|
13
13
|
"lodash": "4.17.21",
|
14
14
|
"core-js": "^3.0.0",
|
15
|
-
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.494",
|
16
15
|
"@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
|
17
16
|
"@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
|
18
17
|
"@teambit/base-ui.utils.string.affix": "1.0.0",
|
19
|
-
"@teambit/
|
18
|
+
"@teambit/documenter.ui.label": "4.0.3",
|
19
|
+
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.494",
|
20
|
+
"@teambit/code.ui.code-tab-tree": "0.0.585",
|
20
21
|
"@teambit/code.ui.code-view": "0.0.499",
|
21
22
|
"@teambit/code.ui.hooks.use-code-params": "0.0.493",
|
22
23
|
"@teambit/code.ui.queries.get-component-code": "0.0.497",
|
23
24
|
"@teambit/code.ui.utils.get-file-icon": "0.0.492",
|
24
25
|
"@teambit/design.ui.tree": "0.0.12",
|
25
|
-
"@teambit/
|
26
|
-
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.201",
|
26
|
+
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.202",
|
27
27
|
"@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.185",
|
28
|
-
"@teambit/ui-foundation.ui.tree.tree-node": "0.0.
|
28
|
+
"@teambit/ui-foundation.ui.tree.tree-node": "0.0.500"
|
29
29
|
},
|
30
30
|
"devDependencies": {
|
31
31
|
"@types/classnames": "2.2.11",
|
Binary file
|