@teambit/component-tree 0.0.380 → 0.0.384

package/component-tree.drawer.tsx

@@ -0,0 +1,20 @@
+// import { useComponentHost } from '@teambit/component';
+// import { Drawer } from '@teambit/sidebar';
+// import { FullLoader } from '@teambit/uis.full-loader';
+// import { ComponentTree } from '@teambit/uis.side-bar';
+// import React from 'react';
+
+// import { ComponentTreeSlot } from './component-tree.ui.runtime';
+
+// export class ComponentTreeDrawer implements Drawer {
+//   constructor(private treeNodeSlot: ComponentTreeSlot) {}
+//   // TODO - check if this is still used @oded/@uri
+//   name = 'COMPONENTS';
+
+//   render = () => {
+//     const { host } = useComponentHost();
+
+//     if (!host) return <FullLoader />;
+//     return <ComponentTree components={host.components} treeNodeSlot={this.treeNodeSlot} />;
+//   };
+// }

package/component-tree.ui.runtime.tsx

@@ -0,0 +1,28 @@
+import { Slot, SlotRegistry } from '@teambit/harmony';
+import { UIRuntime } from '@teambit/ui';
+
+import { ComponentTreeNode } from './component-tree-node';
+import { ComponentTreeAspect } from './component-tree.aspect';
+
+export type ComponentTreeSlot = SlotRegistry<ComponentTreeNode>;
+
+export class ComponentTreeUI {
+  constructor(private treeNodeSlot: ComponentTreeSlot) {}
+
+  registerTreeNode(treeNode: ComponentTreeNode) {
+    this.treeNodeSlot.register(treeNode);
+    return this;
+  }
+
+  static runtime = UIRuntime;
+
+  static slots = [Slot.withType<ComponentTreeNode>()];
+
+  static dependencies = [];
+
+  static async provider(deps, config, [treeNodeSlot]: [ComponentTreeSlot]) {
+    return new ComponentTreeUI(treeNodeSlot);
+  }
+}
+
+ComponentTreeAspect.addRuntime(ComponentTreeUI);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component-tree",
-  "version": "0.0.380",
+  "version": "0.0.384",
   "homepage": "https://bit.dev/teambit/component/component-tree",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-tree",
-    "version": "0.0.380"
+    "version": "0.0.384"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -22,7 +22,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.180",
+    "@teambit/legacy": "1.0.184",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -50,27 +50,12 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.180",
+        "@teambit/legacy": "1.0.184",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
-  "files": [
-    "dist",
-    "!dist/tsconfig.tsbuildinfo",
-    "**/*.md",
-    "**/*.mdx",
-    "**/*.js",
-    "**/*.json",
-    "**/*.sass",
-    "**/*.scss",
-    "**/*.less",
-    "**/*.css",
-    "**/*.css",
-    "**/*.jpeg",
-    "**/*.gif"
-  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/types/asset.d.ts

@@ -0,0 +1,29 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}