@teambit/component-compare 0.0.1

package/component-compare-aspects.section.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Section } from '@teambit/component';
+import { ComponentCompareAspects } from '@teambit/component.ui.compare';
+
+export class AspectsCompareSection implements Section {
+  constructor(private host: string) {}
+
+  navigationLink = {
+    href: 'aspects',
+    children: 'Aspects',
+    order: 5,
+  };
+
+  route = {
+    path: 'aspects/*',
+    element: <ComponentCompareAspects host={this.host} />,
+  };
+}

package/component-compare-widget.module.scss

@@ -0,0 +1,10 @@
+.widgetMenuIcon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  img {
+    height: 16px;
+    width: 16px;
+  }
+}

package/component-compare-widget.tsx

@@ -0,0 +1,16 @@
+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'} />
+      </div>
+    </Tooltip>
+  );
+}

package/component-compare.section.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Section } from '@teambit/component';
+import { ComponentCompareMenuWidget } from './component-compare-widget';
+import { ComponentCompareUI } from './component-compare.ui.runtime';
+
+export class ComponentCompareSection implements Section {
+  constructor(private componentCompare: ComponentCompareUI) {}
+
+  navigationLink = {
+    href: '~compare',
+    displayName: 'Compare',
+    children: <ComponentCompareMenuWidget />,
+  };
+
+  route = {
+    path: '~compare/*',
+    element: this.componentCompare.getComponentComparePage(),
+  };
+
+  order = 35;
+}

package/component-compare.ui.runtime.tsx

@@ -0,0 +1,68 @@
+import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
+import ComponentAspect, { ComponentUI } from '@teambit/component';
+import { ComponentCompare } from '@teambit/component.ui.compare';
+import { Harmony, Slot, SlotRegistry } from '@teambit/harmony';
+import { UIRuntime } from '@teambit/ui';
+import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
+import React from 'react';
+import { RouteProps } from 'react-router-dom';
+import { AspectsCompareSection } from './component-compare-aspects.section';
+import { ComponentCompareAspect } from './component-compare.aspect';
+import { ComponentCompareSection } from './component-compare.section';
+
+export type ComponentCompareNav = {
+  props: NavLinkProps;
+  order: number;
+};
+
+export type ComponentCompareNavSlot = SlotRegistry<Array<ComponentCompareNav>>;
+export class ComponentCompareUI {
+  constructor(private host: string, private navSlot: ComponentCompareNavSlot, private routeSlot: RouteSlot) {}
+
+  static runtime = UIRuntime;
+
+  static slots = [Slot.withType<ComponentCompareNavSlot>(), Slot.withType<RouteSlot>()];
+
+  static dependencies = [ComponentAspect];
+
+  getComponentComparePage = () => (
+    <ComponentCompare navSlot={this.navSlot} routeSlot={this.routeSlot} host={this.host} />
+  );
+
+  registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>) {
+    if (Array.isArray(route)) {
+      this.navSlot.register(route);
+    } else {
+      this.navSlot.register([route]);
+    }
+    return this;
+  }
+
+  registerRoutes(routes: RouteProps[]) {
+    this.routeSlot.register(routes);
+    return this;
+  }
+
+  static async provider(
+    [componentUi]: [ComponentUI],
+    _,
+    [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot],
+    harmony: Harmony
+  ) {
+    const { config } = harmony;
+    const host = String(config.get('teambit.harmony/bit'));
+    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot);
+    const componentCompareSection = new ComponentCompareSection(componentCompareUI);
+    componentUi.registerRoute([componentCompareSection.route]);
+    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);
+    const aspectCompareSection = new AspectsCompareSection(host);
+    componentCompareUI.registerNavigation({
+      props: aspectCompareSection.navigationLink,
+      order: aspectCompareSection.navigationLink.order,
+    });
+    componentCompareUI.registerRoutes([aspectCompareSection.route]);
+    return componentCompareUI;
+  }
+}
+
+ComponentCompareAspect.addRuntime(ComponentCompareUI);

