huanpenguin-tippy-react 1.0.1

package/headless/dist/tippy-react-headless.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tippy-react-headless.umd.min.js","sources":["../../src/utils.js","../../src/forwardRef.js","../../src/className-plugin.js","../../src/util-hooks.js","../../src/Tippy.js","../../src/useSingleton.js","../../src/headless.js"],"sourcesContent":["export const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined'\n\nexport function preserveRef(ref, node) {\n    if (ref) {\n        if (typeof ref === 'function') {\n            ref(node)\n        }\n        if ({}.hasOwnProperty.call(ref, 'current')) {\n            ref.current = node\n        }\n    }\n}\n\nexport function ssrSafeCreateDiv() {\n    return isBrowser && document.createElement('div')\n}\n\nexport function toDataAttributes(attrs) {\n    const dataAttrs = {\n        'data-placement': attrs.placement,\n    }\n\n    if (attrs.referenceHidden) {\n        dataAttrs['data-reference-hidden'] = ''\n    }\n\n    if (attrs.escaped) {\n        dataAttrs['data-escaped'] = ''\n    }\n\n    return dataAttrs\n}\n\nfunction deepEqual(x, y) {\n    if (x === y) {\n        return true\n    } else if (typeof x === 'object' && x != null && typeof y === 'object' && y != null) {\n        if (Object.keys(x).length !== Object.keys(y).length) {\n            return false\n        }\n\n        for (const prop in x) {\n            if (y.hasOwnProperty(prop)) {\n                if (!deepEqual(x[prop], y[prop])) {\n                    return false\n                }\n            } else {\n                return false\n            }\n        }\n\n        return true\n    } else {\n        return false\n    }\n}\n\nexport function uniqueByShape(arr) {\n    const output = []\n\n    arr.forEach((item) => {\n        if (!output.find((outputItem) => deepEqual(item, outputItem))) {\n            output.push(item)\n        }\n    })\n\n    return output\n}\n\nexport function deepPreserveProps(instanceProps, componentProps) {\n    return {\n        ...componentProps,\n        popperOptions: {\n            ...instanceProps.popperOptions,\n            ...componentProps.popperOptions,\n            modifiers: uniqueByShape([\n                ...(instanceProps.popperOptions?.modifiers || []),\n                ...(componentProps.popperOptions?.modifiers || []),\n            ]),\n        },\n    }\n}\n","import React, { cloneElement, forwardRef } from 'react'\n\nimport { preserveRef } from './utils'\n\nconst createTippyWrapper = (Tippy, defaultProps) =>\n    forwardRef(function TippyWrapper({ children, ...props }, ref) {\n        return (\n            // If I spread them separately here, Babel adds the _extends ponyfill for\n            // some reason\n            <Tippy {...{ ...defaultProps, ...props }}>\n                {children\n                    ? cloneElement(children, {\n                          ref(node) {\n                              preserveRef(ref, node)\n                              preserveRef(children.props?.ref, node)\n                          },\n                      })\n                    : null}\n            </Tippy>\n        )\n    })\n\nexport default createTippyWrapper\n","function updateClassName(box, action, classNames) {\n  classNames.split(/\\s+/).forEach((name) => {\n      if (name) {\n          box.classList[action](name)\n      }\n  })\n}\n\nexport const classNamePlugin = {\n  name: 'className',\n  defaultValue: '',\n  fn(instance) {\n      const box = instance.popper.firstElementChild\n      const isDefaultRenderFn = () => !!instance.props.render?.$$tippy\n\n      function add() {\n          if (instance.props.className && !isDefaultRenderFn()) {\n              if (process.env.NODE_ENV !== 'production') {\n                  console.warn(\n                      [\n                          '@tippyjs/react: Cannot use `className` prop in conjunction with',\n                          '`render` prop. Place the className on the element you are',\n                          'rendering.',\n                      ].join(' '),\n                  )\n              }\n\n              return\n          }\n\n          updateClassName(box, 'add', instance.props.className)\n      }\n\n      function remove() {\n          if (isDefaultRenderFn()) {\n              updateClassName(box, 'remove', instance.props.className)\n          }\n      }\n\n      return {\n          onCreate: add,\n          onBeforeUpdate: remove,\n          onAfterUpdate: add,\n      }\n  },\n}\n","import { useEffect, useLayoutEffect, useRef } from 'react'\n\nimport { isBrowser } from './utils'\n\nexport const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect\n\nexport function useMutableBox(initialValue) {\n    // Using refs instead of state as it's recommended to not store imperative\n    // values in state due to memory problems in React(?)\n    const ref = useRef()\n\n    if (!ref.current) {\n        ref.current = typeof initialValue === 'function' ? initialValue() : initialValue\n    }\n\n    return ref.current\n}\n","import React, { cloneElement, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { classNamePlugin } from './className-plugin'\nimport { useIsomorphicLayoutEffect, useMutableBox } from './util-hooks'\nimport { deepPreserveProps, preserveRef, ssrSafeCreateDiv, toDataAttributes } from './utils'\n\nexport default function TippyGenerator(tippy) {\n    function Tippy({\n        children,\n        content,\n        visible,\n        singleton,\n        render,\n        reference,\n        disabled = false,\n        ignoreAttributes = true,\n        // Filter React development reserved props\n        // added by babel-preset-react dev plugins:\n        // transform-react-jsx-self and transform-react-jsx-source\n        __source,\n        __self,\n        ...restOfNativeProps\n    }) {\n        const isControlledMode = visible !== undefined\n        const isSingletonMode = singleton !== undefined\n\n        const [mounted, setMounted] = useState(false)\n        const [attrs, setAttrs] = useState({})\n        const [singletonContent, setSingletonContent] = useState()\n        const mutableBox = useMutableBox(() => ({\n            container: ssrSafeCreateDiv(),\n            renders: 1,\n        }))\n\n        const props = {\n            ignoreAttributes,\n            ...restOfNativeProps,\n            content: mutableBox.container,\n        }\n\n        if (isControlledMode) {\n            if (process.env.NODE_ENV !== 'production') {\n                ;['trigger', 'hideOnClick', 'showOnCreate'].forEach((nativeStateProp) => {\n                    if (props[nativeStateProp] !== undefined) {\n                        console.warn(\n                            [\n                                `@tippyjs/react: Cannot specify \\`${nativeStateProp}\\` prop in`,\n                                `controlled mode (\\`visible\\` prop)`,\n                            ].join(' '),\n                        )\n                    }\n                })\n            }\n\n            props.trigger = 'manual'\n            props.hideOnClick = false\n        }\n\n        if (isSingletonMode) {\n            disabled = true\n        }\n\n        let computedProps = props\n        const plugins = props.plugins || []\n\n        if (render) {\n            computedProps = {\n                ...props,\n                plugins:\n                    isSingletonMode && singleton.data != null\n                        ? [\n                              ...plugins,\n                              {\n                                  fn() {\n                                      return {\n                                          onTrigger(instance, event) {\n                                              const node = singleton.data.children.find(\n                                                  ({ instance }) => instance.reference === event.currentTarget,\n                                              )\n                                              instance.state.$$activeSingletonInstance = node.instance\n                                              setSingletonContent(node.content)\n                                          },\n                                      }\n                                  },\n                              },\n                          ]\n                        : plugins,\n                render: () => ({ popper: mutableBox.container }),\n            }\n        }\n\n        const deps = [reference].concat(children ? [children.type] : [])\n\n        // CREATE\n        useIsomorphicLayoutEffect(() => {\n            let element = reference\n            if (reference && reference.hasOwnProperty('current')) {\n                element = reference.current\n            }\n\n            const instance = tippy(element || mutableBox.ref || ssrSafeCreateDiv(), {\n                ...computedProps,\n                plugins: [classNamePlugin, ...(props.plugins || [])],\n            })\n\n            mutableBox.instance = instance\n\n            if (disabled) {\n                instance.disable()\n            }\n\n            if (visible) {\n                instance.show()\n            }\n\n            if (isSingletonMode) {\n                singleton.hook({\n                    instance,\n                    content,\n                    props: computedProps,\n                    setSingletonContent,\n                })\n            }\n\n            setMounted(true)\n\n            return () => {\n                instance.destroy()\n                singleton?.cleanup(instance)\n            }\n        }, deps)\n\n        // UPDATE\n        useIsomorphicLayoutEffect(() => {\n            // Prevent this effect from running on 1st render\n            if (mutableBox.renders === 1) {\n                mutableBox.renders++\n                return\n            }\n\n            const { instance } = mutableBox\n\n            instance.setProps(deepPreserveProps(instance.props, computedProps))\n\n            // Fixes #264\n            instance.popperInstance?.forceUpdate()\n\n            if (disabled) {\n                instance.disable()\n            } else {\n                instance.enable()\n            }\n\n            if (isControlledMode) {\n                if (visible) {\n                    instance.show()\n                } else {\n                    instance.hide()\n                }\n            }\n\n            if (isSingletonMode) {\n                singleton.hook({\n                    instance,\n                    content,\n                    props: computedProps,\n                    setSingletonContent,\n                })\n            }\n        })\n\n        useIsomorphicLayoutEffect(() => {\n            if (!render) {\n                return\n            }\n\n            const { instance } = mutableBox\n\n            instance.setProps({\n                popperOptions: {\n                    ...instance.props.popperOptions,\n                    modifiers: [\n                        ...(instance.props.popperOptions?.modifiers || []).filter(\n                            ({ name }) => name !== '$$tippyReact',\n                        ),\n                        {\n                            name: '$$tippyReact',\n                            enabled: true,\n                            phase: 'beforeWrite',\n                            requires: ['computeStyles'],\n                            fn({ state }) {\n                                const hideData = state.modifiersData?.hide\n\n                                // WARNING: this is a high-risk path that can cause an infinite\n                                // loop. This expression _must_ evaluate to false when required\n                                if (\n                                    attrs.placement !== state.placement ||\n                                    attrs.referenceHidden !== hideData?.isReferenceHidden ||\n                                    attrs.escaped !== hideData?.hasPopperEscaped\n                                ) {\n                                    setAttrs({\n                                        placement: state.placement,\n                                        referenceHidden: hideData?.isReferenceHidden,\n                                        escaped: hideData?.hasPopperEscaped,\n                                    })\n                                }\n\n                                state.attributes.popper = {}\n                            },\n                        },\n                    ],\n                },\n            })\n        }, [attrs.placement, attrs.referenceHidden, attrs.escaped, ...deps])\n\n        return (\n            <>\n                {children\n                    ? cloneElement(children, {\n                          ref(node) {\n                              mutableBox.ref = node\n                              preserveRef(children.props?.ref, node)\n                          },\n                      })\n                    : null}\n                {mounted &&\n                    createPortal(\n                        render ? render(toDataAttributes(attrs), singletonContent, mutableBox.instance) : content,\n                        mutableBox.container,\n                    )}\n            </>\n        )\n    }\n\n    return Tippy\n}\n","import { useMemo, useState } from 'react'\n\nimport { classNamePlugin } from './className-plugin'\nimport { useIsomorphicLayoutEffect, useMutableBox } from './util-hooks'\nimport { deepPreserveProps } from './utils'\n\nexport default function useSingletonGenerator(createSingleton) {\n    return function useSingleton({ disabled = false, overrides = [] } = {}) {\n        const [mounted, setMounted] = useState(false)\n        const mutableBox = useMutableBox({\n            children: [],\n            renders: 1,\n        })\n\n        useIsomorphicLayoutEffect(() => {\n            if (!mounted) {\n                setMounted(true)\n                return\n            }\n\n            const { children, sourceData } = mutableBox\n\n            if (!sourceData) {\n                if (process.env.NODE_ENV !== 'production') {\n                    console.error(\n                        [\n                            '@tippyjs/react: The `source` variable from `useSingleton()` has',\n                            'not been passed to a <Tippy /> component.',\n                        ].join(' '),\n                    )\n                }\n\n                return\n            }\n\n            const instance = createSingleton(\n                children.map((child) => child.instance),\n                {\n                    ...sourceData.props,\n                    popperOptions: sourceData.instance.props.popperOptions,\n                    overrides,\n                    plugins: [classNamePlugin, ...(sourceData.props.plugins || [])],\n                },\n            )\n\n            mutableBox.instance = instance\n\n            if (disabled) {\n                instance.disable()\n            }\n\n            return () => {\n                instance.destroy()\n                mutableBox.children = children.filter(({ instance }) => !instance.state.isDestroyed)\n            }\n        }, [mounted])\n\n        useIsomorphicLayoutEffect(() => {\n            if (!mounted) {\n                return\n            }\n\n            if (mutableBox.renders === 1) {\n                mutableBox.renders++\n                return\n            }\n\n            const { children, instance, sourceData } = mutableBox\n\n            if (!(instance && sourceData)) {\n                return\n            }\n\n            const { content, ...props } = sourceData.props\n\n            instance.setProps(\n                deepPreserveProps(instance.props, {\n                    ...props,\n                    overrides,\n                }),\n            )\n\n            instance.setInstances(children.map((child) => child.instance))\n\n            if (disabled) {\n                instance.disable()\n            } else {\n                instance.enable()\n            }\n        })\n\n        return useMemo(() => {\n            const source = {\n                data: mutableBox,\n                hook(data) {\n                    mutableBox.sourceData = data\n                    mutableBox.setSingletonContent = data.setSingletonContent\n                },\n                cleanup() {\n                    mutableBox.sourceData = null\n                },\n            }\n\n            const target = {\n                hook(data) {\n                    mutableBox.children = mutableBox.children.filter(({ instance }) => data.instance !== instance)\n                    mutableBox.children.push(data)\n\n                    if (\n                        mutableBox.instance?.state.isMounted &&\n                        mutableBox.instance?.state.$$activeSingletonInstance === data.instance\n                    ) {\n                        mutableBox.setSingletonContent?.(data.content)\n                    }\n\n                    if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {\n                        mutableBox.instance.setInstances(mutableBox.children.map((child) => child.instance))\n                    }\n                },\n                cleanup(instance) {\n                    mutableBox.children = mutableBox.children.filter((data) => data.instance !== instance)\n\n                    if (mutableBox.instance && !mutableBox.instance.state.isDestroyed) {\n                        mutableBox.instance.setInstances(mutableBox.children.map((child) => child.instance))\n                    }\n                },\n            }\n\n            return [source, target]\n        }, [])\n    }\n}\n","import tippy, { createSingleton } from 'tippy.js/headless'\n\nimport forwardRef from './forwardRef'\nimport TippyGenerator from './Tippy'\nimport useSingletonGenerator from './useSingleton'\n\nconst useSingleton = useSingletonGenerator(createSingleton)\n\nexport default forwardRef(TippyGenerator(tippy), { render: () => '' })\nexport { tippy, useSingleton }\n"],"names":["isBrowser","window","document","preserveRef","ref","node","hasOwnProperty","call","current","ssrSafeCreateDiv","createElement","uniqueByShape","arr","output","forEach","item","find","outputItem","deepEqual","x","y","Object","keys","length","prop","push","deepPreserveProps","instanceProps","componentProps","popperOptions","modifiers","createTippyWrapper","Tippy","defaultProps","forwardRef","children","props","cloneElement","_children$props","updateClassName","box","action","classNames","split","name","classList","classNamePlugin","defaultValue","fn","instance","popper","firstElementChild","isDefaultRenderFn","render","_instance$props$rende","$$tippy","add","className","onCreate","onBeforeUpdate","onAfterUpdate","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useMutableBox","initialValue","useRef","TippyGenerator","tippy","content","visible","singleton","reference","disabled","ignoreAttributes","restOfNativeProps","__source","__self","isControlledMode","undefined","isSingletonMode","useState","mounted","setMounted","attrs","setAttrs","singletonContent","setSingletonContent","mutableBox","container","renders","trigger","hideOnClick","computedProps","plugins","data","onTrigger","event","currentTarget","state","$$activeSingletonInstance","deps","concat","type","element","disable","show","hook","destroy","cleanup","setProps","popperInstance","forceUpdate","enable","hide","filter","enabled","phase","requires","hideData","modifiersData","_state$modifiersData","placement","referenceHidden","isReferenceHidden","escaped","hasPopperEscaped","attributes","React","createPortal","dataAttrs","toDataAttributes","useSingletonGenerator","createSingleton","overrides","sourceData","map","child","isDestroyed","setInstances","useMemo","isMounted","useSingleton"],"mappings":"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"}

