@teambit/component-sizer 0.0.27 → 0.0.28

package/component-sizer.ui.runtime.tsx

@@ -1,21 +1,26 @@
-import { ComponentAspect } from '@teambit/component';
+import React from 'react';
 import { UIRuntime } from '@teambit/ui';
-import { DocsAspect } from '@teambit/docs';
-import { ComponentSizerAspect } from './component-sizer.aspect';
+import type { ComponentDescriptor } from '@teambit/component-descriptor';
+import { DocsAspect, DocsUI } from '@teambit/docs';
+import { ComponentSize } from '@teambit/component.ui.component-size';
+// import { ComponentSizerAspect } from './component-sizer.aspect';
 
 /**
- * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.
- *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])
+ * Component size aspect.
  */
 export class SizerUIRuntime {
-  static dependencies = [ComponentAspect, DocsAspect];
+  static dependencies = [DocsAspect];
 
   static runtime = UIRuntime;
 
-  static async provider() {
-    const ui = new SizerUIRuntime();
-    return ui;
+  static async provider([docs]: [DocsUI]) {
+    docs.registerTitleBadge({
+      component: function badge({ componentDescriptor }: { componentDescriptor: ComponentDescriptor }) {
+        return <ComponentSize componentDescriptor={componentDescriptor} />;
+      },
+      weight: 30,
+    });
   }
 }
 
-ComponentSizerAspect.addRuntime(SizerUIRuntime);
+// ComponentSizerAspect.addRuntime(SizerUIRuntime);

package/dist/component-sizer.ui.runtime.d.ts

@@ -1,9 +1,9 @@
+import { DocsUI } from '@teambit/docs';
 /**
- * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.
- *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])
+ * Component size aspect.
  */
 export declare class SizerUIRuntime {
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static provider(): Promise<SizerUIRuntime>;
+    static provider([docs]: [DocsUI]): Promise<void>;
 }

package/dist/component-sizer.ui.runtime.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.promise.js");
 
 Object.defineProperty(exports, "__esModule", {
@@ -19,10 +21,10 @@ function _defineProperty2() {
   return data;
 }
 
-function _component() {
-  const data = require("@teambit/component");
+function _react() {
+  const data = _interopRequireDefault(require("react"));
 
-  _component = function () {
+  _react = function () {
     return data;
   };
 
@@ -49,32 +51,40 @@ function _docs() {
   return data;
 }
 
-function _componentSizer() {
-  const data = require("./component-sizer.aspect");
+function _componentUi() {
+  const data = require("@teambit/component.ui.component-size");
 
-  _componentSizer = function () {
+  _componentUi = function () {
     return data;
   };
 
   return data;
 }
 
+// import { ComponentSizerAspect } from './component-sizer.aspect';
+
 /**
- * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.
- *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])
+ * Component size aspect.
  */
 class SizerUIRuntime {
-  static async provider() {
-    const ui = new SizerUIRuntime();
-    return ui;
+  static async provider([docs]) {
+    docs.registerTitleBadge({
+      component: function badge({
+        componentDescriptor
+      }) {
+        return /*#__PURE__*/_react().default.createElement(_componentUi().ComponentSize, {
+          componentDescriptor: componentDescriptor
+        });
+      },
+      weight: 30
+    });
   }
 
-}
+} // ComponentSizerAspect.addRuntime(SizerUIRuntime);
+
 
 exports.SizerUIRuntime = SizerUIRuntime;
-(0, _defineProperty2().default)(SizerUIRuntime, "dependencies", [_component().ComponentAspect, _docs().DocsAspect]);
+(0, _defineProperty2().default)(SizerUIRuntime, "dependencies", [_docs().DocsAspect]);
 (0, _defineProperty2().default)(SizerUIRuntime, "runtime", _ui().UIRuntime);
 
-_componentSizer().ComponentSizerAspect.addRuntime(SizerUIRuntime);
-
 //# sourceMappingURL=component-sizer.ui.runtime.js.map

package/dist/component-sizer.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["component-sizer.ui.runtime.tsx"],"names":["SizerUIRuntime","provider","ui","ComponentAspect","DocsAspect","UIRuntime","ComponentSizerAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACO,MAAMA,cAAN,CAAqB;AAKL,eAARC,QAAQ,GAAG;AACtB,UAAMC,EAAE,GAAG,IAAIF,cAAJ,EAAX;AACA,WAAOE,EAAP;AACD;;AARyB;;;gCAAfF,c,kBACW,CAACG,4BAAD,EAAkBC,kBAAlB,C;gCADXJ,c,aAGMK,e;;AAQnBC,uCAAqBC,UAArB,CAAgCP,cAAhC","sourcesContent":["import { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { DocsAspect } from '@teambit/docs';\nimport { ComponentSizerAspect } from './component-sizer.aspect';\n\n/**\n * Component code tab aspect. Presents the code tab page and allows to control the code tab and register specific icons for each file type.\n *  @example CodeUI.registerEnvFileIcon([(fileName) => (/your-regexp/.test(fileName) ? 'your.icon.url' : undefined)])\n */\nexport class SizerUIRuntime {\n  static dependencies = [ComponentAspect, DocsAspect];\n\n  static runtime = UIRuntime;\n\n  static async provider() {\n    const ui = new SizerUIRuntime();\n    return ui;\n  }\n}\n\nComponentSizerAspect.addRuntime(SizerUIRuntime);\n"]}
+{"version":3,"sources":["component-sizer.ui.runtime.tsx"],"names":["SizerUIRuntime","provider","docs","registerTitleBadge","component","badge","componentDescriptor","weight","DocsAspect","UIRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;;AAEA;AACA;AACA;AACO,MAAMA,cAAN,CAAqB;AAKL,eAARC,QAAQ,CAAC,CAACC,IAAD,CAAD,EAAmB;AACtCA,IAAAA,IAAI,CAACC,kBAAL,CAAwB;AACtBC,MAAAA,SAAS,EAAE,SAASC,KAAT,CAAe;AAAEC,QAAAA;AAAF,OAAf,EAAsF;AAC/F,4BAAO,+BAAC,4BAAD;AAAe,UAAA,mBAAmB,EAAEA;AAApC,UAAP;AACD,OAHqB;AAItBC,MAAAA,MAAM,EAAE;AAJc,KAAxB;AAMD;;AAZyB,C,CAe5B;;;;gCAfaP,c,kBACW,CAACQ,kBAAD,C;gCADXR,c,aAGMS,e","sourcesContent":["import React from 'react';\nimport { UIRuntime } from '@teambit/ui';\nimport type { ComponentDescriptor } from '@teambit/component-descriptor';\nimport { DocsAspect, DocsUI } from '@teambit/docs';\nimport { ComponentSize } from '@teambit/component.ui.component-size';\n// import { ComponentSizerAspect } from './component-sizer.aspect';\n\n/**\n * Component size aspect.\n */\nexport class SizerUIRuntime {\n  static dependencies = [DocsAspect];\n\n  static runtime = UIRuntime;\n\n  static async provider([docs]: [DocsUI]) {\n    docs.registerTitleBadge({\n      component: function badge({ componentDescriptor }: { componentDescriptor: ComponentDescriptor }) {\n        return <ComponentSize componentDescriptor={componentDescriptor} />;\n      },\n      weight: 30,\n    });\n  }\n}\n\n// ComponentSizerAspect.addRuntime(SizerUIRuntime);\n"]}

package/package.json

@@ -1,31 +1,33 @@
 {
   "name": "@teambit/component-sizer",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "homepage": "https://bit.dev/teambit/component/component-sizer",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-sizer",
-    "version": "0.0.27"
+    "version": "0.0.28"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
     "graphql-tag": "2.12.1",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/component": "0.0.654",
-    "@teambit/graphql": "0.0.654",
+    "@teambit/component": "0.0.655",
+    "@teambit/graphql": "0.0.655",
     "@teambit/cli": "0.0.446",
-    "@teambit/preview": "0.0.654",
-    "@teambit/docs": "0.0.654",
-    "@teambit/ui": "0.0.654"
+    "@teambit/preview": "0.0.655",
+    "@teambit/component-descriptor": "0.0.4",
+    "@teambit/component.ui.component-size": "0.0.1",
+    "@teambit/docs": "0.0.655",
+    "@teambit/ui": "0.0.655"
   },
   "devDependencies": {
+    "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
-    "@types/react": "^17.0.8",
     "@types/node": "12.20.4"
   },
   "peerDependencies": {