package/dist/component-compare-aspects.section.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Section } from '@teambit/component';
+export declare class AspectsCompareSection implements Section {
+    private host;
+    constructor(host: string);
+    navigationLink: {
+        href: string;
+        children: string;
+        order: number;
+    };
+    route: {
+        path: string;
+        element: JSX.Element;
+    };
+}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AspectsCompareSection = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentUi() {
+  const data = require("@teambit/component.ui.compare");
+
+  _componentUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class AspectsCompareSection {
+  constructor(host) {
+    this.host = host;
+    (0, _defineProperty2().default)(this, "navigationLink", {
+      href: 'aspects',
+      children: 'Aspects',
+      order: 5
+    });
+    (0, _defineProperty2().default)(this, "route", {
+      path: 'aspects/*',
+      element: /*#__PURE__*/_react().default.createElement(_componentUi().ComponentCompareAspects, {
+        host: this.host
+      })
+    });
+  }
+
+}
+
+exports.AspectsCompareSection = AspectsCompareSection;
+
+//# sourceMappingURL=component-compare-aspects.section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AspectsCompareSection","constructor","host","href","children","order","path","element"],"sources":["component-compare-aspects.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { ComponentCompareAspects } from '@teambit/component.ui.compare';\n\nexport class AspectsCompareSection implements Section {\n  constructor(private host: string) {}\n\n  navigationLink = {\n    href: 'aspects',\n    children: 'Aspects',\n    order: 5,\n  };\n\n  route = {\n    path: 'aspects/*',\n    element: <ComponentCompareAspects host={this.host} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,qBAAN,CAA+C;EACpDC,WAAW,CAASC,IAAT,EAAuB;IAAA,KAAdA,IAAc,GAAdA,IAAc;IAAA,wDAEjB;MACfC,IAAI,EAAE,SADS;MAEfC,QAAQ,EAAE,SAFK;MAGfC,KAAK,EAAE;IAHQ,CAFiB;IAAA,+CAQ1B;MACNC,IAAI,EAAE,WADA;MAENC,OAAO,eAAE,+BAAC,sCAAD;QAAyB,IAAI,EAAE,KAAKL;MAApC;IAFH,CAR0B;EAAE;;AADgB"}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,86 @@
+"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'
+  })));
+}
+
+//# sourceMappingURL=component-compare-widget.js.map

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

@@ -0,0 +1 @@
+{"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'} />\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"}

package/dist/component-compare-widget.module.scss

@@ -0,0 +1,10 @@
+.widgetMenuIcon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  img {
+    height: 16px;
+    width: 16px;
+  }
+}

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

@@ -0,0 +1,2 @@
+import { Aspect } from '@teambit/harmony';
+export declare const ComponentCompareAspect: Aspect;