package/headless/index.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import {default as tippyCore, Instance, Placement, Props} from 'tippy.js';
+
+type Content = React.ReactNode;
+
+export interface TippyProps extends Partial<Omit<Props, 'content' | 'render'>> {
+  children?: React.ReactElement<any>;
+  content?: Content;
+  visible?: boolean;
+  disabled?: boolean;
+  className?: string;
+  singleton?: SingletonObject;
+  reference?: React.RefObject<Element> | Element | null;
+  ref?: React.Ref<Element>;
+  render?: (
+    attrs: {
+      'data-placement': Placement;
+      'data-reference-hidden'?: string;
+      'data-escaped'?: string;
+    },
+    content?: Content,
+    instance?: Instance,
+  ) => React.ReactNode;
+}
+
+declare const Tippy: React.ForwardRefExoticComponent<TippyProps>;
+export default Tippy;
+
+export const tippy: typeof tippyCore;
+
+type SingletonHookArgs = {
+  instance: Instance;
+  content: Content;
+  props: Props;
+};
+
+type SingletonObject = {
+  data?: any;
+  hook(args: SingletonHookArgs): void;
+};
+
+export interface UseSingletonProps {
+  disabled?: boolean;
+  overrides?: Array<keyof Props>;
+}
+
+export const useSingleton: (
+  props?: UseSingletonProps,
+) => [SingletonObject, SingletonObject];

