@teambit/component.ui.component-compare.models.component-compare-props 0.0.130 → 0.0.132

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.
@@ -16,6 +16,14 @@ export interface TabItem {
16
16
  element?: React.ReactNode | null;
17
17
  widget?: boolean;
18
18
  changeType?: ChangeType;
19
+ /**
20
+ * defer mounting this tab's content until its panel is actually visible on screen (active view
21
+ * + scrolled near the viewport). Set on tabs whose mere mounting is expensive regardless of CSS
22
+ * visibility — iframe-based panels (preview, docs) fetch full env preview bundles on mount, so
23
+ * mounting one per component in a large lane compare saturates the network even when hidden.
24
+ * Once mounted the content is never unmounted, so switching views back stays instant.
25
+ */
26
+ lazy?: boolean;
19
27
  }
20
28
 
21
29
  export type ComponentCompareProps = {
@@ -17,6 +17,14 @@ export interface TabItem {
17
17
  element?: React.ReactNode | null;
18
18
  widget?: boolean;
19
19
  changeType?: ChangeType;
20
+ /**
21
+ * defer mounting this tab's content until its panel is actually visible on screen (active view
22
+ * + scrolled near the viewport). Set on tabs whose mere mounting is expensive regardless of CSS
23
+ * visibility — iframe-based panels (preview, docs) fetch full env preview bundles on mount, so
24
+ * mounting one per component in a large lane compare saturates the network even when hidden.
25
+ * Once mounted the content is never unmounted, so switching views back stays instant.
26
+ */
27
+ lazy?: boolean;
20
28
  }
21
29
  export type ComponentCompareProps = {
22
30
  state?: ComponentCompareState;
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@teambit/component.ui.component-compare.models.component-compare-props",
3
- "version": "0.0.130",
3
+ "version": "0.0.132",
4
4
  "homepage": "https://bit.cloud/teambit/component/ui/component-compare/models/component-compare-props",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.component",
8
8
  "name": "ui/component-compare/models/component-compare-props",
9
- "version": "0.0.130"
9
+ "version": "0.0.132"
10
10
  },
11
11
  "dependencies": {
12
12
  "core-js": "^3.0.0",
13
13
  "@teambit/base-ui.routing.nav-link": "1.0.4",
14
- "@teambit/component.ui.component-compare.context": "0.0.125",
15
14
  "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
16
15
  "@teambit/component.ui.component-compare.models.component-compare-hooks": "0.0.11",
17
16
  "@teambit/component.ui.component-compare.models.component-compare-state": "0.0.7",
18
- "@teambit/component.ui.component-compare.utils.lazy-loading": "0.0.8"
17
+ "@teambit/component.ui.component-compare.utils.lazy-loading": "0.0.8",
18
+ "@teambit/component.ui.component-compare.context": "0.0.127"
19
19
  },
20
20
  "devDependencies": {
21
21
  "@types/react-router-dom": "5.3.3",