@teambit/react.ui.component-highlighter 0.0.490 → 0.0.491

package/component-highlighter.docs.md

@@ -198,4 +198,4 @@ const classes = {
 ```
 
 You can control the size using regular `font-size`.  
-Keep in mind that the label can be either two elements (when using component id), and a single element (for other texts)
+Keep in mind that the label can be either two elements (when using component id), and a single element (for other texts)

package/dist/component-highlighter.docs.md

@@ -198,4 +198,4 @@ const classes = {
 ```
 
 You can control the size using regular `font-size`.  
-Keep in mind that the label can be either two elements (when using component id), and a single element (for other texts)
+Keep in mind that the label can be either two elements (when using component id), and a single element (for other texts)

package/dist/hover-highlighter/hover-highlighter.compositions.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ShowWhenHovering: () => JSX.Element;

package/dist/hover-highlighter/hover-highlighter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HybridHighlighterProps } from '../hybrid-highligher';
 export declare type HoverHighlighterProps = Omit<HybridHighlighterProps, 'mode'>;
 export declare function HoverHighlighter({ ...props }: HoverHighlighterProps): JSX.Element;

package/dist/hover-highlighter/use-hover-highlighter.d.ts

@@ -12,9 +12,9 @@ export declare type useHoverHighlighterOptions = {
 };
 /** fires onChange when targeting a new component */
 export declare function useHoverHighlighter<T extends HTMLElement = HTMLElement>(onChange: (target?: HighlightTarget) => void, props: React.HTMLAttributes<T>, { debounceDuration, scopeClass, disabled, rule, componentRule }: useHoverHighlighterOptions): {
-    onMouseOver?: undefined;
-    onMouseLeave?: undefined;
-} | {
     onMouseOver: (event: React.MouseEvent<T, MouseEvent>) => void;
     onMouseLeave: (event: React.MouseEvent<T, MouseEvent>) => void;
+} | {
+    onMouseOver?: undefined;
+    onMouseLeave?: undefined;
 };

package/dist/label/component-label/component-bubble.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentID } from '@teambit/component-id';
 import { LinkProps } from '@teambit/base-ui.routing.native-link';
 export interface ComponentBubbleProps extends LinkProps {

package/dist/label/component-label/component-label.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from '@teambit/base-ui.surfaces.card';
 import type { ComponentID } from '@teambit/component-id';
 export interface ComponentLabelProps extends CardProps {

package/dist/label/component-label/scope-bubble.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentID } from '@teambit/component-id';
 import { LinkProps } from '@teambit/base-ui.routing.native-link';
 export interface ScopeBubbleProps extends LinkProps {

package/dist/label/default-label/default-label.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from '@teambit/base-ui.surfaces.card';
 export interface DefaultLabelProps extends CardProps {
     href?: string;

package/dist/multi-highlighter/multi-highlighter.composition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MultiHighlighterPreview: () => JSX.Element;
 export declare const MultiHighlighterWithCustomColors: () => JSX.Element;
 export declare const MultiHighlighterInsideIgnore: () => JSX.Element;

package/dist/multi-highlighter/multi-highlighter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HybridHighlighterProps } from '../hybrid-highligher';
 export declare type MultiHighlighterProps = Omit<HybridHighlighterProps, 'mode'>;
 export declare function MultiHighlighter({ watchMotion, ...props }: MultiHighlighterProps): JSX.Element;

package/hover-highlighter/use-hover-highlighter.tsx

@@ -107,4 +107,4 @@ function bubbleToBitComponent(
   }
 
   return undefined;
-}
+}

package/hybrid-highligher/hybrid-highlighter.tsx

@@ -127,4 +127,4 @@ export function HybridHighlighter({
       ))}
     </div>
   );
-}
+}

package/multi-highlighter/multi-highlighter.composition.tsx

@@ -92,4 +92,4 @@ export const MultiHighlighterWithComponentRule = () => {
 //       <EnterpriseOffering style={{ height: 300 }} />
 //     </MultiHighlighter>
 //   );
-// };
+// };

package/multi-highlighter/use-multi-highlighter.tsx

@@ -71,4 +71,4 @@ function targetsSelector(
   scopeSelector = ':scope'
 ) {
   return `:not(${scopeSelector} ${excludeHighlighterSelector}, ${scopeSelector} ${excludeHighlighterSelector} *)`;
-}
+}

package/package.json

@@ -1,49 +1,49 @@
 {
   "name": "@teambit/react.ui.component-highlighter",
-  "version": "0.0.490",
+  "version": "0.0.491",
   "homepage": "https://bit.dev/teambit/react/ui/component-highlighter",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "ui/component-highlighter",
-    "version": "0.0.490"
+    "version": "0.0.491"
   },
   "dependencies": {
     "classnames": "2.2.6",
+    "uuid": "3.4.0",
+    "use-debounce": "6.0.1",
     "@popperjs/core": "2.6.0",
     "react-popper": "2.2.4",
-    "use-debounce": "6.0.1",
-    "uuid": "3.4.0",
     "get-xpath": "3.0.1",
     "url-join": "4.0.1",
     "core-js": "^3.0.0",
-    "@teambit/component-id": "0.0.388",
-    "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.9",
-    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.476",
     "@teambit/base-ui.utils.popper-js.ignore-popper-size": "1.0.0",
     "@teambit/base-ui.utils.popper-js.resize-to-match-reference": "1.0.0",
-    "@teambit/react.modules.dom-to-react": "0.0.476",
-    "@teambit/react.ui.hover-selector": "0.0.154",
     "@teambit/base-ui.surfaces.card": "1.0.1",
     "@teambit/base-ui.routing.native-link": "1.0.0",
-    "@teambit/component.modules.component-url": "0.0.109"
+    "@teambit/component-id": "0.0.389",
+    "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.10",
+    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.477",
+    "@teambit/react.modules.dom-to-react": "0.0.477",
+    "@teambit/react.ui.hover-selector": "0.0.155",
+    "@teambit/component.modules.component-url": "0.0.110"
   },
   "devDependencies": {
+    "@types/react": "^17.0.8",
     "@types/classnames": "2.2.11",
-    "@testing-library/react": "11.2.6",
     "@types/uuid": "3.4.9",
+    "@testing-library/react": "11.2.6",
+    "@types/react-dom": "^17.0.5",
     "@types/url-join": "4.0.0",
     "@types/mocha": "5.2.7",
     "@types/testing-library__jest-dom": "5.9.5",
     "@babel/runtime": "7.12.18",
     "@types/jest": "^26.0.0",
-    "@types/react-dom": "^17.0.5",
-    "@types/react": "^17.0.8",
     "@types/node": "12.20.4",
     "@teambit/design.ui.icon-button": "1.0.10"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.184",
+    "@teambit/legacy": "1.0.185",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -71,7 +71,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.184",
+        "@teambit/legacy": "1.0.185",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/rule-matcher.tsx

@@ -38,4 +38,4 @@ export function componentRuleMatcher(target: ComponentMatchTarget, rule: Compone
   }
 
   return true;
-}
+}