refactor: defer plugins passing to props (#150)

Author: atomiks

index.d.ts

@@ -15,7 +15,6 @@ export interface TippyProps extends Omit<Partial<KnownProps>, 'content'> {
   visible?: boolean;
   enabled?: boolean;
   className?: string;
-  plugins?: Plugin[];
   singleton?: (instance: Instance) => void;
   [key: string]: any;
 }
@@ -29,7 +28,6 @@ export interface TippySingletonProps extends Partial<KnownProps> {
   children: Array<React.ReactElement<any>>;
   enabled?: boolean;
   className?: string;
-  plugins?: Plugin[];
   [key: string]: any;
 }
 

package-lock.json

@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "prop-types": "^15.6.2",
-    "tippy.js": "^5.0.2"
+    "tippy.js": "^5.1.0"
   },
   "peerDependencies": {
     "react": ">=16.8",

package.json

@@ -13,7 +13,6 @@ export function Tippy({
   children,
   content,
   className,
-  plugins,
   visible,
   singleton,
   enabled = true,
@@ -54,7 +53,7 @@ export function Tippy({
 
   // CREATE
   useIsomorphicLayoutEffect(() => {
-    const instance = tippy(component.ref, props, plugins);
+    const instance = tippy(component.ref, props);
 
     component.instance = instance;
 

src/Tippy.js

@@ -10,7 +10,6 @@ import {
 export default function TippySingleton({
   children,
   className,
-  plugins,
   enabled = true,
   ignoreAttributes = true,
   ...restOfNativeProps
@@ -27,7 +26,7 @@ export default function TippySingleton({
 
   const deps = [children.length];
 
-  useSingletonCreate(component, props, plugins, enabled, deps);
+  useSingletonCreate(component, props, enabled, deps);
   useSingletonUpdate(component, props, enabled);
   useUpdateClassName(component, className, deps);
 

src/TippySingleton.js

@@ -7,7 +7,6 @@ import {
 
 export function useSingleton({
   className,
-  plugins,
   enabled = true,
   ignoreAttributes = true,
   ...restOfNativeProps
@@ -25,7 +24,7 @@ export function useSingleton({
 
   const deps = [component.instances.length];
 
-  useSingletonCreate(component, props, plugins, enabled, deps);
+  useSingletonCreate(component, props, enabled, deps);
   useSingletonUpdate(component, props, enabled);
   useUpdateClassName(component, className, deps);
 

src/hooks.js

@@ -31,10 +31,10 @@ export function useInstance(initialValue) {
   return ref.current;
 }
 
-export function useSingletonCreate(component, props, plugins, enabled, deps) {
+export function useSingletonCreate(component, props, enabled, deps) {
   useIsomorphicLayoutEffect(() => {
     const {instances} = component;
-    const instance = createSingleton(instances, props, plugins);
+    const instance = createSingleton(instances, props);
 
     component.instance = instance;