@teambit/scope 0.0.961 → 0.0.963
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/dist/{preview-1674012591081.js → preview-1674039846300.js} +2 -2
- package/dist/ui/scope-overview/scope-overview.js +3 -2
- package/dist/ui/scope-overview/scope-overview.js.map +1 -1
- package/package-tar/teambit-scope-0.0.963.tgz +0 -0
- package/package.json +31 -31
- package/ui/scope-overview/scope-overview.tsx +13 -16
- package/package-tar/teambit-scope-0.0.961.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.
|
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.
|
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.963/dist/scope.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.963/dist/scope.docs.mdx';
|
|
3
3
|
|
|
4
4
|
export const compositions = [compositions_0];
|
|
5
5
|
export const overview = [overview_0];
|
|
@@ -77,9 +77,10 @@ function ScopeOverview({
|
|
|
77
77
|
if (!components || components.length === 0) return /*#__PURE__*/_react().default.createElement(_scopeUi2().EmptyScope, {
|
|
78
78
|
name: scope.name
|
|
79
79
|
});
|
|
80
|
+
if (TargetOverview) return /*#__PURE__*/_react().default.createElement(TargetOverview, null);
|
|
80
81
|
return /*#__PURE__*/_react().default.createElement("div", {
|
|
81
82
|
className: _scopeOverviewModule().default.container
|
|
82
|
-
},
|
|
83
|
+
}, /*#__PURE__*/_react().default.createElement(_scopeUi().ScopeDetails, {
|
|
83
84
|
scopeName: scope.name,
|
|
84
85
|
icon: scope.icon,
|
|
85
86
|
backgroundIconColor: scope.backgroundIconColor,
|
|
@@ -87,7 +88,7 @@ function ScopeOverview({
|
|
|
87
88
|
overviewSlot: overviewSlot,
|
|
88
89
|
description: scope.description,
|
|
89
90
|
componentCount: scope.components.length
|
|
90
|
-
})
|
|
91
|
+
}), /*#__PURE__*/_react().default.createElement(_explorerUiGallery2().ComponentGrid, null, components.map((component, index) => {
|
|
91
92
|
var _component$deprecatio;
|
|
92
93
|
if ((_component$deprecatio = component.deprecation) !== null && _component$deprecatio !== void 0 && _component$deprecatio.isDeprecate) return null;
|
|
93
94
|
return /*#__PURE__*/_react().default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ScopeOverview","badgeSlot","overviewSlot","TargetOverview","scope","useContext","ScopeContext","components","length","name","styles","container","icon","backgroundIconColor","description","map","component","index","deprecation","isDeprecate","ScopeComponentCard","componentUrl","shouldShowPreview","compositions","id","fullName","environment","version"],"sources":["scope-overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType } from 'react';\nimport { ComponentCard } from '@teambit/explorer.ui.gallery.component-card';\nimport { ComponentGrid } from '@teambit/explorer.ui.gallery.component-grid';\nimport { ScopeDetails } from '@teambit/scope.ui.scope-details';\nimport { PreviewPlaceholder } from '@teambit/preview.ui.preview-placeholder';\nimport { EmptyScope } from '@teambit/scope.ui.empty-scope';\nimport { ComponentModel } from '@teambit/component';\nimport { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\nimport styles from './scope-overview.module.scss';\nimport type { ScopeBadgeSlot, OverviewLineSlot } from '../../scope.ui.runtime';\n\nexport type ScopeOverviewProps = {\n badgeSlot: ScopeBadgeSlot;\n overviewSlot: OverviewLineSlot;\n TargetOverview?: ComponentType;\n};\n\nexport function ScopeOverview({ badgeSlot, overviewSlot, TargetOverview }: ScopeOverviewProps) {\n const scope = useContext(ScopeContext);\n const { components } = scope;\n if (!components || components.length === 0) return <EmptyScope name={scope.name} />;\n\n return (\n <div className={styles.container}>\n
|
|
1
|
+
{"version":3,"names":["ScopeOverview","badgeSlot","overviewSlot","TargetOverview","scope","useContext","ScopeContext","components","length","name","styles","container","icon","backgroundIconColor","description","map","component","index","deprecation","isDeprecate","ScopeComponentCard","componentUrl","shouldShowPreview","compositions","id","fullName","environment","version"],"sources":["scope-overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType } from 'react';\nimport { ComponentCard } from '@teambit/explorer.ui.gallery.component-card';\nimport { ComponentGrid } from '@teambit/explorer.ui.gallery.component-grid';\nimport { ScopeDetails } from '@teambit/scope.ui.scope-details';\nimport { PreviewPlaceholder } from '@teambit/preview.ui.preview-placeholder';\nimport { EmptyScope } from '@teambit/scope.ui.empty-scope';\nimport { ComponentModel } from '@teambit/component';\nimport { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';\nimport styles from './scope-overview.module.scss';\nimport type { ScopeBadgeSlot, OverviewLineSlot } from '../../scope.ui.runtime';\n\nexport type ScopeOverviewProps = {\n badgeSlot: ScopeBadgeSlot;\n overviewSlot: OverviewLineSlot;\n TargetOverview?: ComponentType;\n};\n\nexport function ScopeOverview({ badgeSlot, overviewSlot, TargetOverview }: ScopeOverviewProps) {\n const scope = useContext(ScopeContext);\n const { components } = scope;\n if (!components || components.length === 0) return <EmptyScope name={scope.name} />;\n if (TargetOverview) return <TargetOverview />;\n\n return (\n <div className={styles.container}>\n <ScopeDetails\n scopeName={scope.name}\n icon={scope.icon}\n backgroundIconColor={scope.backgroundIconColor}\n badgeSlot={badgeSlot}\n overviewSlot={overviewSlot}\n description={scope.description}\n componentCount={scope.components.length}\n />\n <ComponentGrid>\n {components.map((component, index) => {\n if (component.deprecation?.isDeprecate) return null;\n return (\n <div key={index}>\n <ScopeComponentCard component={component} />\n </div>\n );\n })}\n </ComponentGrid>\n </div>\n );\n}\n\ntype ScopeComponentCardProps = {\n component: ComponentModel;\n componentUrl?: string;\n};\n\nexport function ScopeComponentCard({ component, componentUrl }: ScopeComponentCardProps) {\n const shouldShowPreview = component.compositions.length > 0;\n return (\n <ComponentCard\n id={component.id.fullName}\n envIcon={component.environment?.icon}\n description={component.description}\n version={component.version}\n href={componentUrl}\n preview={<PreviewPlaceholder component={component} shouldShowPreview={shouldShowPreview} />}\n />\n );\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAkD;AAAA;AAS3C,SAASA,aAAa,CAAC;EAAEC,SAAS;EAAEC,YAAY;EAAEC;AAAmC,CAAC,EAAE;EAC7F,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAACC,4BAAY,CAAC;EACtC,MAAM;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAC5B,IAAI,CAACG,UAAU,IAAIA,UAAU,CAACC,MAAM,KAAK,CAAC,EAAE,oBAAO,+BAAC,sBAAU;IAAC,IAAI,EAAEJ,KAAK,CAACK;EAAK,EAAG;EACnF,IAAIN,cAAc,EAAE,oBAAO,+BAAC,cAAc,OAAG;EAE7C,oBACE;IAAK,SAAS,EAAEO,8BAAM,CAACC;EAAU,gBAC/B,+BAAC,uBAAY;IACX,SAAS,EAAEP,KAAK,CAACK,IAAK;IACtB,IAAI,EAAEL,KAAK,CAACQ,IAAK;IACjB,mBAAmB,EAAER,KAAK,CAACS,mBAAoB;IAC/C,SAAS,EAAEZ,SAAU;IACrB,YAAY,EAAEC,YAAa;IAC3B,WAAW,EAAEE,KAAK,CAACU,WAAY;IAC/B,cAAc,EAAEV,KAAK,CAACG,UAAU,CAACC;EAAO,EACxC,eACF,+BAAC,mCAAa,QACXD,UAAU,CAACQ,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IAAA;IACpC,6BAAID,SAAS,CAACE,WAAW,kDAArB,sBAAuBC,WAAW,EAAE,OAAO,IAAI;IACnD,oBACE;MAAK,GAAG,EAAEF;IAAM,gBACd,+BAAC,kBAAkB;MAAC,SAAS,EAAED;IAAU,EAAG,CACxC;EAEV,CAAC,CAAC,CACY,CACZ;AAEV;AAOO,SAASI,kBAAkB,CAAC;EAAEJ,SAAS;EAAEK;AAAsC,CAAC,EAAE;EAAA;EACvF,MAAMC,iBAAiB,GAAGN,SAAS,CAACO,YAAY,CAACf,MAAM,GAAG,CAAC;EAC3D,oBACE,+BAAC,kCAAa;IACZ,EAAE,EAAEQ,SAAS,CAACQ,EAAE,CAACC,QAAS;IAC1B,OAAO,2BAAET,SAAS,CAACU,WAAW,0DAArB,sBAAuBd,IAAK;IACrC,WAAW,EAAEI,SAAS,CAACF,WAAY;IACnC,OAAO,EAAEE,SAAS,CAACW,OAAQ;IAC3B,IAAI,EAAEN,YAAa;IACnB,OAAO,eAAE,+BAAC,+BAAkB;MAAC,SAAS,EAAEL,SAAU;MAAC,iBAAiB,EAAEM;IAAkB;EAAI,EAC5F;AAEN"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/scope",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.963",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/scope/scope",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.scope",
|
|
8
8
|
"name": "scope",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.963"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"chalk": "2.4.2",
|
|
@@ -26,46 +26,46 @@
|
|
|
26
26
|
"@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
|
|
27
27
|
"@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
|
|
28
28
|
"@teambit/base-ui.utils.composer": "1.0.0",
|
|
29
|
-
"@teambit/scope.models.scope-model": "0.0.
|
|
30
|
-
"@teambit/scope.ui.hooks.scope-context": "0.0.
|
|
31
|
-
"@teambit/cli": "0.0.
|
|
32
|
-
"@teambit/component": "0.0.
|
|
33
|
-
"@teambit/logger": "0.0.
|
|
34
|
-
"@teambit/aspect-loader": "0.0.
|
|
29
|
+
"@teambit/scope.models.scope-model": "0.0.304",
|
|
30
|
+
"@teambit/scope.ui.hooks.scope-context": "0.0.304",
|
|
31
|
+
"@teambit/cli": "0.0.646",
|
|
32
|
+
"@teambit/component": "0.0.963",
|
|
33
|
+
"@teambit/logger": "0.0.739",
|
|
34
|
+
"@teambit/aspect-loader": "0.0.963",
|
|
35
35
|
"@teambit/bit-error": "0.0.402",
|
|
36
|
-
"@teambit/builder": "0.0.
|
|
37
|
-
"@teambit/compiler": "0.0.
|
|
38
|
-
"@teambit/dependency-resolver": "0.0.
|
|
39
|
-
"@teambit/envs": "0.0.
|
|
40
|
-
"@teambit/express": "0.0.
|
|
41
|
-
"@teambit/graph": "0.0.
|
|
42
|
-
"@teambit/graphql": "0.0.
|
|
36
|
+
"@teambit/builder": "0.0.963",
|
|
37
|
+
"@teambit/compiler": "0.0.963",
|
|
38
|
+
"@teambit/dependency-resolver": "0.0.963",
|
|
39
|
+
"@teambit/envs": "0.0.963",
|
|
40
|
+
"@teambit/express": "0.0.744",
|
|
41
|
+
"@teambit/graph": "0.0.963",
|
|
42
|
+
"@teambit/graphql": "0.0.963",
|
|
43
43
|
"@teambit/harmony.modules.requireable-component": "0.0.491",
|
|
44
|
-
"@teambit/isolator": "0.0.
|
|
44
|
+
"@teambit/isolator": "0.0.963",
|
|
45
45
|
"@teambit/legacy-bit-id": "0.0.421",
|
|
46
|
-
"@teambit/ui": "0.0.
|
|
46
|
+
"@teambit/ui": "0.0.963",
|
|
47
47
|
"@teambit/workspace.modules.match-pattern": "0.0.498",
|
|
48
48
|
"@teambit/component-id": "0.0.425",
|
|
49
|
-
"@teambit/component.ui.component-drawer": "0.0.
|
|
49
|
+
"@teambit/component.ui.component-drawer": "0.0.204",
|
|
50
50
|
"@teambit/design.ui.tree": "0.0.16",
|
|
51
|
-
"@teambit/lanes.hooks.use-lane-components": "0.0.
|
|
52
|
-
"@teambit/lanes.hooks.use-lanes": "0.0.
|
|
53
|
-
"@teambit/ui-foundation.ui.side-bar": "0.0.
|
|
54
|
-
"@teambit/command-bar": "0.0.
|
|
55
|
-
"@teambit/component-tree": "0.0.
|
|
51
|
+
"@teambit/lanes.hooks.use-lane-components": "0.0.108",
|
|
52
|
+
"@teambit/lanes.hooks.use-lanes": "0.0.109",
|
|
53
|
+
"@teambit/ui-foundation.ui.side-bar": "0.0.721",
|
|
54
|
+
"@teambit/command-bar": "0.0.963",
|
|
55
|
+
"@teambit/component-tree": "0.0.751",
|
|
56
56
|
"@teambit/component.modules.component-url": "0.0.148",
|
|
57
|
-
"@teambit/component.ui.component-filters.component-filter-context": "0.0.
|
|
58
|
-
"@teambit/component.ui.component-filters.deprecate-filter": "0.0.
|
|
59
|
-
"@teambit/component.ui.component-filters.env-filter": "0.0.
|
|
60
|
-
"@teambit/component.ui.component-filters.show-main-filter": "0.0.
|
|
61
|
-
"@teambit/sidebar": "0.0.
|
|
57
|
+
"@teambit/component.ui.component-filters.component-filter-context": "0.0.78",
|
|
58
|
+
"@teambit/component.ui.component-filters.deprecate-filter": "0.0.78",
|
|
59
|
+
"@teambit/component.ui.component-filters.env-filter": "0.0.84",
|
|
60
|
+
"@teambit/component.ui.component-filters.show-main-filter": "0.0.71",
|
|
61
|
+
"@teambit/sidebar": "0.0.963",
|
|
62
62
|
"@teambit/ui-foundation.ui.main-dropdown": "0.0.497",
|
|
63
63
|
"@teambit/ui-foundation.ui.menu": "0.0.497",
|
|
64
64
|
"@teambit/ui-foundation.ui.react-router.slot-router": "0.0.501",
|
|
65
65
|
"@teambit/ui-foundation.ui.tree.drawer": "0.0.511",
|
|
66
|
-
"@teambit/lane-id": "0.0.
|
|
66
|
+
"@teambit/lane-id": "0.0.163",
|
|
67
67
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.498",
|
|
68
|
-
"@teambit/scope.ui.hooks.use-scope": "0.0.
|
|
68
|
+
"@teambit/scope.ui.hooks.use-scope": "0.0.309",
|
|
69
69
|
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.206",
|
|
70
70
|
"@teambit/ui-foundation.ui.corner": "0.0.507",
|
|
71
71
|
"@teambit/ui-foundation.ui.full-loader": "0.0.495",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
},
|
|
95
95
|
"peerDependencies": {
|
|
96
96
|
"react-router-dom": "^6.0.0",
|
|
97
|
-
"@teambit/legacy": "1.0.
|
|
97
|
+
"@teambit/legacy": "1.0.426",
|
|
98
98
|
"react": "^16.8.0 || ^17.0.0",
|
|
99
99
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
100
100
|
},
|
|
@@ -19,10 +19,11 @@ export function ScopeOverview({ badgeSlot, overviewSlot, TargetOverview }: Scope
|
|
|
19
19
|
const scope = useContext(ScopeContext);
|
|
20
20
|
const { components } = scope;
|
|
21
21
|
if (!components || components.length === 0) return <EmptyScope name={scope.name} />;
|
|
22
|
+
if (TargetOverview) return <TargetOverview />;
|
|
22
23
|
|
|
23
24
|
return (
|
|
24
25
|
<div className={styles.container}>
|
|
25
|
-
|
|
26
|
+
<ScopeDetails
|
|
26
27
|
scopeName={scope.name}
|
|
27
28
|
icon={scope.icon}
|
|
28
29
|
backgroundIconColor={scope.backgroundIconColor}
|
|
@@ -30,21 +31,17 @@ export function ScopeOverview({ badgeSlot, overviewSlot, TargetOverview }: Scope
|
|
|
30
31
|
overviewSlot={overviewSlot}
|
|
31
32
|
description={scope.description}
|
|
32
33
|
componentCount={scope.components.length}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
);
|
|
45
|
-
})}
|
|
46
|
-
</ComponentGrid>
|
|
47
|
-
)}
|
|
34
|
+
/>
|
|
35
|
+
<ComponentGrid>
|
|
36
|
+
{components.map((component, index) => {
|
|
37
|
+
if (component.deprecation?.isDeprecate) return null;
|
|
38
|
+
return (
|
|
39
|
+
<div key={index}>
|
|
40
|
+
<ScopeComponentCard component={component} />
|
|
41
|
+
</div>
|
|
42
|
+
);
|
|
43
|
+
})}
|
|
44
|
+
</ComponentGrid>
|
|
48
45
|
</div>
|
|
49
46
|
);
|
|
50
47
|
}
|
|
Binary file
|