npm - @asup/context-menu - Versions diffs - 1.3.2 → 1.3.4 - Mend

@asup/context-menu 1.3.2 → 1.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/cjs/main.css +55 -45
package/dist/cjs/main.css.map +1 -1
package/dist/cjs/main.js +213 -70
package/dist/cjs/main.js.map +1 -1
package/dist/context-menu.d.ts +7 -9
package/dist/context-menu.d.ts.map +1 -1
package/dist/main.css +55 -45
package/dist/main.css.map +1 -1
package/dist/main.js +219 -72
package/dist/main.js.map +1 -1
package/package.json +31 -28

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/components/ContextWindowStack.tsx","src/functions/chkPosition.ts"],"sourcesContent":["export * from \"./components\";\n","import { ContextMenuHandler } from \"./ContextMenuHandler\";\nimport { ContextWindow } from \"./ContextWindow\";\nimport { ContextWindowStack } from \"./ContextWindowStack\";\nimport { iMenuItem } from \"./interface\";\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { iMenuItem };\n","import { MouseEvent, useCallback, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport \"./ContextMenu.css\";\nimport { LowMenu } from \"./LowMenu\";\nimport { iMenuItem } from \"./interface\";\n\ninterface contextMenuHandlerProps {\n children: JSX.Element[] \| JSX.Element;\n menuItems: iMenuItem[];\n showLowMenu?: boolean;\n lowMenuTarget?: Range \| null;\n style?: React.CSSProperties;\n}\n\nexport const ContextMenuHandler = ({\n children,\n menuItems,\n showLowMenu = false,\n style = {\n height: \"fit-content\",\n width: \"fit-content\",\n },\n}: contextMenuHandlerProps): JSX.Element => {\n // Menu resources\n const divRef = useRef<HTMLDivElement \| null>(null);\n const menuRef = useRef<HTMLDivElement \| null>(null);\n const [menuXPos, setMenuXPos] = useState<number>(0);\n const [menuYPos, setMenuYPos] = useState<number>(0);\n const [menuVisible, setMenuVisible] = useState<boolean>(false);\n const [target, setTarget] = useState<Range \| null>(null);\n const [lowTarget, setLowTarget] = useState<Range \| null>(null);\n\n // Show menu when context is requested\n const showMenu = (e: MouseEvent<HTMLDivElement>) => {\n const sel = window.getSelection();\n setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);\n e.preventDefault();\n e.stopPropagation();\n setMenuVisible(true);\n setMenuXPos(e.pageX);\n setMenuYPos(e.pageY);\n };\n\n // Handle click off the menu\n const handleClick = useCallback((e: globalThis.MouseEvent) => {\n if (\n menuRef.current &&\n ((e.target instanceof Element && !menuRef.current?.contains(e.target)) \|\|\n !(e.target instanceof Element))\n ) {\n setMenuVisible(false);\n }\n }, []);\n\n // Update the document click handler\n useEffect(() => {\n if (menuVisible) document.addEventListener(\"mousedown\", handleClick);\n else document.removeEventListener(\"mousedown\", handleClick);\n return () => {\n document.removeEventListener(\"mousedown\", handleClick);\n };\n }, [handleClick, menuVisible]);\n\n return (\n <>\n <div\n onContextMenu={showLowMenu ? undefined : showMenu}\n className=\"context-menu-handler\"\n style={style}\n >\n {children}\n </div>\n {menuVisible &&\n !showLowMenu &&\n createPortal(\n <div\n style={{ position: \"absolute\", top: 0, left: 0 }}\n ref={divRef}\n >\n <ContextMenu\n visible={true}\n ref={menuRef}\n entries={menuItems}\n xPos={menuXPos}\n yPos={menuYPos}\n target={target}\n toClose={() => setMenuVisible(false)}\n />\n </div>,\n document.body,\n )}\n {showLowMenu && (\n <div\n style={{ position: \"relative\" }}\n onMouseEnter={() => {\n const sel = window.getSelection();\n const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n setLowTarget(lowSel);\n }}\n onMouseLeave={() => {\n setLowTarget(null);\n }}\n >\n <LowMenu\n entries={menuItems}\n target={lowTarget}\n />\n </div>\n )}{\" \"}\n </>\n );\n};\n\nContextMenuHandler.displayName = \"ContextMenuHandler\";\n","import React from \"react\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\nimport { iMenuItem } from \"./interface\";\n\nexport interface contextMenuProps {\n visible: boolean;\n entries: iMenuItem[];\n target: Range \| null;\n xPos: number;\n yPos: number;\n toClose: () => void;\n}\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, contextMenuProps>(\n ({ visible, entries, target, xPos, yPos, toClose }, ref): JSX.Element => {\n ContextMenu.displayName = \"ContextMenu\";\n\n return (\n <div\n ref={ref}\n className={`context-menu${visible ? \" visible\" : \"\"}`}\n style={{\n top: `${yPos}px`,\n left: `${xPos}px`,\n }}\n onContextMenuCapture={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n {entries.map((entry, i) => (\n <div\n key={i}\n className={`context-menu-item${entry.disabled ? \" disabled\" : \"\"}`}\n >\n <span\n aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n aria-disabled={entry.disabled}\n className=\"context-menu-item-label\"\n onMouseDownCapture={(ev) => {\n ev.preventDefault();\n ev.stopPropagation();\n entry.action && !entry.disabled && entry.action(target);\n !entry.disabled && toClose();\n }}\n >\n {entry.label}\n </span>\n {entry.group && (\n <ContextSubMenu\n toClose={toClose}\n entries={entry.group}\n target={target}\n />\n )}\n </div>\n ))}\n </div>\n );\n },\n);\n\nContextMenu.displayName = \"ContextMenu\";\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { iMenuItem } from \"./interface\";\n\nexport interface ContextSubMenuProps {\n entries: iMenuItem[];\n target: Range \| null;\n toClose: () => void;\n lowMenu?: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, target, toClose }: ContextSubMenuProps): JSX.Element => {\n const [visible, setVisible] = useState<boolean>(false);\n\n return (\n <span\n className=\"caret-holder\"\n onMouseEnter={() => {\n setVisible(true);\n }}\n onMouseLeave={() => {\n setVisible(false);\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n viewBox=\"0 0 16 16\"\n >\n <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n </svg>\n <div className=\"sub-menu\">\n <ContextMenu\n visible={visible}\n entries={entries}\n target={target}\n xPos={14}\n yPos={-21}\n toClose={toClose}\n />\n </div>\n </span>\n );\n};\n\nContextSubMenu.displayName = \"ContextSubMenu\";\n","import { iMenuItem } from \"./interface\";\nimport \"./LowMenu.css\";\nimport { LowMenuButton } from \"./LowMenuButton\";\n\ninterface LowMenuProps {\n entries: iMenuItem[];\n target: Range \| null;\n}\n\nexport const LowMenu = ({ entries, target }: LowMenuProps): JSX.Element => {\n return (\n <div\n className=\"low-menu\"\n aria-label=\"Low context menu\"\n >\n {entries.map((e, i) => (\n <LowMenuButton\n key={i}\n entry={e}\n target={target}\n />\n ))}\n </div>\n );\n};\n\nLowMenu.displayName = \"LowMenu\";\n","import { LowSubMenu } from \"./LowSubMenu\";\nimport { iMenuItem } from \"./interface\";\n\ninterface LowMenuButtonProps {\n entry: iMenuItem;\n target: Range \| null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n return (\n <div\n className={`low-menu-item${entry.disabled ? \" disabled\" : \"\"}`}\n aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n aria-disabled={entry.disabled}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n entry.action && !entry.disabled && entry.action(target);\n }}\n >\n <span className=\"low-menu-item-label\">{entry.label}</span>\n {entry.group && (\n <LowSubMenu\n entry={entry}\n target={target}\n />\n )}\n </div>\n );\n};\n\nLowMenuButton.displayName = \"LowMenuButton\";\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { iMenuItem } from \"./interface\";\n\nexport interface LowSubMenuProps {\n entry: iMenuItem;\n target: Range \| null;\n lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry, target }: LowSubMenuProps): JSX.Element => {\n const [visible, setVisible] = useState<boolean>(false);\n if (!entry.group \|\| entry.group.length === 0) return <></>;\n return (\n <span\n aria-label={`Sub menu for ${entry.label}`}\n className=\"caret-holder\"\n onMouseEnter={() => {\n setVisible(true);\n }}\n onMouseLeave={() => {\n setVisible(false);\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n viewBox=\"0 0 16 16\"\n >\n <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n </svg>\n <div className=\"sub-menu\">\n <ContextMenu\n visible={visible}\n entries={entry.group}\n target={target}\n xPos={14}\n yPos={entry.group.length * -21 - 8}\n toClose={() => setVisible(false)}\n />\n </div>\n </span>\n );\n};\n\nLowSubMenu.displayName = \"LowSubMenu\";\n","import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport \"./ContextWindow.css\";\nimport { ContextWindowStackContext } from \"./ContextWindowStack\";\nimport { chkPosition } from \"../functions/chkPosition\";\n\ninterface ContextWindowProps {\n id: string;\n visible: boolean;\n onOpen?: () => void;\n onClose?: () => void;\n title: string;\n style?: React.CSSProperties;\n children: JSX.Element[] \| JSX.Element \| string;\n}\n\nexport const ContextWindow = ({\n id,\n visible,\n title,\n style,\n children,\n onOpen,\n onClose,\n}: ContextWindowProps): JSX.Element => {\n const windowStack = useContext(ContextWindowStackContext);\n const windowId = useRef<number \| null>(null);\n const divRef = useRef<HTMLDivElement \| null>(null);\n const windowRef = useRef<HTMLDivElement \| null>(null);\n const [windowVisible, setWindowVisible] = useState<boolean>(false);\n const zIndex = useMemo(() => {\n return windowStack?.currentWindows.find((w) => w.windowId === windowId.current)?.zIndex ?? 1;\n }, [windowStack?.currentWindows]);\n\n // Position\n const windowPos = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n const [moving, setMoving] = useState<boolean>(false);\n\n const move = useCallback((x: number, y: number) => {\n if (windowRef.current && windowPos.current) {\n const window = windowRef.current;\n const pos = windowPos.current;\n pos.x += x;\n pos.y += y;\n window.style.transform = `translate(${pos.x}px, ${pos.y}px)`;\n }\n }, []);\n\n const checkPosition = useCallback(() => {\n const chkPos = chkPosition(windowRef);\n move(chkPos.translateX, chkPos.translateY);\n }, [move]);\n\n const mouseMove = useCallback(\n (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n move(e.movementX, e.movementY);\n },\n [move],\n );\n\n const mouseUp = useCallback(\n (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setMoving(false);\n checkPosition();\n document.removeEventListener(\"mousemove\", mouseMove);\n document.removeEventListener(\"mouseup\", mouseUp);\n window.removeEventListener(\"resize\", checkPosition);\n if (e.target && (e.target instanceof HTMLElement \|\| e.target instanceof SVGElement))\n e.target.style.userSelect = \"auto\";\n },\n [checkPosition, mouseMove],\n );\n\n // Update visibility\n useEffect(() => {\n if (windowStack) {\n if (visible && !windowVisible) {\n if (!windowId.current) {\n const maxWindowId = Math.max(0, ...windowStack.currentWindows.map((w) => w.windowId));\n windowId.current = maxWindowId + 1;\n }\n windowStack.pushToTop(windowId.current);\n setWindowVisible(visible);\n onOpen && onOpen();\n // Get starting position\n if (divRef.current && windowRef.current) {\n const parentPos = divRef.current.getBoundingClientRect();\n const pos = windowRef.current.getBoundingClientRect();\n const windowHeight = pos.bottom - pos.top;\n windowRef.current.style.left = `${parentPos.left}px`;\n windowRef.current.style.top = `${\n parentPos.bottom + windowHeight < window.innerHeight\n ? parentPos.bottom\n : Math.max(0, parentPos.top - windowHeight)\n }px`;\n windowRef.current.style.transform = \"\";\n windowPos.current = { x: 0, y: 0 };\n }\n checkPosition();\n } else if (windowId.current && !visible && windowVisible) {\n setWindowVisible(false);\n }\n }\n }, [checkPosition, onOpen, visible, windowStack, windowVisible]);\n\n return (\n <div\n className=\"contextwindow-anchor\"\n ref={divRef}\n >\n {windowStack &&\n createPortal(\n <div\n id={id}\n className=\"contextwindow\"\n style={{\n ...style,\n opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n visibility: windowVisible ? \"visible\" : \"hidden\",\n zIndex: zIndex ?? 1,\n minHeight: style?.minHeight ?? \"150px\",\n minWidth: style?.minWidth ?? \"200px\",\n maxHeight: style?.maxHeight ?? \"1000px\",\n maxWidth: style?.maxWidth ?? \"1000px\",\n }}\n onClickCapture={() => {\n windowId && windowId.current && windowStack.pushToTop(windowId.current);\n }}\n ref={windowRef}\n >\n <div\n className={`contextwindow-title ${moving ? \"moving\" : \"\"}`}\n onMouseDown={(e: React.MouseEvent) => {\n if (e.target && (e.target instanceof HTMLElement \|\| e.target instanceof SVGElement))\n e.target.style.userSelect = \"none\";\n setMoving(true);\n windowId && windowId.current && windowStack.pushToTop(windowId.current);\n document.addEventListener(\"mouseup\", mouseUp);\n document.addEventListener(\"mousemove\", mouseMove);\n window.addEventListener(\"resize\", () => checkPosition());\n }}\n >\n <div className=\"contextwindow-title-text\">{title}</div>\n <div className=\"contextwindow-title-close\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n viewBox=\"0 0 16 16\"\n aria-label=\"Close window\"\n onClick={onClose}\n >\n <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" />\n </svg>\n </div>\n </div>\n <div className=\"contextwindow-body\">\n <div>{children}</div>\n </div>\n </div>,\n document.body,\n )}\n </div>\n );\n};\n\nContextWindow.displayName = \"ContextWindow\";\n","import { createContext, useState } from \"react\";\n\nexport interface ContextWindowZIndex {\n windowId: number;\n zIndex: number;\n}\n\nexport interface ContextWindowStackContextProps {\n currentWindows: ContextWindowZIndex[];\n pushToTop: (ret: number) => void;\n}\n\nexport const ContextWindowStackContext = createContext<ContextWindowStackContextProps \| null>(null);\n\ninterface ContextWindowStackProps {\n id?: string;\n minZIndex?: number;\n children?: JSX.Element[] \| JSX.Element;\n}\n\nconst pushToTop = (\n windowId: number,\n minZIndex: number,\n windowList: ContextWindowZIndex[],\n setWindowList: (ret: ContextWindowZIndex[]) => void,\n) => {\n const otherWindows = windowList\n .filter((w) => w.windowId !== windowId)\n .map((w, i) => ({ windowId: w.windowId, zIndex: minZIndex + i }));\n setWindowList([...otherWindows, { windowId, zIndex: minZIndex + otherWindows.length }]);\n};\n\nexport const ContextWindowStack = ({\n minZIndex = 1000,\n children,\n}: ContextWindowStackProps): JSX.Element => {\n const [currentWindows, setCurrentWindows] = useState<ContextWindowZIndex[]>([]);\n\n return (\n <ContextWindowStackContext.Provider\n value={{\n currentWindows: currentWindows.map((w) => ({\n windowId: w.windowId,\n zIndex: minZIndex + w.zIndex,\n })),\n pushToTop: (ret: number) => pushToTop(ret, minZIndex, currentWindows, setCurrentWindows),\n }}\n >\n {children}\n </ContextWindowStackContext.Provider>\n );\n};\n\nContextWindowStack.displayName = \"ContextWindowStack\";\n","import { RefObject } from \"react\";\n\n/*\n Check that an existing div is inside the viewport\n * @param divRef Check div is inside view port, and return n\n * @returns \\{ translateX, translateY \\} Amount to move on X and Y axis\n */\nexport const chkPosition = (\n divRef: RefObject<HTMLDivElement>,\n): { translateX: number; translateY: number } => {\n if (!divRef.current) {\n return { translateX: 0, translateY: 0 };\n } else {\n const innerBounce = 16;\n const posn = divRef.current.getBoundingClientRect();\n let translateX = 0;\n if (posn.left < innerBounce) {\n translateX = -posn.left + innerBounce;\n } else if (posn.right > window.innerWidth) {\n translateX = Math.max(-posn.left + innerBounce, window.innerWidth - posn.right - innerBounce);\n }\n let translateY = 0;\n if (posn.top < innerBounce) {\n translateY = -posn.top + innerBounce;\n } else if (posn.bottom > window.innerHeight) {\n translateY = Math.max(\n -posn.top + innerBounce,\n window.innerHeight - posn.bottom - innerBounce,\n );\n }\n return { translateX, translateY };\n }\n};\n"],"names":[],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["src/main.ts","global.d.ts","src/components/index.ts","src/components/ContextMenuHandler.tsx","src/components/ContextMenu.tsx","src/components/ContextMenu.module.css","src/components/ContextSubMenu.tsx","src/components/LowMenu.tsx","src/components/LowMenu.module.css","src/components/LowMenuButton.tsx","src/components/LowSubMenu.tsx","src/components/ContextWindow.tsx","src/functions/chkPosition.ts","src/components/ContextWindowStack.tsx","src/components/ContextWindow.module.css"],"sourcesContent":["import \"../global.d.ts\";\nexport * from \"./components\";\n","declare module \".module.css\" {\n const classes: { readonly [key: string]: string };\n export default classes;\n}\n","import { ContextMenuHandler } from \"./ContextMenuHandler\";\nimport { ContextWindow } from \"./ContextWindow\";\nimport { ContextWindowStack } from \"./ContextWindowStack\";\nimport { MenuItem } from \"./interface\";\n\nexport { ContextMenuHandler, ContextWindow, ContextWindowStack };\nexport type { MenuItem as iMenuItem };\n","import {\n MouseEvent,\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { LowMenu } from \"./LowMenu\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContentMenuHandlerContextProps {\n menuItems: MenuItem[];\n}\nexport const ContentMenuHandlerContext = createContext<ContentMenuHandlerContextProps \| null>(null);\n\ninterface contextMenuHandlerProps extends React.HTMLAttributes<HTMLDivElement> {\n children: JSX.Element[] \| JSX.Element;\n menuItems: MenuItem[];\n showLowMenu?: boolean;\n}\n\nexport const ContextMenuHandler = ({\n children,\n menuItems,\n showLowMenu = false,\n ...rest\n}: contextMenuHandlerProps): JSX.Element => {\n // Check for higher content menu\n const higherContext = useContext(ContentMenuHandlerContext);\n const thisMenuItems = useMemo(\n () => [\n ...(higherContext !== null\n ? [\n ...higherContext.menuItems,\n {\n label: <hr style={{ flexGrow: 1, cursor: \"none\", margin: \"0\", padding: \"0\" }} />,\n },\n ]\n : []),\n ...menuItems,\n ],\n [higherContext, menuItems],\n );\n\n // Menu resources\n const divHandlderRef = useRef<HTMLDivElement \| null>(null);\n const divMenuRef = useRef<HTMLDivElement \| null>(null);\n const menuRef = useRef<HTMLDivElement \| null>(null);\n const [menuXPos, setMenuXPos] = useState<number>(0);\n const [menuYPos, setMenuYPos] = useState<number>(0);\n const [menuVisible, setMenuVisible] = useState<boolean>(false);\n const [target, setTarget] = useState<Range \| null>(null);\n const [lowTarget, setLowTarget] = useState<Range \| null>(null);\n const [lowMenuVisible, setLowMenuVisible] = useState<boolean>(false);\n\n // Get holder position\n const divHandlerPos = divHandlderRef ? divHandlderRef.current?.getBoundingClientRect() : null;\n\n // Show menu when context is requested\n const showMenu = (e: MouseEvent<HTMLDivElement>) => {\n const sel = window.getSelection();\n setTarget(sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null);\n e.preventDefault();\n e.stopPropagation();\n setMenuVisible(true);\n setMenuXPos(e.pageX);\n setMenuYPos(e.pageY);\n };\n\n // Handle click off the menu\n const handleClick = useCallback((e: globalThis.MouseEvent) => {\n if (\n menuRef.current &&\n ((e.target instanceof Element && !menuRef.current?.contains(e.target)) \|\|\n !(e.target instanceof Element))\n ) {\n setMenuVisible(false);\n }\n }, []);\n\n // Update the document click handler\n useEffect(() => {\n if (menuVisible) document.addEventListener(\"mousedown\", handleClick);\n else document.removeEventListener(\"mousedown\", handleClick);\n return () => {\n document.removeEventListener(\"mousedown\", handleClick);\n };\n }, [handleClick, menuVisible]);\n\n return (\n <ContentMenuHandlerContext.Provider\n value={{\n menuItems: thisMenuItems,\n }}\n >\n <div\n ref={divHandlderRef}\n {...rest}\n className={[styles.contextMenuHandler, rest.className].join(\" \")}\n style={{ ...rest.style }}\n onContextMenu={showLowMenu ? undefined : showMenu}\n onMouseEnter={() => {\n showLowMenu && setLowMenuVisible(true);\n }}\n onMouseLeave={() => {\n showLowMenu && setLowMenuVisible(false);\n }}\n >\n {children}\n </div>\n {menuVisible &&\n !showLowMenu &&\n createPortal(\n <div\n className={styles.anchor}\n ref={divMenuRef}\n >\n <ContextMenu\n visible={true}\n ref={menuRef}\n entries={thisMenuItems}\n xPos={menuXPos}\n yPos={menuYPos}\n target={target}\n toClose={() => setMenuVisible(false)}\n />\n </div>,\n document.body,\n )}\n {showLowMenu &&\n divHandlerPos &&\n createPortal(\n <div\n className={styles.anchor}\n onMouseEnter={() => {\n const sel = window.getSelection();\n const lowSel = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;\n setLowTarget(lowSel);\n }}\n onMouseLeave={() => {\n setLowTarget(null);\n }}\n >\n <LowMenu\n visible={lowMenuVisible}\n entries={menuItems}\n target={lowTarget}\n xPos={divHandlerPos.left}\n yPos={divHandlerPos.bottom}\n />\n </div>,\n document.body,\n )}\n </ContentMenuHandlerContext.Provider>\n );\n};\n\nContextMenuHandler.displayName = \"ContextMenuHandler\";\n","import React from \"react\";\nimport styles from \"./ContextMenu.module.css\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\nimport { MenuItem } from \"./interface\";\n\nexport interface contextMenuProps {\n visible: boolean;\n entries: MenuItem[];\n target: Range \| null;\n xPos: number;\n yPos: number;\n toClose: () => void;\n}\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, contextMenuProps>(\n ({ visible, entries, target, xPos, yPos, toClose }, ref): JSX.Element => {\n ContextMenu.displayName = \"ContextMenu\";\n\n return (\n <div\n ref={ref}\n className={[styles.contextMenu, visible ? styles.visible : \"\"]\n .filter((c) => c !== \"\")\n .join(\" \")}\n style={{\n top: `${yPos}px`,\n left: `${xPos}px`,\n }}\n onContextMenuCapture={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n {entries.map((entry, i) => (\n <div\n key={i}\n className={[styles.contextMenuItem, entry.disabled ? styles.disabled : \"\"]\n .filter((c) => c !== \"\")\n .join(\" \")}\n >\n {typeof entry.label === \"string\" ? (\n <span\n aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n aria-disabled={entry.disabled}\n className={styles.contextMenuItemLabel}\n onMouseDownCapture={(ev) => {\n ev.preventDefault();\n ev.stopPropagation();\n entry.action && !entry.disabled && entry.action(target);\n !entry.disabled && toClose();\n }}\n >\n {entry.label}\n </span>\n ) : (\n entry.label\n )}\n {entry.group && (\n <ContextSubMenu\n toClose={toClose}\n entries={entry.group}\n target={target}\n />\n )}\n </div>\n ))}\n </div>\n );\n },\n);\n\nContextMenu.displayName = \"ContextMenu\";\n",".anchor {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.contextMenuHandler {\n height: fit-content;\n width: fit-content;\n}\n\n.contextMenu {\n position: absolute;\n visibility: hidden;\n border: 1px solid;\n border-color: rgb(17, 20, 24);\n opacity: 1;\n background-color: rgb(251, 253, 246);\n z-index: 10000;\n box-shadow: 4px 4px 4px rgb(64, 64, 64, 0.75);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 9pt;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.contextMenu.visible {\n visibility: inherit;\n}\n\n.contextMenuItem {\n color: rgb(17, 20, 24);\n cursor: pointer;\n padding: 0 4px;\n min-width: 80px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n white-space: nowrap;\n}\n\n.contextMenuItem.disabled {\n background-color: rgba(0, 0, 0, 0.2);\n cursor: not-allowed;\n}\n\n.contextMenuItem:first-child {\n padding-top: 4px;\n}\n\n.contextMenuItem:last-child {\n padding-bottom: 4px;\n}\n\n.contextMenuItem:not(.disabled):hover {\n background-color: rgb(251, 233, 230);\n}\n\n.contextMenuItem .caretHolder {\n align-self: flex-end;\n}\n\n.contextMenuItem .caretHolder .subMenu {\n z-index: 1;\n position: relative;\n}\n\n.contextMenuItemLabel {\n flex-grow: 1;\n height: 19px;\n}\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./ContextMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface ContextSubMenuProps {\n entries: MenuItem[];\n target: Range \| null;\n toClose: () => void;\n lowMenu?: boolean;\n}\n\nexport const ContextSubMenu = ({ entries, target, toClose }: ContextSubMenuProps): JSX.Element => {\n const [visible, setVisible] = useState<boolean>(false);\n\n return (\n <span\n className={styles.caretHolder}\n onMouseEnter={() => {\n setVisible(true);\n }}\n onMouseLeave={() => {\n setVisible(false);\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n viewBox=\"0 0 16 16\"\n >\n <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n </svg>\n <div className={styles.subMenu}>\n <ContextMenu\n visible={visible}\n entries={entries}\n target={target}\n xPos={14}\n yPos={-21}\n toClose={toClose}\n />\n </div>\n </span>\n );\n};\n\nContextSubMenu.displayName = \"ContextSubMenu\";\n","import { MenuItem } from \"./interface\";\nimport styles from \"./LowMenu.module.css\";\nimport { LowMenuButton } from \"./LowMenuButton\";\n\ninterface LowMenuProps {\n entries: MenuItem[];\n target: Range \| null;\n visible: boolean;\n xPos: number;\n yPos: number;\n}\n\nexport const LowMenu = ({ entries, target, visible, xPos, yPos }: LowMenuProps): JSX.Element => {\n return (\n <div\n className={[styles.lowMenu, visible ? styles.visible : styles.hidden].join(\" \")}\n aria-label=\"Low context menu\"\n style={{\n left: `${xPos}px`,\n top: `${yPos}px`,\n }}\n >\n {entries.map((e, i) => (\n <LowMenuButton\n key={i}\n entry={e}\n target={target}\n />\n ))}\n </div>\n );\n};\n\nLowMenu.displayName = \"LowMenu\";\n",".lowMenu {\n z-index: 2;\n position: absolute;\n top: 0;\n margin: 0px;\n border: 2px solid rgb(17, 20, 24);\n border-top-right-radius: 4px;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n background-color: rgb(17, 20, 24);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 9pt;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n box-shadow: 2px 2px 2px rgb(64, 64, 64, 0.5);\n transition: opacity 0.3s linear;\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n gap: 2px;\n row-gap: 2px;\n}\n\n.lowMenu.hidden {\n opacity: 0;\n}\n\n.lowMenu.visible,\n.lowMenu:hover {\n opacity: 1;\n}\n\n.lowMenuItem {\n background-color: rgb(251, 253, 246);\n border: 0;\n color: rgb(17, 20, 24);\n cursor: pointer;\n padding: 0 4px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n white-space: nowrap;\n}\n\n.lowMenuItem.disabled {\n background-color: rgba(200, 200, 200);\n cursor: not-allowed;\n}\n\n.lowMenuItem:not(.disabled):hover {\n background-color: rgb(251, 233, 230);\n}\n\n.lowMenu-item .caretHolder {\n align-self: flex-end;\n}\n\n.lowMenuItem .caretHolder .subMenu {\n z-index: 1;\n position: relative;\n}\n","import styles from \"./LowMenu.module.css\";\nimport { LowSubMenu } from \"./LowSubMenu\";\nimport { MenuItem } from \"./interface\";\n\ninterface LowMenuButtonProps {\n entry: MenuItem;\n target: Range \| null;\n}\nexport const LowMenuButton = ({ entry, target }: LowMenuButtonProps) => {\n return (\n <div\n className={[styles.lowMenuItem, entry.disabled ? styles.disabled : \"\"]\n .filter((c) => c !== \"\")\n .join(\" \")}\n aria-label={typeof entry.label === \"string\" ? entry.label : undefined}\n aria-disabled={entry.disabled}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n entry.action && !entry.disabled && entry.action(target);\n }}\n >\n <span>{entry.label}</span>\n {entry.group && (\n <LowSubMenu\n entry={entry}\n target={target}\n />\n )}\n </div>\n );\n};\n\nLowMenuButton.displayName = \"LowMenuButton\";\n","import { useState } from \"react\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport styles from \"./LowMenu.module.css\";\nimport { MenuItem } from \"./interface\";\n\nexport interface LowSubMenuProps {\n entry: MenuItem;\n target: Range \| null;\n lowMenu?: boolean;\n}\n\nexport const LowSubMenu = ({ entry, target }: LowSubMenuProps): JSX.Element => {\n const [visible, setVisible] = useState<boolean>(false);\n if (!entry.group \|\| entry.group.length === 0) return <></>;\n return (\n <span\n aria-label={`Sub menu for ${entry.label}`}\n className={styles.caretHolder}\n onMouseEnter={() => {\n setVisible(true);\n }}\n onMouseLeave={() => {\n setVisible(false);\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n viewBox=\"0 0 16 16\"\n >\n <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n </svg>\n <div className={styles.subMenu}>\n <ContextMenu\n visible={visible}\n entries={entry.group}\n target={target}\n xPos={14}\n yPos={entry.group.length -21 - 8}\n toClose={() => setVisible(false)}\n />\n </div>\n </span>\n );\n};\n\nLowSubMenu.displayName = \"LowSubMenu\";\n","import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { chkPosition } from \"../functions/chkPosition\";\nimport { ContextWindowStackContext } from \"./ContextWindowStack\";\nimport styles from \"./ContextWindow.module.css\";\n\ninterface ContextWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n id: string;\n visible: boolean;\n onOpen?: () => void;\n onClose?: () => void;\n title: string;\n style?: React.CSSProperties;\n children: JSX.Element[] \| JSX.Element \| string;\n}\n\nexport const ContextWindow = ({\n id,\n visible,\n title,\n children,\n onOpen,\n onClose,\n ...rest\n}: ContextWindowProps): JSX.Element => {\n const windowStack = useContext(ContextWindowStackContext);\n const windowId = useRef<number \| null>(null);\n const divRef = useRef<HTMLDivElement \| null>(null);\n const windowRef = useRef<HTMLDivElement \| null>(null);\n const [windowVisible, setWindowVisible] = useState<boolean>(false);\n const zIndex = useMemo(() => {\n return windowStack?.currentWindows.find((w) => w.windowId === windowId.current)?.zIndex ?? 1;\n }, [windowStack?.currentWindows]);\n\n // Position\n const windowPos = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n const [moving, setMoving] = useState<boolean>(false);\n\n const move = useCallback((x: number, y: number) => {\n if (windowRef.current && windowPos.current) {\n const window = windowRef.current;\n const pos = windowPos.current;\n pos.x += x;\n pos.y += y;\n window.style.transform = `translate(${pos.x}px, ${pos.y}px)`;\n }\n }, []);\n\n const checkPosition = useCallback(() => {\n const chkPos = chkPosition(windowRef);\n move(chkPos.translateX, chkPos.translateY);\n }, [move]);\n\n const mouseMove = useCallback(\n (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n move(e.movementX, e.movementY);\n },\n [move],\n );\n\n const mouseUp = useCallback(\n (e: MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setMoving(false);\n checkPosition();\n document.removeEventListener(\"mousemove\", mouseMove);\n document.removeEventListener(\"mouseup\", mouseUp);\n window.removeEventListener(\"resize\", checkPosition);\n if (e.target && (e.target instanceof HTMLElement \|\| e.target instanceof SVGElement))\n e.target.style.userSelect = \"auto\";\n },\n [checkPosition, mouseMove],\n );\n\n // Update visibility\n useEffect(() => {\n if (windowStack) {\n if (visible && !windowVisible) {\n if (!windowId.current) {\n const maxWindowId = Math.max(0, ...windowStack.currentWindows.map((w) => w.windowId));\n windowId.current = maxWindowId + 1;\n }\n windowStack.pushToTop(windowId.current);\n setWindowVisible(visible);\n onOpen && onOpen();\n // Get starting position\n if (divRef.current && windowRef.current) {\n const parentPos = divRef.current.getBoundingClientRect();\n const pos = windowRef.current.getBoundingClientRect();\n const windowHeight = pos.bottom - pos.top;\n windowRef.current.style.left = `${parentPos.left}px`;\n windowRef.current.style.top = `${\n parentPos.bottom + windowHeight < window.innerHeight\n ? parentPos.bottom\n : Math.max(0, parentPos.top - windowHeight)\n }px`;\n windowRef.current.style.transform = \"\";\n windowPos.current = { x: 0, y: 0 };\n }\n checkPosition();\n } else if (windowId.current && !visible && windowVisible) {\n setWindowVisible(false);\n }\n }\n }, [checkPosition, onOpen, visible, windowStack, windowVisible]);\n\n return (\n <div\n className={styles.contextWindowAnchor}\n ref={divRef}\n >\n {windowStack &&\n createPortal(\n <div\n {...rest}\n id={id}\n className={styles.contextWindow}\n style={{\n ...rest.style,\n opacity: moving ? 0.8 : windowVisible ? 1 : 0,\n visibility: windowVisible ? \"visible\" : \"hidden\",\n zIndex: zIndex ?? 1,\n minHeight: rest.style?.minHeight ?? \"150px\",\n minWidth: rest.style?.minWidth ?? \"200px\",\n maxHeight: rest.style?.maxHeight ?? \"1000px\",\n maxWidth: rest.style?.maxWidth ?? \"1000px\",\n }}\n onClickCapture={() => {\n windowId && windowId.current && windowStack.pushToTop(windowId.current);\n }}\n ref={windowRef}\n >\n <div\n className={[styles.contextWindowTitle, moving ? styles.moving : \"\"]\n .filter((c) => c !== \"\")\n .join(\" \")}\n onMouseDown={(e: React.MouseEvent) => {\n if (e.target && (e.target instanceof HTMLElement \|\| e.target instanceof SVGElement))\n e.target.style.userSelect = \"none\";\n setMoving(true);\n windowId && windowId.current && windowStack.pushToTop(windowId.current);\n document.addEventListener(\"mouseup\", mouseUp);\n document.addEventListener(\"mousemove\", mouseMove);\n window.addEventListener(\"resize\", () => checkPosition());\n }}\n >\n <div className={styles.contextWindowTitleText}>{title}</div>\n <div className={styles.contextWindowTitleClose}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n viewBox=\"0 0 16 16\"\n aria-label=\"Close window\"\n onClick={onClose}\n >\n <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" />\n </svg>\n </div>\n </div>\n <div className={styles.contextWindowBody}>\n <div>{children}</div>\n </div>\n </div>,\n document.body,\n )}\n </div>\n );\n};\n\nContextWindow.displayName = \"ContextWindow\";\n","import { RefObject } from \"react\";\n\n/*\n Check that an existing div is inside the viewport\n * @param divRef Check div is inside view port, and return n\n * @returns \\{ translateX, translateY \\} Amount to move on X and Y axis\n */\nexport const chkPosition = (\n divRef: RefObject<HTMLDivElement>,\n): { translateX: number; translateY: number } => {\n if (!divRef.current) {\n return { translateX: 0, translateY: 0 };\n } else {\n const innerBounce = 16;\n const posn = divRef.current.getBoundingClientRect();\n let translateX = 0;\n if (posn.left < innerBounce) {\n translateX = -posn.left + innerBounce;\n } else if (posn.right > window.innerWidth) {\n translateX = Math.max(-posn.left + innerBounce, window.innerWidth - posn.right - innerBounce);\n }\n let translateY = 0;\n if (posn.top < innerBounce) {\n translateY = -posn.top + innerBounce;\n } else if (posn.bottom > window.innerHeight) {\n translateY = Math.max(\n -posn.top + innerBounce,\n window.innerHeight - posn.bottom - innerBounce,\n );\n }\n return { translateX, translateY };\n }\n};\n","import { createContext, useState } from \"react\";\n\nexport interface ContextWindowZIndex {\n windowId: number;\n zIndex: number;\n}\n\nexport interface ContextWindowStackContextProps {\n currentWindows: ContextWindowZIndex[];\n pushToTop: (ret: number) => void;\n}\n\nexport const ContextWindowStackContext = createContext<ContextWindowStackContextProps \| null>(null);\n\ninterface ContextWindowStackProps {\n id?: string;\n minZIndex?: number;\n children?: JSX.Element[] \| JSX.Element;\n}\n\nconst pushToTop = (\n windowId: number,\n minZIndex: number,\n windowList: ContextWindowZIndex[],\n setWindowList: (ret: ContextWindowZIndex[]) => void,\n) => {\n const otherWindows = windowList\n .filter((w) => w.windowId !== windowId)\n .map((w, i) => ({ windowId: w.windowId, zIndex: minZIndex + i }));\n setWindowList([...otherWindows, { windowId, zIndex: minZIndex + otherWindows.length }]);\n};\n\nexport const ContextWindowStack = ({\n minZIndex = 1000,\n children,\n}: ContextWindowStackProps): JSX.Element => {\n const [currentWindows, setCurrentWindows] = useState<ContextWindowZIndex[]>([]);\n\n return (\n <ContextWindowStackContext.Provider\n value={{\n currentWindows: currentWindows.map((w) => ({\n windowId: w.windowId,\n zIndex: minZIndex + w.zIndex,\n })),\n pushToTop: (ret: number) => pushToTop(ret, minZIndex, currentWindows, setCurrentWindows),\n }}\n >\n {children}\n </ContextWindowStackContext.Provider>\n );\n};\n\nContextWindowStack.displayName = \"ContextWindowStack\";\n",".contextWindowAnchor {\n position: relative;\n}\n\n.contextWindow {\n z-index: 2001;\n border: 1px black solid;\n margin: 0;\n padding: 4px;\n background-color: rgb(250, 250, 250);\n box-shadow: 6px 6px 6px rgb(64, 64, 64, 0.5);\n transition: opacity 0.25s linear;\n justify-content: flex-start;\n position: absolute;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n border-bottom-left-radius: 8px;\n resize: both;\n overflow: auto;\n}\n\n.contextWindowTitle {\n border-bottom: 1px black dashed;\n padding-bottom: 4px;\n margin: 0 4px 3px 4px;\n height: 24px;\n max-height: 24px;\n cursor: grab;\n align-items: top;\n display: flex;\n width: calc(100% - 8px);\n}\n\n.contextWindowTitle.moving {\n cursor: grabbing;\n}\n\n.contextWindowTitleText {\n font-size: 18px;\n font-weight: 600;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: calc(100% - 16px);\n}\n\n.contextWindowTitleClose {\n display: inline-block;\n color: black;\n background-color: white;\n height: 16px;\n width: 16px;\n border-radius: 3px;\n margin-left: 2px;\n cursor: pointer;\n}\n\n.contextWindowTitleClose:hover {\n background-color: black;\n color: white;\n}\n\n.contextWindowBody {\n overflow: auto;\n padding-bottom: 8px;\n margin-right: 4px;\n height: calc(100% - 40px);\n}\n\n.contextWindowBody::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-track {\n background: white;\n border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb {\n background: lightgrey;\n border: none;\n border-radius: 8px;\n}\n\n.contextWindowBody::-webkit-scrollbar-thumb:hover {\n background: grey;\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@asup/context-menu",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "REACT Typescript Context menu component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -9,22 +9,33 @@
     "type": "git",
     "url": "git+https://github.com/PaulDThomas/context-menu.git"
   },