package/index.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import {default as tippyCore, Instance, Props, Placement} from 'tippy.js';
+
+type Content = React.ReactNode;
+
+export interface TippyProps extends Partial<Omit<Props, 'content' | 'render'>> {
+  children?: React.ReactElement<any>;
+  content?: Content;
+  visible?: boolean;
+  disabled?: boolean;
+  className?: string;
+  singleton?: SingletonObject;
+  reference?: React.RefObject<Element> | Element | null;
+  ref?: React.Ref<Element>;
+  render?: (
+    attrs: {
+      'data-placement': Placement;
+      'data-reference-hidden'?: string;
+      'data-escaped'?: string;
+    },
+    content?: Content,
+    instance?: Instance
+  ) => React.ReactNode;
+}
+
+declare const Tippy: React.ForwardRefExoticComponent<TippyProps>;
+export default Tippy;
+
+export const tippy: typeof tippyCore;
+
+type SingletonHookArgs = {
+  instance: Instance;
+  content: Content;
+  props: Props;
+};
+
+type SingletonObject = {
+  data?: any;
+  hook(args: SingletonHookArgs): void;
+};
+
+export interface UseSingletonProps {
+  disabled?: boolean;
+  overrides?: Array<keyof Props>;
+}
+
+export const useSingleton: (
+  props?: UseSingletonProps,
+) => [SingletonObject, SingletonObject];

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "huanpenguin-tippy-react",
+  "version": "1.0.1",
+  "description": "React component for Tippy.js",
+  "main": "dist/tippy-react.umd.js",
+  "module": "dist/tippy-react.esm.js",
+  "unpkg": "dist/tippy-react.umd.min.js",
+  "types": "./index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "parcel demo/index.html -d .devserver --no-cache",
+    "build": "rollup --config",
+    "test": "jest --coverage",
+    "lint": "eslint \"{src,test}/**/*.js\"",
+    "format": "prettier --write \"{src,test,demo}/**/*.{js,ts,json,css,md}\""
+  },
+  "author": "HuanCanhCut",
+  "license": "MIT",
+  "keywords": [
+    "tooltip",
+    "popover",
+    "tippy",
+    "react"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./dist/tippy-react.esm.js",
+      "require": "./dist/tippy-react.umd.js"
+    },
+    "./headless": {
+      "types": "./headless/index.d.ts",
+      "import": "./headless/dist/tippy-react-headless.esm.js",
+      "require": "./headless/dist/tippy-react-headless.umd.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "headless": [
+        "headless/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "headless/dist",
+    "index.d.ts",
+    "headless/index.d.ts"
+  ],
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>test/setup.js",
+      "@testing-library/jest-dom/extend-expect"
+    ],
+    "coveragePathIgnorePatterns": [
+      "test/setup.js"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "{src,test,demo}/**/*.{js,ts,json,css,md}": [
+      "prettier --write",
+      "git add"
+    ],
+    "{src,test}/**/*.js": [
+      "eslint --fix",
+      "git add"
+    ]
+  },
+  "dependencies": {
+    "tippy.js": "^6.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.7",
+    "@babel/preset-env": "^7.8.7",
+    "@babel/preset-react": "^7.0.0",
+    "@testing-library/jest-dom": "^5.12.0",
+    "@testing-library/react": "^11.2.7",
+    "@types/react": "^16.8.2",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^25.1.0",
+    "babel-plugin-annotate-pure-calls": "^0.4.0",
+    "core-js": "^3.6.4",
+    "eslint": "^5.14.1",
+    "eslint-config-prettier": "^3.6.0",
+    "eslint-plugin-react": "^7.12.4",
+    "eslint-plugin-react-hooks": "^1.7.0",
+    "framer-motion": "^1.10.3",
+    "husky": "^1.3.1",
+    "jest": "^24.1.0",
+    "lint-staged": "^8.1.0",
+    "parcel": "^1.12.3",
+    "prettier": "^1.16.1",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1",
+    "react-spring": "^8.0.27",
+    "rollup": "^1.14.3",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^5.2.0",
+    "styled-components": "^5.0.1",
+    "typescript": "^3.6.3"
+  },
+  "directories": {
+    "test": "test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/atomiks/tippyjs-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/atomiks/tippyjs-react/issues"
+  },
+  "homepage": "https://github.com/atomiks/tippyjs-react#readme"
+}