@teambit/component-compare 0.0.91 → 0.0.94

package/component-compare.section.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Section } from '@teambit/component';
-import { ComponentCompareMenuWidget } from './component-compare-widget';
+import { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
 
 export class ComponentCompareSection implements Section {
@@ -9,7 +9,7 @@ export class ComponentCompareSection implements Section {
   navigationLink = {
     href: '~compare',
     displayName: 'Compare',
-    children: <ComponentCompareMenuWidget />,
+    children: <MenuWidgetIcon icon="compare" tooltipContent="Compare" />,
   };
 
   route = {

package/dist/component-compare.section.js

@@ -27,10 +27,10 @@ function _react() {
   return data;
 }
 
-function _componentCompareWidget() {
-  const data = require("./component-compare-widget");
+function _uiFoundationUi() {
+  const data = require("@teambit/ui-foundation.ui.menu-widget-icon");
 
-  _componentCompareWidget = function () {
+  _uiFoundationUi = function () {
     return data;
   };
 
@@ -43,7 +43,10 @@ class ComponentCompareSection {
     (0, _defineProperty2().default)(this, "navigationLink", {
       href: '~compare',
       displayName: 'Compare',
-      children: /*#__PURE__*/_react().default.createElement(_componentCompareWidget().ComponentCompareMenuWidget, null)
+      children: /*#__PURE__*/_react().default.createElement(_uiFoundationUi().MenuWidgetIcon, {
+        icon: "compare",
+        tooltipContent: "Compare"
+      })
     });
     (0, _defineProperty2().default)(this, "route", {
       path: '~compare/*',

package/dist/component-compare.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentCompareSection","constructor","componentCompare","href","displayName","children","path","element","getComponentComparePage"],"sources":["component-compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { ComponentCompareMenuWidget } from './component-compare-widget';\nimport { ComponentCompareUI } from './component-compare.ui.runtime';\n\nexport class ComponentCompareSection implements Section {\n  constructor(private componentCompare: ComponentCompareUI) {}\n\n  navigationLink = {\n    href: '~compare',\n    displayName: 'Compare',\n    children: <ComponentCompareMenuWidget />,\n  };\n\n  route = {\n    path: '~compare/*',\n    element: this.componentCompare.getComponentComparePage(),\n  };\n\n  order = 35;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,uBAAN,CAAiD;EACtDC,WAAW,CAASC,gBAAT,EAA+C;IAAA,KAAtCA,gBAAsC,GAAtCA,gBAAsC;IAAA,wDAEzC;MACfC,IAAI,EAAE,UADS;MAEfC,WAAW,EAAE,SAFE;MAGfC,QAAQ,eAAE,+BAAC,oDAAD;IAHK,CAFyC;IAAA,+CAQlD;MACNC,IAAI,EAAE,YADA;MAENC,OAAO,EAAE,KAAKL,gBAAL,CAAsBM,uBAAtB;IAFH,CARkD;IAAA,+CAalD,EAbkD;EAAE;;AADN"}
+{"version":3,"names":["ComponentCompareSection","constructor","componentCompare","href","displayName","children","path","element","getComponentComparePage"],"sources":["component-compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport { ComponentCompareUI } from './component-compare.ui.runtime';\n\nexport class ComponentCompareSection implements Section {\n  constructor(private componentCompare: ComponentCompareUI) {}\n\n  navigationLink = {\n    href: '~compare',\n    displayName: 'Compare',\n    children: <MenuWidgetIcon icon=\"compare\" tooltipContent=\"Compare\" />,\n  };\n\n  route = {\n    path: '~compare/*',\n    element: this.componentCompare.getComponentComparePage(),\n  };\n\n  order = 35;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,uBAAN,CAAiD;EACtDC,WAAW,CAASC,gBAAT,EAA+C;IAAA,KAAtCA,gBAAsC,GAAtCA,gBAAsC;IAAA,wDAEzC;MACfC,IAAI,EAAE,UADS;MAEfC,WAAW,EAAE,SAFE;MAGfC,QAAQ,eAAE,+BAAC,gCAAD;QAAgB,IAAI,EAAC,SAArB;QAA+B,cAAc,EAAC;MAA9C;IAHK,CAFyC;IAAA,+CAQlD;MACNC,IAAI,EAAE,YADA;MAENC,OAAO,EAAE,KAAKL,gBAAL,CAAsBM,uBAAtB;IAFH,CARkD;IAAA,+CAalD,EAbkD;EAAE;;AADN"}

package/package.json

@@ -1,32 +1,30 @@
 {
   "name": "@teambit/component-compare",
-  "version": "0.0.91",
+  "version": "0.0.94",
   "homepage": "https://bit.dev/teambit/component/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-compare",
-    "version": "0.0.91"
+    "version": "0.0.94"
   },
   "dependencies": {
-    "classnames": "2.2.6",
     "graphql-tag": "2.12.1",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
+    "@teambit/component.ui.compare": "0.0.79",
+    "@teambit/component": "0.0.846",
     "@teambit/harmony": "0.3.3",
+    "@teambit/cli": "0.0.564",
+    "@teambit/graphql": "0.0.846",
+    "@teambit/scope": "0.0.846",
+    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.494",
     "@teambit/base-ui.routing.nav-link": "1.0.0",
-    "@teambit/component.ui.compare": "0.0.77",
-    "@teambit/component": "0.0.843",
-    "@teambit/design.ui.tooltip": "0.0.358",
-    "@teambit/cli": "0.0.562",
-    "@teambit/graphql": "0.0.843",
-    "@teambit/scope": "0.0.843",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.496",
-    "@teambit/ui": "0.0.843"
+    "@teambit/ui": "0.0.846"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
-    "@types/classnames": "2.2.11",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -35,7 +33,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.343",
+    "@teambit/legacy": "1.0.345",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1662089982043.js → preview-1662608124038.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.91/dist/component-compare.compositions.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.91/dist/component-compare.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.94/dist/component-compare.compositions.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.94/dist/component-compare.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/component-compare-widget.tsx

@@ -1,16 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import classNames from 'classnames';
-import { Tooltip } from '@teambit/design.ui.tooltip';
-import styles from './component-compare-widget.module.scss';
-
-export type MenuWidgetIconProps = {} & HTMLAttributes<HTMLDivElement>;
-
-export function ComponentCompareMenuWidget({ className, ...rest }: MenuWidgetIconProps) {
-  return (
-    <Tooltip placement="bottom" offset={[0, 15]} content={'Compare'}>
-      <div {...rest} className={classNames(styles.widgetMenuIcon, className)}>
-        <img src={'https://static.bit.dev/bit-icons/compare.svg?v=0.1'} />
-      </div>
-    </Tooltip>
-  );
-}

package/dist/component-compare-widget.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export declare type MenuWidgetIconProps = {} & HTMLAttributes<HTMLDivElement>;
-export declare function ComponentCompareMenuWidget({ className, ...rest }: MenuWidgetIconProps): JSX.Element;

package/dist/component-compare-widget.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ComponentCompareMenuWidget = ComponentCompareMenuWidget;
-
-function _extends2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-  _extends2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _objectWithoutProperties2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-  _objectWithoutProperties2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-
-  _classnames = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _designUi() {
-  const data = require("@teambit/design.ui.tooltip");
-
-  _designUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _componentCompareWidgetModule() {
-  const data = _interopRequireDefault(require("./component-compare-widget.module.scss"));
-
-  _componentCompareWidgetModule = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function ComponentCompareMenuWidget(_ref) {
-  let {
-    className
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["className"]);
-  return /*#__PURE__*/_react().default.createElement(_designUi().Tooltip, {
-    placement: "bottom",
-    offset: [0, 15],
-    content: 'Compare'
-  }, /*#__PURE__*/_react().default.createElement("div", (0, _extends2().default)({}, rest, {
-    className: (0, _classnames().default)(_componentCompareWidgetModule().default.widgetMenuIcon, className)
-  }), /*#__PURE__*/_react().default.createElement("img", {
-    src: 'https://static.bit.dev/bit-icons/compare.svg?v=0.1'
-  })));
-}
-
-//# sourceMappingURL=component-compare-widget.js.map

package/dist/component-compare-widget.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ComponentCompareMenuWidget","className","rest","classNames","styles","widgetMenuIcon"],"sources":["component-compare-widget.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport classNames from 'classnames';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport styles from './component-compare-widget.module.scss';\n\nexport type MenuWidgetIconProps = {} & HTMLAttributes<HTMLDivElement>;\n\nexport function ComponentCompareMenuWidget({ className, ...rest }: MenuWidgetIconProps) {\n  return (\n    <Tooltip placement=\"bottom\" offset={[0, 15]} content={'Compare'}>\n      <div {...rest} className={classNames(styles.widgetMenuIcon, className)}>\n        <img src={'https://static.bit.dev/bit-icons/compare.svg?v=0.1'} />\n      </div>\n    </Tooltip>\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;;AAIO,SAASA,0BAAT,OAAiF;EAAA,IAA7C;IAAEC;EAAF,CAA6C;EAAA,IAA7BC,IAA6B;EACtF,oBACE,+BAAC,mBAAD;IAAS,SAAS,EAAC,QAAnB;IAA4B,MAAM,EAAE,CAAC,CAAD,EAAI,EAAJ,CAApC;IAA6C,OAAO,EAAE;EAAtD,gBACE,mEAASA,IAAT;IAAe,SAAS,EAAE,IAAAC,qBAAA,EAAWC,uCAAA,CAAOC,cAAlB,EAAkCJ,SAAlC;EAA1B,iBACE;IAAK,GAAG,EAAE;EAAV,EADF,CADF,CADF;AAOD"}