+  "main": "dist/cjs/main.js",
+  "module": "dist/main.js",
+  "types": "dist/context-menu.d.ts",
+  "files": [
+    "dist"
+  ],
   "keywords": [
     "react",
     "typescript",
     "context menu"
   ],
+  "scripts": {
+    "build": "rmdir /q/s .\\.parcel-cache && parcel build src/main.ts",
+    "prepare": "husky",
+    "start": "rmdir /q/s .\\.parcel-cache && parcel demo/index.html --dist-dir demo/dist",
+    "test": "jest --watch",
+    "test:coverage-report": "jest --coverage"
+  },
   "bugs": {
     "url": "https://github.com/PaulDThomas/context-menu/issues"
   },
   "homepage": "https://github.com/PaulDThomas/context-menu#readme",
   "dependencies": {
-    "@swc/helpers": "^0.5.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "peerDependencies": {
-    "@swc/helpers": "^0.5.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
@@ -34,29 +45,33 @@
     "@parcel/transformer-sass": "^2.7.0",
     "@parcel/transformer-typescript-types": "^2.8.0",
     "@parcel/transformer-webmanifest": "^2.7.0",
-    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
+    "@types/css-modules": "^1.0.5",
     "@types/jest": "^29.2.2",
-    "@types/node": "^20.10.4",
+    "@types/node": "^20.11.19",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.8",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "^7.0.1",
     "eslint": "^8.32.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.1",
+    "husky": "^9.0.11",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.3.1",
-    "lint-staged": "^15.2.0",
+    "jest-watch-typeahead": "^2.2.2",
+    "lint-staged": "^15.2.2",
     "parcel": "^2.7.0",
     "postcss": "^8.4.18",
-    "prettier": "^3.1.0",
+    "prettier": "^3.2.5",
     "process": "^0.11.10",
     "ts-jest": "^29.0.3",
+    "ts-jest-mock-import-meta": "^1.2.0",
     "ts-node": "^10.9.1",
     "typescript": "^5.0.4",
     "typescript-plugin-css-modules": "^5.0.2"
@@ -64,17 +79,11 @@
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"
   },
-  "main": "dist/cjs/main.js",
-  "module": "dist/main.js",
-  "types": "dist/context-menu.d.ts",
-  "files": [
-    "dist"
-  ],
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+  "@parcel/transformer-css": {
+    "cssModules": {
+      "pattern": "aiw-[hash]-[local]",
+      "dashedIndents": true
+    }
   },
   "browserslist": {
     "production": [
@@ -87,11 +96,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "scripts": {
-    "build": "parcel build src/main.ts",
-    "start": "parcel demo/index.html --dist-dir demo/dist",
-    "test": "jest --watch",
-    "test:coverage-report": "npm test -- --coverage --watchAll=false"
   }
 }