Add support for plugins in singletons

index.d.ts

@@ -18,6 +18,7 @@ export const tippy: typeof tippyCore;
 export interface TippySingletonProps extends Partial<Props> {
   children: Array<React.ReactElement<any>>;
   className?: string;
+  plugins?: Plugin[];
 }
 
 export const TippySingleton: React.FunctionComponent<TippySingletonProps>;

package.json

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

src/TippySingleton.js

@@ -10,6 +10,7 @@ import {
 export default function TippySingleton({
   children,
   className,
+  plugins,
   ignoreAttributes = true,
   ...restOfNativeProps
 }) {
@@ -25,7 +26,7 @@ export default function TippySingleton({
 
   useIsomorphicLayoutEffect(() => {
     const {instances} = component;
-    const instance = createSingleton(instances, props);
+    const instance = createSingleton(instances, props, plugins);
 
     component.instance = instance;
 

src/hooks.js

@@ -33,6 +33,7 @@ export function useInstance(initialValue) {
 
 export function useSingleton({
   className,
+  plugins,
   ignoreAttributes = true,
   ...restOfNativeProps
 } = {}) {
@@ -49,7 +50,7 @@ export function useSingleton({
 
   useIsomorphicLayoutEffect(() => {
     const {instances} = component;
-    const instance = createSingleton(instances, props);
+    const instance = createSingleton(instances, props, plugins);
 
     component.instance = instance;
 

test/TippySingleton.test.js

@@ -227,6 +227,23 @@ describe('<TippySingleton />', () => {
 
     expect(tooltip.classList.contains('one')).toBe(true);
   });
+
+  test('props.plugins', () => {
+    const plugins = [{fn: () => ({})}];
+
+    render(
+      <TippySingleton plugins={plugins}>
+        <Tippy content="tooltip">
+          <button />
+        </Tippy>
+        <Tippy content="tooltip">
+          <button />
+        </Tippy>
+      </TippySingleton>,
+    );
+
+    expect(instance.plugins).toEqual(plugins);
+  });
 });
 
 describe('TippySingleton.propTypes', () => {

test/useSingleton.test.js

@@ -201,4 +201,30 @@ describe('The useSingleton hook', () => {
       singletonInstance.popperChildren.tooltip.classList.contains('one'),
     ).toBe(true);
   });
+
+  test('props.plugins', () => {
+    const plugins = [{fn: () => ({})}];
+
+    function App() {
+      const singleton = useSingleton({
+        plugins,
+        onCreate(instance) {
+          expect(instance.plugins).toEqual(plugins);
+        },
+      });
+
+      return (
+        <>
+          <Tippy content="tooltip" singleton={singleton}>
+            <button />
+          </Tippy>
+          <Tippy content="tooltip" singleton={singleton}>
+            <button />
+          </Tippy>
+        </>
+      );
+    }
+
+    render(<App />);
+  });
 });