@brighthr/component-tooltip - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/index.cjs

@@ -6,5 +6,5 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/index.tsx
 
-// src/onClickOutside.js
+// src/onClickOutside.tsx
 
-var onClickOutside = (ref, handler) => {
+var useOnClickOutside = (ref, handler) => {
   _react.useEffect.call(void 0, () => {
@@ -22,3 +22,3 @@ const handleClick = (e) => {
 };
-var onClickOutside_default = onClickOutside;
+var onClickOutside_default = useOnClickOutside;
 
@@ -25,0 +25,0 @@ // src/index.tsx

dist/index.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"sources":["../src/index.tsx","../src/onClickOutside.js"],"names":[],"mappings":";AAAA,OAAO,SAAS,QAAQ,gBAAgB;AACxC,OAAO,QAAQ;AACf,OAAO,UAAwB;;;ACD/B,SAAS,iBAAiB;AAE1B,IAAM,iBAAiB,CAAC,KAAK,YAAY;AACxC,YAAU,MAAM;AACf,UAAM,cAAc,CAAC,MAAM;AAC1B,UACC,IAAI,WACJ,CAAC,IAAI,QAAQ,SAAS,EAAE,MAAM,KAC9B,CAAC,EAAE,OAAO,QAAQ,qBAAqB,GACtC;AACD,gBAAQ;AAAA,MACT;AAAA,IACD;AACA,aAAS,iBAAiB,aAAa,WAAW;AAElD,WAAO,MAAM;AACZ,eAAS,oBAAoB,aAAa,WAAW;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,SAAS,GAAG,CAAC;AAClB;AAEA,IAAO,yBAAQ;;;ADXf,IAAM,UAAU,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAwC;AACvC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,yBAAe,KAAK,MAAM,WAAW,KAAK,CAAC;AAE3C,SACC,oCAAC,SAAI,WAAW,GAAG,sBAAsB,SAAS,GAAG,OACpD;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM;AACd,mBAAW,CAAC,OAAO;AAAA,MACpB;AAAA;AAAA,IAEC,WACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,eAAY;AAAA;AAAA,IACb,IAEA;AAAA,EAEF,GACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,UACC,aAAa,CAAC;AAAA,UACd,cAAc;AAAA,QACf;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACF,CACD;AAEF;AAEA,IAAO,cAAQ","sourcesContent":["import React, { useRef, useState } from 'react';\nimport cn from 'classnames';\nimport Icon, { IconName } from '@brighthr/component-icon';\nimport onClickOutside from './onClickOutside';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n\tclassName?: string;\n\ticonName?: IconName;\n\tlabel?: string;\n};\n\nconst Tooltip = ({\n\tclassName,\n\ticonName,\n\tlabel,\n\tchildren,\n}: TooltipProps): React.ReactElement => {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst [visible, setVisible] = useState(false);\n\n\tonClickOutside(ref, () => setVisible(false));\n\n\treturn (\n\t\t<div className={cn('inline-block group', className)} ref={ref}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName=\"cursor-help\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetVisible(!visible);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{iconName ? (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticonName={iconName}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tdata-testid=\"tool-tip-icon\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tlabel\n\t\t\t\t)}\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"font-bold max-w-full absolute mt-4 pointer-events-none transition-opacity z-9999 bg-neutral-600 text-white p-2 rounded-[4px] text-sm mr-2 after:content-[''] after:w-fit after:whitespace-nowrap after:h-0 after:absolute after:-top-2 after:left-2 after:border-l-8 after:border-r-8 after:border-l-transparent after:border-r-transparent after:border-b-8 after:border-b-neutral-600 group-hover:opacity-90 group-hover:pointer-events-auto\",\n\t\t\t\t\t{\n\t\t\t\t\t\t'opacity-0': !visible,\n\t\t\t\t\t\t'opacity-90': visible,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tooltip;\n","/* eslint-disable no-undef */\nimport { useEffect } from 'react';\n\nconst onClickOutside = (ref, handler) => {\n\tuseEffect(() => {\n\t\tconst handleClick = (e) => {\n\t\t\tif (\n\t\t\t\tref.current &&\n\t\t\t\t!ref.current.contains(e.target) &&\n\t\t\t\t!e.target.closest('.ignoreClickOutside')\n\t\t\t) {\n\t\t\t\thandler();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('mousedown', handleClick);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClick);\n\t\t};\n\t}, [handler, ref]);\n};\n\nexport default onClickOutside;\n"]}
+{"version":3,"sources":["../src/index.tsx","../src/onClickOutside.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,QAAQ,gBAAgB;AACxC,OAAO,QAAQ;AACf,OAAO,UAAwB;;;ACF/B,SAA2B,iBAAiB;AAE5C,IAAM,oBAAoB,CACzB,KACA,YACI;AACJ,YAAU,MAAM;AACf,UAAM,cAAc,CAAC,MAAkB;AACtC,UACC,IAAI,WACJ,CAAC,IAAI,QAAQ,SAAS,EAAE,MAAqB,KAC7C,CAAE,EAAE,OAAuB,QAAQ,qBAAqB,GACvD;AACD,gBAAQ;AAAA,MACT;AAAA,IACD;AACA,aAAS,iBAAiB,aAAa,WAAW;AAElD,WAAO,MAAM;AACZ,eAAS,oBAAoB,aAAa,WAAW;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,SAAS,GAAG,CAAC;AAClB;AAEA,IAAO,yBAAQ;;;ADbf,IAAM,UAAU,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAwC;AACvC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,yBAAkB,KAAK,MAAM,WAAW,KAAK,CAAC;AAE9C,SACC,oCAAC,SAAI,WAAW,GAAG,sBAAsB,SAAS,GAAG,OACpD;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM;AACd,mBAAW,CAAC,OAAO;AAAA,MACpB;AAAA;AAAA,IAEC,WACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,eAAY;AAAA;AAAA,IACb,IAEA;AAAA,EAEF,GACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,UACC,aAAa,CAAC;AAAA,UACd,cAAc;AAAA,QACf;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACF,CACD;AAEF;AAEA,IAAO,cAAQ","sourcesContent":["import React, { useRef, useState } from 'react';\nimport cn from 'classnames';\nimport Icon, { IconName } from '@brighthr/component-icon';\nimport useOnClickOutside from './onClickOutside';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n\tclassName?: string;\n\ticonName?: IconName;\n\tlabel?: string;\n};\n\nconst Tooltip = ({\n\tclassName,\n\ticonName,\n\tlabel,\n\tchildren,\n}: TooltipProps): React.ReactElement => {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst [visible, setVisible] = useState(false);\n\n\tuseOnClickOutside(ref, () => setVisible(false));\n\n\treturn (\n\t\t<div className={cn('inline-block group', className)} ref={ref}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName=\"cursor-help\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetVisible(!visible);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{iconName ? (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticonName={iconName}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tdata-testid=\"tool-tip-icon\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tlabel\n\t\t\t\t)}\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"font-bold max-w-full absolute mt-4 pointer-events-none transition-opacity z-9999 bg-neutral-600 text-white p-2 rounded-[4px] text-sm mr-2 after:content-[''] after:w-fit after:whitespace-nowrap after:h-0 after:absolute after:-top-2 after:left-2 after:border-l-8 after:border-r-8 after:border-l-transparent after:border-r-transparent after:border-b-8 after:border-b-neutral-600 group-hover:opacity-90 group-hover:pointer-events-auto\",\n\t\t\t\t\t{\n\t\t\t\t\t\t'opacity-0': !visible,\n\t\t\t\t\t\t'opacity-90': visible,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tooltip;\n","import { MutableRefObject, useEffect } from 'react';\n\nconst useOnClickOutside = (\n\tref: MutableRefObject<HTMLElement>,\n\thandler: () => void\n) => {\n\tuseEffect(() => {\n\t\tconst handleClick = (e: MouseEvent) => {\n\t\t\tif (\n\t\t\t\tref.current &&\n\t\t\t\t!ref.current.contains(e.target as HTMLElement) &&\n\t\t\t\t!(e.target as HTMLElement).closest('.ignoreClickOutside')\n\t\t\t) {\n\t\t\t\thandler();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('mousedown', handleClick);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClick);\n\t\t};\n\t}, [handler, ref]);\n};\n\nexport default useOnClickOutside;\n"]}

dist/index.js

@@ -6,5 +6,5 @@ // src/index.tsx
 
-// src/onClickOutside.js
+// src/onClickOutside.tsx
 import { useEffect } from "react";
-var onClickOutside = (ref, handler) => {
+var useOnClickOutside = (ref, handler) => {
   useEffect(() => {
@@ -22,3 +22,3 @@ const handleClick = (e) => {
 };
-var onClickOutside_default = onClickOutside;
+var onClickOutside_default = useOnClickOutside;
 
@@ -25,0 +25,0 @@ // src/index.tsx

dist/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"sources":["../src/index.tsx","../src/onClickOutside.js"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cn from 'classnames';\nimport Icon, { IconName } from '@brighthr/component-icon';\nimport onClickOutside from './onClickOutside';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n\tclassName?: string;\n\ticonName?: IconName;\n\tlabel?: string;\n};\n\nconst Tooltip = ({\n\tclassName,\n\ticonName,\n\tlabel,\n\tchildren,\n}: TooltipProps): React.ReactElement => {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst [visible, setVisible] = useState(false);\n\n\tonClickOutside(ref, () => setVisible(false));\n\n\treturn (\n\t\t<div className={cn('inline-block group', className)} ref={ref}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName=\"cursor-help\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetVisible(!visible);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{iconName ? (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticonName={iconName}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tdata-testid=\"tool-tip-icon\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tlabel\n\t\t\t\t)}\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"font-bold max-w-full absolute mt-4 pointer-events-none transition-opacity z-9999 bg-neutral-600 text-white p-2 rounded-[4px] text-sm mr-2 after:content-[''] after:w-fit after:whitespace-nowrap after:h-0 after:absolute after:-top-2 after:left-2 after:border-l-8 after:border-r-8 after:border-l-transparent after:border-r-transparent after:border-b-8 after:border-b-neutral-600 group-hover:opacity-90 group-hover:pointer-events-auto\",\n\t\t\t\t\t{\n\t\t\t\t\t\t'opacity-0': !visible,\n\t\t\t\t\t\t'opacity-90': visible,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tooltip;\n","/* eslint-disable no-undef */\nimport { useEffect } from 'react';\n\nconst onClickOutside = (ref, handler) => {\n\tuseEffect(() => {\n\t\tconst handleClick = (e) => {\n\t\t\tif (\n\t\t\t\tref.current &&\n\t\t\t\t!ref.current.contains(e.target) &&\n\t\t\t\t!e.target.closest('.ignoreClickOutside')\n\t\t\t) {\n\t\t\t\thandler();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('mousedown', handleClick);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClick);\n\t\t};\n\t}, [handler, ref]);\n};\n\nexport default onClickOutside;\n"],"mappings":";AAAA,OAAO,SAAS,QAAQ,gBAAgB;AACxC,OAAO,QAAQ;AACf,OAAO,UAAwB;;;ACD/B,SAAS,iBAAiB;AAE1B,IAAM,iBAAiB,CAAC,KAAK,YAAY;AACxC,YAAU,MAAM;AACf,UAAM,cAAc,CAAC,MAAM;AAC1B,UACC,IAAI,WACJ,CAAC,IAAI,QAAQ,SAAS,EAAE,MAAM,KAC9B,CAAC,EAAE,OAAO,QAAQ,qBAAqB,GACtC;AACD,gBAAQ;AAAA,MACT;AAAA,IACD;AACA,aAAS,iBAAiB,aAAa,WAAW;AAElD,WAAO,MAAM;AACZ,eAAS,oBAAoB,aAAa,WAAW;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,SAAS,GAAG,CAAC;AAClB;AAEA,IAAO,yBAAQ;;;ADXf,IAAM,UAAU,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAwC;AACvC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,yBAAe,KAAK,MAAM,WAAW,KAAK,CAAC;AAE3C,SACC,oCAAC,SAAI,WAAW,GAAG,sBAAsB,SAAS,GAAG,OACpD;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM;AACd,mBAAW,CAAC,OAAO;AAAA,MACpB;AAAA;AAAA,IAEC,WACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,eAAY;AAAA;AAAA,IACb,IAEA;AAAA,EAEF,GACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,UACC,aAAa,CAAC;AAAA,UACd,cAAc;AAAA,QACf;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACF,CACD;AAEF;AAEA,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../src/index.tsx","../src/onClickOutside.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cn from 'classnames';\nimport Icon, { IconName } from '@brighthr/component-icon';\nimport useOnClickOutside from './onClickOutside';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n\tclassName?: string;\n\ticonName?: IconName;\n\tlabel?: string;\n};\n\nconst Tooltip = ({\n\tclassName,\n\ticonName,\n\tlabel,\n\tchildren,\n}: TooltipProps): React.ReactElement => {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst [visible, setVisible] = useState(false);\n\n\tuseOnClickOutside(ref, () => setVisible(false));\n\n\treturn (\n\t\t<div className={cn('inline-block group', className)} ref={ref}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName=\"cursor-help\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetVisible(!visible);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{iconName ? (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticonName={iconName}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tdata-testid=\"tool-tip-icon\"\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\tlabel\n\t\t\t\t)}\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"font-bold max-w-full absolute mt-4 pointer-events-none transition-opacity z-9999 bg-neutral-600 text-white p-2 rounded-[4px] text-sm mr-2 after:content-[''] after:w-fit after:whitespace-nowrap after:h-0 after:absolute after:-top-2 after:left-2 after:border-l-8 after:border-r-8 after:border-l-transparent after:border-r-transparent after:border-b-8 after:border-b-neutral-600 group-hover:opacity-90 group-hover:pointer-events-auto\",\n\t\t\t\t\t{\n\t\t\t\t\t\t'opacity-0': !visible,\n\t\t\t\t\t\t'opacity-90': visible,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tooltip;\n","import { MutableRefObject, useEffect } from 'react';\n\nconst useOnClickOutside = (\n\tref: MutableRefObject<HTMLElement>,\n\thandler: () => void\n) => {\n\tuseEffect(() => {\n\t\tconst handleClick = (e: MouseEvent) => {\n\t\t\tif (\n\t\t\t\tref.current &&\n\t\t\t\t!ref.current.contains(e.target as HTMLElement) &&\n\t\t\t\t!(e.target as HTMLElement).closest('.ignoreClickOutside')\n\t\t\t) {\n\t\t\t\thandler();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('mousedown', handleClick);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClick);\n\t\t};\n\t}, [handler, ref]);\n};\n\nexport default useOnClickOutside;\n"],"mappings":";AAAA,OAAO,SAAS,QAAQ,gBAAgB;AACxC,OAAO,QAAQ;AACf,OAAO,UAAwB;;;ACF/B,SAA2B,iBAAiB;AAE5C,IAAM,oBAAoB,CACzB,KACA,YACI;AACJ,YAAU,MAAM;AACf,UAAM,cAAc,CAAC,MAAkB;AACtC,UACC,IAAI,WACJ,CAAC,IAAI,QAAQ,SAAS,EAAE,MAAqB,KAC7C,CAAE,EAAE,OAAuB,QAAQ,qBAAqB,GACvD;AACD,gBAAQ;AAAA,MACT;AAAA,IACD;AACA,aAAS,iBAAiB,aAAa,WAAW;AAElD,WAAO,MAAM;AACZ,eAAS,oBAAoB,aAAa,WAAW;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,SAAS,GAAG,CAAC;AAClB;AAEA,IAAO,yBAAQ;;;ADbf,IAAM,UAAU,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAwC;AACvC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,yBAAkB,KAAK,MAAM,WAAW,KAAK,CAAC;AAE9C,SACC,oCAAC,SAAI,WAAW,GAAG,sBAAsB,SAAS,GAAG,OACpD;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM;AACd,mBAAW,CAAC,OAAO;AAAA,MACpB;AAAA;AAAA,IAEC,WACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,eAAY;AAAA;AAAA,IACb,IAEA;AAAA,EAEF,GACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,UACC,aAAa,CAAC;AAAA,UACd,cAAc;AAAA,QACf;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACF,CACD;AAEF;AAEA,IAAO,cAAQ;","names":[]}

package.json

 {
-  "name": "@brighthr/component-tooltip",
-  "version": "1.0.0",
-  "license": "MIT",
-  "type": "module",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "tsup --watch",
-    "build": "tsup"
-  },
-  "eslintConfig": {
-    "rules": {
-      "import/no-extraneous-dependencies": [
-        "error",
-        {
-          "devDependencies": [
-            "**/*.test.tsx"
-          ]
-        }
-      ]
-    }
-  },
-  "devDependencies": {
-    "@testing-library/react": "^12.0.0"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0"
-  },
-  "dependencies": {
-    "@brighthr/component-icon": "^2.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "classnames": "^2.3.1"
-  },
-  "gitHead": "1b82cedd964ef0ee483494eba535cdd0e48716ea"
+	"name": "@brighthr/component-tooltip",
+	"version": "1.0.1",
+	"license": "MIT",
+	"type": "module",
+	"main": "dist/index.cjs",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"start": "tsup --watch",
+		"build": "tsup"
+	},
+	"peerDependencies": {
+		"react": ">=16.9.0"
+	},
+	"dependencies": {
+		"@brighthr/component-icon": "^2.0.1",
+		"classnames": "^2.3.1"
+	},
+	"gitHead": "bcc368c7b077e1087feecd6299cc53416f05ae25"
 }

README.md

@@ -6,2 +6,3 @@ # ComponentName
 To install, type the following into the command line at the root of your project:
+
 ```javascript
@@ -14,4 +15,5 @@ npm i @brighthr/component-tooltip
 Import into your file:
+
 ```javascript
 import Tooltip from '@brighthr/component-tooltip';
 ```

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

-25%

Dev dependency count

0

-100%

Number of lines in readme file

18

12.5%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

13201

-1.01%

Dependency changes

• - Removed

  @testing-library/user-event@^14.4.3

• - Removed

  @babel/code-frame@7.29.0
  (transitive)

• - Removed

  @babel/helper-validator-identifier@7.28.5
  (transitive)

• - Removed

  @babel/runtime@7.28.6
  (transitive)

• - Removed

  @testing-library/dom@10.4.1
  (transitive)

• - Removed

  @testing-library/user-event@14.6.1
  (transitive)

• - Removed

  @types/aria-query@5.0.4
  (transitive)

• - Removed

  ansi-regex@5.0.1
  (transitive)

• - Removed

  ansi-styles@5.2.0
  (transitive)

• - Removed

  aria-query@5.3.0
  (transitive)

• - Removed

  dequal@2.0.3
  (transitive)

• - Removed

  dom-accessibility-api@0.5.16
  (transitive)

• - Removed

  js-tokens@4.0.0
  (transitive)

• - Removed

  lz-string@1.5.0
  (transitive)

• - Removed

  picocolors@1.1.1
  (transitive)

• - Removed

  pretty-format@27.5.1
  (transitive)

• - Removed

  react-is@17.0.2
  (transitive)

• Updated

  @brighthr/component-icon@^2.0.1