package/dist/component-compare.aspect.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentCompareAspect = void 0;
+
+function _harmony() {
+  const data = require("@teambit/harmony");
+
+  _harmony = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const ComponentCompareAspect = _harmony().Aspect.create({
+  id: 'teambit.component/component-compare'
+});
+
+exports.ComponentCompareAspect = ComponentCompareAspect;
+
+//# sourceMappingURL=component-compare.aspect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ComponentCompareAspect","Aspect","create","id"],"sources":["component-compare.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const ComponentCompareAspect = Aspect.create({\n  id: 'teambit.component/component-compare',\n});\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,sBAAsB,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EAClDC,EAAE,EAAE;AAD8C,CAAd,CAA/B"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Section } from '@teambit/component';
+import { ComponentCompareUI } from './component-compare.ui.runtime';
+export declare class ComponentCompareSection implements Section {
+    private componentCompare;
+    constructor(componentCompare: ComponentCompareUI);
+    navigationLink: {
+        href: string;
+        displayName: string;
+        children: JSX.Element;
+    };
+    route: {
+        path: string;
+        element: JSX.Element;
+    };
+    order: number;
+}

package/dist/component-compare.section.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentCompareSection = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompareWidget() {
+  const data = require("./component-compare-widget");
+
+  _componentCompareWidget = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class ComponentCompareSection {
+  constructor(componentCompare) {
+    this.componentCompare = componentCompare;
+    (0, _defineProperty2().default)(this, "navigationLink", {
+      href: '~compare',
+      displayName: 'Compare',
+      children: /*#__PURE__*/_react().default.createElement(_componentCompareWidget().ComponentCompareMenuWidget, null)
+    });
+    (0, _defineProperty2().default)(this, "route", {
+      path: '~compare/*',
+      element: this.componentCompare.getComponentComparePage()
+    });
+    (0, _defineProperty2().default)(this, "order", 35);
+  }
+
+}
+
+exports.ComponentCompareSection = ComponentCompareSection;
+
+//# sourceMappingURL=component-compare.section.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
+import { ComponentUI } from '@teambit/component';
+import { Harmony, SlotRegistry } from '@teambit/harmony';
+import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
+import { RouteProps } from 'react-router-dom';
+export declare type ComponentCompareNav = {
+    props: NavLinkProps;
+    order: number;
+};
+export declare type ComponentCompareNavSlot = SlotRegistry<Array<ComponentCompareNav>>;
+export declare class ComponentCompareUI {
+    private host;
+    private navSlot;
+    private routeSlot;
+    constructor(host: string, navSlot: ComponentCompareNavSlot, routeSlot: RouteSlot);
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static slots: (((registerFn: () => string) => SlotRegistry<ComponentCompareNavSlot>) | ((registerFn: () => string) => SlotRegistry<RouteSlot>))[];
+    static dependencies: import("@teambit/harmony").Aspect[];
+    getComponentComparePage: () => JSX.Element;
+    registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>): this;
+    registerRoutes(routes: RouteProps[]): this;
+    static provider([componentUi]: [ComponentUI], _: any, [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot], harmony: Harmony): Promise<ComponentCompareUI>;
+}

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

@@ -0,0 +1,158 @@
+"use strict";
+
+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", {
+  value: true
+});
+exports.ComponentCompareUI = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _component() {
+  const data = _interopRequireDefault(require("@teambit/component"));
+
+  _component = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentUi() {
+  const data = require("@teambit/component.ui.compare");
+
+  _componentUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _harmony() {
+  const data = require("@teambit/harmony");
+
+  _harmony = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _ui() {
+  const data = require("@teambit/ui");
+
+  _ui = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompareAspects() {
+  const data = require("./component-compare-aspects.section");
+
+  _componentCompareAspects = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompare() {
+  const data = require("./component-compare.aspect");
+
+  _componentCompare = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompare2() {
+  const data = require("./component-compare.section");
+
+  _componentCompare2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class ComponentCompareUI {
+  constructor(host, navSlot, routeSlot) {
+    this.host = host;
+    this.navSlot = navSlot;
+    this.routeSlot = routeSlot;
+    (0, _defineProperty2().default)(this, "getComponentComparePage", () => /*#__PURE__*/_react().default.createElement(_componentUi().ComponentCompare, {
+      navSlot: this.navSlot,
+      routeSlot: this.routeSlot,
+      host: this.host
+    }));
+  }
+
+  registerNavigation(route) {
+    if (Array.isArray(route)) {
+      this.navSlot.register(route);
+    } else {
+      this.navSlot.register([route]);
+    }
+
+    return this;
+  }
+
+  registerRoutes(routes) {
+    this.routeSlot.register(routes);
+    return this;
+  }
+
+  static async provider([componentUi], _, [navSlot, routeSlot], harmony) {
+    const {
+      config
+    } = harmony;
+    const host = String(config.get('teambit.harmony/bit'));
+    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot);
+    const componentCompareSection = new (_componentCompare2().ComponentCompareSection)(componentCompareUI);
+    componentUi.registerRoute([componentCompareSection.route]);
+    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);
+    const aspectCompareSection = new (_componentCompareAspects().AspectsCompareSection)(host);
+    componentCompareUI.registerNavigation({
+      props: aspectCompareSection.navigationLink,
+      order: aspectCompareSection.navigationLink.order
+    });
+    componentCompareUI.registerRoutes([aspectCompareSection.route]);
+    return componentCompareUI;
+  }
+
+}
+
+exports.ComponentCompareUI = ComponentCompareUI;
+(0, _defineProperty2().default)(ComponentCompareUI, "runtime", _ui().UIRuntime);
+(0, _defineProperty2().default)(ComponentCompareUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
+(0, _defineProperty2().default)(ComponentCompareUI, "dependencies", [_component().default]);
+
+_componentCompare().ComponentCompareAspect.addRuntime(ComponentCompareUI);
+
+//# sourceMappingURL=component-compare.ui.runtime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ComponentCompareUI","constructor","host","navSlot","routeSlot","registerNavigation","route","Array","isArray","register","registerRoutes","routes","provider","componentUi","_","harmony","config","String","get","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","props","UIRuntime","Slot","withType","ComponentAspect","ComponentCompareAspect","addRuntime"],"sources":["component-compare.ui.runtime.tsx"],"sourcesContent":["import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport { ComponentCompare } from '@teambit/component.ui.compare';\nimport { Harmony, Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport { AspectsCompareSection } from './component-compare-aspects.section';\nimport { ComponentCompareAspect } from './component-compare.aspect';\nimport { ComponentCompareSection } from './component-compare.section';\n\nexport type ComponentCompareNav = {\n  props: NavLinkProps;\n  order: number;\n};\n\nexport type ComponentCompareNavSlot = SlotRegistry<Array<ComponentCompareNav>>;\nexport class ComponentCompareUI {\n  constructor(private host: string, private navSlot: ComponentCompareNavSlot, private routeSlot: RouteSlot) {}\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<ComponentCompareNavSlot>(), Slot.withType<RouteSlot>()];\n\n  static dependencies = [ComponentAspect];\n\n  getComponentComparePage = () => (\n    <ComponentCompare navSlot={this.navSlot} routeSlot={this.routeSlot} host={this.host} />\n  );\n\n  registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>) {\n    if (Array.isArray(route)) {\n      this.navSlot.register(route);\n    } else {\n      this.navSlot.register([route]);\n    }\n    return this;\n  }\n\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  static async provider(\n    [componentUi]: [ComponentUI],\n    _,\n    [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot);\n    const componentCompareSection = new ComponentCompareSection(componentCompareUI);\n    componentUi.registerRoute([componentCompareSection.route]);\n    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);\n    const aspectCompareSection = new AspectsCompareSection(host);\n    componentCompareUI.registerNavigation({\n      props: aspectCompareSection.navigationLink,\n      order: aspectCompareSection.navigationLink.order,\n    });\n    componentCompareUI.registerRoutes([aspectCompareSection.route]);\n    return componentCompareUI;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;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;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQO,MAAMA,kBAAN,CAAyB;EAC9BC,WAAW,CAASC,IAAT,EAA+BC,OAA/B,EAAyEC,SAAzE,EAA+F;IAAA,KAAtFF,IAAsF,GAAtFA,IAAsF;IAAA,KAAhEC,OAAgE,GAAhEA,OAAgE;IAAA,KAAtBC,SAAsB,GAAtBA,SAAsB;IAAA,iEAQhF,mBACxB,+BAAC,+BAAD;MAAkB,OAAO,EAAE,KAAKD,OAAhC;MAAyC,SAAS,EAAE,KAAKC,SAAzD;MAAoE,IAAI,EAAE,KAAKF;IAA/E,EATwG;EAAE;;EAY5GG,kBAAkB,CAACC,KAAD,EAA0D;IAC1E,IAAIC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAJ,EAA0B;MACxB,KAAKH,OAAL,CAAaM,QAAb,CAAsBH,KAAtB;IACD,CAFD,MAEO;MACL,KAAKH,OAAL,CAAaM,QAAb,CAAsB,CAACH,KAAD,CAAtB;IACD;;IACD,OAAO,IAAP;EACD;;EAEDI,cAAc,CAACC,MAAD,EAAuB;IACnC,KAAKP,SAAL,CAAeK,QAAf,CAAwBE,MAAxB;IACA,OAAO,IAAP;EACD;;EAEoB,aAARC,QAAQ,CACnB,CAACC,WAAD,CADmB,EAEnBC,CAFmB,EAGnB,CAACX,OAAD,EAAUC,SAAV,CAHmB,EAInBW,OAJmB,EAKnB;IACA,MAAM;MAAEC;IAAF,IAAaD,OAAnB;IACA,MAAMb,IAAI,GAAGe,MAAM,CAACD,MAAM,CAACE,GAAP,CAAW,qBAAX,CAAD,CAAnB;IACA,MAAMC,kBAAkB,GAAG,IAAInB,kBAAJ,CAAuBE,IAAvB,EAA6BC,OAA7B,EAAsCC,SAAtC,CAA3B;IACA,MAAMgB,uBAAuB,GAAG,KAAIC,4CAAJ,EAA4BF,kBAA5B,CAAhC;IACAN,WAAW,CAACS,aAAZ,CAA0B,CAACF,uBAAuB,CAACd,KAAzB,CAA1B;IACAO,WAAW,CAACU,cAAZ,CAA2BH,uBAAuB,CAACI,cAAnD,EAAmEJ,uBAAuB,CAACK,KAA3F;IACA,MAAMC,oBAAoB,GAAG,KAAIC,gDAAJ,EAA0BzB,IAA1B,CAA7B;IACAiB,kBAAkB,CAACd,kBAAnB,CAAsC;MACpCuB,KAAK,EAAEF,oBAAoB,CAACF,cADQ;MAEpCC,KAAK,EAAEC,oBAAoB,CAACF,cAArB,CAAoCC;IAFP,CAAtC;IAIAN,kBAAkB,CAACT,cAAnB,CAAkC,CAACgB,oBAAoB,CAACpB,KAAtB,CAAlC;IACA,OAAOa,kBAAP;EACD;;AA9C6B;;;gCAAnBnB,kB,aAGM6B,e;gCAHN7B,kB,WAKI,CAAC8B,eAAA,CAAKC,QAAL,EAAD,EAA2CD,eAAA,CAAKC,QAAL,EAA3C,C;gCALJ/B,kB,kBAOW,CAACgC,oBAAD,C;;AA0CxBC,0CAAA,CAAuBC,UAAvB,CAAkClC,kBAAlC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentCompareAspect } from './component-compare.aspect';
+export { ComponentCompareSection } from './component-compare.section';
+export type { ComponentCompareUI, ComponentCompareNavSlot, ComponentCompareNav } from './component-compare.ui.runtime';
+export { ComponentCompareAspect };
+export default ComponentCompareAspect;

package/dist/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComponentCompareAspect", {
+  enumerable: true,
+  get: function () {
+    return _componentCompare().ComponentCompareAspect;
+  }
+});
+Object.defineProperty(exports, "ComponentCompareSection", {
+  enumerable: true,
+  get: function () {
+    return _componentCompare2().ComponentCompareSection;
+  }
+});
+exports.default = void 0;
+
+function _componentCompare() {
+  const data = require("./component-compare.aspect");
+
+  _componentCompare = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompare2() {
+  const data = require("./component-compare.section");
+
+  _componentCompare2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+var _default = _componentCompare().ComponentCompareAspect;
+
+exports.default = _default;
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ComponentCompareAspect"],"sources":["index.ts"],"sourcesContent":["import { ComponentCompareAspect } from './component-compare.aspect';\n\nexport { ComponentCompareSection } from './component-compare.section';\nexport type { ComponentCompareUI, ComponentCompareNavSlot, ComponentCompareNav } from './component-compare.ui.runtime';\nexport { ComponentCompareAspect };\nexport default ComponentCompareAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eAGeA,0C"}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@teambit/component-compare",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.component",
+    "name": "component-compare",
+    "version": "0.0.1"
+  },
+  "dependencies": {
+    "classnames": "2.2.6",
+    "@babel/runtime": "7.12.18",
+    "core-js": "^3.0.0",
+    "@teambit/harmony": "0.3.3",
+    "@teambit/base-ui.routing.nav-link": "1.0.0",
+    "@teambit/component.ui.compare": "0.0.1",
+    "@teambit/component": "0.0.753",
+    "@teambit/design.ui.tooltip": "0.0.352",
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.490",
+    "@teambit/ui": "0.0.753"
+  },
+  "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",
+    "@types/react-dom": "^17.0.5",
+    "@types/node": "12.20.4"
+  },
+  "peerDependencies": {
+    "react-router-dom": "^6.0.0",
+    "@teambit/legacy": "1.0.277",
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "react": "^16.8.0 || ^17.0.0"
+  },
+  "license": "Apache-2.0",
+  "bit": {
+    "bindingPrefix": "@teambit",
+    "env": {},
+    "overrides": {
+      "dependencies": {
+        "@teambit/legacy": "-",
+        "@babel/runtime": "7.12.18",
+        "core-js": "^3.0.0",
+        "react-dom": "-",
+        "react": "-"
+      },
+      "devDependencies": {
+        "@teambit/legacy": "-",
+        "@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",
+        "react-dom": "-",
+        "react": "-"
+      },
+      "peerDependencies": {
+        "@teambit/legacy": "1.0.277",
+        "react-dom": "^16.8.0 || ^17.0.0",
+        "react": "^16.8.0 || ^17.0.0"
+      }
+    }
+  },
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "bit-aspect",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components",
+    "vue",
+    "vue-components"
+  ]
+}

package/preview-1654572446572.js

@@ -0,0 +1 @@
+

package/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2019",
+      "DOM",
+      "ES6",
+      "DOM.Iterable",
+      "ScriptHost"
+    ],
+    "target": "es2015",
+    "module": "commonjs",
+    "jsx": "react",
+    "allowJs": true,
+    "composite": true,
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "rootDir": ".",
+    "resolveJsonModule": true,
+    "emitDeclarationOnly": true,
+    "emitDecoratorMetadata": true,
+    "allowSyntheticDefaultImports": true,
+    "strictPropertyInitialization": false,
+    "strict": true,
+    "noImplicitAny": false,
+    "preserveConstEnums": true
+  },
+  "exclude": [
+    "dist",
+    "package.json"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
+  ]
+}

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;
+}